@elliemae/pui-cli 9.0.0-next.5 → 9.0.0-next.50

package/dist/cjs/testing/setup-react-env.js

@@ -21,6 +21,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var React = __toESM(require("react"), 1);
+var React = __toESM(require("react"));
 var import_jest_styled_components = require("jest-styled-components");
 global.React = React;

package/dist/cjs/testing/setup-test-env.js

@@ -1,8 +1,6 @@
 "use strict";
 var import_vitest = require("vitest");
-var import_jest_styled_components = require("jest-styled-components");
 var import_react = require("@testing-library/react");
-var import_extend_expect = require("@testing-library/jest-dom/extend-expect");
 (0, import_vitest.afterEach)(() => {
   (0, import_react.cleanup)();
 });

package/dist/cjs/testing/setup-tests.js

@@ -21,11 +21,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var import_stable = require("core-js/stable");
 var import_runtime = require("regenerator-runtime/runtime");
-var import_extend_expect = require("@testing-library/jest-dom/extend-expect");
-var import_jest_axe = __toESM(require("jest-axe"), 1);
-var import_resize_observer_polyfill = __toESM(require("resize-observer-polyfill"), 1);
+var import_jest_globals = require("@testing-library/jest-dom/jest-globals");
+var import_resize_observer_polyfill = __toESM(require("resize-observer-polyfill"));
+var import_axe_core = require("./extended/axe-core");
 var import_matchMedia = require("./mocks/matchMedia.js");
 var import_pui_diagnostics = require("./mocks/pui-diagnostics.js");
 const originalError = console.error;
@@ -47,23 +46,19 @@ console.error = (...args) => {
     return false;
   return originalError(...args);
 };
-if (expect)
-  expect.extend(import_jest_axe.default.toHaveNoViolations);
+if (expect) expect.extend(import_axe_core.toHaveNoViolations);
 const addElementToBody = (element) => {
   const documentEle = (window || {}).document;
-  if (!documentEle)
-    return null;
+  if (!documentEle) return null;
   const bodyEle = documentEle.body;
   const newEle = documentEle.createElement(...element);
-  if (!newEle)
-    return null;
+  if (!newEle) return null;
   bodyEle.appendChild(newEle);
   return newEle;
 };
 const addRootElement = (id) => {
   const rootEle = addElementToBody("div");
-  if (rootEle)
-    rootEle.id = id;
+  if (rootEle) rootEle.id = id;
 };
 addRootElement("root");
 (0, import_matchMedia.addMatchMedia)();
@@ -72,3 +67,26 @@ window.emui = {
   logger: (0, import_pui_diagnostics.logger)(),
   _BASE_PATH: new URL(document.baseURI).pathname
 };
+let showCorejsWarn = false;
+afterAll(() => {
+  if (showCorejsWarn) {
+    console.warn(
+      `IMPORTANT: Try importing core-js/stable in your failed test files and retrying.
+Some tests might have failed because of it`
+    );
+  }
+});
+const originalTest = global.test;
+global.it = (name, fn, timeout = void 0) => {
+  const fnWrapper = async () => {
+    try {
+      await fn();
+    } catch (error) {
+      showCorejsWarn = true;
+      throw error;
+    }
+  };
+  originalTest(name, fnWrapper, timeout);
+};
+global.it.skip = originalTest.skip;
+global.it.only = originalTest.only;

package/dist/cjs/testing/vitest.config.js

@@ -31,31 +31,31 @@ __export(vitest_config_exports, {
   vitestConfig: () => vitestConfig
 });
 module.exports = __toCommonJS(vitest_config_exports);
-var import_node_path = __toESM(require("node:path"), 1);
+var import_node_path = __toESM(require("node:path"));
 var import_node_url = require("node:url");
 var import_config = require("vitest/config");
-var import_plugin_react = __toESM(require("@vitejs/plugin-react"), 1);
+var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
+var import_vite_tsconfig_paths = __toESM(require("vite-tsconfig-paths"));
 const import_meta = {};
 const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 const vitestConfig = (0, import_config.defineConfig)({
-  plugins: [(0, import_plugin_react.default)()],
+  plugins: [(0, import_plugin_react.default)(), (0, import_vite_tsconfig_paths.default)()],
   test: {
     globals: true,
     root: process.cwd(),
-    environment: "jsdom",
+    environment: "happy-dom",
     setupFiles: [import_node_path.default.resolve(__dirname, "./setup-test-env.js")],
     include: ["./{app,lib}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
     exclude: [...import_config.configDefaults.exclude, ".idea", ".git", ".cache", "e2e"],
-    // watchIgnore: [
-    //   '.*\\/node_modules\\/.*',
-    //   '.*\\/build\\/.*',
-    //   '.*\\/dist\\/.*',
-    // ],
     coverage: {
       reportsDirectory: "./reports/coverage"
     },
     deps: {
-      inline: [/app.config.json/]
+      optimizer: {
+        web: {
+          include: ["app.config.json", "@elliemae/pui-app-sdk"]
+        }
+      }
     }
   }
 });

package/dist/cjs/transpile/.swcrc

@@ -6,6 +6,6 @@
       "tsx": true,
       "dynamicImport": true
     },
-    "target": "es2020"
+    "target": "es2022"
   }
 }

package/dist/cjs/transpile/esbuild.js

@@ -32,19 +32,44 @@ __export(esbuild_exports, {
   esBuild: () => esBuild
 });
 module.exports = __toCommonJS(esbuild_exports);
-var import_node_path = __toESM(require("node:path"), 1);
+var import_node_path = __toESM(require("node:path"));
 var import_node_url = require("node:url");
-var import_fast_glob = __toESM(require("fast-glob"), 1);
-var import_esbuild = require("esbuild");
 var import_promises = require("node:fs/promises");
-var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
-var import_esbuild_plugin_lodash = __toESM(require("esbuild-plugin-lodash"), 1);
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"));
+var import_fast_glob = __toESM(require("fast-glob"));
+var import_esbuild = require("esbuild");
+var import_esbuild_plugin_lodash = __toESM(require("esbuild-plugin-lodash"));
 const import_meta = {};
+const readPkgJson = async () => {
+  const pkgJsonPath = import_node_path.default.join(process.cwd(), "package.json");
+  const pkgJson = JSON.parse(await (0, import_promises.readFile)(pkgJsonPath, "utf8"));
+  return pkgJson;
+};
+const writePkgJson = async (pkgJson) => {
+  const pkgJsonPath = import_node_path.default.join(process.cwd(), "package.json");
+  await (0, import_promises.writeFile)(pkgJsonPath, JSON.stringify(pkgJson, null, 2));
+};
+const removeModuleType = async () => {
+  const pkgJson = await readPkgJson();
+  const prevModuleType = pkgJson.type;
+  if (pkgJson.type) {
+    delete pkgJson.type;
+    await writePkgJson(pkgJson);
+  }
+  return prevModuleType;
+};
+const restoreModuleType = async (typeValue) => {
+  if (typeValue) {
+    const pkgJson = await readPkgJson();
+    pkgJson.type = typeValue;
+    await writePkgJson(pkgJson);
+  }
+};
 const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 const TARGETS = {
   browserslist: (0, import_browserslist_to_esbuild.default)(),
-  web: "es2020",
-  node: "node18"
+  web: "es2022",
+  node: "node20"
 };
 const ESBUILD_FORMAT = {
   CJS: "cjs",
@@ -112,16 +137,24 @@ const esBuild = async ({
   if (!esmOnly) {
     const cjsOutdir = `${outdir}/cjs`;
     const commonJSEntryPoints = await (0, import_fast_glob.default)(inputFiles);
-    await (0, import_esbuild.build)({
-      entryPoints: commonJSEntryPoints,
-      ...getCommonConfig({ injectReactShim }),
+    const typeValue = await removeModuleType();
+    try {
+      await (0, import_esbuild.build)({
+        entryPoints: commonJSEntryPoints,
+        ...getCommonConfig({ injectReactShim }),
+        outdir: cjsOutdir,
+        format: ESBUILD_FORMAT.CJS,
+        target,
+        plugins: [(0, import_esbuild_plugin_lodash.default)()]
+      });
+    } finally {
+      await restoreModuleType(typeValue);
+    }
+    await copyFiles({ srcdir, outdir: cjsOutdir });
+    await createPackageJson({
       outdir: cjsOutdir,
-      format: ESBUILD_FORMAT.CJS,
-      target,
-      plugins: [(0, import_esbuild_plugin_lodash.default)()]
+      type: NODE_MODULE_TYPES.CJS
     });
-    await copyFiles({ srcdir, outdir: cjsOutdir });
-    await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });
   }
   const esmOutdir = esmOnly ? outdir : `${outdir}/esm`;
   const entryPoints = await (0, import_fast_glob.default)(

package/dist/cjs/transpile/react-shim.js

@@ -31,4 +31,4 @@ __export(react_shim_exports, {
   React: () => React
 });
 module.exports = __toCommonJS(react_shim_exports);
-var React = __toESM(require("react"), 1);
+var React = __toESM(require("react"));

package/dist/cjs/update-notifier.js

@@ -31,9 +31,9 @@ __export(update_notifier_exports, {
   notifyUpdates: () => notifyUpdates
 });
 module.exports = __toCommonJS(update_notifier_exports);
-var import_update_notifier = __toESM(require("update-notifier"), 1);
-var import_node_path = __toESM(require("node:path"), 1);
-var import_promises = __toESM(require("node:fs/promises"), 1);
+var import_node_path = __toESM(require("node:path"));
+var import_promises = __toESM(require("node:fs/promises"));
+var import_update_notifier = __toESM(require("update-notifier"));
 const notifyUpdates = async () => {
   const pkgFile = await import_promises.default.readFile(import_node_path.default.join(process.cwd(), "./package.json"));
   const pkg = JSON.parse(pkgFile);

package/dist/cjs/utils.js

@@ -33,9 +33,9 @@ __export(utils_exports, {
   isApp: () => isApp
 });
 module.exports = __toCommonJS(utils_exports);
-var import_node_fs = __toESM(require("node:fs"), 1);
-var import_node_path = __toESM(require("node:path"), 1);
-const basePath = (process.env.BASE_PATH || "/").replace(/\/?$/, "/");
+var import_node_fs = __toESM(require("node:fs"));
+var import_node_path = __toESM(require("node:path"));
+const basePath = (process.env.BASE_PATH ?? "/").replace(/\/?$/, "/");
 const isApp = () => import_node_fs.default.existsSync(import_node_path.default.join(process.cwd(), "app"));
 const getAppConfig = () => {
   const appConfigPath = import_node_path.default.join(
@@ -43,8 +43,7 @@ const getAppConfig = () => {
     isApp() ? "app" : "lib",
     "app.config.json"
   );
-  if (!import_node_fs.default.existsSync(appConfigPath))
-    return "{}";
+  if (!import_node_fs.default.existsSync(appConfigPath)) return "{}";
   const appConfig = import_node_fs.default.readFileSync(appConfigPath);
   return appConfig || "{}";
 };

package/dist/cjs/webpack/helpers.js

@@ -34,6 +34,7 @@ __export(helpers_exports, {
   getAlias: () => getAlias,
   getAppVersion: () => getAppVersion,
   getCompressionPlugins: () => getCompressionPlugins,
+  getLibraryAlias: () => getLibraryAlias,
   getLibraryName: () => getLibraryName,
   getLibraryVariableName: () => getLibraryVariableName,
   getMediaPath: () => getMediaPath,
@@ -46,11 +47,11 @@ __export(helpers_exports, {
   resolveExtensions: () => resolveExtensions
 });
 module.exports = __toCommonJS(helpers_exports);
-var import_node_path = __toESM(require("node:path"), 1);
-var import_node_fs = __toESM(require("node:fs"), 1);
-var import_lodash = __toESM(require("lodash"), 1);
-var import_compression_webpack_plugin = __toESM(require("compression-webpack-plugin"), 1);
-var import_zlib = __toESM(require("zlib"), 1);
+var import_node_path = __toESM(require("node:path"));
+var import_node_fs = __toESM(require("node:fs"));
+var import_zlib = __toESM(require("zlib"));
+var import_lodash = __toESM(require("lodash"));
+var import_compression_webpack_plugin = __toESM(require("compression-webpack-plugin"));
 var import_utils = require("../monorepo/utils.js");
 var import_utils2 = require("../utils.js");
 let pathSep = import_node_path.default.sep;
@@ -64,9 +65,8 @@ 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;
+      for (const moduleRegExp of moduleRegExps)
+        if (moduleRegExp.test(modulePath)) return false;
       return true;
     }
     return false;
@@ -80,7 +80,7 @@ const getLibraryName = () => {
   const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
   return import_lodash.default.camelCase(modifiedLibName);
 };
-const getLibraryVariableName = () => (process.env.LIBRARY_VARIABLE_NAME || getLibraryName()).split(".");
+const getLibraryVariableName = () => (process.env.LIBRARY_VARIABLE_NAME ?? getLibraryName()).split(".");
 const mapToFolder = (dependencies, folder) => dependencies.reduce(
   (acc, dependency) => ({
     [dependency]: import_node_path.default.resolve(`${folder}/${dependency.replace("$", "")}`),
@@ -89,7 +89,7 @@ const mapToFolder = (dependencies, folder) => dependencies.reduce(
   {}
 );
 const getAlias = () => {
-  const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) || "";
+  const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) ?? "";
   return mapToFolder(
     [
       "@babel/runtime",
@@ -103,6 +103,8 @@ const getAlias = () => {
       "styled-components",
       "immer",
       "react-dates",
+      "react-select",
+      "react-spring",
       "react-transition-group",
       "@elliemae/pui-cli",
       "@elliemae/pui-app-sdk$",
@@ -111,6 +113,15 @@ const getAlias = () => {
     import_node_path.default.join(monorepoRoot, "./node_modules")
   );
 };
+const getLibraryAlias = (name, alias) => {
+  const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) ?? "";
+  const aliasPath = import_node_path.default.resolve(
+    `${import_node_path.default.join(monorepoRoot, "./node_modules")}/${alias}`
+  );
+  return {
+    [name]: aliasPath
+  };
+};
 const modulesToTranspile = [
   "@elliemae/pui-*",
   "@elliemae/ds-*",
@@ -123,8 +134,7 @@ const getUserMonitoringFileName = () => {
     process.cwd(),
     "node_modules/@elliemae/pui-user-monitoring/dist/public/js"
   );
-  if (!import_node_fs.default.existsSync(userMonLibPath))
-    return `${libName}.js`;
+  if (!import_node_fs.default.existsSync(userMonLibPath)) return `${libName}.js`;
   const distJSFiles = import_node_fs.default.readdirSync(userMonLibPath);
   return distJSFiles.filter(
     (fName) => fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/)
@@ -136,8 +146,7 @@ const getAppLoaderFileName = () => {
     process.cwd(),
     "node_modules/@elliemae/pui-app-loader/dist/public/js"
   );
-  if (!import_node_fs.default.existsSync(appLoaderLibPath))
-    return `${libName}.js`;
+  if (!import_node_fs.default.existsSync(appLoaderLibPath)) return `${libName}.js`;
   const distJSFiles = import_node_fs.default.readdirSync(appLoaderLibPath);
   return distJSFiles.filter(
     (fName) => fName.match(/emuiAppLoader+((?!chunk).)*\.js$/)
@@ -149,8 +158,7 @@ const getDiagnosticsFileName = () => {
     process.cwd(),
     "node_modules/@elliemae/pui-diagnostics/dist/public/js"
   );
-  if (!import_node_fs.default.existsSync(libPath))
-    return `${libName}.js`;
+  if (!import_node_fs.default.existsSync(libPath)) return `${libName}.js`;
   const distJSFiles = import_node_fs.default.readdirSync(libPath);
   return distJSFiles.filter(
     (fName) => fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/)
@@ -162,18 +170,16 @@ const getENCWLoaderFileName = () => {
     process.cwd(),
     "node_modules/@elliemae/encw-loader/dist/public/js"
   );
-  if (!import_node_fs.default.existsSync(appLoaderLibPath))
-    return `${libName}.js`;
+  if (!import_node_fs.default.existsSync(appLoaderLibPath)) return `${libName}.js`;
   const distJSFiles = import_node_fs.default.readdirSync(appLoaderLibPath);
   return distJSFiles.filter(
     (fName) => fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/)
   )[0];
 };
 const getAppVersion = () => {
-  if (!process.env.APP_VERSION)
-    return LATEST_VERSION;
+  if (!process.env.APP_VERSION) return LATEST_VERSION;
   const match = process.env.APP_VERSION.match(/^v?(\d+\.\d+)\..*$/);
-  return match && match[1] || LATEST_VERSION;
+  return match?.[1] ?? LATEST_VERSION;
 };
 const getPaths = (latestVersion = true) => {
   const version = latestVersion ? LATEST_VERSION : getAppVersion();
@@ -208,9 +214,9 @@ const getCompressionPlugins = (isLibrary = false) => {
   ];
   const commonConfig = {
     test: /\.(js|css)$/,
-    exclude: !isLibrary ? excludeList : [],
     // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
-    minRatio: Infinity
+    minRatio: Infinity,
+    ...!isLibrary ? { exclude: excludeList } : {}
   };
   return [
     new import_compression_webpack_plugin.default({

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

@@ -31,16 +31,16 @@ __export(webpack_base_babel_exports, {
   baseConfig: () => baseConfig
 });
 module.exports = __toCommonJS(webpack_base_babel_exports);
-var import_node_path = __toESM(require("node:path"), 1);
-var import_webpack = __toESM(require("webpack"), 1);
+var import_node_path = __toESM(require("node:path"));
+var import_webpack = __toESM(require("webpack"));
 var import_webpack_dev_server = require("webpack-dev-server");
-var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
-var import_postcss_preset_env = __toESM(require("postcss-preset-env"), 1);
-var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"), 1);
-var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpack-plugin"), 1);
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_postcss_preset_env = __toESM(require("postcss-preset-env"));
+var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"));
+var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpack-plugin"));
 var import_webpack_manifest_plugin = require("webpack-manifest-plugin");
-var import_favicons_webpack_plugin = __toESM(require("favicons-webpack-plugin"), 1);
-var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_favicons_webpack_plugin = __toESM(require("favicons-webpack-plugin"));
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"));
 var import_helpers = require("./helpers.js");
 const minicssLoader = {
   loader: import_mini_css_extract_plugin.default.loader,
@@ -129,14 +129,16 @@ const plugins = [
         noErrorOnMissing: true,
         globOptions: {
           ignore: ["readme.md"]
-        }
+        },
+        info: { minimized: true }
       },
       {
         from: "webroot",
         noErrorOnMissing: true,
         globOptions: {
           ignore: ["readme.md"]
-        }
+        },
+        info: { minimized: true }
       }
     ])
   }),
@@ -145,7 +147,7 @@ const plugins = [
     fileName: "./latest/manifest.json",
     publicPath: "",
     map: (file) => {
-      file.name = file.name.replace(/^latest\//, "");
+      file.name = file.name.replace(/^latest(\/|\\)/, "");
       return file;
     }
   }),
@@ -284,34 +286,18 @@ const baseConfig = (options) => ({
     mainFields: ["browser", "module", "main"],
     alias: {
       ...(0, import_helpers.getAlias)(),
-      ...(options.resolve || {}).alias || {}
+      ...options.resolve?.alias ?? {}
     }
   },
+  externalsPresets: {
+    web: true
+  },
   externals: {
     "@elliemae/pui-user-monitoring": "emuiUserMonitoring",
     "@elliemae/pui-app-loader": "emuiAppLoader",
-    "@elliemae/pui-diagnostics": "emuiDiagnostics",
-    react: "emuiAppReactDependencies.react",
-    "react-dom": "emuiAppReactDependencies.reactDOM",
-    "@reduxjs/toolkit": "emuiAppReactDependencies.rtk",
-    axios: "emuiAppReactDependencies.axios.default",
-    dompurify: "emuiAppReactDependencies.dompurify",
-    history: "emuiAppReactDependencies.history",
-    immer: "emuiAppReactDependencies.immer",
-    invariant: "emuiAppReactDependencies.invariant",
-    "pubsub-js": "emuiAppReactDependencies.pubsubjs",
-    "react-aria-live": "emuiAppReactDependencies.reactAriaLive",
-    "react-helmet": "emuiAppReactDependencies.reactHelmet",
-    "react-hook-form": "emuiAppReactDependencies.reactHookForm",
-    "react-redux": "emuiAppReactDependencies.reactRedux",
-    "react-router-dom": "emuiAppReactDependencies.reactRouterDOM",
-    reduxInjectors: "emuiAppReactDependencies.reduxInjectors",
-    reselect: "emuiAppReactDependencies.reselect",
-    // "styled-components": "emuiAppReactDependencies.styledComponents",
-    "styled-system": "emuiAppReactDependencies.styledSystem"
-    // "@xstyled/styled-components": "emuiAppReactDependencies.xstyled",
+    "@elliemae/pui-diagnostics": "emuiDiagnostics"
   },
-  devtool: options.devtool || "eval-source-map",
-  performance: options.performance || {},
-  devServer: options.devServer || {}
+  devtool: options.devtool ?? "eval-source-map",
+  performance: options.performance ?? {},
+  devServer: options.devServer ?? {}
 });

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

@@ -31,18 +31,20 @@ __export(webpack_dev_babel_exports, {
   default: () => webpack_dev_babel_default
 });
 module.exports = __toCommonJS(webpack_dev_babel_exports);
-var import_node_path = __toESM(require("node:path"), 1);
+var import_node_path = __toESM(require("node:path"));
 var import_node_url = require("node:url");
-var import_webpack = __toESM(require("webpack"), 1);
-var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
-var import_circular_dependency_plugin = __toESM(require("circular-dependency-plugin"), 1);
-var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
-var import_react_refresh_webpack_plugin = __toESM(require("@pmmmwh/react-refresh-webpack-plugin"), 1);
-var import_express_static_gzip = __toESM(require("express-static-gzip"), 1);
+var import_webpack = __toESM(require("webpack"));
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"));
+var import_circular_dependency_plugin = __toESM(require("circular-dependency-plugin"));
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_react_refresh_webpack_plugin = __toESM(require("@pmmmwh/react-refresh-webpack-plugin"));
+var import_express_static_gzip = __toESM(require("express-static-gzip"));
 var import_middlewares = require("../server/middlewares.js");
 var import_appRoutes = require("../server/appRoutes.js");
 var import_helpers = require("./helpers.js");
 var import_webpack_base_babel = require("./webpack.base.babel.js");
+var import_utils = require("../server/utils.js");
+var import_wsServer = require("../server/wsServer.js");
 const import_meta = {};
 const __filename = (0, import_node_url.fileURLToPath)(import_meta.url);
 const {
@@ -98,7 +100,7 @@ const devConfig = {
   // Add development plugins
   plugins: [
     new import_html_webpack_plugin.default({
-      inject: !(0, import_helpers.isAppLoaderEnabled)(),
+      inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
       // Inject all files that are generated by webpack, e.g. bundle.js
       template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
       emui: {
@@ -110,7 +112,8 @@ const devConfig = {
         diagnosticsScriptPath,
         encwLoaderScriptPath,
         googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-      }
+      },
+      scriptLoading: "defer"
     }),
     new import_circular_dependency_plugin.default({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
@@ -143,7 +146,7 @@ const devConfig = {
     },
     hot: true,
     open: [basePath],
-    port: process.env.PORT || "auto",
+    port: process.env.PORT ?? "auto",
     setupMiddlewares: (middlewares, devServer) => {
       if (devServer.app) {
         (0, import_middlewares.setupDefaultMiddlewares)(devServer.app);
@@ -160,6 +163,13 @@ const devConfig = {
           }
           next();
         });
+        (0, import_wsServer.createWSServer)({
+          port: import_utils.wsPort
+        }).then(({ wsServer }) => {
+          if (devServer.app) devServer.app.locals.wsServer = wsServer;
+        }).catch((err) => {
+          console.error(err);
+        });
       }
       return middlewares;
     }

package/dist/cjs/webpack/webpack.lib.base.babel.js

@@ -31,15 +31,15 @@ __export(webpack_lib_base_babel_exports, {
   baseConfig: () => baseConfig
 });
 module.exports = __toCommonJS(webpack_lib_base_babel_exports);
-var import_node_path = __toESM(require("node:path"), 1);
-var import_webpack = __toESM(require("webpack"), 1);
+var import_node_path = __toESM(require("node:path"));
+var import_webpack = __toESM(require("webpack"));
 var import_webpack_dev_server = require("webpack-dev-server");
-var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
-var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"), 1);
-var import_postcss_preset_env = __toESM(require("postcss-preset-env"), 1);
-var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpack-plugin"), 1);
-var import_resolve_typescript_plugin = __toESM(require("resolve-typescript-plugin"), 1);
-var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"));
+var import_postcss_preset_env = __toESM(require("postcss-preset-env"));
+var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpack-plugin"));
+var import_resolve_typescript_plugin = __toESM(require("resolve-typescript-plugin"));
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"));
 var import_helpers = require("./helpers.js");
 var import_utils = require("../utils.js");
 const minicssLoader = {
@@ -84,14 +84,22 @@ const baseConfig = (options) => ({
   output: {
     clean: true,
     path: import_node_path.default.resolve(process.cwd(), "dist/umd"),
+    filename: "[name].js",
+    chunkFilename: "[name].[chunkhash].chunk.js",
+    assetModuleFilename: "assets/[name].[hash][ext][query]",
     publicPath: "auto",
     library: {
       name: (0, import_helpers.getLibraryVariableName)(),
-      type: "umd"
+      type: "var"
+      // type: 'module',
     },
+    // module: true,
     ...options.output
   },
   // Merge with env dependent settings
+  // experiments: {
+  //   outputModule: true,
+  // },
   optimization: options.optimization,
   module: {
     rules: [
@@ -139,6 +147,7 @@ const baseConfig = (options) => ({
             loader: "postcss-loader",
             options: {
               postcssOptions: {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-call
                 plugins: [(0, import_postcss_preset_env.default)({ autoprefixer: { grid: true } })]
               },
               sourceMap: true
@@ -204,7 +213,7 @@ const baseConfig = (options) => ({
     mainFields: ["browser", "module", "main"],
     alias: {
       ...(0, import_helpers.getAlias)(),
-      ...(options.resolve || {}).alias || {}
+      ...options.resolve?.alias ?? {}
     },
     plugins: [new import_resolve_typescript_plugin.default({})]
   },
@@ -213,7 +222,7 @@ const baseConfig = (options) => ({
     "@elliemae/pui-app-loader": "emuiAppLoader",
     "@elliemae/pui-diagnostics": "emuiDiagnostics"
   },
-  devtool: options.devtool || "eval-source-map",
-  performance: options.performance || {},
-  devServer: options.devServer || {}
+  devtool: options.devtool ?? "eval-source-map",
+  performance: options.performance ?? {},
+  devServer: options.devServer ?? {}
 });