130 lines
3.1 KiB
JavaScript
130 lines
3.1 KiB
JavaScript
/*
|
|
GoToSocial
|
|
Copyright (C) 2021-2022 GoToSocial Authors admin@gotosocial.org
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
/*
|
|
Bundle the frontend panels for admin and user settings
|
|
*/
|
|
|
|
const path = require('path');
|
|
// Forked budo-express supports EventEmitter, to write bundle.js to disk in development
|
|
const budoExpress = require('@f0x52/budo-express');
|
|
const babelify = require('babelify');
|
|
const fs = require("fs");
|
|
const EventEmitter = require('events');
|
|
|
|
function out(name = "") {
|
|
return path.join(__dirname, "../assets/dist/", name);
|
|
}
|
|
|
|
module.exports = {out};
|
|
|
|
const splitCSS = require("./lib/split-css.js");
|
|
|
|
const bundles = {
|
|
"./frontend/index.js": "frontend.js",
|
|
"./settings-panel/index.js": "settings.js",
|
|
// "./panels/admin/index.js": "admin-panel.js",
|
|
// "./panels/user/index.js": "user-panel.js",
|
|
};
|
|
|
|
const postcssPlugins = [
|
|
"postcss-import",
|
|
"postcss-nested",
|
|
"autoprefixer",
|
|
"postcss-custom-prop-vars",
|
|
"postcss-color-mod-function"
|
|
].map((plugin) => require(plugin)());
|
|
|
|
let uglifyifyInProduction;
|
|
|
|
if (process.env.NODE_ENV != "development") {
|
|
console.log("uglifyify'ing production bundles");
|
|
uglifyifyInProduction = [
|
|
require("uglifyify"), {
|
|
global: true,
|
|
exts: ".js"
|
|
}
|
|
];
|
|
}
|
|
|
|
const browserifyConfig = {
|
|
transform: [
|
|
[
|
|
babelify.configure({
|
|
presets: [
|
|
[
|
|
require.resolve("@babel/preset-env"),
|
|
{
|
|
modules: "cjs"
|
|
}
|
|
],
|
|
require.resolve("@babel/preset-react")
|
|
]
|
|
}),
|
|
{
|
|
global: true,
|
|
exclude: /node_modules\/(?!photoswipe-dynamic-caption-plugin)/,
|
|
}
|
|
],
|
|
uglifyifyInProduction
|
|
],
|
|
plugin: [
|
|
[require("icssify"), {
|
|
parser: require("postcss-scss"),
|
|
before: postcssPlugins,
|
|
mode: 'global'
|
|
}],
|
|
[require("css-extract"), { out: splitCSS }],
|
|
[require("factor-bundle"), {
|
|
outputs: Object.values(bundles).map((file) => {
|
|
return out(file);
|
|
})
|
|
}]
|
|
],
|
|
extensions: [".js", ".jsx", ".css"]
|
|
};
|
|
|
|
const entryFiles = Object.keys(bundles);
|
|
|
|
fs.readdirSync(path.join(__dirname, "./css")).forEach((file) => {
|
|
entryFiles.push(path.join(__dirname, "./css", file));
|
|
});
|
|
|
|
if (!fs.existsSync(out())){
|
|
fs.mkdirSync(out(), { recursive: true });
|
|
}
|
|
|
|
const server = budoExpress({
|
|
port: 8081,
|
|
host: "localhost",
|
|
entryFiles: entryFiles,
|
|
basePath: __dirname,
|
|
bundlePath: "bundle.js",
|
|
staticPath: out(),
|
|
expressApp: require("./dev-server.js"),
|
|
browserify: browserifyConfig,
|
|
livereloadPattern: "**/*.{html,js,svg}"
|
|
});
|
|
|
|
if (server instanceof EventEmitter) {
|
|
server.on("update", (contents) => {
|
|
fs.writeFileSync(out("bundle.js"), contents);
|
|
});
|
|
} |