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

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

@@ -31,13 +31,13 @@ __export(webpack_prod_babel_exports, {
   default: () => webpack_prod_babel_default
 });
 module.exports = __toCommonJS(webpack_prod_babel_exports);
-var import_node_path = __toESM(require("node:path"), 1);
-var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_node_path = __toESM(require("node:path"));
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"));
 var import_workbox_webpack_plugin = require("workbox-webpack-plugin");
-var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-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_webpack_base_babel = require("./webpack.base.babel.js");
 var import_helpers = require("./helpers.js");
 const getProdConfig = ({ latestVersion = true } = {}) => {
@@ -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,9 +134,9 @@ 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)
-  config.plugins.push(htmlWebpackPlugin);
+if (config.plugins) config.plugins.push(htmlWebpackPlugin);
 var webpack_prod_babel_default = config;

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

@@ -28,14 +28,13 @@ 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);
-var import_webpack = __toESM(require("webpack"), 1);
-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_resolve_typescript_plugin = __toESM(require("resolve-typescript-plugin"), 1);
+var import_webpack = __toESM(require("webpack"));
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"));
+var import_resolve_typescript_plugin = __toESM(require("resolve-typescript-plugin"));
 var import_helpers = require("./helpers.js");
 var import_utils = require("../utils.js");
 const IS_APP = (0, import_utils.isApp)();
@@ -89,23 +88,29 @@ const webpackFinal = (config, { configType }) => {
   const fileLoaderRule = config?.module?.rules?.find?.(
     (rule) => rule.test?.test?.(".svg")
   );
-  if (fileLoaderRule)
-    fileLoaderRule.exclude = /\.svg$/i;
+  if (fileLoaderRule) fileLoaderRule.exclude = /\.svg$/i;
   config?.module?.rules?.unshift(...getModuleRules());
   config?.plugins?.push(...getAdditionalPlugins());
   if (isProd) {
     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.modern.mjs"
+      )
+    };
     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 +118,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;
-};

package/dist/esm/babel.config.js

@@ -0,0 +1,79 @@
+import { isApp } from "./utils.cjs";
+const nodeEnvPreset = {
+  modules: process.env.ES_MODULES === "false" ? "commonjs" : false,
+  targets: {
+    node: "current"
+  }
+};
+const webEnvPreset = {
+  modules: process.env.ES_MODULES === "false" ? "commonjs" : false,
+  useBuiltIns: "usage",
+  corejs: { version: "3.36", proposals: true }
+};
+const presetEnvOptions = process.env.TARGET_ENV === "node" ? nodeEnvPreset : webEnvPreset;
+const config = {
+  ignore: [/\/core-js/],
+  sourceType: "unambiguous",
+  presets: [
+    ["@babel/preset-env", presetEnvOptions],
+    ["@babel/preset-react", { runtime: "automatic" }],
+    "@babel/preset-typescript"
+  ],
+  plugins: [
+    [
+      "babel-plugin-module-resolver",
+      {
+        alias: {
+          "@": isApp() ? "./app" : "./lib"
+        },
+        stripExtensions: []
+      }
+    ],
+    ["babel-plugin-styled-components", { displayName: true }],
+    ["@babel/plugin-transform-runtime", { regenerator: true }],
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-proposal-export-default-from",
+    "lodash",
+    "date-fns"
+  ],
+  env: {
+    development: {
+      plugins: [
+        ["babel-plugin-styled-components", { displayName: true }],
+        "@babel/plugin-transform-react-jsx-source"
+      ]
+    },
+    production: {
+      plugins: [
+        ["babel-plugin-styled-components", { displayName: false, pure: true }],
+        ["transform-remove-console", { exclude: ["error", "warn"] }],
+        "transform-react-remove-prop-types",
+        "@babel/plugin-transform-react-inline-elements",
+        "@babel/plugin-transform-react-constant-elements"
+      ]
+    },
+    test: {
+      plugins: [
+        ["babel-plugin-styled-components", { displayName: true }],
+        "@babel/plugin-transform-modules-commonjs",
+        "dynamic-import-node",
+        [
+          "babel-plugin-transform-strip-block",
+          {
+            requireDirective: true,
+            identifiers: [{ start: "block:start", end: "block:end" }]
+          }
+        ],
+        "babel-plugin-import-remove-resource-query"
+      ]
+    }
+  }
+};
+if (process.env.STORYBOOK_BUILD !== "true" && process.env.TARGET_ENV !== "node") {
+  config.env?.development?.plugins?.push?.("react-refresh/babel");
+}
+const babelConfig = config;
+export {
+  babelConfig
+};

package/dist/esm/commands/build.js

@@ -45,10 +45,8 @@ const buildCmd = {
   handler: async ({ service = false }) => {
     try {
       logInfo("Build in progress...");
-      if (service)
-        await buildService();
-      else
-        await buildWebApp();
+      if (service) await buildService();
+      else await buildWebApp();
       logSuccess("Build completed");
     } catch (err) {
       logError("Build failed", err);

package/dist/esm/commands/lint.js

@@ -1,25 +1,36 @@
 import path from "node:path";
+import { inspect } from "node:util";
 import yargs from "yargs";
 import {
   exec,
+  logInfo,
   logError,
   logSuccess,
   getCIEnv,
   isTypeScriptEnabled
 } from "./utils.js";
-const lintCSS = async (fix = false) => {
-  const fixIssues = fix ? "--fix" : "";
+const lintCSS = async (args) => {
+  const fixIssues = args.fix ? "--fix" : "";
+  if (args.debug) {
+    const configPath = path.join(process.cwd(), "stylelint.config.mjs");
+    const config = await import(configPath);
+    logInfo("stylelint version:");
+    await exec(`stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} --version`);
+    logInfo("stylelint config:");
+    logInfo(inspect(config, { depth: null }));
+  }
   await exec(
     `stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} ${!getCIEnv() ? "--color" : "--no-color"} --allow-empty-input --config ${path.join(
       process.cwd(),
-      "stylelint.config.cjs"
+      "stylelint.config.mjs"
     )}`
   );
 };
-const lintJS = async (fix = false) => {
-  const fixIssues = fix ? "--fix" : "";
+const lintJS = async (args) => {
+  const fixIssues = args.fix ? "--fix" : "";
+  const debugFlags = args.debug ? "--env-info --debug" : "";
   await exec(
-    `eslint ${!getCIEnv() ? "--color" : "--no-color"} ${fixIssues}  .`
+    `eslint ${!getCIEnv() ? "--color" : "--no-color"} ${fixIssues} ${debugFlags} .`
   );
 };
 const cmdArgs = {
@@ -37,6 +48,11 @@ const cmdArgs = {
     boolean: true,
     alias: "fix",
     default: false
+  },
+  debug: {
+    boolean: true,
+    alias: "debug",
+    default: false
   }
 };
 const lintCmd = {
@@ -46,10 +62,11 @@ const lintCmd = {
         await exec("tsc --noEmit --emitDeclarationOnly false");
       try {
         await exec("rimraf ./reports/eslint.json");
-        await lintJS(argv.fix);
+        await lintJS({ ...argv });
         logSuccess("JS linting completed");
       } catch (err) {
         logError("JS linting failed");
+        if (argv.debug) logError(err);
         yargs().exit(-1, err);
         return;
       }
@@ -57,10 +74,11 @@ const lintCmd = {
     if (argv.css) {
       try {
         await exec("rimraf ./reports/stylelint.json");
-        await lintCSS(argv.fix);
+        await lintCSS({ ...argv });
         logSuccess("CSS linting completed");
       } catch (err) {
         logError("CSS linting failed");
+        if (argv.debug) logError(err);
         yargs().exit(-1, err);
       }
     }

package/dist/esm/commands/pack.js

@@ -42,8 +42,7 @@ const pack = async ({
   if (isTypeScriptEnabled()) {
     await compileTypeScript();
   }
-  if (target !== "node")
-    await webBuild(production);
+  if (target !== "node") await webBuild(production);
   if (target !== "web") {
     logInfo("Building source files for nodejs environment...");
     await esBuild({ srcdir: srcPath });

package/dist/esm/commands/start.js

@@ -5,7 +5,7 @@ import { exec, logError, logSuccess, isApp } from "./utils.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const startProdServer = async () => {
   await exec(
-    `cross-env NODE_ENV=production ts-node --esm ${path.resolve(
+    `cross-env NODE_ENV=production tsx ${path.resolve(
       __dirname,
       "../server/index.js"
     )} --color always`

package/dist/esm/commands/test.js

@@ -1,13 +1,5 @@
 import yargs from "yargs";
 import { exec, logError, logSuccess, getCIEnv } from "./utils.js";
-const test = async (commandOptions) => {
-  await exec(`cross-env NODE_ENV=test jest ${commandOptions}`);
-};
-const debugTest = async () => {
-  await exec(
-    `node --inspect-brk ./node_modules/jest-cli/bin/jest.js --runInBand --watch`
-  );
-};
 const cmdArgs = {
   fix: {
     boolean: true,
@@ -38,24 +30,55 @@ const cmdArgs = {
     boolean: true,
     alias: "s",
     default: false
+  },
+  coverage: {
+    string: true,
+    // we want to support "CI" | "false" | "true"
+    default: "true"
+  },
+  maxWorkers: {
+    string: true,
+    default: "50%"
   }
 };
+const getJestFlags = (argv) => {
+  const flagsArray = [
+    argv.maxWorkers ? `--maxWorkers=${argv.maxWorkers}` : ""
+  ];
+  const isCi = getCIEnv();
+  switch (`${argv.coverage}`) {
+    case "CI":
+      if (isCi) {
+        flagsArray.push("--coverage");
+      }
+      break;
+    case "false":
+      break;
+    case "true":
+    default:
+      flagsArray.push("--coverage");
+      break;
+  }
+  if (argv.fix) flagsArray.push("-u");
+  else if (argv.watch) flagsArray.push("--watchAll");
+  if (argv.passWithNoTests) flagsArray.push("--passWithNoTests");
+  if (argv.findReleatedTests) flagsArray.push("--bail --findRelatedTests");
+  if (argv.silent) flagsArray.push("--silent");
+  if (isCi) flagsArray.push("--ci --no-colors");
+  return flagsArray.join(" ");
+};
+const test = async (argv) => {
+  const jestFlags = getJestFlags(argv);
+  await exec(`cross-env NODE_ENV=test jest ${jestFlags}`);
+};
+const debugTest = async () => {
+  await exec(
+    `node --inspect-brk ./node_modules/jest-cli/bin/jest.js --runInBand --watch`
+  );
+};
 const testCmd = {
   // eslint-disable-next-line max-statements
   handler: async (argv) => {
-    let commandOptions = "--coverage --maxWorkers=50%";
-    if (argv.fix)
-      commandOptions = "-u";
-    else if (argv.watch)
-      commandOptions = "--watchAll";
-    if (getCIEnv())
-      commandOptions += " --ci --no-colors";
-    if (argv.passWithNoTests)
-      commandOptions += " --passWithNoTests";
-    if (argv.findReleatedTests)
-      commandOptions += " --bail --findRelatedTests";
-    if (argv.silent)
-      commandOptions += " --silent";
     try {
       if (getCIEnv()) {
         await exec("rimraf ./reports");
@@ -63,7 +86,7 @@ const testCmd = {
       if (argv.debug) {
         await debugTest();
       } else {
-        await test(commandOptions);
+        await test(argv);
       }
       logSuccess("Unit test execution completed");
     } catch (err) {

package/dist/esm/commands/utils.js

@@ -31,6 +31,7 @@ const browsersMapping = {
 };
 const exec = async (command, options = { stdio: "inherit" }) => execaCommand(command, options);
 const logInfo = console.log;
+const logWarning = (...args) => console.log(chalk.yellow(...args));
 const logSuccess = (...args) => console.log(chalk.green(...args));
 const logError = console.error;
 const readPackageLock = async () => {
@@ -50,9 +51,10 @@ const getSupportedBrowsers = async () => {
   });
   const browserVersions = stdout?.toString()?.split("\n") || [];
   return browserVersions.reduce((acc, nameVersion) => {
+    if (!nameVersion) return acc;
     const [name, version] = nameVersion.split(" ");
     const versionRange = version.split("-");
-    acc[browsersMapping[name]] = versionRange && versionRange[0] || version;
+    acc[browsersMapping[name]] = versionRange?.[0] ?? version;
     return acc;
   }, {});
 };
@@ -122,9 +124,10 @@ const updateManifestWithVersionInfo = async (dest) => {
 const updateRuntimeFile = async (src, dest, version) => {
   const latestJSFolder = "latest/js";
   const pipe = promisify(pipeline);
-  const results = await fg([path.join(src, "runtime~app.*.js")]);
-  if (!results?.length)
-    throw new Error("Runtime file not found");
+  const results = await fg([
+    path.join(src, "runtime~app.*.js").replace(/\\/g, "/")
+  ]);
+  if (!results?.length) throw new Error("Runtime file not found");
   const runtimeFilePath = results[0];
   const runtimeFileName = path.basename(runtimeFilePath);
   const destRuntimeFilePath = path.join(dest, runtimeFileName);
@@ -153,8 +156,7 @@ const updateRuntimeFile = async (src, dest, version) => {
 const copyBuildAssetsToVersionedFolder = async () => {
   const appVersion = getAppVersion();
   const isVersionedApp = isAppLoaderEnabled() && appVersion !== LATEST_VERSION;
-  if (!isVersionedApp)
-    return;
+  if (!isVersionedApp) return;
   const src = path.resolve(process.cwd(), "build/public/latest");
   const dest = path.resolve(process.cwd(), `build/public/${appVersion}`);
   await copyDir(src, dest);
@@ -176,15 +178,40 @@ const isPathExist = async (pathToCheck) => {
 const isApp = async () => isPathExist(path.join(process.cwd(), "app"));
 const getCIEnv = () => process.env.CI === "true";
 const isTypeScriptEnabled = () => fs.existsSync(path.join(process.cwd(), "tsconfig.json"));
+const getUnspecifiedOptions = (options, command) => {
+  const rawArgs = process.argv.slice(2);
+  const rawArgsMap = /* @__PURE__ */ new Map();
+  rawArgs.forEach((arg) => {
+    const [key, value] = arg.split("=");
+    const keyWithoutPrefix = key.replace(/^-{1,2}/, "");
+    rawArgsMap.set(keyWithoutPrefix, value || true);
+  });
+  const expectedOptionsMap = /* @__PURE__ */ new Map();
+  Object.entries(options).forEach(([key, value]) => {
+    expectedOptionsMap.set(key, value);
+    if (value.alias) expectedOptionsMap.set(value.alias, value);
+  });
+  const unspecifiedOptions = {};
+  rawArgsMap.forEach((value, key) => {
+    if (key === command) return;
+    if (key === "") return;
+    if (!expectedOptionsMap.has(key)) {
+      unspecifiedOptions[key] = value;
+    }
+  });
+  return unspecifiedOptions;
+};
 export {
   copyBuildAssetsToVersionedFolder,
   exec,
   getCIEnv,
+  getUnspecifiedOptions,
   isApp,
   isPathExist,
   isTypeScriptEnabled,
   logError,
   logInfo,
   logSuccess,
+  logWarning,
   writeAppInfo
 };

package/dist/esm/commands/vitest.js

@@ -34,16 +34,11 @@ const vitestCmd = {
   // eslint-disable-next-line max-statements
   handler: async (argv) => {
     let commandOptions = "--coverage";
-    if (argv.fix)
-      commandOptions = "-u";
-    else if (argv.watch)
-      commandOptions = "--watch";
-    if (argv.passWithNoTests)
-      commandOptions += " --passWithNoTests";
-    if (argv.findReleatedTests)
-      commandOptions += " --related";
-    if (argv.silent)
-      commandOptions += " --silent";
+    if (argv.fix) commandOptions = "-u";
+    else if (argv.watch) commandOptions = "--watch";
+    if (argv.passWithNoTests) commandOptions += " --passWithNoTests";
+    if (argv.findReleatedTests) commandOptions += " --related";
+    if (argv.silent) commandOptions += " --silent";
     try {
       if (getCIEnv()) {
         await exec("rimraf ./reports");

package/dist/esm/index.cjs

@@ -1,23 +1,7 @@
-const { babelConfig } = require('./babel.config.cjs');
-const {
-  esConfig: eslintBaseConfig,
-} = require('./lint-config/eslint/non-react.cjs');
-const {
-  esReactConfig: eslintConfig,
-} = require('./lint-config/eslint/react.cjs');
-const { stylelintConfig } = require('./lint-config/stylelint.config.cjs');
-const { prettierConfig } = require('./lint-config/prettier.config.cjs');
-const { commitlintConfig } = require('./lint-config/commitlint.config.cjs');
 const { jestConfig } = require('./testing/jest.config.cjs');
 const { jestNodeConfig } = require('./testing/jest.node.config.cjs');
 
 module.exports = {
-  babelConfig,
-  eslintBaseConfig,
-  eslintConfig,
-  stylelintConfig,
-  prettierConfig,
-  commitlintConfig,
   jestConfig,
   jestNodeConfig,
 };

package/dist/esm/index.js

@@ -1,24 +1,26 @@
-import { babelConfig } from "./babel.config.cjs";
-import { esConfig } from "./lint-config/eslint/non-react.cjs";
-import { esReactConfig } from "./lint-config/eslint/react.cjs";
-import { stylelintConfig } from "./lint-config/stylelint.config.cjs";
-import { prettierConfig } from "./lint-config/prettier.config.cjs";
-import { commitlintConfig } from "./lint-config/commitlint.config.cjs";
-import { jestConfig } from "./testing/jest.config.cjs";
+import { babelConfig } from "./babel.config.js";
+import { config } from "./lint-config/eslint/config.js";
+import { config as config2 } from "./lint-config/eslint/react.js";
+import { stylelintConfig } from "./lint-config/stylelint.config.js";
+import { prettierConfig } from "./lint-config/prettier.config.js";
+import { commitlintConfig } from "./lint-config/commitlint.config.js";
+import { lintStagedConfig } from "./lint-config/lint-staged.config.js";
 import { vitestConfig } from "./testing/vitest.config.js";
+import { jestConfig } from "./testing/jest.config.cjs";
 import { jestNodeConfig } from "./testing/jest.node.config.cjs";
-import { lintStagedConfig } from "./lint-config/lint-staged.config.js";
 import { loadRoutes } from "./server/appRoutes.js";
+import { webpackFinal } from "./webpack/webpack.storybook.js";
 export {
   babelConfig,
+  config as baseConfig,
   commitlintConfig,
-  esConfig as eslintBaseConfig,
-  esReactConfig as eslintConfig,
   jestConfig,
   jestNodeConfig,
   lintStagedConfig,
   loadRoutes,
   prettierConfig,
+  config2 as reactConfig,
   stylelintConfig,
-  vitestConfig
+  vitestConfig,
+  webpackFinal
 };

package/dist/esm/lint-config/commitlint.config.js

@@ -0,0 +1,6 @@
+const commitlintConfig = {
+  extends: ["@commitlint/config-conventional"]
+};
+export {
+  commitlintConfig
+};