@elliemae/pui-cli 9.0.0-next.3 → 9.0.0-next.31

package/dist/cjs/testing/extended/axe-core/reporter.js

@@ -0,0 +1,51 @@
+"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 reporter_exports = {};
+__export(reporter_exports, {
+  reporter: () => reporter
+});
+module.exports = __toCommonJS(reporter_exports);
+var import_jest_matcher_utils = require("jest-matcher-utils");
+const colorYellow = (arg) => `\x1B[93m ${arg ?? ""} \x1B[0m`;
+const colorGrey = (arg) => `\x1B[90m ${arg ?? ""} \x1B[0m`;
+const colorBlue = (arg) => `\x1B[34m ${arg ?? ""} \x1B[0m`;
+const reporter = (violToFormat) => {
+  if (violToFormat.length === 0)
+    return "";
+  const lineBreak = "\n\n";
+  const horizontalLine = "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
+  return violToFormat.map((violation) => {
+    const errorBody = violation.nodes.map((node) => {
+      const selector = node.target.join(", ");
+      const expectedText = `Expected the HTML found at $('${selector}') to have no violations:${lineBreak}`;
+      let violationHelpUrl = "";
+      if (violation.helpUrl)
+        violationHelpUrl = `You can find more information on this issue here: 
+${colorBlue(
+          violation.helpUrl
+        )}`;
+      return `${expectedText + colorGrey(node.html) + lineBreak}Received:${lineBreak}${(0, import_jest_matcher_utils.printReceived)(
+        `${violation.help} (${violation.id})`
+      )}${lineBreak}${colorYellow(
+        node.failureSummary
+      )}${lineBreak}${violationHelpUrl}`;
+    }).join(lineBreak);
+    return errorBody;
+  }).join(lineBreak + horizontalLine + lineBreak);
+};

package/dist/cjs/testing/extended/axe-core/shouldIgnoreNodeViolation.js

@@ -0,0 +1,31 @@
+"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 shouldIgnoreNodeViolation_exports = {};
+__export(shouldIgnoreNodeViolation_exports, {
+  shouldIgnoreNodeViolation: () => shouldIgnoreNodeViolation
+});
+module.exports = __toCommonJS(shouldIgnoreNodeViolation_exports);
+const dataAttributeRegexp = /(data-[\S]*)=["']([\S]*)["']/gm;
+const shouldIgnoreNodeViolation = (node, violation) => [...node.html.matchAll(dataAttributeRegexp)].map(([fullMatch, dataKey, dataValue]) => ({
+  fullMatch,
+  dataKey,
+  dataValue
+})).some(
+  ({ dataKey, dataValue }) => dataKey === `data-axe-ignore-${violation.id}` && dataValue === "true"
+);

package/dist/cjs/testing/extended/axe-core/toHaveNoViolations.js

@@ -0,0 +1,43 @@
+"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 toHaveNoViolations_exports = {};
+__export(toHaveNoViolations_exports, {
+  toHaveNoViolations: () => toHaveNoViolations
+});
+module.exports = __toCommonJS(toHaveNoViolations_exports);
+var import_getMessageAndPass = require("./getMessageAndPass.js");
+var import_shouldIgnoreNodeViolation = require("./shouldIgnoreNodeViolation.js");
+const toHaveNoViolations = {
+  toHaveNoViolations(results) {
+    const { violations } = results;
+    const finalViolations = [];
+    violations.forEach((violation) => {
+      const { nodes } = violation;
+      const newNodes = [];
+      nodes.forEach((node) => {
+        if (!(0, import_shouldIgnoreNodeViolation.shouldIgnoreNodeViolation)(node, violation))
+          newNodes.push(node);
+      });
+      if (newNodes.length > 0) {
+        finalViolations.push({ ...violation, nodes: newNodes });
+      }
+    });
+    return { actual: violations, ...(0, import_getMessageAndPass.getMessageAndPass)(finalViolations) };
+  }
+};

package/dist/cjs/testing/jest.config.cjs

@@ -57,6 +57,8 @@ const jestConfig = {
   coverageReporters: ['lcov', 'html', 'text-summary'],
   moduleDirectories: ['node_modules', 'app', 'lib'],
   moduleNameMapper: {
+    d3: '<rootDir>/node_modules/d3/dist/d3.min.js',
+    '^d3-(.*)$': '<rootDir>/node_modules/d3-$1/dist/d3-$1.min.js',
     '.*\\webpack-hmr(.[t|j]s)?$': getMockFilePath('webpack-hmr.js'),
     '.*\\.(css|scss)$': getMockFilePath('cssModule.js'),
     '.*\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$':
@@ -73,7 +75,7 @@ const jestConfig = {
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   setupFilesAfterEnv: [path.resolve(__dirname, './setup-tests.js')],
-  setupFiles: ['raf/polyfill', 'whatwg-fetch'],
+  setupFiles: ['raf/polyfill', path.resolve(__dirname, './jest.polyfills.cjs')],
   testRegex: '(app|lib).*/tests/.*\\.test\\.[jt]sx?$',
   snapshotSerializers: [],
   testResultsProcessor: 'jest-sonar-reporter',
@@ -91,8 +93,9 @@ const jestConfig = {
   testEnvironmentOptions: {
     url: `http://localhost:3111${basePath}`,
     resources: 'usable',
+    customExportConditions: [''],
   },
-  testEnvironment: 'jsdom',
+  testEnvironment: path.resolve(__dirname, './ExtendedJSDomEnv.cjs'),
   watchPlugins: [
     'jest-watch-typeahead/filename',
     'jest-watch-typeahead/testname',

package/dist/cjs/testing/jest.polyfills.cjs

@@ -0,0 +1,28 @@
+/**
+ * @note The block below contains polyfills for Node.js globals
+ * required for Jest to function when running JSDOM tests.
+ * These HAVE to be require's and HAVE to be in this exact
+ * order, since "undici" depends on the "TextEncoder" global API.
+ *
+ * Consider migrating to a more modern test runner if
+ * you don't want to deal with this.
+ */
+const { TextDecoder, TextEncoder } = require('node:util');
+
+Object.defineProperties(globalThis, {
+  TextDecoder: { value: TextDecoder },
+  TextEncoder: { value: TextEncoder },
+});
+
+const { Blob, File } = require('node:buffer');
+const { fetch, Headers, FormData, Request, Response } = require('undici');
+
+Object.defineProperties(globalThis, {
+  fetch: { value: fetch, writable: true },
+  Blob: { value: Blob },
+  File: { value: File },
+  Headers: { value: Headers },
+  FormData: { value: FormData },
+  Request: { value: Request },
+  Response: { value: Response },
+});

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_jest_globals = require("@testing-library/jest-dom/jest-globals");
 var import_resize_observer_polyfill = __toESM(require("resize-observer-polyfill"), 1);
+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;
@@ -48,7 +47,7 @@ console.error = (...args) => {
   return originalError(...args);
 };
 if (expect)
-  expect.extend(import_jest_axe.default.toHaveNoViolations);
+  expect.extend(import_axe_core.toHaveNoViolations);
 const addElementToBody = (element) => {
   const documentEle = (window || {}).document;
   if (!documentEle)
@@ -72,3 +71,25 @@ 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;

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

@@ -35,27 +35,27 @@ var import_node_path = __toESM(require("node:path"), 1);
 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_vite_tsconfig_paths = __toESM(require("vite-tsconfig-paths"), 1);
 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/esbuild.js

@@ -34,9 +34,9 @@ __export(esbuild_exports, {
 module.exports = __toCommonJS(esbuild_exports);
 var import_node_path = __toESM(require("node:path"), 1);
 var import_node_url = require("node:url");
+var import_promises = require("node:fs/promises");
 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);
 const import_meta = {};

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_update_notifier = __toESM(require("update-notifier"), 1);
 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

@@ -35,7 +35,7 @@ __export(utils_exports, {
 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(/\/?$/, "/");
+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(

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,
@@ -48,9 +49,9 @@ __export(helpers_exports, {
 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_zlib = __toESM(require("zlib"), 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_utils = require("../monorepo/utils.js");
 var import_utils2 = require("../utils.js");
 let pathSep = import_node_path.default.sep;
@@ -64,8 +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))
+      for (const moduleRegExp of moduleRegExps)
+        if (moduleRegExp.test(modulePath))
           return false;
       return true;
     }
@@ -80,7 +81,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 +90,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 +104,8 @@ const getAlias = () => {
       "styled-components",
       "immer",
       "react-dates",
+      "react-select",
+      "react-spring",
       "react-transition-group",
       "@elliemae/pui-cli",
       "@elliemae/pui-app-sdk$",
@@ -111,6 +114,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-*",
@@ -173,7 +185,7 @@ 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;
+  return match?.[1] ?? LATEST_VERSION;
 };
 const getPaths = (latestVersion = true) => {
   const version = latestVersion ? LATEST_VERSION : getAppVersion();

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

@@ -284,9 +284,12 @@ 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",
@@ -311,7 +314,7 @@ const baseConfig = (options) => ({
     "styled-system": "emuiAppReactDependencies.styledSystem"
     // "@xstyled/styled-components": "emuiAppReactDependencies.xstyled",
   },
-  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

@@ -43,6 +43,8 @@ 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,14 @@ 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

@@ -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: [
@@ -204,7 +212,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 +221,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 ?? {}
 });

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

@@ -47,17 +47,14 @@ const getHtmlWebpackPlugins = () => {
     (htmlTemplateFile) => new import_html_webpack_plugin.default({
       template: htmlTemplateFile,
       filename: import_node_path.default.basename(htmlTemplateFile),
-      inject: true
+      inject: "head",
+      scriptLoading: "defer",
+      library: (0, import_helpers.getLibraryVariableName)()
     })
   );
 };
 var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig)({
   mode: "development",
-  // output: {
-  //   filename: `js/${libraryName}.js`,
-  //   chunkFilename: `js/${libraryName}.chunk.js`,
-  //   assetModuleFilename: '[name][ext][query]',
-  // },
   optimization: {
     splitChunks: {
       chunks: "all"
@@ -74,10 +71,7 @@ var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig
       failOnError: false
       // show a warning when there is a circular dependency
     }),
-    new import_mini_css_extract_plugin.default({
-      // filename: `css/${libraryName}.css`,
-      // chunkFilename: `css/${libraryName}.chunk.css`,
-    }),
+    new import_mini_css_extract_plugin.default({}),
     new import_webpack.default.ProgressPlugin()
   ],
   devtool: "eval-source-map",
@@ -95,7 +89,7 @@ var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig
     historyApiFallback: true,
     hot: true,
     open: [basePath],
-    port: process.env.PORT || "auto",
+    port: process.env.PORT ?? "auto",
     headers: {
       "Access-Control-Allow-Origin": "*",
       "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS"

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

@@ -46,7 +46,9 @@ const getHtmlWebpackPlugins = () => {
     (htmlTemplateFile) => new import_html_webpack_plugin.default({
       template: htmlTemplateFile,
       filename: import_node_path.default.basename(htmlTemplateFile),
-      inject: true,
+      inject: "head",
+      scriptLoading: "defer",
+      library: (0, import_helpers.getLibraryVariableName)(),
       minify: {
         removeComments: true,
         collapseWhitespace: true,
@@ -82,10 +84,7 @@ const prodConfig = {
   },
   plugins: [
     ...getHtmlWebpackPlugins(),
-    new import_mini_css_extract_plugin.default({
-      // filename: `css/${libraryName}.[contenthash].css`,
-      // chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
-    }),
+    new import_mini_css_extract_plugin.default({}),
     ...(0, import_helpers.getCompressionPlugins)(true),
     new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
       analyzerMode: "static",

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

@@ -111,7 +111,7 @@ const {
   basePath
 } = (0, import_helpers.getPaths)();
 const htmlWebpackPlugin = new import_html_webpack_plugin.default({
-  inject: !(0, import_helpers.isAppLoaderEnabled)(),
+  inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
   template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
   minify: {
     removeComments: true,
@@ -134,7 +134,8 @@ const htmlWebpackPlugin = new import_html_webpack_plugin.default({
     diagnosticsScriptPath,
     encwLoaderScriptPath,
     googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-  }
+  },
+  scriptLoading: "defer"
 });
 const config = (0, import_webpack_base_babel.baseConfig)(getProdConfig());
 if (config.plugins)

package/dist/cjs/webpack/webpack.storybook.js

@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var webpack_storybook_exports = {};
 __export(webpack_storybook_exports, {
-  managerWebpack: () => managerWebpack,
   webpackFinal: () => webpackFinal
 });
 module.exports = __toCommonJS(webpack_storybook_exports);
@@ -97,15 +96,22 @@ const webpackFinal = (config, { configType }) => {
     config.plugins = config?.plugins?.concat((0, import_helpers.getCompressionPlugins)());
   }
   if (config.resolve) {
-    config.resolve.alias = { ...config?.resolve?.alias, ...(0, import_helpers.getAlias)() };
+    config.resolve.alias = {
+      ...config?.resolve?.alias,
+      ...(0, import_helpers.getAlias)(),
+      ...(0, import_helpers.getLibraryAlias)(
+        "@reduxjs/toolkit/query/react",
+        "@reduxjs/toolkit/dist/query/react/rtk-query-react.esm.js"
+      )
+    };
     config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
     config.resolve.extensions?.push(".svg");
     config.resolve.plugins = [
-      ...config.resolve.plugins || [],
+      ...config.resolve.plugins ?? [],
       new import_resolve_typescript_plugin.default({})
     ];
   }
-  config.externals = config.externals || {};
+  config.externals = config.externals ?? {};
   if (config.externals) {
     config.externals["@elliemae/pui-user-monitoring"] = "emuiUserMonitoring";
     config.externals["@elliemae/pui-app-loader"] = "emuiAppLoader";
@@ -113,10 +119,3 @@ const webpackFinal = (config, { configType }) => {
   }
   return config;
 };
-const managerWebpack = (config) => {
-  if (config.plugins)
-    config.plugins = config.plugins.concat((0, import_helpers.getCompressionPlugins)());
-  if (config.resolve)
-    config.resolve.alias = { ...config.resolve.alias, ...(0, import_helpers.getAlias)() };
-  return config;
-};