oneportal-scripts 3.7.5

package/config/webpackDevServer.config.js

@@ -0,0 +1,67 @@
+const fs = require("node:fs");
+const evalSourceMapMiddleware = require("react-dev-utils/evalSourceMapMiddleware");
+const noopServiceWorkerMiddleware = require("react-dev-utils/noopServiceWorkerMiddleware");
+const ignoredFiles = require("react-dev-utils/ignoredFiles");
+const redirectServedPath = require("react-dev-utils/redirectServedPathMiddleware");
+const paths = require("./paths");
+const getHttpsConfig = require("./getHttpsConfig");
+const config = require(paths.extension);
+
+const host = process.env.HOST || "0.0.0.0";
+const sockHost = config.sockHost || "localhost";
+const sockPath = config.sockPath || "/ws";
+const sockPort = config.port || 13009;
+
+module.exports = function webpackDevServerConfig(proxyConfig, allowedHost) {
+  return {
+    hot: true,
+    allowedHosts:
+      !proxyConfig || "true" === process.env.DANGEROUSLY_DISABLE_HOST_CHECK
+        ? "all"
+        : [allowedHost],
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "*",
+      "Access-Control-Allow-Headers": "*",
+    },
+    compress: true,
+    static: {
+      directory: paths.appPublic,
+      publicPath: [paths.publicUrlOrPath],
+      watch: {
+        ignored: ignoredFiles(paths.appSrc),
+      },
+    },
+    client: {
+      webSocketURL: {
+        hostname: sockHost,
+        pathname: sockPath,
+        port: sockPort,
+      },
+      overlay: {
+        errors: true,
+        warnings: false,
+      },
+    },
+    devMiddleware: {
+      publicPath: paths.publicUrlOrPath.slice(0, -1),
+    },
+    https: getHttpsConfig(),
+    host,
+    historyApiFallback: {
+      disableDotRule: true,
+      index: paths.publicUrlOrPath,
+    },
+    proxy: proxyConfig,
+    onBeforeSetupMiddleware(devServer) {
+      devServer.app.use(evalSourceMapMiddleware(devServer));
+      if (fs.existsSync(paths.proxySetup)) {
+        require(paths.proxySetup)(devServer.app);
+      }
+    },
+    onAfterSetupMiddleware(devServer) {
+      devServer.app.use(redirectServedPath(paths.publicUrlOrPath));
+      devServer.app.use(noopServiceWorkerMiddleware(paths.publicUrlOrPath));
+    },
+  };
+};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "oneportal-scripts",
+  "version": "3.7.5",
+  "description": "Build scripts and configuration for OnePortal micro-frontend projects with Module Federation support.",
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "main": "index.js",
+  "scripts": {
+    "prepublishOnly": "node prepublish.js",
+    "build": "node prepublish.js && node ./scripts/build.js",
+    "start": "node ./scripts/start.js",
+    "refreshVSToken": "vsts-npm-auth -config .npmrc",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "files": [
+    "bin",
+    "config",
+    "scripts"
+  ],
+  "bin": {
+    "oneportal-scripts": "bin/oneportal-scripts.js"
+  },
+  "author": "ShareNet Technology Solutions",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@efox/emp-tune-dts-plugin": "^1.3.5",
+    "@fluentui/react": "^8.115.1",
+    "@fluentui/react-charting": "^5.21.27",
+    "axios": "^1.6.7",
+    "babel-loader": "^8.2.3",
+    "bfj": "^7.1.0",
+    "bundle-loader": "^0.5.6",
+    "chalk": "^5.3.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "copy-webpack-plugin": "^10.2.0",
+    "css-loader": "^6.5.1",
+    "css-modules-typescript-loader": "^4.0.1",
+    "dotenv": "^16.4.1",
+    "dotenv-expand": "^10.0.0",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "react": "^18.3.1",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.0.2",
+    "sass": "^1.70.0",
+    "sass-loader": "^12.3.0",
+    "semver": "^7.3.5",
+    "source-map-loader": "^3.0.0",
+    "style-loader": "^3.3.1",
+    "tar": "^6.2.0",
+    "tar-webpack-plugin": "^0.1.1",
+    "terser-webpack-plugin": "^5.3.10",
+    "ts-loader": "^9.2.6",
+    "typescript": "^4.4.4",
+    "webpack": "^5.93.0",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-livereload-plugin": "^3.0.2",
+    "workbox-webpack-plugin": "^7.1.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "webpack-cli": "^5.1.4"
+  },
+  "keywords": []
+}

package/scripts/build.js

@@ -0,0 +1,92 @@
+const path = require("node:path");
+const webpack = require("webpack");
+const chalk = require("react-dev-utils/chalk");
+const configFactory = require("../config/webpack.config");
+const config = configFactory("production");
+const bfj = require("bfj");
+const paths = require("../config/paths");
+const formatWebpackMessages = require("react-dev-utils/formatWebpackMessages");
+
+const writeStatsJson = false;
+
+function build() {
+  console.log("Creating an optimized production build....");
+
+  const compiler = webpack(config);
+
+  return new Promise((resolve, reject) => {
+    compiler.run((err, stats) => {
+      let messages;
+
+      if (err) {
+        if (!err.message) {
+          return reject(err);
+        }
+
+        let errMsg = err.message;
+
+        if (Object.prototype.hasOwnProperty.call(err, "postcssNode")) {
+          errMsg +=
+            "\nCompileError: Begins at CSS selector " +
+            err.postcssNode.selector;
+        }
+
+        messages = formatWebpackMessages({
+          errors: [errMsg],
+          warnings: [],
+        });
+      } else {
+        const statsJson = stats.toJson({
+          all: false,
+          warnings: true,
+          errors: true,
+        });
+
+        messages =
+          typeof statsJson === "string" ? formatWebpackMessages(statsJson) : {};
+      }
+
+      if (messages.errors?.length) {
+        if (messages.errors.length > 1) {
+          messages.errors.length = 1;
+        }
+        return reject(new Error(messages.errors.join("\n\n")));
+      }
+
+      if (
+        process.env.CI &&
+        typeof process.env.CI === "string" &&
+        process.env.CI.toLowerCase() !== "false" &&
+        messages.warnings?.length
+      ) {
+        const filteredWarnings = messages.warnings.filter(
+          (warning) => !/Failed to parse source map/.test(warning),
+        );
+
+        if (filteredWarnings.length) {
+          console.log(
+            chalk.yellow(
+              "\nTreating warnings as errors because process.env.CI = true.\nMost CI servers set it automatically.\n",
+            ),
+          );
+          return reject(new Error(filteredWarnings.join("\n\n")));
+        }
+      }
+
+      const result = {
+        stats,
+        warnings: messages ? messages.warnings : "",
+      };
+
+      if (writeStatsJson) {
+        bfj
+          .write(paths.appBuild + "/bundle-stats.json", stats.toJson())
+          .then(() => resolve(result))
+          .catch((error) => reject(new Error(error)));
+      } else {
+        resolve(result);
+      }
+    });
+  });
+}
+build();

package/scripts/start.js

@@ -0,0 +1,144 @@
+const fs = require("node:fs");
+const chalk = require("react-dev-utils/chalk");
+const webpack = require("webpack");
+const WebpackDevServer = require("webpack-dev-server");
+const clearConsole = require("react-dev-utils/clearConsole");
+const checkRequiredFiles = require("react-dev-utils/checkRequiredFiles");
+const {
+  choosePort,
+  createCompiler,
+  prepareProxy,
+  prepareUrls,
+} = require("react-dev-utils/WebpackDevServerUtils");
+const openBrowser = require("react-dev-utils/openBrowser");
+const semver = require("semver");
+const paths = require("../config/paths");
+const configFactory = require("../config/webpack.config");
+const createDevServerConfig = require("../config/webpackDevServer.config");
+const getClientEnvironment = require("../config/env");
+
+const react = require(require.resolve("react", {
+  paths: [paths.appPath],
+}));
+const config = require(paths.extension);
+const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
+const useYarn = fs.existsSync(paths.yarnLockFile);
+const isInteractive = process.stdout.isTTY;
+
+// Check required files and exit if missing
+if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
+  process.exit(1);
+}
+
+const DEFAULT_PORT = Number.parseInt(process.env.PORT, 10) || config.port;
+const HOST = process.env.HOST || "0.0.0.0";
+
+// Check browsers if HOST is set
+if (process.env.HOST) {
+  console.log(
+    chalk.cyan(
+      "Attempting to bind to HOST environment variable: " +
+        chalk.yellow(chalk.bold(process.env.HOST)),
+    ),
+  );
+  console.log(
+    "If this was unintentional, check that you haven't mistakenly set it in your shell.",
+  );
+  console.log(
+    "Learn more here: " + chalk.yellow("https://cra.link/advanced-config"),
+  );
+  console.log();
+}
+
+const checkBrowsers = require("react-dev-utils/browsersHelper").checkBrowsers;
+
+if (config.publicPath) {
+  checkBrowsers(paths.appPath, isInteractive)
+    .then(() => choosePort(HOST, DEFAULT_PORT))
+    .then((port) => {
+      if (port !== null) {
+        const webpackConfig = configFactory("development");
+        const protocol = process.env.HTTPS === "true" ? "https" : "http";
+        const appName = require(paths.appPackageJson).name;
+        const useTypeScript = fs.existsSync(paths.appTsConfig);
+
+        const urls = prepareUrls(
+          protocol,
+          HOST,
+          port,
+          paths.publicUrlOrPath.slice(0, -1),
+        );
+
+        const compiler = createCompiler({
+          appName,
+          config: webpackConfig,
+          urls,
+          useYarn,
+          useTypeScript,
+          webpack,
+        });
+
+        const proxy = require(paths.appPackageJson).proxy;
+        const proxyConfig = prepareProxy(
+          proxy,
+          paths.appPublic,
+          paths.publicUrlOrPath,
+        );
+
+        const devServerConfig = {
+          ...createDevServerConfig(proxyConfig, urls.lanUrlForConfig),
+          host: HOST,
+          port,
+        };
+
+        const devServer = new WebpackDevServer(devServerConfig, compiler);
+
+        devServer.startCallback(() => {
+          if (isInteractive) {
+            clearConsole();
+          }
+
+          if (env.raw.FAST_REFRESH && semver.lt(react.version, "16.10.0")) {
+            console.log(
+              chalk.yellow(
+                "Fast Refresh requires React 16.10 or higher. You are using React " +
+                  react.version +
+                  ".",
+              ),
+            );
+          }
+
+          console.log(chalk.cyan("Starting the development server...\n"));
+          openBrowser(urls.localUrlForBrowser);
+        });
+
+        ["SIGINT", "SIGTERM"].forEach((signal) => {
+          process.on(signal, () => {
+            devServer.close();
+            process.exit();
+          });
+        });
+
+        if (process.env.CI !== "true") {
+          process.stdin.on("end", () => {
+            devServer.close();
+            process.exit();
+          });
+        }
+      }
+    })
+    .catch((err) => {
+      if (err && err.message) {
+        console.error(err.message);
+        console.error("Build failed but continuing the process...");
+      }
+    });
+} else {
+  console.log(
+    "Missing : " +
+      chalk.red('"publicPath": "/"') +
+      " in " +
+      chalk.yellow("extension") +
+      " file ",
+  );
+}