@nebula.js/cli-serve 2.0.0-beta.1

package/lib/webpack.serve.js

@@ -0,0 +1,214 @@
+/* eslint global-require: 0 */
+const path = require('path');
+const chalk = require('chalk');
+const express = require('express');
+
+const webpack = require('webpack');
+const WebpackDevServer = require('webpack-dev-server');
+
+const snapshooterFn = require('./snapshot-server');
+const snapshotRouter = require('./snapshot-router');
+
+module.exports = async ({
+  host,
+  port,
+  disableHostCheck,
+  enigmaConfig,
+  webIntegrationId,
+  snName,
+  snUrl,
+  dev = false,
+  open = true,
+  entryWatcher,
+  watcher,
+  serveConfig,
+}) => {
+  let config;
+  let contentBase;
+
+  const snapshotRoute = '/njs';
+
+  const snapshooter = snapshooterFn({ snapshotUrl: `http://${host}:${port}/eRender.html` });
+
+  (serveConfig.snapshots || []).forEach((s) => {
+    snapshooter.storeSnapshot(s);
+  });
+
+  const snapRouter = snapshotRouter({
+    base: `http://${host}:${port}${snapshotRoute}`,
+    snapshotUrl: `http://${host}:${port}/eRender.html`,
+    snapshooter,
+  });
+
+  const themes = serveConfig.themes || [];
+  const renderConfigs = serveConfig.renderConfigs || [];
+
+  if (dev) {
+    const webpackConfig = require('./webpack.build');
+    const srcDir = path.resolve(__dirname, '../web');
+    const distDir = path.resolve(srcDir, '../dist');
+    contentBase = distDir;
+    config = webpackConfig({
+      srcDir,
+      distDir,
+      dev: true,
+      serveConfig,
+    });
+  } else {
+    const webpackConfig = require('./webpack.prod');
+    const srcDir = path.resolve(__dirname, '../dist');
+    contentBase = srcDir;
+    config = webpackConfig({
+      srcDir,
+      serveConfig,
+    });
+  }
+  const options = {
+    client: {
+      logging: 'none',
+      overlay: {
+        warnings: false,
+        errors: true,
+      },
+      progress: true,
+    },
+    hot: dev,
+    host,
+    port,
+    allowedHosts: disableHostCheck ? 'all' : 'auto',
+    open,
+    historyApiFallback: {
+      index: '/eHub.html',
+    },
+    static: {
+      directory: contentBase,
+      watch: {
+        ignored: /node_modules/,
+      },
+    },
+    onBeforeSetupMiddleware(devServer) {
+      const { app } = devServer;
+      app.use(snapshotRoute, snapRouter);
+
+      if (entryWatcher) {
+        entryWatcher.addRoutes(app);
+      }
+
+      app.get('/themes', (req, res) => {
+        const arr = themes.map((theme) => theme.id);
+        res.json(arr);
+      });
+
+      app.get('/theme/:id', (req, res) => {
+        const t = themes.filter((theme) => theme.id === req.params.id)[0];
+        if (!t) {
+          res.sendStatus('404');
+        } else {
+          res.json(t.theme);
+        }
+      });
+
+      app.get('/render-configs', (_, res) => {
+        res.json(renderConfigs);
+      });
+
+      app.get('/render-config/:id', (req, res) => {
+        const renderConfig = renderConfigs.filter((r) => r.id === req.params.id)[0];
+        if (!renderConfig) {
+          res.sendStatus('404');
+        } else {
+          res.json(renderConfig.render);
+        }
+      });
+
+      app.get('/info', (req, res) => {
+        res.json({
+          enigma: enigmaConfig,
+          webIntegrationId,
+          supernova: {
+            name: snName,
+            url: snUrl,
+          },
+          sock: {
+            port: entryWatcher && entryWatcher.port,
+          },
+          flags: serveConfig.flags,
+          themes: themes.map((theme) => theme.id),
+          types: serveConfig.types,
+        });
+      });
+
+      if (serveConfig.resources) {
+        app.use('/resources', express.static(serveConfig.resources));
+      }
+
+      app.use('/assets', express.static(path.resolve(__dirname, '../assets')));
+    },
+    proxy: [
+      {
+        context: '/render',
+        target: `http://${host}:${port}/eRender.html`,
+        ignorePath: true,
+        logLevel: 'error',
+      },
+      {
+        context: '/dev',
+        target: `http://${host}:${port}/eDev.html`,
+        ignorePath: true,
+        logLevel: 'error',
+      },
+    ],
+  };
+
+  const compiler = webpack(config);
+  const server = new WebpackDevServer(options, compiler);
+
+  const close = () => {
+    server.stop();
+  };
+
+  ['SIGINT', 'SIGTERM'].forEach((signal) => {
+    process.on(signal, close);
+  });
+
+  if (watcher) {
+    let inError = false;
+    watcher.on('event', (event) => {
+      if (event.code === 'ERROR') {
+        inError = true;
+        server.sockWrite(server.sockets, 'errors', [event.error.stack]);
+      } else if (event.code === 'BUNDLE_END' && inError) {
+        inError = false;
+        server.sockWrite(server.sockets, 'ok');
+      }
+    });
+  }
+
+  let initiated = false;
+
+  return new Promise((resolve) => {
+    // eslint-disable-line consistent-return
+    compiler.hooks.done.tap('nebula serve', (stats) => {
+      if (!initiated) {
+        initiated = true;
+        const url = `http://${host}:${port}`;
+        console.log(`Development server running at ${chalk.green(url)}`);
+
+        resolve({
+          context: '',
+          url,
+          close,
+        });
+
+        if (stats.hasErrors()) {
+          stats.compilation.errors.forEach((e) => {
+            console.log(chalk.red(e));
+          });
+          process.exit(1);
+        }
+      }
+    });
+
+    server.start();
+  });
+};

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@nebula.js/cli-serve",
+  "version": "2.0.0-beta.1",
+  "description": "",
+  "license": "MIT",
+  "author": "QlikTech International AB",
+  "keywords": [],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/qlik-oss/nebula.js.git"
+  },
+  "main": "lib/serve.js",
+  "files": [
+    "assets",
+    "command.js",
+    "data",
+    "dist",
+    "docker-compose.yml",
+    "lib"
+  ],
+  "scripts": {
+    "build": "cross-env NODE_ENV=production DEFAULTS=true webpack --config ./lib/webpack.build.js",
+    "lint": "eslint web",
+    "prepublishOnly": "rm -rf dist && yarn run build"
+  },
+  "dependencies": {
+    "@nebula.js/cli-build": "^2.0.0-beta.1",
+    "body-parser": "1.19.0",
+    "chalk": "4.1.2",
+    "chokidar": "3.5.2",
+    "cross-env": "7.0.3",
+    "express": "4.17.1",
+    "extend": "3.0.2",
+    "html-webpack-plugin": "5.3.2",
+    "portfinder": "1.0.28",
+    "puppeteer": "10.2.0",
+    "regenerator-runtime": "0.13.9",
+    "source-map-loader": "3.0.0",
+    "webpack": "5.51.1",
+    "webpack-dev-server": "4.1.1",
+    "ws": "8.2.1",
+    "yargs": "17.1.1"
+  },
+  "devDependencies": {
+    "@babel/core": "7.15.0",
+    "@babel/preset-env": "7.15.0",
+    "@babel/preset-react": "7.14.5",
+    "@material-ui/core": "4.12.3",
+    "@nebula.js/nucleus": "^2.0.0-beta.1",
+    "@nebula.js/snapshooter": "^2.0.0-beta.1",
+    "@nebula.js/stardust": "^2.0.0-beta.1",
+    "@nebula.js/ui": "^2.0.0-beta.1",
+    "autosuggest-highlight": "3.1.1",
+    "babel-loader": "8.2.2",
+    "d3-require": "1.2.4",
+    "enigma.js": "2.7.3",
+    "eslint-import-resolver-alias": "1.1.2",
+    "eslint-import-resolver-webpack": "0.13.1",
+    "monaco-editor": "0.27.0",
+    "monaco-editor-webpack-plugin": "4.1.2",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "webpack-cli": "4.8.0"
+  },
+  "gitHead": "851bf623f70a49f07615fe3b7e37b8b44fad534f"
+}