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

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 ?? {}
 });

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

@@ -31,33 +31,32 @@ __export(webpack_lib_dev_babel_exports, {
   default: () => webpack_lib_dev_babel_default
 });
 module.exports = __toCommonJS(webpack_lib_dev_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_fast_glob = __toESM(require("fast-glob"), 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_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_fast_glob = __toESM(require("fast-glob"));
+var import_circular_dependency_plugin = __toESM(require("circular-dependency-plugin"));
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"));
 var import_helpers = require("./helpers.js");
 var import_webpack_lib_base_babel = require("./webpack.lib.base.babel.js");
 const { basePath } = (0, import_helpers.getPaths)();
 const getHtmlWebpackPlugins = () => {
-  const htmlTemplateFiles = import_fast_glob.default.sync([import_node_path.default.join(process.cwd(), "lib/*.html")]);
+  const htmlTemplateFiles = import_fast_glob.default.sync([
+    import_node_path.default.join(process.cwd(), "lib", "*.html").replace(/\\/g, "/")
+  ]);
   return htmlTemplateFiles.map(
     (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 +73,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 +91,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

@@ -31,22 +31,26 @@ __export(webpack_lib_prod_babel_exports, {
   default: () => webpack_lib_prod_babel_default
 });
 module.exports = __toCommonJS(webpack_lib_prod_babel_exports);
-var import_node_path = __toESM(require("node:path"), 1);
-var import_fast_glob = __toESM(require("fast-glob"), 1);
-var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
-var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_node_path = __toESM(require("node:path"));
+var import_fast_glob = __toESM(require("fast-glob"));
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"));
 var import_webpack_bundle_analyzer = require("webpack-bundle-analyzer");
 var import_esbuild_loader = require("esbuild-loader");
-var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"));
 var import_helpers = require("./helpers.js");
 var import_webpack_lib_base_babel = require("./webpack.lib.base.babel.js");
 const getHtmlWebpackPlugins = () => {
-  const htmlTemplateFiles = import_fast_glob.default.sync([import_node_path.default.join(process.cwd(), "lib/*.html")]);
+  const htmlTemplateFiles = import_fast_glob.default.sync([
+    import_node_path.default.join(process.cwd(), "lib", "*.html").replace(/\\/g, "/")
+  ]);
   return htmlTemplateFiles.map(
     (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 +86,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",