gotosocial/web/source/index.js

/*
	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);
	});
}