@elliemae/pui-cli 7.0.0-beta.9 → 7.2.0

package/dist/esm/typescript/app.tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "ES2020",
+    "target": "ES2015",
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "preserveConstEnums": true,
+    "sourceMap": true
+  },
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "pui-cli app"
+}

package/dist/esm/typescript/library.tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "moduleResolution": "node",
+    "target": "ES2020",
+    "module": "ES2020",
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "declaration": true,
+    "emitDeclarationOnly": true
+  },
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "pui-cli library"
+}

package/dist/esm/update-notifier.js

@@ -0,0 +1,11 @@
+import updateNotifier from "update-notifier";
+import path from "node:path";
+import fs from "node:fs/promises";
+const notifyUpdates = async () => {
+  const pkgFile = await fs.readFile(path.join(process.cwd(), "./package.json"));
+  const pkg = JSON.parse(pkgFile);
+  updateNotifier({ pkg }).notify();
+};
+export {
+  notifyUpdates
+};

package/dist/esm/utils.cjs

@@ -0,0 +1,23 @@
+const path = require('path');
+const fs = require('fs');
+
+exports.basePath = (process.env.BASE_PATH || '/').replace(/\/?$/, '/');
+
+const isApp = () => fs.existsSync(path.join(process.cwd(), 'app'));
+
+exports.getAppConfig = () => {
+  const appConfigPath = path.join(
+    process.cwd(),
+    isApp() ? 'app' : 'lib',
+    'app.config.json',
+  );
+
+  if (!fs.existsSync(appConfigPath)) return '{}';
+  const appConfig = fs.readFileSync(appConfigPath);
+  return appConfig || '{}';
+};
+
+exports.isApp = isApp;
+
+exports.isTypeScriptEnabled = () =>
+  fs.existsSync(path.join(process.cwd(), 'tsconfig.json'));

package/dist/esm/webpack/helpers.js

@@ -0,0 +1,211 @@
+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.cjs";
+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) => ({
+    [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({
+      filename: "[path][base].gz",
+      algorithm: "gzip",
+      ...commonConfig
+    }),
+    new CompressionPlugin({
+      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,260 @@
+import path from "node:path";
+import webpack 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 webpack.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-user-monitoring/dist/umd/*.js",
+        to: "./latest/js/[name].[contenthash][ext]",
+        noErrorOnMissing: true,
+        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/pui-app-loader/dist/umd/*.js",
+        to: "./latest/js/[name].[contenthash][ext]",
+        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/encw-loader/dist/umd/*.js",
+        to: "./latest/js/[name].[contenthash][ext]",
+        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: "node_modules/@elliemae/pui-diagnostics/dist/umd/*.js",
+        to: "./latest/js/[name].[contenthash][ext]",
+        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 webpack.ProgressPlugin()
+];
+const baseConfig = (options) => ({
+  mode: options.mode,
+  entry: options.entry,
+  output: {
+    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: {
+      ...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,121 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+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.js";
+import { loadRoutes } from "../server/app-routes.cjs";
+import {
+  isAppLoaderEnabled,
+  getPaths,
+  isGoogleTagManagerEnabled
+} from "./helpers.js";
+import { baseConfig } from "./webpack.base.babel.js";
+const __filename = fileURLToPath(import.meta.url);
+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: process.env.PORT || "auto",
+    setupMiddlewares: (middlewares, devServer) => {
+      setupDefaultMiddlewares(devServer.app);
+      devServer.app.use(expressStaticGzip("cdn"));
+      loadRoutes(devServer.app);
+      return middlewares;
+    }
+  }
+};
+const config = smp.wrap(baseConfig(devConfig));
+config.plugins = config.plugins.concat([new ReactRefreshWebpackPlugin({})]);
+var webpack_dev_babel_default = config;
+export {
+  webpack_dev_babel_default as default
+};