@elliemae/pui-cli 8.60.2 → 8.62.0

package/dist/cjs/webpack/helpers.js

@@ -91,28 +91,32 @@ const mapToFolder = (dependencies, folder) => dependencies.reduce(
 );
 const getAlias = () => {
   const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) || "";
-  return mapToFolder(
-    [
-      "@babel/runtime",
-      "react",
-      "react-dom",
-      "react-redux",
-      "redux",
-      "redux-saga",
-      "moment",
-      "lodash",
-      "styled-components",
-      "immer",
-      "react-dates",
-      "react-select",
-      "react-spring",
-      "react-transition-group",
-      "@elliemae/pui-cli",
-      "@elliemae/pui-app-sdk$",
-      "@elliemae/pui-theme$"
-    ],
-    import_node_path.default.join(monorepoRoot, "./node_modules")
-  );
+  const folder = import_node_path.default.join(monorepoRoot, "./node_modules");
+  return {
+    ...mapToFolder(
+      [
+        "@babel/runtime",
+        "react",
+        "react-dom",
+        "react-redux",
+        "redux",
+        "redux-saga",
+        "moment",
+        "lodash",
+        "styled-components",
+        "immer",
+        "react-dates",
+        "react-select",
+        "react-spring",
+        "react-transition-group",
+        "@elliemae/pui-cli",
+        "@elliemae/pui-app-sdk$",
+        "@elliemae/pui-theme$"
+      ],
+      folder
+    ),
+    "lodash-es": import_node_path.default.resolve(`${folder}/lodash`)
+  };
 };
 const getLibraryAlias = (name, alias) => {
   const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) || "";

package/dist/cjs/webpack/prop-types-shim.js

@@ -0,0 +1,86 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var prop_types_shim_exports = {};
+__export(prop_types_shim_exports, {
+  any: () => any,
+  array: () => array,
+  arrayOf: () => arrayOf,
+  bigint: () => bigint,
+  bool: () => bool,
+  checkPropTypes: () => checkPropTypes,
+  default: () => prop_types_shim_default,
+  element: () => element,
+  elementType: () => elementType,
+  exact: () => exact,
+  func: () => func,
+  instanceOf: () => instanceOf,
+  node: () => node,
+  number: () => number,
+  object: () => object,
+  objectOf: () => objectOf,
+  oneOf: () => oneOf,
+  oneOfType: () => oneOfType,
+  resetWarningCache: () => resetWarningCache,
+  shape: () => shape,
+  string: () => string,
+  symbol: () => symbol
+});
+module.exports = __toCommonJS(prop_types_shim_exports);
+const shim = function noop() {
+  return shim;
+};
+shim.isRequired = shim;
+const createPropTypes = () => {
+  const handler = {
+    // eslint-disable-next-line no-underscore-dangle
+    get(_target, prop) {
+      if (prop === "__esModule") return true;
+      if (prop === "default") return pt;
+      return shim;
+    }
+  };
+  const pt = typeof Proxy !== "undefined" ? new Proxy(shim, handler) : shim;
+  pt.checkPropTypes = shim;
+  pt.resetWarningCache = shim;
+  pt.PropTypes = pt;
+  return pt;
+};
+const propTypes = createPropTypes();
+var prop_types_shim_default = propTypes;
+const array = shim;
+const bigint = shim;
+const bool = shim;
+const func = shim;
+const number = shim;
+const object = shim;
+const string = shim;
+const symbol = shim;
+const any = shim;
+const arrayOf = shim;
+const element = shim;
+const elementType = shim;
+const instanceOf = shim;
+const node = shim;
+const objectOf = shim;
+const oneOf = shim;
+const oneOfType = shim;
+const shape = shim;
+const exact = shim;
+const checkPropTypes = shim;
+const resetWarningCache = shim;

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

@@ -93,7 +93,15 @@ const devConfig = {
         emui: {
           name: "emui",
           test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
-          priority: 1
+          priority: process.env.SPLIT_FRAMEWORK_CHUNK === "true" ? 3 : 1
+        },
+        ...process.env.SPLIT_FRAMEWORK_CHUNK === "true" && {
+          framework: {
+            name: "framework",
+            test: /[\\/]node_modules[\\/](react|react-dom|scheduler|react-router|react-router-dom|history|react-is)[\\/]/,
+            priority: 2,
+            enforce: true
+          }
         },
         vendors: {
           name: "vendors",

package/dist/cjs/webpack/webpack.prod.babel.js

@@ -32,6 +32,7 @@ __export(webpack_prod_babel_exports, {
 });
 module.exports = __toCommonJS(webpack_prod_babel_exports);
 var import_node_path = __toESM(require("node:path"), 1);
+var import_node_url = require("node:url");
 var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
 var import_workbox_webpack_plugin = require("workbox-webpack-plugin");
 var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
@@ -40,6 +41,9 @@ var import_esbuild_loader = require("esbuild-loader");
 var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
 var import_webpack_base_babel = require("./webpack.base.babel.js");
 var import_helpers = require("./helpers.js");
+const import_meta = {};
+const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
+const propTypesShim = import_node_path.default.resolve(__dirname, "prop-types-shim.js");
 const getProdConfig = ({ latestVersion = true } = {}) => {
   const { buildPath } = (0, import_helpers.getPaths)(latestVersion);
   return {
@@ -67,13 +71,25 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
         })
       ],
       runtimeChunk: true,
+      // Three-tier chunking strategy (opt-in via SPLIT_FRAMEWORK_CHUNK=true):
+      //   emui      – @elliemae packages (design system, SDK)
+      //   framework – React core + router (changes rarely, great cache hit)
+      //   vendors   – everything else from node_modules
       splitChunks: {
         chunks: "all",
         cacheGroups: {
           emui: {
             name: "emui",
             test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
-            priority: 1
+            priority: process.env.SPLIT_FRAMEWORK_CHUNK === "true" ? 3 : 1
+          },
+          ...process.env.SPLIT_FRAMEWORK_CHUNK === "true" && {
+            framework: {
+              name: "framework",
+              test: /[\\/]node_modules[\\/](react|react-dom|scheduler|react-router|react-router-dom|history|react-is)[\\/]/,
+              priority: 2,
+              enforce: true
+            }
           },
           vendors: {
             name: "vendors",
@@ -101,6 +117,11 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
       })
     ],
     devtool: "source-map",
+    resolve: {
+      alias: {
+        "prop-types": propTypesShim
+      }
+    },
     performance: {
       assetFilter: (assetFilename) => !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename)
     }

package/dist/esm/webpack/helpers.js

@@ -41,28 +41,32 @@ const mapToFolder = (dependencies, folder) => dependencies.reduce(
 );
 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-select",
-      "react-spring",
-      "react-transition-group",
-      "@elliemae/pui-cli",
-      "@elliemae/pui-app-sdk$",
-      "@elliemae/pui-theme$"
-    ],
-    path.join(monorepoRoot, "./node_modules")
-  );
+  const folder = path.join(monorepoRoot, "./node_modules");
+  return {
+    ...mapToFolder(
+      [
+        "@babel/runtime",
+        "react",
+        "react-dom",
+        "react-redux",
+        "redux",
+        "redux-saga",
+        "moment",
+        "lodash",
+        "styled-components",
+        "immer",
+        "react-dates",
+        "react-select",
+        "react-spring",
+        "react-transition-group",
+        "@elliemae/pui-cli",
+        "@elliemae/pui-app-sdk$",
+        "@elliemae/pui-theme$"
+      ],
+      folder
+    ),
+    "lodash-es": path.resolve(`${folder}/lodash`)
+  };
 };
 const getLibraryAlias = (name, alias) => {
   const monorepoRoot = findMonoRepoRoot(process.cwd()) || "";

package/dist/esm/webpack/prop-types-shim.js

@@ -0,0 +1,66 @@
+const shim = function noop() {
+  return shim;
+};
+shim.isRequired = shim;
+const createPropTypes = () => {
+  const handler = {
+    // eslint-disable-next-line no-underscore-dangle
+    get(_target, prop) {
+      if (prop === "__esModule") return true;
+      if (prop === "default") return pt;
+      return shim;
+    }
+  };
+  const pt = typeof Proxy !== "undefined" ? new Proxy(shim, handler) : shim;
+  pt.checkPropTypes = shim;
+  pt.resetWarningCache = shim;
+  pt.PropTypes = pt;
+  return pt;
+};
+const propTypes = createPropTypes();
+var prop_types_shim_default = propTypes;
+const array = shim;
+const bigint = shim;
+const bool = shim;
+const func = shim;
+const number = shim;
+const object = shim;
+const string = shim;
+const symbol = shim;
+const any = shim;
+const arrayOf = shim;
+const element = shim;
+const elementType = shim;
+const instanceOf = shim;
+const node = shim;
+const objectOf = shim;
+const oneOf = shim;
+const oneOfType = shim;
+const shape = shim;
+const exact = shim;
+const checkPropTypes = shim;
+const resetWarningCache = shim;
+export {
+  any,
+  array,
+  arrayOf,
+  bigint,
+  bool,
+  checkPropTypes,
+  prop_types_shim_default as default,
+  element,
+  elementType,
+  exact,
+  func,
+  instanceOf,
+  node,
+  number,
+  object,
+  objectOf,
+  oneOf,
+  oneOfType,
+  resetWarningCache,
+  shape,
+  string,
+  symbol
+};

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

@@ -63,7 +63,15 @@ const devConfig = {
         emui: {
           name: "emui",
           test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
-          priority: 1
+          priority: process.env.SPLIT_FRAMEWORK_CHUNK === "true" ? 3 : 1
+        },
+        ...process.env.SPLIT_FRAMEWORK_CHUNK === "true" && {
+          framework: {
+            name: "framework",
+            test: /[\\/]node_modules[\\/](react|react-dom|scheduler|react-router|react-router-dom|history|react-is)[\\/]/,
+            priority: 2,
+            enforce: true
+          }
         },
         vendors: {
           name: "vendors",

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

@@ -1,4 +1,5 @@
 import path from "node:path";
+import { fileURLToPath } from "node:url";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import { GenerateSW } from "workbox-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
@@ -12,6 +13,8 @@ import {
   isGoogleTagManagerEnabled,
   getCompressionPlugins
 } from "./helpers.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const propTypesShim = path.resolve(__dirname, "prop-types-shim.js");
 const getProdConfig = ({ latestVersion = true } = {}) => {
   const { buildPath } = getPaths(latestVersion);
   return {
@@ -39,13 +42,25 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
         })
       ],
       runtimeChunk: true,
+      // Three-tier chunking strategy (opt-in via SPLIT_FRAMEWORK_CHUNK=true):
+      //   emui      – @elliemae packages (design system, SDK)
+      //   framework – React core + router (changes rarely, great cache hit)
+      //   vendors   – everything else from node_modules
       splitChunks: {
         chunks: "all",
         cacheGroups: {
           emui: {
             name: "emui",
             test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
-            priority: 1
+            priority: process.env.SPLIT_FRAMEWORK_CHUNK === "true" ? 3 : 1
+          },
+          ...process.env.SPLIT_FRAMEWORK_CHUNK === "true" && {
+            framework: {
+              name: "framework",
+              test: /[\\/]node_modules[\\/](react|react-dom|scheduler|react-router|react-router-dom|history|react-is)[\\/]/,
+              priority: 2,
+              enforce: true
+            }
           },
           vendors: {
             name: "vendors",
@@ -73,6 +88,11 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
       })
     ],
     devtool: "source-map",
+    resolve: {
+      alias: {
+        "prop-types": propTypesShim
+      }
+    },
     performance: {
       assetFilter: (assetFilename) => !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename)
     }

package/dist/types/lib/webpack/helpers.d.ts

@@ -6,7 +6,18 @@ export declare const excludeNodeModulesExcept: (modules: string[]) => (modulePat
 export declare const getLibraryName: () => string;
 export declare const getLibraryVariableName: () => string[];
 export declare const mapToFolder: (dependencies: string[], folder: string) => {};
-export declare const getAlias: () => {};
+/**
+ * Build the `resolve.alias` map that ensures only a single copy of
+ * core dependencies is bundled, even in monorepos with hoisted packages.
+ *
+ * `lodash-es` is explicitly aliased to `lodash` so that transitive
+ * imports of `lodash-es` (e.g. from design-system packages) resolve to
+ * the same CommonJS lodash build, avoiding a duplicate ~70 kB gzip hit.
+ * @returns {Record<string, string>} alias map for webpack resolve.alias
+ */
+export declare const getAlias: () => {
+    'lodash-es': string;
+};
 export declare const getLibraryAlias: (name: string, alias: string) => {
     [x: string]: string;
 };