@elliemae/pui-cli 9.0.0-next.67 → 9.0.0-next.69

package/dist/cjs/testing/vitest.config.js

@@ -35,7 +35,6 @@ var import_config = require("vitest/config");
 var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
 var import_vite_tsconfig_paths = __toESM(require("vite-tsconfig-paths"));
 const vitestConfig = (0, import_config.defineConfig)({
-  // @ts-expect-error - `react` and `tsconfigPaths` are not part of the default config
   plugins: [(0, import_plugin_react.default)(), (0, import_vite_tsconfig_paths.default)()],
   test: {
     globals: true,

package/dist/cjs/webpack/csp-plugin.js

@@ -39,6 +39,8 @@ const defaultOptions = {
 class CspPlugin {
   #options = defaultOptions;
   /**
+   *
+   * @param htmlWebpackPlugin
    * @param {object} options Additional options for this module.
    */
   constructor(options) {
@@ -46,7 +48,7 @@ class CspPlugin {
   }
   /**
    * Processes HtmlWebpackPlugin's html data by adding the CSP
-   * @param _compilation
+   * @param compilation
    * @param htmlPluginData
    * @param htmlPluginData.html
    * @param compileCb

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

@@ -41,6 +41,7 @@ var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpa
 var import_webpack_manifest_plugin = require("webpack-manifest-plugin");
 var import_favicons_webpack_plugin = __toESM(require("favicons-webpack-plugin"));
 var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"));
+var import_dotenv_webpack = __toESM(require("dotenv-webpack"));
 var import_helpers = require("./helpers.js");
 const minicssLoader = {
   loader: import_mini_css_extract_plugin.default.loader,
@@ -54,6 +55,7 @@ const plugins = [
     NODE_ENV: "development",
     CI: "false"
   }),
+  new import_dotenv_webpack.default(),
   new import_webpack.default.ProvidePlugin({
     React: "react"
   }),
@@ -76,6 +78,7 @@ const plugins = [
         from: "node_modules/@elliemae/pui-user-monitoring/dist/public/js",
         to: "./latest/js",
         toType: "dir",
+        noErrorOnMissing: true,
         info: { minimized: true }
       },
       // {
@@ -252,11 +255,11 @@ const baseConfig = (options) => ({
         type: "asset"
       },
       {
-        test: /iframe.html$/i,
+        test: /i?frame.html$/i,
         resourceQuery: /resource/,
         type: "asset/resource",
         generator: {
-          filename: "latest/[name].[hash][ext]"
+          filename: "latest/[name].[ext]"
         },
         exclude: (0, import_helpers.excludeNodeModulesExcept)(import_helpers.modulesToTranspile)
       },

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

@@ -40,6 +40,7 @@ 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_dotenv_webpack = __toESM(require("dotenv-webpack"));
 var import_helpers = require("./helpers.js");
 var import_utils = require("../utils.js");
 const minicssLoader = {
@@ -63,6 +64,7 @@ const plugins = [
     ASSET_PATH: "/",
     CI: "false"
   }),
+  new import_dotenv_webpack.default(),
   new import_webpack.default.DefinePlugin({
     APP_CONFIG: (0, import_utils.getAppConfig)()
   }),
@@ -176,7 +178,7 @@ const baseConfig = (options) => ({
         type: "asset"
       },
       // {
-      //   test: /(?<!\/iframe)\.html$/,
+      //   test: /(?<!\/i?frame)\.html$/,
       //   exclude: excludeNodeModulesExcept(['@elliemae/*']),
       //   use: 'html-loader',
       // },

package/dist/esm/commands/lint.js

@@ -30,7 +30,7 @@ const lintJS = async (args) => {
   const fixIssues = args.fix ? "--fix" : "";
   const debugFlags = args.debug ? "--env-info --debug" : "";
   await exec(
-    `eslint --flag unstable_ts_config ${!getCIEnv() ? "--color" : "--no-color"} ${fixIssues} ${debugFlags} .`
+    `eslint ${!getCIEnv() ? "--color" : "--no-color"} ${fixIssues} ${debugFlags} .`
   );
 };
 const cmdArgs = {

package/dist/esm/commands/test.js

@@ -128,7 +128,7 @@ const typedTestCmd = {
   },
   command: "test [options]",
   describe: "unit tests application code",
-  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
+  builder: ((yargsRef) => yargsRef.options(cmdArgs).help())
   // the way yargs types are defined this fails if we don't cast it explicitly
   // this cast is safe, we are not overriding the builder
   // just telling typescript that our implementation is compatible with the yargs type system

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

@@ -3,6 +3,7 @@ import { existsSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 import globals from "globals";
 import eslint from "@eslint/js";
+import { defineConfig } from "eslint/config";
 import { FlatCompat } from "@eslint/eslintrc";
 import { includeIgnoreFile } from "@eslint/compat";
 import tseslint from "typescript-eslint";
@@ -23,210 +24,201 @@ const gitignorePath = path.resolve(process.cwd(), ".gitignore");
 const compat = new FlatCompat({
   baseDirectory: __dirname
 });
-const ignores = {
-  ignores: [
-    "build/*",
-    "**/node_modules/",
-    "dist/*",
-    "reports/*",
-    "allure-report/*",
-    "public/*",
-    "webroot/*",
-    "cdn/*",
-    ".tmp/*",
-    "coverage/*",
-    "demo/*",
-    "docs/*",
-    "temp/*",
-    "**/vendor/*.js",
-    ".docusaurus/*",
-    ".scannerwork/*",
-    ".DS_Store/*",
-    ".nx/*",
-    ".idea/*",
-    "*.tgz",
-    "npm-debug.log",
-    "stats.json",
-    "!.storybook"
-  ]
-};
-const options = {
-  languageOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-    globals: {
-      ...globals.builtin,
-      ...globals.browser,
-      ...globals.es2021,
-      ...globals.nodeBuiltin,
-      ...globals.node,
-      ...globals.serviceworker,
-      ...globals.jest,
-      ...globals.commonjs,
-      browser: true,
-      $: true
-    },
-    parserOptions: {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      ecmaFeatures: {
-        jsx: true
-      },
-      project: true,
-      projectService: true,
-      tsconfigRootDir: process.cwd()
-    }
-  },
-  settings: {
-    react: {
-      version: "detect",
-      pragma: "React"
-    },
-    jest: {
-      version: "detect"
-    },
-    "import-x/parsers": {
-      espree: [".js", ".cjs", ".mjs", ".jsx"]
-    },
-    // "import-x/resolver": {
-    //   node: {
-    //     extensions: [".js", ".jsx", ".ts", ".tsx"],
-    //   },
-    //   typescript: true,
-    // },
-    "import/resolver-next": [
-      createTypeScriptImportResolver({
-        alwaysTryTypes: true
-      })
-    ]
-  }
-};
-const e2eTestConfig = {
-  files: ["**/*.func.spec.{js,ts}", "**/*.visual.spec.{js,ts}"],
-  extends: [wdioConfig["flat/recommended"]],
-  rules: {
-    "jest/valid-expect": "off"
-  }
-};
-const jestConfig = {
-  files: ["**/*.test.{js,jsx,ts,tsx}", "**/testing/**/*.{js,jsx,ts,tsx}"],
-  extends: [
-    jest.configs["flat/recommended"],
-    jest.configs["flat/style"],
-    testingLibraryConfig.configs["flat/dom"],
-    testingLibraryConfig.configs["flat/react"]
-  ]
-};
-const sbConfig = {
-  files: ["**/*.stories.{js,jsx,ts,tsx,mdx}"],
-  extends: [storybookConfig.configs["flat/recommended"]]
-};
-const jsRulesConfig = {
-  rules: {
-    complexity: ["error", { max: 10 }],
-    "import-x/no-named-as-default-member": "off",
-    "import-x/no-named-as-default": "off",
-    "import-x/no-unresolved": [
-      "error",
-      { caseSensitive: true, caseSensitiveStrict: true }
-    ],
-    "import-x/extensions": [
-      "error",
-      "never",
-      {
-        json: "ignorePackages",
-        js: "ignorePackages"
-      }
-    ],
-    "max-depth": ["error", { max: 4 }],
-    "max-nested-callbacks": ["error", { max: 3 }],
-    "max-params": ["error", { max: 3 }],
-    "max-statements": ["error", { max: 20 }],
-    "no-console": "warn",
-    "no-param-reassign": ["error", { props: false }],
-    "no-unused-vars": "off",
-    "prefer-template": "error"
-  }
-};
-const tsConfig = {
-  ignores: ["**/*.{js,jsx,mjs,cjs,mdx,md}"],
-  extends: [
-    tseslint.configs.recommendedTypeChecked,
-    tseslint.configs.stylisticTypeChecked
-  ],
-  rules: {
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        args: "all",
-        argsIgnorePattern: "^_",
-        caughtErrors: "all",
-        caughtErrorsIgnorePattern: "^_",
-        destructuredArrayIgnorePattern: "^_",
-        varsIgnorePattern: "^_",
-        ignoreRestSiblings: true
-      }
-    ],
-    "@typescript-eslint/unbound-method": [
-      "error",
-      {
-        ignoreStatic: true
-      }
+const gitignoreExists = existsSync(gitignorePath);
+let gitIgnoreConfig = {};
+if (gitignoreExists) {
+  gitIgnoreConfig = includeIgnoreFile(gitignorePath) ?? {};
+}
+const config = defineConfig([
+  gitIgnoreConfig,
+  {
+    ignores: [
+      "build/*",
+      "**/node_modules/",
+      "dist/*",
+      "reports/*",
+      "allure-report/*",
+      "public/*",
+      "webroot/*",
+      "cdn/*",
+      ".tmp/*",
+      "coverage/*",
+      "demo/*",
+      "docs/*",
+      "temp/*",
+      "**/vendor/*.js",
+      ".docusaurus/*",
+      ".scannerwork/*",
+      ".DS_Store/*",
+      ".nx/*",
+      ".idea/*",
+      "*.tgz",
+      "npm-debug.log",
+      "stats.json",
+      "!.storybook"
     ]
-  }
-};
-const reactConfig = {
-  files: ["**/*.{jsx,tsx}"],
-  extends: [
-    reactPlugin.configs.flat.recommended,
-    reactPlugin.configs.flat["jsx-runtime"],
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    jsxA11yConfig.flatConfigs.recommended,
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
-    ...compat.extends("plugin:redux-saga/recommended")
-  ],
-  languageOptions: {
-    ...reactPlugin.configs.flat.recommended.languageOptions
-  },
-  plugins: {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    "react-hooks": reactHookPlugin
   },
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  rules: {
-    "react/prop-types": ["error", { skipUndeclared: true }],
-    "react/display-name": "off",
-    "react/function-component-definition": [
-      2,
-      { namedComponents: "arrow-function" }
-    ],
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    ...reactHookPlugin.configs.recommended.rules
-  }
-};
-const gitignorExists = existsSync(gitignorePath);
-const tseslintConfigArgs = [ignores];
-if (gitignorExists) {
-  tseslintConfigArgs.push(includeIgnoreFile(gitignorePath));
-}
-tseslintConfigArgs.push(
   {
     ignores: ["**/*.stories.mdx"],
     extends: [mdx.flat]
   },
   eslint.configs.recommended,
-  tsConfig,
+  {
+    ignores: ["**/*.{js,jsx,mjs,cjs,mdx,md}"],
+    extends: [
+      tseslint.configs.recommendedTypeChecked,
+      tseslint.configs.stylisticTypeChecked
+    ],
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          args: "all",
+          argsIgnorePattern: "^_",
+          caughtErrors: "all",
+          caughtErrorsIgnorePattern: "^_",
+          destructuredArrayIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          ignoreRestSiblings: true
+        }
+      ],
+      "@typescript-eslint/unbound-method": [
+        "error",
+        {
+          ignoreStatic: true
+        }
+      ]
+    }
+  },
   eslintPluginImportX.flatConfigs.recommended,
   eslintPluginImportX.flatConfigs.typescript,
-  jestConfig,
+  {
+    files: ["**/*.test.{js,jsx,ts,tsx}", "**/testing/**/*.{js,jsx,ts,tsx}"],
+    ...jest.configs["flat/recommended"],
+    ...jest.configs["flat/style"],
+    ...testingLibraryConfig.configs["flat/dom"],
+    ...testingLibraryConfig.configs["flat/react"]
+  },
   prettierRecommended,
-  reactConfig,
-  e2eTestConfig,
-  sbConfig,
-  jsRulesConfig,
-  options
-);
-const config = tseslint.config(...tseslintConfigArgs);
+  {
+    files: ["**/*.{jsx,tsx}"],
+    ...reactPlugin.configs.flat.recommended,
+    ...reactPlugin.configs.flat["jsx-runtime"],
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    ...jsxA11yConfig.flatConfigs.recommended,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
+    ...compat.extends("plugin:redux-saga/recommended"),
+    languageOptions: {
+      ...reactPlugin.configs.flat.recommended.languageOptions
+    },
+    plugins: {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      "react-hooks": reactHookPlugin
+    },
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    rules: {
+      "react/prop-types": ["error", { skipUndeclared: true }],
+      "react/display-name": "off",
+      "react/function-component-definition": [
+        2,
+        { namedComponents: "arrow-function" }
+      ],
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+      ...reactHookPlugin.configs.recommended.rules
+    }
+  },
+  {
+    files: ["**/*.func.spec.{js,ts}", "**/*.visual.spec.{js,ts}"],
+    extends: [wdioConfig["flat/recommended"]],
+    rules: {
+      "jest/valid-expect": "off"
+    }
+  },
+  {
+    files: ["**/*.stories.{js,jsx,ts,tsx,mdx}"],
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    extends: [storybookConfig.configs["flat/recommended"]]
+  },
+  {
+    rules: {
+      complexity: ["error", { max: 10 }],
+      "import-x/no-named-as-default-member": "off",
+      "import-x/no-named-as-default": "off",
+      "import-x/no-unresolved": [
+        "error",
+        { caseSensitive: true, caseSensitiveStrict: true }
+      ],
+      "import-x/extensions": [
+        "error",
+        "never",
+        {
+          json: "ignorePackages",
+          js: "ignorePackages"
+        }
+      ],
+      "max-depth": ["error", { max: 4 }],
+      "max-nested-callbacks": ["error", { max: 3 }],
+      "max-params": ["error", { max: 3 }],
+      "max-statements": ["error", { max: 20 }],
+      "no-console": "warn",
+      "no-param-reassign": ["error", { props: false }],
+      "no-unused-vars": "off",
+      "prefer-template": "error"
+    }
+  },
+  {
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.builtin,
+        ...globals.browser,
+        ...globals.es2021,
+        ...globals.nodeBuiltin,
+        ...globals.node,
+        ...globals.serviceworker,
+        ...globals.jest,
+        ...globals.commonjs,
+        browser: true,
+        $: true
+      },
+      parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module",
+        ecmaFeatures: {
+          jsx: true
+        },
+        projectService: true,
+        tsconfigRootDir: process.cwd()
+      }
+    },
+    settings: {
+      react: {
+        version: "detect",
+        pragma: "React"
+      },
+      jest: {
+        version: "detect"
+      },
+      "import-x/parsers": {
+        espree: [".js", ".cjs", ".mjs", ".jsx"]
+      },
+      // "import-x/resolver": {
+      //   node: {
+      //     extensions: [".js", ".jsx", ".ts", ".tsx"],
+      //   },
+      //   typescript: true,
+      // },
+      "import/resolver-next": [
+        createTypeScriptImportResolver({
+          alwaysTryTypes: true
+        })
+      ]
+    }
+  }
+]);
 export {
   config
 };

package/dist/esm/release.config.js

@@ -2,9 +2,11 @@ var release_config_default = {
   branches: [
     "+([0-9])?(.{+([0-9]),x}).x",
     "master",
+    "main",
     "next-major",
     { name: "beta", prerelease: true },
     { name: "alpha", prerelease: true },
+    { name: "rc", prerelease: true },
     { name: "hotfix", prerelease: true },
     { name: "next", prerelease: true }
   ],

package/dist/esm/server/appRoutes.js

@@ -30,7 +30,9 @@ const loadRoutes = async (app) => {
       const routeFileURL = pathToFileURL(routeFile).href;
       const { default: init } = await import(routeFileURL);
       try {
-        if (typeof init === "function") init(app);
+        if (typeof init === "function") {
+          await init(app);
+        }
       } catch (err) {
         console.error(
           `unable to load routes from ${routeFile}. ${err.message}`

package/dist/esm/server/csp.js

@@ -21,18 +21,22 @@ const sendFileWithCSPNonce = ({
   res,
   fileSystem = fs
 }) => {
-  fileSystem.readFile(path.resolve(buildPath, page), "utf8", (err, html) => {
-    if (err) {
-      res.sendStatus(404);
-    } else {
-      res.set("Content-Type", "text/html");
-      res.set("Reporting-Endpoints", `csp-report-uri="${CSP_REPORT_URI}"`);
-      res.set(
-        "Permissions-Policy",
-        "geolocation=(), camera=(), microphone=(), interest-cohort=()"
-      );
-      res.send(html.replace(nonceRegex, res.locals.cspNonce));
-    }
+  return new Promise((resolve) => {
+    fileSystem.readFile(path.resolve(buildPath, page), "utf8", (err, html) => {
+      const r = res;
+      if (err) {
+        r.sendStatus(404);
+      } else {
+        r.set("Content-Type", "text/html");
+        r.set("Reporting-Endpoints", `csp-report-uri="${CSP_REPORT_URI}"`);
+        r.set(
+          "Permissions-Policy",
+          "geolocation=(), camera=(), microphone=(), interest-cohort=()"
+        );
+        r.send(html.replace(nonceRegex, r.locals.cspNonce ?? ""));
+      }
+      resolve();
+    });
   });
 };
 const getScriptSrc = () => {

package/dist/esm/server/index.js

@@ -11,20 +11,29 @@ import { port, wsPort, host } from "./utils.js";
 import { isHttps } from "../utils.js";
 import { loadRoutes } from "./appRoutes.js";
 import { createWSServer } from "./wsServer.js";
-void async function startServer() {
-  const app = express();
-  setupDefaultMiddlewares(app);
-  await loadRoutes(app);
-  setupAdditionalMiddlewars(app);
-  const server = isHttps() ? https.createServer(getCertOptions(), app) : http.createServer(app);
-  server.listen(port, host, () => {
-    logger.appStarted(port.toString(), host || "localhost");
-  }).on("error", (err) => {
+void (async function startServer() {
+  try {
+    const app = express();
+    setupDefaultMiddlewares(app);
+    await loadRoutes(app);
+    setupAdditionalMiddlewars(app);
+    const server = isHttps() ? https.createServer(getCertOptions(), app) : http.createServer(app);
+    server.listen(port, host, () => {
+      logger.appStarted(port.toString(), host || "localhost");
+    }).on("error", (err) => {
+      logger.error(err);
+      process.exit(1);
+    });
+    const { wsServer } = await createWSServer({
+      port: wsPort
+    });
+    app.locals.wsServer = wsServer;
+  } catch (err) {
     logger.error(err);
     process.exit(1);
-  });
-  const { wsServer } = await createWSServer({
-    port: wsPort
-  });
-  app.locals.wsServer = wsServer;
-}();
+  }
+})();
+process.on("unhandledRejection", (reason) => {
+  logger.error(reason);
+  process.exit(1);
+});

package/dist/esm/server/middlewares.js

@@ -2,12 +2,12 @@ import express from "express";
 import cors from "cors";
 import compression from "compression";
 import expressStaticGzip from "express-static-gzip";
-import pinoLogger from "pino-http";
+import { pinoHttp } from "pino-http";
 import { csp, sendFileWithCSPNonce } from "./csp.js";
 import { getPaths } from "../webpack/helpers.js";
 const paths = getPaths();
 const setupDefaultMiddlewares = (app) => {
-  const pino = pinoLogger({
+  const pino = pinoHttp({
     transport: {
       target: "pino-pretty",
       options: {
@@ -27,8 +27,8 @@ const setupDefaultMiddlewares = (app) => {
 const setupAdditionalMiddlewars = (app, options = {}) => {
   const { buildPath = paths.buildPath, basePath = paths.basePath } = options;
   app.use(compression());
-  app.get(basePath, (_req, res) => {
-    sendFileWithCSPNonce({ buildPath, res });
+  app.get(basePath, async (_req, res) => {
+    await sendFileWithCSPNonce({ buildPath, res });
   });
   app.use(
     basePath,
@@ -39,10 +39,13 @@ const setupAdditionalMiddlewars = (app, options = {}) => {
     })
   );
   app.use(expressStaticGzip("cdn", {}));
-  app.get(
-    "*",
-    (_req, res) => sendFileWithCSPNonce({ buildPath, res })
-  );
+  app.get("*", async (_req, res) => {
+    await sendFileWithCSPNonce({ buildPath, res });
+  });
+  app.use(function(err, _req, res, _next) {
+    console.error("Express error:", err);
+    res.status(500).send("Internal Server Error");
+  });
   return app;
 };
 export {