@elliemae/pui-cli 7.27.0-beta.1 → 8.0.0-next.1

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

@@ -33,10 +33,10 @@ __export(webpack_base_babel_exports, {
 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_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_duplicate_package_checker_webpack_plugin = __toESM(require("duplicate-package-checker-webpack-plugin"), 1);
 var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpack-plugin"), 1);
 var import_webpack_manifest_plugin = require("webpack-manifest-plugin");
 var import_favicons_webpack_plugin = __toESM(require("favicons-webpack-plugin"), 1);
@@ -140,7 +140,6 @@ const plugins = [
       }
     ])
   }),
-  new import_duplicate_package_checker_webpack_plugin.default(),
   new import_moment_locales_webpack_plugin.default({ localesToKeep: ["es-us"] }),
   new import_webpack_manifest_plugin.WebpackManifestPlugin({
     fileName: "./latest/manifest.json",
@@ -154,13 +153,7 @@ const plugins = [
     outputPath: "./latest/assets",
     logo: "./app/view/images/favicon.png",
     favicons: {
-      developerName: "ICE MT",
-      developerURL: null,
-      // prevent retrieving from the nearest package.json
-      icons: {
-        coast: false,
-        yandex: false
-      }
+      developerName: "ICE MT"
     }
   })
 ];
@@ -266,7 +259,7 @@ const baseConfig = (options) => ({
       }
     ]
   },
-  plugins: plugins.concat(options.plugins),
+  plugins: options.plugins ? plugins.concat(options.plugins) : plugins,
   resolve: {
     modules: [
       "node_modules",

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

@@ -38,15 +38,12 @@ 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_speed_measure_webpack_plugin = __toESM(require("speed-measure-webpack-plugin"), 1);
-var import_express_static_gzip = __toESM(require("express-static-gzip"), 1);
 var import_middlewares = require("../server/middlewares.js");
-var import_app_routes = require("../server/app-routes.cjs");
+var import_appRoutes = require("../server/appRoutes.js");
 var import_helpers = require("./helpers.js");
 var import_webpack_base_babel = require("./webpack.base.babel.js");
 const import_meta = {};
 const __filename = (0, import_node_url.fileURLToPath)(import_meta.url);
-const smp = new import_speed_measure_webpack_plugin.default({ disable: !process.env.MEASURE });
 const {
   appVersion,
   buildPath,
@@ -145,13 +142,19 @@ const devConfig = {
     open: [basePath],
     port: process.env.PORT || "auto",
     setupMiddlewares: (middlewares, devServer) => {
-      (0, import_middlewares.setupDefaultMiddlewares)(devServer.app);
-      devServer.app.use((0, import_express_static_gzip.default)("cdn"));
-      (0, import_app_routes.loadRoutes)(devServer.app);
+      if (devServer.app) {
+        (0, import_middlewares.setupDefaultMiddlewares)(devServer.app);
+        (0, import_appRoutes.loadRoutes)(devServer.app).then(() => {
+          if (devServer.app)
+            (0, import_middlewares.setupAdditionalMiddlewars)(devServer.app);
+        }).catch((err) => {
+          console.error(err);
+        });
+      }
       return middlewares;
     }
   }
 };
-const config = smp.wrap((0, import_webpack_base_babel.baseConfig)(devConfig));
-config.plugins = config.plugins.concat([new import_react_refresh_webpack_plugin.default({})]);
+const config = (0, import_webpack_base_babel.baseConfig)(devConfig);
+config.plugins = config.plugins ? config.plugins.concat([new import_react_refresh_webpack_plugin.default({})]) : [];
 var webpack_dev_babel_default = config;

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

@@ -33,15 +33,15 @@ __export(webpack_lib_base_babel_exports, {
 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_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_duplicate_package_checker_webpack_plugin = __toESM(require("duplicate-package-checker-webpack-plugin"), 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_helpers = require("./helpers.js");
-var import_utils = require("../utils.cjs");
+var import_utils = require("../utils.js");
 const minicssLoader = {
   loader: import_mini_css_extract_plugin.default.loader,
   options: {}
@@ -64,7 +64,7 @@ const plugins = [
     CI: "false"
   }),
   new import_webpack.default.DefinePlugin({
-    APP_CONFIG: (0, import_utils.getAppConfig)(true)
+    APP_CONFIG: (0, import_utils.getAppConfig)()
   }),
   /* eslint-disable indent */
   ...copyPluginPatterns.length > 0 ? [
@@ -73,7 +73,6 @@ const plugins = [
     })
   ] : [],
   /* eslint-enable indent */
-  new import_duplicate_package_checker_webpack_plugin.default(),
   new import_webpack.default.optimize.LimitChunkCountPlugin({
     maxChunks: 1
   }),
@@ -191,7 +190,7 @@ const baseConfig = (options) => ({
       }
     ]
   },
-  plugins: plugins.concat(options.plugins || []),
+  plugins: options.plugins ? plugins.concat(options.plugins || []) : plugins,
   resolve: {
     modules: [
       "node_modules",

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

@@ -33,6 +33,7 @@ __export(webpack_lib_dev_babel_exports, {
 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_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);

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

@@ -37,7 +37,6 @@ var import_workbox_webpack_plugin = require("workbox-webpack-plugin");
 var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
 var import_webpack_bundle_analyzer = require("webpack-bundle-analyzer");
 var import_esbuild_loader = require("esbuild-loader");
-var import_speed_measure_webpack_plugin = __toESM(require("speed-measure-webpack-plugin"), 1);
 var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
 var import_webpack_base_babel = require("./webpack.base.babel.js");
 var import_helpers = require("./helpers.js");
@@ -82,6 +81,10 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
     },
     plugins: [
       ...(0, import_helpers.getCompressionPlugins)(),
+      new import_mini_css_extract_plugin.default({
+        filename: "latest/css/[name].[contenthash].css",
+        chunkFilename: "latest/css/[name].[contenthash].chunk.css"
+      }),
       new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
         analyzerMode: "static",
         reportFilename: import_node_path.default.join(process.cwd(), "reports/bundle-stats.html"),
@@ -134,17 +137,6 @@ const htmlWebpackPlugin = new import_html_webpack_plugin.default({
   }
 });
 const config = (0, import_webpack_base_babel.baseConfig)(getProdConfig());
-config.plugins.push(htmlWebpackPlugin);
-const addSMPPlugin = (webpackConfig) => {
-  const smpConfig = new import_speed_measure_webpack_plugin.default({
-    disable: !process.env.MEASURE
-  }).wrap(webpackConfig);
-  smpConfig.plugins.push(
-    new import_mini_css_extract_plugin.default({
-      filename: "latest/css/[name].[contenthash].css",
-      chunkFilename: "latest/css/[name].[contenthash].chunk.css"
-    })
-  );
-  return smpConfig;
-};
-var webpack_prod_babel_default = addSMPPlugin(config);
+if (config.plugins)
+  config.plugins.push(htmlWebpackPlugin);
+var webpack_prod_babel_default = config;

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

@@ -37,7 +37,7 @@ var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"),
 var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"), 1);
 var import_resolve_typescript_plugin = __toESM(require("resolve-typescript-plugin"), 1);
 var import_helpers = require("./helpers.js");
-var import_utils = require("../utils.cjs");
+var import_utils = require("../utils.js");
 const IS_APP = (0, import_utils.isApp)();
 const CWD = process.cwd();
 const getAdditionalPlugins = () => [
@@ -84,32 +84,39 @@ const getModuleRules = () => [
     type: "asset/resource"
   }
 ];
-const webpackFinal = async (config, { configType }) => {
+const webpackFinal = (config, { configType }) => {
   const isProd = configType === "PRODUCTION";
-  const fileLoaderRule = config.module.rules.find(
+  const fileLoaderRule = config?.module?.rules?.find?.(
     (rule) => rule.test?.test?.(".svg")
   );
-  fileLoaderRule.exclude = /\.svg$/i;
-  config.module.rules.unshift(...getModuleRules());
-  config.plugins.push(...getAdditionalPlugins());
+  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)());
+    config.plugins = config?.plugins?.concat((0, import_helpers.getCompressionPlugins)());
+  }
+  if (config.resolve) {
+    config.resolve.alias = { ...config?.resolve?.alias, ...(0, import_helpers.getAlias)() };
+    config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
+    config.resolve.extensions?.push(".svg");
+    config.resolve.plugins = [
+      ...config.resolve.plugins || [],
+      new import_resolve_typescript_plugin.default({})
+    ];
   }
-  config.resolve.alias = { ...config.resolve.alias, ...(0, import_helpers.getAlias)() };
-  config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
-  config.resolve.extensions.push(".svg");
-  config.resolve.plugins = [
-    ...config.resolve.plugins || [],
-    new import_resolve_typescript_plugin.default({})
-  ];
   config.externals = config.externals || {};
-  config.externals["@elliemae/pui-user-monitoring"] = "emuiUserMonitoring";
-  config.externals["@elliemae/pui-app-loader"] = "emuiAppLoader";
-  config.externals["@elliemae/pui-diagnostics"] = "emuiDiagnostics";
+  if (config.externals) {
+    config.externals["@elliemae/pui-user-monitoring"] = "emuiUserMonitoring";
+    config.externals["@elliemae/pui-app-loader"] = "emuiAppLoader";
+    config.externals["@elliemae/pui-diagnostics"] = "emuiDiagnostics";
+  }
   return config;
 };
-const managerWebpack = async (config) => {
-  config.plugins = config.plugins.concat((0, import_helpers.getCompressionPlugins)());
-  config.resolve.alias = { ...config.resolve.alias, ...(0, import_helpers.getAlias)() };
+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/cli.js

@@ -19,15 +19,17 @@ import { tscheckCmd } from "./commands/tscheck.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 envConfig();
 process.env.PATH += path.delimiter + path.join(__dirname, "..", "node_modules", ".bin");
-yargs(hideBin(process.argv)).command(buildCmd).help().argv;
-yargs(hideBin(process.argv)).command(packCmd).help().argv;
-yargs(hideBin(process.argv)).command(startCmd).help().argv;
-yargs(hideBin(process.argv)).command(testCmd).help().argv;
-yargs(hideBin(process.argv)).command(lintCmd).help().argv;
-yargs(hideBin(process.argv)).command(gendocCmd).help().argv;
-yargs(hideBin(process.argv)).command(codemodCmd).help().argv;
-yargs(hideBin(process.argv)).command(storybookCmd).help().argv;
-yargs(hideBin(process.argv)).command(vitestCmd).help().argv;
-yargs(hideBin(process.argv)).command(versionCmd).help().argv;
-yargs(hideBin(process.argv)).command(tscheckCmd).help().argv;
-notifyUpdates();
+(async () => {
+  await yargs(hideBin(process.argv)).command(buildCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(packCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(startCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(testCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(lintCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(gendocCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(codemodCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(storybookCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(vitestCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(versionCmd).help().argv;
+  await yargs(hideBin(process.argv)).command(tscheckCmd).help().argv;
+  await notifyUpdates();
+})();

package/dist/esm/commands/build.js

@@ -30,11 +30,17 @@ const buildService = async () => {
     srcdir: "./app",
     outdir: "build",
     esmOnly: true,
-    target: TARGETS.node,
+    target: [TARGETS.node],
     injectReactShim: false,
     skipNestedPackageJSON: true
   });
 };
+const cmdArgs = {
+  service: {
+    boolean: true,
+    default: false
+  }
+};
 const buildCmd = {
   handler: async ({ service = false }) => {
     try {
@@ -51,12 +57,7 @@ const buildCmd = {
   },
   command: "build",
   describe: "builds front end application or NodeJS service",
-  builder: {
-    service: {
-      type: "boolean",
-      default: false
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   buildCmd

package/dist/esm/commands/codemod.js

@@ -2,7 +2,7 @@ import yargs from "yargs";
 import { exec, logInfo, logError, logSuccess } from "./utils.js";
 const transform = async (argv) => {
   logInfo("Code modification in-progress...");
-  exec(`jscodeshift --ignore-file=.gitignore -t ${argv.transform} .`);
+  await exec(`jscodeshift --ignore-file=.gitignore -t ${argv.transform} .`);
 };
 const codemodCmd = {
   handler: async (argv) => {
@@ -16,13 +16,11 @@ const codemodCmd = {
   },
   command: "codemod <transform>",
   describe: "Transforms code",
-  builder: (yargsRef) => {
-    yargsRef.positional("transform", {
-      describe: "path to the transform file. Can be either a local path or url",
-      type: "string",
-      default: "./transform.js"
-    });
-  }
+  builder: (yargsRef) => yargsRef.positional("transform", {
+    describe: "path to the transform file. Can be either a local path or url",
+    string: true,
+    default: "./transform.js"
+  }).help()
 };
 export {
   codemodCmd

package/dist/esm/commands/gendoc.js

@@ -19,7 +19,7 @@ const gendocCmd = {
   },
   command: "gendoc",
   describe: "Builds documentation from source files",
-  builder: {}
+  builder: (yargsRef) => yargsRef.options({})
 };
 export {
   gendocCmd

package/dist/esm/commands/lint.js

@@ -1,7 +1,12 @@
 import path from "node:path";
 import yargs from "yargs";
-import { exec, logError, logSuccess, getCIEnv } from "./utils.js";
-import { isTypeScriptEnabled } from "../utils.cjs";
+import {
+  exec,
+  logError,
+  logSuccess,
+  getCIEnv,
+  isTypeScriptEnabled
+} from "./utils.js";
 const lintCSS = async (fix = false) => {
   const fixIssues = fix ? "--fix" : "";
   await exec(
@@ -17,6 +22,23 @@ const lintJS = async (fix = false) => {
     `eslint ${!getCIEnv() ? "--color" : "--no-color"} ${fixIssues}  .`
   );
 };
+const cmdArgs = {
+  css: {
+    boolean: true,
+    alias: "css",
+    default: true
+  },
+  js: {
+    boolean: true,
+    alias: "js",
+    default: true
+  },
+  fix: {
+    boolean: true,
+    alias: "fix",
+    default: false
+  }
+};
 const lintCmd = {
   handler: async (argv) => {
     if (argv.js) {
@@ -29,7 +51,7 @@ const lintCmd = {
       } catch (err) {
         logError("JS linting failed");
         yargs().exit(-1, err);
-        return -1;
+        return;
       }
     }
     if (argv.css) {
@@ -40,30 +62,12 @@ const lintCmd = {
       } catch (err) {
         logError("CSS linting failed");
         yargs().exit(-1, err);
-        return -1;
       }
     }
-    return 0;
   },
   command: "lint [options]",
   describe: "lints application code",
-  builder: {
-    css: {
-      alias: "css",
-      type: "boolean",
-      default: true
-    },
-    js: {
-      alias: "js",
-      type: "boolean",
-      default: true
-    },
-    fix: {
-      alias: "fix",
-      type: "boolean",
-      default: false
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   lintCmd

package/dist/esm/commands/pack.js

@@ -1,8 +1,14 @@
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import yargs from "yargs";
-import { exec, logInfo, logError, logSuccess, getCIEnv } from "./utils.js";
-import { isTypeScriptEnabled } from "../utils.cjs";
+import {
+  exec,
+  logInfo,
+  logError,
+  logSuccess,
+  getCIEnv,
+  isTypeScriptEnabled
+} from "./utils.js";
 import { esBuild } from "../transpile/esbuild.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const compileTypeScript = async () => {
@@ -26,7 +32,11 @@ const webBuild = async (productionBuild) => {
   );
   logInfo("Building source files for browser environment completed...");
 };
-const pack = async ({ production, target, srcPath }) => {
+const pack = async ({
+  production,
+  target,
+  srcPath
+}) => {
   logInfo("Build in-progress...");
   await exec("rimraf ./dist");
   if (isTypeScriptEnabled()) {
@@ -40,6 +50,23 @@ const pack = async ({ production, target, srcPath }) => {
     logInfo("Building source files for nodejs environment completed.");
   }
 };
+const cmdArgs = {
+  production: {
+    boolean: true,
+    alias: "p",
+    default: false
+  },
+  target: {
+    string: true,
+    alias: "t",
+    default: "",
+    description: "target environment where this library will be used. allowed values are web, node. by default libraries will be compiled for both web and nodejs environments"
+  },
+  srcPath: {
+    string: true,
+    default: "./lib"
+  }
+};
 const packCmd = {
   handler: async (argv) => {
     try {
@@ -52,22 +79,7 @@ const packCmd = {
   },
   command: "pack",
   describe: "builds library",
-  builder: {
-    production: {
-      alias: "p",
-      type: "boolean",
-      default: false
-    },
-    target: {
-      alias: "t",
-      type: "string",
-      description: "target environment where this library will be used. allowed values are web, node. by default libraries will be compiled for both web and nodejs environments"
-    },
-    srcPath: {
-      type: "string",
-      default: "./lib"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   packCmd

package/dist/esm/commands/start.js

@@ -5,9 +5,9 @@ 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 ${path.resolve(
+    `cross-env NODE_ENV=production ts-node --esm ${path.resolve(
       __dirname,
-      "../server"
+      "../server.ts"
     )} --color always`
   );
 };
@@ -20,6 +20,13 @@ const startDevServer = async () => {
     )}`
   );
 };
+const cmdArgs = {
+  prod: {
+    boolean: true,
+    alias: "p",
+    default: false
+  }
+};
 const startCmd = {
   handler: async (argv) => {
     try {
@@ -36,13 +43,7 @@ const startCmd = {
   },
   command: "start [options]",
   describe: "starts local web server to test the application",
-  builder: {
-    prod: {
-      alias: "p",
-      default: false,
-      type: "boolean"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   startCmd

package/dist/esm/commands/storybook.js

@@ -8,9 +8,25 @@ const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
 };
 const startStoryBook = async (isDoc = false) => {
   await exec(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc && "--docs"} -p 11000 --quiet`
+    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc ? "--docs" : ""} -p 11000 --quiet`
   );
 };
+const cmdArgs = {
+  build: {
+    boolean: true,
+    alias: "b",
+    default: false
+  },
+  docs: {
+    boolean: true,
+    default: false
+  },
+  output: {
+    string: true,
+    alias: "o",
+    default: "demo"
+  }
+};
 const storybookCmd = {
   handler: async (argv) => {
     try {
@@ -28,22 +44,7 @@ const storybookCmd = {
   },
   command: "storybook [options]",
   describe: "story book application code",
-  builder: {
-    build: {
-      alias: "b",
-      type: "boolean",
-      default: false
-    },
-    docs: {
-      type: "boolean",
-      default: false
-    },
-    output: {
-      alias: "o",
-      type: "string",
-      default: "demo"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   storybookCmd