@elliemae/pui-cli 9.0.0-next.4 → 9.0.0-next.41

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

@@ -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

@@ -43,6 +43,8 @@ var import_middlewares = require("../server/middlewares.js");
 var import_appRoutes = require("../server/appRoutes.js");
 var import_helpers = require("./helpers.js");
 var import_webpack_base_babel = require("./webpack.base.babel.js");
+var import_utils = require("../server/utils.js");
+var import_wsServer = require("../server/wsServer.js");
 const import_meta = {};
 const __filename = (0, import_node_url.fileURLToPath)(import_meta.url);
 const {
@@ -98,7 +100,7 @@ const devConfig = {
   // Add development plugins
   plugins: [
     new import_html_webpack_plugin.default({
-      inject: !(0, import_helpers.isAppLoaderEnabled)(),
+      inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
       // Inject all files that are generated by webpack, e.g. bundle.js
       template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
       emui: {
@@ -110,7 +112,8 @@ const devConfig = {
         diagnosticsScriptPath,
         encwLoaderScriptPath,
         googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
-      }
+      },
+      scriptLoading: "defer"
     }),
     new import_circular_dependency_plugin.default({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
@@ -143,7 +146,7 @@ const devConfig = {
     },
     hot: true,
     open: [basePath],
-    port: process.env.PORT || "auto",
+    port: process.env.PORT ?? "auto",
     setupMiddlewares: (middlewares, devServer) => {
       if (devServer.app) {
         (0, import_middlewares.setupDefaultMiddlewares)(devServer.app);
@@ -160,6 +163,14 @@ const devConfig = {
           }
           next();
         });
+        (0, import_wsServer.createWSServer)({
+          port: import_utils.wsPort
+        }).then(({ wsServer }) => {
+          if (devServer.app)
+            devServer.app.locals.wsServer = wsServer;
+        }).catch((err) => {
+          console.error(err);
+        });
       }
       return middlewares;
     }

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

@@ -84,14 +84,22 @@ const baseConfig = (options) => ({
   output: {
     clean: true,
     path: import_node_path.default.resolve(process.cwd(), "dist/umd"),
+    filename: "[name].js",
+    chunkFilename: "[name].[chunkhash].chunk.js",
+    assetModuleFilename: "assets/[name].[hash][ext][query]",
     publicPath: "auto",
     library: {
       name: (0, import_helpers.getLibraryVariableName)(),
-      type: "umd"
+      type: "var"
+      // type: 'module',
     },
+    // module: true,
     ...options.output
   },
   // Merge with env dependent settings
+  // experiments: {
+  //   outputModule: true,
+  // },
   optimization: options.optimization,
   module: {
     rules: [
@@ -204,7 +212,7 @@ const baseConfig = (options) => ({
     mainFields: ["browser", "module", "main"],
     alias: {
       ...(0, import_helpers.getAlias)(),
-      ...(options.resolve || {}).alias || {}
+      ...options.resolve?.alias ?? {}
     },
     plugins: [new import_resolve_typescript_plugin.default({})]
   },
@@ -213,7 +221,7 @@ const baseConfig = (options) => ({
     "@elliemae/pui-app-loader": "emuiAppLoader",
     "@elliemae/pui-diagnostics": "emuiDiagnostics"
   },
-  devtool: options.devtool || "eval-source-map",
-  performance: options.performance || {},
-  devServer: options.devServer || {}
+  devtool: options.devtool ?? "eval-source-map",
+  performance: options.performance ?? {},
+  devServer: options.devServer ?? {}
 });

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

@@ -42,22 +42,21 @@ 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

@@ -41,12 +41,16 @@ 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",

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

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

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

@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var webpack_storybook_exports = {};
 __export(webpack_storybook_exports, {
-  managerWebpack: () => managerWebpack,
   webpackFinal: () => webpackFinal
 });
 module.exports = __toCommonJS(webpack_storybook_exports);
@@ -97,15 +96,22 @@ const webpackFinal = (config, { configType }) => {
     config.plugins = config?.plugins?.concat((0, import_helpers.getCompressionPlugins)());
   }
   if (config.resolve) {
-    config.resolve.alias = { ...config?.resolve?.alias, ...(0, import_helpers.getAlias)() };
+    config.resolve.alias = {
+      ...config?.resolve?.alias,
+      ...(0, import_helpers.getAlias)(),
+      ...(0, import_helpers.getLibraryAlias)(
+        "@reduxjs/toolkit/query/react",
+        "@reduxjs/toolkit/dist/query/react/rtk-query-react.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 +119,3 @@ const webpackFinal = (config, { configType }) => {
   }
   return config;
 };
-const managerWebpack = (config) => {
-  if (config.plugins)
-    config.plugins = config.plugins.concat((0, import_helpers.getCompressionPlugins)());
-  if (config.resolve)
-    config.resolve.alias = { ...config.resolve.alias, ...(0, import_helpers.getAlias)() };
-  return config;
-};

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,12 @@ 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 +75,12 @@ 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/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/storybook.js

@@ -3,12 +3,12 @@ import { exec, logInfo, logError, logSuccess } from "./utils.js";
 const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
   const additionalParams = isDoc ? `--docs -o ${outputDir}/docs` : `-o ${outputDir}`;
   await exec(
-    `cross-env NODE_ENV=production build-storybook --quiet ${additionalParams}`
+    `cross-env NODE_ENV=production storybook build --quiet ${additionalParams}`
   );
 };
 const startStoryBook = async (isDoc = false) => {
   await exec(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc ? "--docs" : ""} -p 11000 --quiet`
+    `cross-env STORYBOOK_BUILD=true storybook dev ${isDoc ? "--docs" : ""} -p 11000 --quiet`
   );
 };
 const cmdArgs = {

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,61 @@ 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 +92,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 () => {
@@ -52,7 +53,7 @@ const getSupportedBrowsers = async () => {
   return browserVersions.reduce((acc, nameVersion) => {
     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,7 +123,9 @@ 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")]);
+  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];
@@ -176,15 +179,43 @@ 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/index.cjs

@@ -5,7 +5,6 @@ const {
 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');
@@ -15,7 +14,6 @@ module.exports = {
   babelConfig,
   eslintBaseConfig,
   eslintConfig,
-  stylelintConfig,
   prettierConfig,
   commitlintConfig,
   jestConfig,

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 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 { stylelintConfig } from "./lint-config/stylelint.config.js";
 import { prettierConfig } from "./lint-config/prettier.config.cjs";
 import { commitlintConfig } from "./lint-config/commitlint.config.cjs";
 import { jestConfig } from "./testing/jest.config.cjs";
@@ -9,6 +9,7 @@ import { vitestConfig } from "./testing/vitest.config.js";
 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,
   commitlintConfig,
@@ -20,5 +21,6 @@ export {
   loadRoutes,
   prettierConfig,
   stylelintConfig,
-  vitestConfig
+  vitestConfig,
+  webpackFinal
 };

package/dist/esm/lint-config/eslint/common.cjs

@@ -1,5 +1,5 @@
 /* eslint-disable max-lines */
-const prettierOptions = require("../prettier.config.cjs");
+const { prettierConfig } = require("../prettier.config.cjs");
 // const webpackConfig = require('../../webpack/webpack.prod.babel');
 
 exports.baseExtends = [
@@ -26,7 +26,7 @@ exports.baseOverrides = [
 ];
 
 const baseRules = {
-  "prettier/prettier": ["error", prettierOptions],
+  "prettier/prettier": ["error", prettierConfig],
   "arrow-body-style": [2, "as-needed"],
   "class-methods-use-this": 0,
   "import/imports-first": 0,
@@ -152,6 +152,7 @@ exports.baseConfig = {
   },
   ignorePatterns: [
     "/build/**/*",
+    "/node_modules/**/*",
     "/dist/**/*",
     "/reports/**/*",
     "/coverage/**/*",

package/dist/esm/lint-config/eslint/typescript/common.cjs

@@ -1,9 +1,9 @@
 const { baseExtends, basePlugins } = require('../common.cjs');
 
 exports.tsBaseExtends = [
-  'plugin:@typescript-eslint/recommended',
   'plugin:import/typescript',
-  'plugin:@typescript-eslint/recommended-requiring-type-checking',
+  'plugin:@typescript-eslint/recommended-type-checked',
+  'plugin:@typescript-eslint/stylistic-type-checked',
 ].concat(baseExtends);
 
 exports.tsBaseRules = {
@@ -34,7 +34,7 @@ exports.tsBaseConfig = {
   plugins: ['@typescript-eslint'].concat(basePlugins),
   parserOptions: {
     tsconfigRootDir: process.cwd(),
-    project: 'tsconfig.json',
+    project: true,
   },
   settings: {
     'import/resolver': {