@elliemae/pui-cli 9.0.0-next.6 → 9.0.0-next.61

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

@@ -31,18 +31,23 @@ __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_interceptor_middleware = require("./interceptor-middleware.js");
 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");
+var import_cert = require("../server/cert.js");
+var import_utils2 = require("../utils.js");
 const import_meta = {};
 const __filename = (0, import_node_url.fileURLToPath)(import_meta.url);
 const {
@@ -55,6 +60,10 @@ const {
   diagnosticsScriptPath,
   encwLoaderScriptPath
 } = (0, import_helpers.getPaths)();
+const serverOptions = {
+  type: "https",
+  options: (0, import_cert.getCertOptions)()
+};
 const devConfig = {
   mode: "development",
   cache: {
@@ -98,7 +107,7 @@ const devConfig = {
   // Add development plugins
   plugins: [
     new import_html_webpack_plugin.default({
-      inject: !(0, import_helpers.isAppLoaderEnabled)(),
+      inject: !(0, import_helpers.isAppLoaderEnabled)() && process.env.CSP !== "true",
       // 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: {
@@ -109,9 +118,14 @@ const devConfig = {
         appLoaderScriptPath,
         diagnosticsScriptPath,
         encwLoaderScriptPath,
-        googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-      }
+        googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)(),
+        csp: process.env.CSP === "true"
+      },
+      scriptLoading: "defer"
     }),
+    // new CspPlugin(HtmlWebpackPlugin, {
+    //   enableUnsafeEval: true,
+    // }),
     new import_circular_dependency_plugin.default({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
       // exclude node_modules
@@ -143,12 +157,13 @@ const devConfig = {
     },
     hot: true,
     open: [basePath],
-    port: process.env.PORT || "auto",
+    port: process.env.PORT ?? "auto",
+    server: (0, import_utils2.isHttps)() ? serverOptions : {},
     setupMiddlewares: (middlewares, devServer) => {
+      (0, import_interceptor_middleware.addCSPNonceMiddleware)(middlewares);
       if (devServer.app) {
         (0, import_middlewares.setupDefaultMiddlewares)(devServer.app);
-        (0, import_appRoutes.loadRoutes)(devServer.app).then(() => {
-        }).catch((err) => {
+        (0, import_appRoutes.loadRoutes)(devServer.app).catch((err) => {
           console.error(err);
         });
         const cdnRouter = (0, import_express_static_gzip.default)("cdn", {});
@@ -160,6 +175,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 = {
@@ -66,13 +66,11 @@ const plugins = [
   new import_webpack.default.DefinePlugin({
     APP_CONFIG: (0, import_utils.getAppConfig)()
   }),
-  /* eslint-disable indent */
   ...copyPluginPatterns.length > 0 ? [
     new import_copy_webpack_plugin.default({
       patterns: copyPluginPatterns
     })
   ] : [],
-  /* eslint-enable indent */
   new import_webpack.default.optimize.LimitChunkCountPlugin({
     maxChunks: 1
   }),
@@ -84,14 +82,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 +145,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 +211,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 +220,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,
@@ -70,7 +74,9 @@ const prodConfig = {
     minimizer: [
       new import_esbuild_loader.EsbuildPlugin({
         target: (0, import_browserslist_to_esbuild.default)(),
-        css: true
+        css: true,
+        pure: ["console.log", "console.warn"],
+        drop: ["debugger"]
       })
     ],
     nodeEnv: "production",
@@ -82,10 +88,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

@@ -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 } = {}) => {
@@ -57,10 +57,13 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
     },
     optimization: {
       moduleIds: "deterministic",
+      // realContentHash: false,
       minimizer: [
         new import_esbuild_loader.EsbuildPlugin({
           target: (0, import_browserslist_to_esbuild.default)(),
-          css: true
+          css: true,
+          pure: ["console.log", "console.warn"],
+          drop: ["debugger"]
         })
       ],
       runtimeChunk: true,
@@ -74,7 +77,8 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
           },
           vendors: {
             name: "vendors",
-            test: /[\\/]node_modules[\\/]/
+            test: /[\\/]node_modules[\\/]/,
+            enforce: true
           }
         }
       }
@@ -111,7 +115,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)() && process.env.CSP !== "true",
   template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
   minify: {
     removeComments: true,
@@ -133,10 +137,13 @@ const htmlWebpackPlugin = new import_html_webpack_plugin.default({
     appLoaderScriptPath,
     diagnosticsScriptPath,
     encwLoaderScriptPath,
-    googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-  }
+    googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)(),
+    csp: process.env.CSP === "true"
+  },
+  scriptLoading: "defer"
 });
 const config = (0, import_webpack_base_babel.baseConfig)(getProdConfig());
-if (config.plugins)
+if (config.plugins) {
   config.plugins.push(htmlWebpackPlugin);
+}
 var webpack_prod_babel_default = config;

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

@@ -28,21 +28,20 @@ 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)();
 const CWD = process.cwd();
 const getAdditionalPlugins = () => [
   new import_webpack.default.EnvironmentPlugin({
-    IS_APP,
+    IS_APP: IS_APP ? "true" : "false",
     CWD
   }),
   new import_mini_css_extract_plugin.default({
@@ -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.cjs

@@ -10,7 +10,7 @@ const nodeEnvPreset = {
 const webEnvPreset = {
   modules: process.env.ES_MODULES === 'false' ? 'commonjs' : false,
   useBuiltIns: 'usage',
-  corejs: { version: '3.22', proposals: true },
+  corejs: { version: '3.36', proposals: true },
 };
 
 const presetEnvOptions =
@@ -83,15 +83,4 @@ if (
   config.env?.development?.plugins?.push?.('react-refresh/babel');
 }
 
-// ToDo: Once ECC team migrates from webpack 3 to webpack 5 remove this strip-block plugin from commonjs output. without this they are receiving error when import.meta is used in app sdk
-if (process.env.ES_MODULES === 'false') {
-  config.plugins.push([
-    'babel-plugin-transform-strip-block',
-    {
-      requireDirective: true,
-      identifiers: [{ start: 'block:start', end: 'block:end' }],
-    },
-  ]);
-}
-
 exports.babelConfig = config;

package/dist/esm/build/vite.config.js

@@ -0,0 +1,25 @@
+import { defineConfig } from "vite";
+const noncePlugin = () => ({
+  name: "add-nonce-attr",
+  enforce: "post",
+  transformIndexHtml(html) {
+    return html.replace(new RegExp("<script", "g"), `<script nonce="__CSP_NONCE__"`).replace(new RegExp("<link", "g"), `<link nonce="__CSP_NONCE__"`);
+  }
+});
+var vite_config_default = defineConfig({
+  plugins: [noncePlugin()],
+  build: {
+    emptyOutDir: true,
+    sourcemap: true,
+    rollupOptions: {
+      output: {
+        chunkFileNames: "assets/[name].[hash].js",
+        entryFileNames: "assets/[name].[hash].js",
+        assetFileNames: "assets/[name].[hash][extname]"
+      }
+    }
+  }
+});
+export {
+  vite_config_default as default
+};

package/dist/esm/cli.js

@@ -16,10 +16,11 @@ import { storybookCmd } from "./commands/storybook.js";
 import { vitestCmd } from "./commands/vitest.js";
 import { versionCmd } from "./commands/version.js";
 import { tscheckCmd } from "./commands/tscheck.js";
+import { buildCDNCmd } from "./commands/buildcdn.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 envConfig();
 process.env.PATH += path.delimiter + path.join(__dirname, "..", "node_modules", ".bin");
-(async () => {
+void (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;
@@ -31,5 +32,6 @@ process.env.PATH += path.delimiter + path.join(__dirname, "..", "node_modules",
   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 yargs(hideBin(process.argv)).command(buildCDNCmd).help().argv;
   await notifyUpdates();
 })();

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/buildcdn.js

@@ -0,0 +1,43 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import fg from "fast-glob";
+import yargs from "yargs";
+import { exec, logInfo, logError, logSuccess } from "./utils.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const buildCDN = async () => {
+  const files = await fg(["src/**/*.html"]);
+  await Promise.all(
+    files.map(async (file) => {
+      const srcDir = path.dirname(file);
+      const sitePath = srcDir.replace("src/", "");
+      const outDir = path.join(process.cwd(), "public", sitePath);
+      await exec(
+        `vite build -c ${path.resolve(
+          __dirname,
+          "../build/vite.config.js"
+        )} ${srcDir} --outDir ${outDir} --base ${path.join(
+          process.env.BASE_PATH ?? "",
+          sitePath
+        )}`
+      );
+    })
+  );
+};
+const buildCDNCmd = {
+  handler: async () => {
+    try {
+      logInfo("CDN Build in progress...");
+      await buildCDN();
+      logSuccess("CDN Build completed");
+    } catch (err) {
+      logError("Build failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "buildCDN",
+  describe: "builds web application for CDN",
+  builder: (yargsRef) => yargsRef.options({}).help()
+};
+export {
+  buildCDNCmd
+};

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 --flag unstable_ts_config ${!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);
       }
     }