@elliemae/pui-cli 6.16.0 → 7.0.0-alpha.2

package/dist/esm/webpack/helpers.js

@@ -0,0 +1,196 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import path from "node:path";
+import fs from "node:fs";
+import _ from "lodash";
+import CompressionPlugin from "compression-webpack-plugin";
+import zlib from "zlib";
+import { findMonoRepoRoot } from "../monorepo/utils.js";
+import { basePath, getAppConfig } from "../utils.cjs";
+let pathSep = path.sep;
+if (pathSep === "\\")
+  pathSep = "\\\\";
+const LATEST_VERSION = "latest";
+const getNodeModulesRegEx = (modules) => modules.map((modName) => new RegExp(`node_modules${pathSep}${modName.replace("/", pathSep)}`));
+const excludeNodeModulesExcept = (modules) => {
+  const moduleRegExps = getNodeModulesRegEx(modules);
+  return function(modulePath) {
+    if (/node_modules/.test(modulePath)) {
+      for (let i = 0; i < moduleRegExps.length; i += 1)
+        if (moduleRegExps[i].test(modulePath))
+          return false;
+      return true;
+    }
+    return false;
+  };
+};
+const getLibraryName = () => {
+  const packageJson = JSON.parse(fs.readFileSync(path.join(process.cwd(), "package.json")));
+  const libraryName = packageJson ? packageJson.name : process.env.LIBRARY_NAME || "mylibrary";
+  const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
+  return _.camelCase(modifiedLibName);
+};
+const mapToFolder = (dependencies, folder) => dependencies.reduce((acc, dependency) => __spreadValues({
+  [dependency]: path.resolve(`${folder}/${dependency.replace("$", "")}`)
+}, acc), {});
+const getAlias = () => {
+  const monorepoRoot = findMonoRepoRoot(process.cwd()) || "";
+  return mapToFolder([
+    "@babel/runtime",
+    "react",
+    "react-dom",
+    "react-redux",
+    "redux",
+    "redux-saga",
+    "moment",
+    "lodash",
+    "styled-components",
+    "immer",
+    "react-dates",
+    "react-transition-group",
+    "@elliemae/pui-cli",
+    "@elliemae/pui-app-sdk$",
+    "@elliemae/pui-theme$"
+  ], path.join(monorepoRoot, "./node_modules"));
+};
+const modulesToTranspile = [
+  "@elliemae/pui-*",
+  "@elliemae/ds-*",
+  "@dnd-kit/*",
+  "@elliemae/em-platform-document-viewer"
+];
+const getUserMonitoringFileName = () => {
+  const libName = "emuiUserMonitoring";
+  const userMonLibPath = path.join(process.cwd(), "node_modules/@elliemae/pui-user-monitoring/dist/public/js");
+  if (!fs.existsSync(userMonLibPath))
+    return `${libName}.js`;
+  const distJSFiles = fs.readdirSync(userMonLibPath);
+  return distJSFiles.filter((fName) => fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/))[0];
+};
+const getAppLoaderFileName = () => {
+  const libName = "emuiAppLoader";
+  const appLoaderLibPath = path.join(process.cwd(), "node_modules/@elliemae/pui-app-loader/dist/public/js");
+  if (!fs.existsSync(appLoaderLibPath))
+    return `${libName}.js`;
+  const distJSFiles = fs.readdirSync(appLoaderLibPath);
+  return distJSFiles.filter((fName) => fName.match(/emuiAppLoader+((?!chunk).)*\.js$/))[0];
+};
+const getDiagnosticsFileName = () => {
+  const libName = "emuiDiagnostics";
+  const libPath = path.join(process.cwd(), "node_modules/@elliemae/pui-diagnostics/dist/public/js");
+  if (!fs.existsSync(libPath))
+    return `${libName}.js`;
+  const distJSFiles = fs.readdirSync(libPath);
+  return distJSFiles.filter((fName) => fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/))[0];
+};
+const getENCWLoaderFileName = () => {
+  const libName = "emuiEncwLoader";
+  const appLoaderLibPath = path.join(process.cwd(), "node_modules/@elliemae/encw-loader/dist/public/js");
+  if (!fs.existsSync(appLoaderLibPath))
+    return `${libName}.js`;
+  const distJSFiles = fs.readdirSync(appLoaderLibPath);
+  return distJSFiles.filter((fName) => fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/))[0];
+};
+const getAppVersion = () => {
+  if (!process.env.APP_VERSION)
+    return LATEST_VERSION;
+  const match = process.env.APP_VERSION.match(/^v?(\d+\.\d+)\..*$/);
+  return match && match[1] || LATEST_VERSION;
+};
+const getPaths = (latestVersion = true) => {
+  const version = latestVersion ? LATEST_VERSION : getAppVersion();
+  const publicPath = `${version}/`;
+  const timeStampQuery = process.env.PUI_PIPELINE !== "true" ? `?timeStamp=${Date.now()}` : "";
+  return {
+    appVersion: version,
+    buildPath: path.resolve(process.cwd(), `build/public/`),
+    basePath,
+    publicPath,
+    userMonScriptPath: `latest/js/${getUserMonitoringFileName()}`,
+    appLoaderScriptPath: `latest/js/${getAppLoaderFileName()}`,
+    diagnosticsScriptPath: `latest/js/${getDiagnosticsFileName()}`,
+    globalScriptPath: `latest/js/global.js${timeStampQuery}`,
+    encwLoaderScriptPath: `latest/js/${getENCWLoaderFileName()}`
+  };
+};
+const isAppLoaderEnabled = () => process.env.APP_LOADER === "true";
+const getMediaPath = () => `assets/[name].[contenthash].[ext]`;
+const isGoogleTagManagerEnabled = () => {
+  const appConfig = JSON.parse(getAppConfig());
+  return !!appConfig?.googleTagManager;
+};
+const getCompressionPlugins = (isLibrary = false) => {
+  const excludeList = [
+    /\/adrum-ext/,
+    /\/emuiUserMonitoring/,
+    /\/emuiDiagnostics/,
+    /\/emuiAppLoader/,
+    /\/encwLoader/
+  ];
+  const commonConfig = {
+    test: /\.(js|css)$/,
+    exclude: !isLibrary ? excludeList : [],
+    minRatio: Infinity
+  };
+  return [
+    new CompressionPlugin(__spreadValues({
+      filename: "[path][base].gz",
+      algorithm: "gzip"
+    }, commonConfig)),
+    new CompressionPlugin(__spreadProps(__spreadValues({
+      filename: "[path][base].br",
+      algorithm: "brotliCompress"
+    }, commonConfig), {
+      compressionOptions: {
+        params: {
+          [zlib.constants.BROTLI_PARAM_QUALITY]: 11
+        }
+      }
+    }))
+  ];
+};
+const filterByFilePresence = (patterns) => patterns.filter(({ from, noErrorOnMissing }) => !noErrorOnMissing || fs.existsSync(path.resolve(process.cwd(), from)));
+const resolveExtensions = [
+  ".wasm",
+  ".mjs",
+  ".ts",
+  ".tsx",
+  ".js",
+  ".jsx",
+  ".json"
+];
+const mainFields = ["browser", "module", "main"];
+export {
+  LATEST_VERSION,
+  excludeNodeModulesExcept,
+  filterByFilePresence,
+  getAlias,
+  getAppVersion,
+  getCompressionPlugins,
+  getLibraryName,
+  getMediaPath,
+  getPaths,
+  isAppLoaderEnabled,
+  isGoogleTagManagerEnabled,
+  mainFields,
+  mapToFolder,
+  modulesToTranspile,
+  resolveExtensions
+};

package/dist/esm/webpack/webpack.base.babel.js

@@ -0,0 +1,248 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import path from "node:path";
+import webpack, { ProvidePlugin, ProgressPlugin } from "webpack";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import PostcssPresetEnv from "postcss-preset-env";
+import CopyWebpackPlugin from "copy-webpack-plugin";
+import DuplicatePackageCheckerPlugin from "duplicate-package-checker-webpack-plugin";
+import MomentLocalesPlugin from "moment-locales-webpack-plugin";
+import { WebpackManifestPlugin } from "webpack-manifest-plugin";
+import FaviconsWebpackPlugin from "favicons-webpack-plugin";
+import browserslistToEsbuild from "browserslist-to-esbuild";
+import {
+  excludeNodeModulesExcept,
+  modulesToTranspile,
+  getAlias,
+  getPaths,
+  filterByFilePresence
+} from "./helpers.js";
+const minicssLoader = {
+  loader: MiniCssExtractPlugin.loader,
+  options: {}
+};
+const finalCSSLoader = (mode) => mode !== "production" ? { loader: "style-loader" } : minicssLoader;
+const postcssPlugins = [PostcssPresetEnv({ autoprefixer: { grid: true } })];
+const { buildPath } = getPaths();
+const plugins = [
+  new webpack.EnvironmentPlugin({
+    NODE_ENV: "development",
+    CI: "false"
+  }),
+  new ProvidePlugin({
+    React: "react"
+  }),
+  new CopyWebpackPlugin({
+    patterns: filterByFilePresence([
+      {
+        from: "app/app.config.json",
+        to: "./latest/app.config.json"
+      },
+      {
+        from: "app/robots.txt",
+        to: "robots.txt",
+        noErrorOnMissing: true
+      },
+      {
+        from: "app/global*.js",
+        to: "./latest/js/[name][ext]"
+      },
+      {
+        from: "node_modules/@elliemae/pui-user-monitoring/dist/public/js",
+        to: "./latest/js",
+        toType: "dir",
+        info: { minimized: true }
+      },
+      {
+        from: "node_modules/@elliemae/pui-app-loader/dist/public/js",
+        to: "./latest/js",
+        toType: "dir",
+        noErrorOnMissing: true,
+        info: { minimized: true }
+      },
+      {
+        from: "node_modules/@elliemae/encw-loader/dist/public/js",
+        to: "./latest/js",
+        toType: "dir",
+        noErrorOnMissing: true,
+        info: { minimized: true }
+      },
+      {
+        from: "node_modules/@elliemae/pui-diagnostics/dist/public/js",
+        to: "./latest/js",
+        toType: "dir",
+        noErrorOnMissing: true,
+        info: { minimized: true }
+      },
+      {
+        from: "public",
+        to: "./latest",
+        noErrorOnMissing: true,
+        globOptions: {
+          ignore: ["readme.md"]
+        }
+      },
+      {
+        from: "webroot",
+        noErrorOnMissing: true,
+        globOptions: {
+          ignore: ["readme.md"]
+        }
+      }
+    ])
+  }),
+  new DuplicatePackageCheckerPlugin(),
+  new MomentLocalesPlugin({ localesToKeep: ["es-us"] }),
+  new WebpackManifestPlugin({
+    fileName: "./latest/manifest.json",
+    publicPath: "",
+    map: (file) => {
+      file.name = file.name.replace(/^latest\//, "");
+      return file;
+    }
+  }),
+  new FaviconsWebpackPlugin({
+    outputPath: "./latest/assets",
+    logo: "./app/view/images/favicon.png",
+    favicons: {
+      developerName: "ICE MT",
+      developerURL: null,
+      icons: {
+        coast: false,
+        yandex: false
+      }
+    }
+  }),
+  new ProgressPlugin()
+];
+const baseConfig = (options) => ({
+  mode: options.mode,
+  entry: options.entry,
+  output: __spreadValues({
+    clean: true,
+    path: buildPath,
+    publicPath: "auto"
+  }, options.output),
+  optimization: options.optimization,
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        resolve: {
+          fullySpecified: false
+        },
+        use: {
+          loader: "esbuild-loader",
+          options: {
+            loader: "jsx",
+            target: browserslistToEsbuild()
+          }
+        }
+      },
+      {
+        test: /\.tsx?$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        resolve: {
+          fullySpecified: false
+        },
+        use: {
+          loader: "esbuild-loader",
+          options: {
+            loader: "tsx",
+            target: browserslistToEsbuild()
+          }
+        }
+      },
+      {
+        test: /\.css$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        use: [
+          finalCSSLoader(options.mode),
+          {
+            loader: "css-loader",
+            options: {
+              importLoaders: 1,
+              sourceMap: true
+            }
+          },
+          {
+            loader: "postcss-loader",
+            options: {
+              postcssOptions: {
+                plugins: postcssPlugins
+              },
+              sourceMap: true
+            }
+          }
+        ]
+      },
+      {
+        test: /\.(woff|woff2)$/,
+        type: "asset/resource",
+        exclude: excludeNodeModulesExcept(modulesToTranspile)
+      },
+      {
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        resourceQuery: /^((?!url).)*$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        use: ["@svgr/webpack"]
+      },
+      {
+        test: /\.(jpe?g|png|gif|ico|mp4|webm)$/i,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        type: "asset"
+      },
+      {
+        resourceQuery: /resource/,
+        type: "asset/resource",
+        exclude: excludeNodeModulesExcept(modulesToTranspile)
+      },
+      {
+        type: "asset",
+        resourceQuery: /url/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile)
+      }
+    ]
+  },
+  plugins: plugins.concat(options.plugins),
+  resolve: {
+    modules: [
+      "node_modules",
+      "app",
+      "lib",
+      path.resolve(process.cwd(), "node_modules"),
+      path.resolve(process.cwd(), "app"),
+      path.resolve(process.cwd(), "lib")
+    ],
+    extensions: [".js", ".jsx", ".ts", ".tsx", ".json", ".wasm", ".mjs"],
+    mainFields: ["browser", "module", "main"],
+    alias: __spreadValues(__spreadValues({}, getAlias()), (options.resolve || {}).alias || {})
+  },
+  externals: {
+    "@elliemae/pui-user-monitoring": "emuiUserMonitoring",
+    "@elliemae/pui-app-loader": "emuiAppLoader",
+    "@elliemae/pui-diagnostics": "emuiDiagnostics"
+  },
+  devtool: options.devtool || "eval-source-map",
+  performance: options.performance || {},
+  devServer: options.devServer || {}
+});
+export {
+  baseConfig
+};

package/dist/esm/webpack/webpack.dev.babel.js

@@ -0,0 +1,118 @@
+import path from "node:path";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import CircularDependencyPlugin from "circular-dependency-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
+import SpeedMeasurePlugin from "speed-measure-webpack-plugin";
+import expressStaticGzip from "express-static-gzip";
+import { setupDefaultMiddlewares } from "../server/middlewares/index.js";
+import { loadRoutes } from "../server/util/index.js";
+import {
+  isAppLoaderEnabled,
+  getPaths,
+  isGoogleTagManagerEnabled
+} from "./helpers.js";
+import baseConfigFactory from "./webpack.base.babel.js";
+const smp = new SpeedMeasurePlugin({ disable: !process.env.MEASURE });
+const {
+  appVersion,
+  buildPath,
+  basePath,
+  userMonScriptPath,
+  globalScriptPath,
+  appLoaderScriptPath,
+  diagnosticsScriptPath,
+  encwLoaderScriptPath
+} = getPaths();
+const devConfig = {
+  mode: "development",
+  cache: {
+    type: "filesystem",
+    allowCollectingMemory: true,
+    buildDependencies: {
+      config: [__filename]
+    }
+  },
+  entry: {
+    app: path.join(process.cwd(), "app/index")
+  },
+  output: {
+    path: buildPath,
+    publicPath: "auto",
+    filename: "[name].js",
+    chunkFilename: "[name].chunk.js",
+    assetModuleFilename: "[name][ext][query]"
+  },
+  optimization: {
+    splitChunks: {
+      chunks: "all",
+      cacheGroups: {
+        emui: {
+          name: "emui",
+          test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
+          priority: 1
+        },
+        vendors: {
+          name: "vendors",
+          test: /[\\/]node_modules[\\/]/
+        }
+      }
+    }
+  },
+  resolve: {
+    alias: {}
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      inject: !isAppLoaderEnabled(),
+      template: !isAppLoaderEnabled() ? "app/index.html" : "app/index-app-loader.html",
+      emui: {
+        appVersion,
+        globalScriptPath,
+        userMonScriptPath,
+        appLoaderScriptPath,
+        diagnosticsScriptPath,
+        encwLoaderScriptPath,
+        googleTagManager: isGoogleTagManagerEnabled()
+      }
+    }),
+    new CircularDependencyPlugin({
+      exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
+      failOnError: false
+    }),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+      chunkFilename: "[name].chunk.css"
+    })
+  ],
+  devtool: "eval-source-map",
+  performance: {
+    hints: false
+  },
+  devServer: {
+    client: {
+      overlay: {
+        errors: true,
+        warnings: false
+      }
+    },
+    devMiddleware: {
+      publicPath: basePath
+    },
+    historyApiFallback: true,
+    hot: true,
+    open: [basePath],
+    port: 3e3,
+    setupMiddlewares: (middlewares, devServer) => {
+      setupDefaultMiddlewares(devServer.app);
+      devServer.app.use(expressStaticGzip("cdn"));
+      loadRoutes(devServer.app);
+      return middlewares;
+    }
+  }
+};
+const config = smp.wrap(baseConfigFactory(devConfig));
+config.plugins = config.plugins.concat([new ReactRefreshWebpackPlugin({})]);
+export {
+  config
+};