Work in progress: webpack

src/node/hooks/express/specialpages.js

@@ -6,9 +6,11 @@ const fs = require('fs');
 const fsp = fs.promises;
 const toolbar = require('../../utils/toolbar');
 const hooks = require('../../../static/js/pluginfw/hooks');
+const plugins = require('../../../static/js/pluginfw/plugin_defs');
 const settings = require('../../utils/Settings');
 const util = require('util');
 const webaccess = require('./webaccess');
+const webpack = require('webpack');
 
 exports.expressPreSession = async (hookName, {app}) => {
   // This endpoint is intended to conform to:
@@ -69,12 +71,62 @@ exports.expressPreSession = async (hookName, {app}) => {
   });
 };
 
-exports.expressCreateServer = (hookName, args, cb) => {
+exports.expressCreateServer = async (hookName, args) => {
   // serve index.html under /
   args.app.get('/', (req, res) => {
     res.send(eejs.require('ep_etherpad-lite/templates/index.html', {req}));
   });
 
+  await fsp.mkdir(path.join(settings.root, 'var/js'), {recursive: true});
+  await fsp.writeFile(
+      path.join(settings.root, 'var/js/padbootstrap.js'),
+      eejs.require('ep_etherpad-lite/templates/padbootstrap.js', {
+        pluginModules: (() => {
+          const pluginModules = new Set();
+          for (const part of plugins.parts) {
+            for (const [, hookFnName] of Object.entries(part.client_hooks || {})) {
+              pluginModules.add(hookFnName.split(':')[0]);
+            }
+          }
+          return [...pluginModules];
+        })(),
+        settings,
+      }));
+
+  console.log('Packaging client-side JavaScript...');
+  const compiler = webpack({
+    context: settings.root,
+    devtool: 'source-map',
+    entry: './var/js/padbootstrap.js',
+    mode: process.env.NODE_ENV || 'development',
+    module: {
+      parser: {
+        javascript: {
+          commonjsMagicComments: true,
+        },
+      },
+    },
+    output: {
+      path: path.join(settings.root, 'var/js'),
+      filename: '[name]-[contenthash].js',
+    },
+    resolve: {
+      alias: {
+        'ep_etherpad-lite': path.join(settings.root, 'src'),
+      },
+    },
+  });
+  const stats = await util.promisify(compiler.run.bind(compiler))();
+  console.log(`webpack stats:\n${stats}`);
+  const mainName = stats.toJson('minimal').assetsByChunkName.main;
+
+  args.app.get(`/${mainName}`, (req, res, next) => {
+    res.sendFile(path.join(settings.root, `var/js/${mainName}`));
+  });
+  args.app.get(`/${mainName}.map`, (req, res, next) => {
+    res.sendFile(path.join(settings.root, `var/js/${mainName}.map`));
+  });
+
   // serve pad.html under /p
   args.app.get('/p/:pad', (req, res, next) => {
     // The below might break for pads being rewritten
@@ -91,6 +143,7 @@ exports.expressCreateServer = (hookName, args, cb) => {
       req,
       toolbar,
       isReadOnly,
+      entrypoint: `../${mainName}`,
     }));
   });
 
@@ -112,6 +165,4 @@ exports.expressCreateServer = (hookName, args, cb) => {
     // express-session automatically calls req.session.touch() so we don't need to do it here.
     res.json({status: 'ok'});
   });
-
-  return cb();
 };