@elliemae/pui-cli 9.0.0-next.2 → 9.0.0-next.20

package/dist/cjs/utils.js

@@ -35,7 +35,7 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_node_fs = __toESM(require("node:fs"), 1);
 var import_node_path = __toESM(require("node:path"), 1);
-const basePath = (process.env.BASE_PATH || "/").replace(/\/?$/, "/");
+const basePath = (process.env.BASE_PATH ?? "/").replace(/\/?$/, "/");
 const isApp = () => import_node_fs.default.existsSync(import_node_path.default.join(process.cwd(), "app"));
 const getAppConfig = () => {
   const appConfigPath = import_node_path.default.join(

package/dist/cjs/webpack/helpers.js

@@ -34,6 +34,7 @@ __export(helpers_exports, {
   getAlias: () => getAlias,
   getAppVersion: () => getAppVersion,
   getCompressionPlugins: () => getCompressionPlugins,
+  getLibraryAlias: () => getLibraryAlias,
   getLibraryName: () => getLibraryName,
   getLibraryVariableName: () => getLibraryVariableName,
   getMediaPath: () => getMediaPath,
@@ -48,9 +49,9 @@ __export(helpers_exports, {
 module.exports = __toCommonJS(helpers_exports);
 var import_node_path = __toESM(require("node:path"), 1);
 var import_node_fs = __toESM(require("node:fs"), 1);
+var import_zlib = __toESM(require("zlib"), 1);
 var import_lodash = __toESM(require("lodash"), 1);
 var import_compression_webpack_plugin = __toESM(require("compression-webpack-plugin"), 1);
-var import_zlib = __toESM(require("zlib"), 1);
 var import_utils = require("../monorepo/utils.js");
 var import_utils2 = require("../utils.js");
 let pathSep = import_node_path.default.sep;
@@ -64,8 +65,8 @@ const excludeNodeModulesExcept = (modules) => {
   const moduleRegExps = getNodeModulesRegEx(modules);
   return function(modulePath) {
     if (/node_modules/.test(modulePath)) {
-      for (let i = 0; i < moduleRegExps.length; i += 1)
-        if (moduleRegExps[i].test(modulePath))
+      for (const moduleRegExp of moduleRegExps)
+        if (moduleRegExp.test(modulePath))
           return false;
       return true;
     }
@@ -80,7 +81,7 @@ const getLibraryName = () => {
   const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
   return import_lodash.default.camelCase(modifiedLibName);
 };
-const getLibraryVariableName = () => (process.env.LIBRARY_VARIABLE_NAME || getLibraryName()).split(".");
+const getLibraryVariableName = () => (process.env.LIBRARY_VARIABLE_NAME ?? getLibraryName()).split(".");
 const mapToFolder = (dependencies, folder) => dependencies.reduce(
   (acc, dependency) => ({
     [dependency]: import_node_path.default.resolve(`${folder}/${dependency.replace("$", "")}`),
@@ -89,7 +90,7 @@ const mapToFolder = (dependencies, folder) => dependencies.reduce(
   {}
 );
 const getAlias = () => {
-  const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) || "";
+  const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) ?? "";
   return mapToFolder(
     [
       "@babel/runtime",
@@ -103,6 +104,8 @@ const getAlias = () => {
       "styled-components",
       "immer",
       "react-dates",
+      "react-select",
+      "react-spring",
       "react-transition-group",
       "@elliemae/pui-cli",
       "@elliemae/pui-app-sdk$",
@@ -111,6 +114,15 @@ const getAlias = () => {
     import_node_path.default.join(monorepoRoot, "./node_modules")
   );
 };
+const getLibraryAlias = (name, alias) => {
+  const monorepoRoot = (0, import_utils.findMonoRepoRoot)(process.cwd()) ?? "";
+  const aliasPath = import_node_path.default.resolve(
+    `${import_node_path.default.join(monorepoRoot, "./node_modules")}/${alias}`
+  );
+  return {
+    [name]: aliasPath
+  };
+};
 const modulesToTranspile = [
   "@elliemae/pui-*",
   "@elliemae/ds-*",
@@ -173,7 +185,7 @@ const getAppVersion = () => {
   if (!process.env.APP_VERSION)
     return LATEST_VERSION;
   const match = process.env.APP_VERSION.match(/^v?(\d+\.\d+)\..*$/);
-  return match && match[1] || LATEST_VERSION;
+  return match?.[1] ?? LATEST_VERSION;
 };
 const getPaths = (latestVersion = true) => {
   const version = latestVersion ? LATEST_VERSION : getAppVersion();

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

@@ -284,15 +284,37 @@ 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"
+    "@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",
   },
-  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

@@ -98,7 +98,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 +110,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 +144,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);

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

@@ -47,17 +47,14 @@ const getHtmlWebpackPlugins = () => {
     (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 +71,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 +89,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

@@ -46,7 +46,9 @@ const getHtmlWebpackPlugins = () => {
     (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 +84,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.esm.js"
+      )
+    };
     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,14 +1,24 @@
 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.cjs");
+    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(),
@@ -16,10 +26,11 @@ const lintCSS = async (fix = false) => {
     )}`
   );
 };
-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

@@ -45,9 +45,9 @@ const testCmd = {
   handler: async (argv) => {
     let commandOptions = "--coverage --maxWorkers=50%";
     if (argv.fix)
-      commandOptions = "-u";
+      commandOptions += " -u";
     else if (argv.watch)
-      commandOptions = "--watchAll";
+      commandOptions += " --watchAll";
     if (getCIEnv())
       commandOptions += " --ci --no-colors";
     if (argv.passWithNoTests)

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;
   }, {});
 };
@@ -186,5 +187,6 @@ export {
   logError,
   logInfo,
   logSuccess,
+  logWarning,
   writeAppInfo
 };

package/dist/esm/index.js

@@ -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': {

package/dist/esm/lint-config/stylelint.config.cjs

@@ -1,19 +1,20 @@
 exports.stylelintConfig = {
   ignoreFiles: [
-    '/dist/**/*',
-    '/coverage/**/*',
-    '/build/**/*',
-    '/reports/**/*',
-    '/temp/**/*',
-    '/docs/**/*',
-    '/demo/**/*',
-    '/node_modules/**/*',
-    '/vendor/**/*',
+    "/dist/**/*",
+    "/coverage/**/*",
+    "/build/**/*",
+    "/reports/**/*",
+    "/temp/**/*",
+    "/docs/**/*",
+    "/demo/**/*",
+    "/node_modules/**/*",
+    "/vendor/**/*",
   ],
-  customSyntax: '@stylelint/postcss-css-in-js',
+  customSyntax: "@stylelint/postcss-css-in-js",
+  // customSyntax: "postcss-styled-components", // '@stylelint/postcss-css-in-js' is deprecated, this may be a replacement?
   extends: [
-    'stylelint-config-recommended',
-    'stylelint-config-styled-components',
+    "stylelint-config-recommended",
+    "stylelint-config-styled-components",
   ],
-  rules: { 'selector-type-no-unknown': null, 'function-no-unknown': null },
+  rules: { "selector-type-no-unknown": null, "function-no-unknown": null },
 };

package/dist/esm/monorepo/delete-merged-tags.js

@@ -3,7 +3,7 @@ const cwd = process.cwd();
 const execaOptions = { cwd, stdio: "inherit" };
 const semVerRegEx = /^v?(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/;
 const isSemVersion = (tagName) => semVerRegEx.test(tagName);
-const branchName = (process.env.BRANCH_NAME || "master").toLowerCase();
+const branchName = (process.env.BRANCH_NAME ?? "master").toLowerCase();
 const branchTags = {
   master: /^v?(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)$/,
   next: /^v.*-next\.(0|[1-9]\d*)/,

package/dist/esm/monorepo/set-registry-version.js

@@ -2,7 +2,7 @@ import { readFile, writeFile } from "node:fs/promises";
 import fg from "fast-glob";
 import normalizePath from "normalize-path";
 import { findMonoRepoRoot } from "./utils.js";
-const monorepoRoot = normalizePath(findMonoRepoRoot() || "");
+const monorepoRoot = normalizePath(findMonoRepoRoot() ?? "");
 const setRegistryVersion = async () => {
   const files = await fg([
     `${monorepoRoot}/libs/*/package.json`,

package/dist/esm/monorepo/set-workspace-version.js

@@ -2,7 +2,7 @@ import { readFile, writeFile } from "node:fs/promises";
 import fg from "fast-glob";
 import normalizePath from "normalize-path";
 import { findMonoRepoRoot } from "./utils.js";
-const monorepoRoot = normalizePath(findMonoRepoRoot() || "");
+const monorepoRoot = normalizePath(findMonoRepoRoot() ?? "");
 const setWorkspaceVersion = async () => {
   const files = await fg([
     `${monorepoRoot}/libs/*/package.json`,

package/dist/esm/server/csp.js

@@ -1,8 +1,8 @@
 import fs from "node:fs";
 import path from "node:path";
+import crypto from "crypto";
 import express from "express";
 import cspPolicy from "helmet-csp";
-import crypto from "crypto";
 const CSP_REPORT_URI = "/diagnostics/v1/csp";
 const sources = [
   "'self'",

package/dist/esm/server/utils.js

@@ -2,10 +2,10 @@ import minimist from "minimist";
 const argv = minimist(process.argv.slice(2));
 const getCWD = () => process.cwd();
 const port = parseInt(
-  argv.port || process.env.port || process.env.PORT || "3000",
+  argv.port ?? process.env.port ?? process.env.PORT ?? "3000",
   10
 );
-const host = argv.host || process.env.HOST || "localhost";
+const host = argv.host ?? process.env.HOST ?? "localhost";
 export {
   getCWD,
   host,