@elliemae/pui-cli 9.0.0-next.5 → 9.0.0-next.51

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

@@ -0,0 +1,155 @@
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import importPlugin from "eslint-plugin-import";
+import jest from "eslint-plugin-jest";
+import jsdoc from "eslint-plugin-jsdoc";
+import eslintConfigPrettier from "eslint-config-prettier";
+import { config as tsConfig } from "./typescript/config.js";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname
+});
+const importConfig = {
+  // All eslint-plugin-import config is here
+  languageOptions: {
+    parserOptions: {
+      // Eslint doesn't supply ecmaVersion in `parser.js` `context.parserOptions`
+      // This is required to avoid ecmaVersion < 2015 error or 'import' / 'export' error
+      ecmaVersion: "latest",
+      sourceType: "module"
+    }
+  },
+  plugins: { import: importPlugin },
+  settings: {
+    // This will do the trick
+    "import/parsers": {
+      espree: [".js", ".cjs", ".mjs", ".jsx"]
+    },
+    "import/resolver": {
+      typescript: true,
+      node: true
+    }
+  },
+  rules: {
+    ...importPlugin.configs["recommended"].rules
+  }
+};
+const e2eTestConfig = {
+  files: ["*.func.spec.js", "*.visual.spec.js"],
+  rules: {
+    "jest/valid-expect": "off"
+  }
+};
+const jestConfig = {
+  files: ["**/*.test.*", "**/testing/**/*.js"],
+  ...jest.configs["flat/recommended"]
+};
+const ignores = {
+  ignores: [
+    "build/*",
+    "**/node_modules/",
+    "dist/*",
+    "reports/*",
+    "coverage/*",
+    "demo/*",
+    "docs/*",
+    "temp/*",
+    "**/vendor/*.js",
+    ".docusaurus/*"
+  ]
+};
+const options = {
+  languageOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    globals: {
+      ...globals.builtin,
+      ...globals.browser,
+      ...globals.es2021,
+      ...globals.nodeBuiltin,
+      ...globals.node,
+      ...globals.serviceworker
+    }
+  },
+  plugins: { jsdoc },
+  settings: {
+    react: {
+      version: "detect"
+    },
+    jest: {
+      version: 28
+    }
+  }
+};
+const rules = {
+  "arrow-body-style": [2, "as-needed"],
+  "class-methods-use-this": 0,
+  "import/imports-first": 0,
+  "import/newline-after-import": 0,
+  "import/no-dynamic-require": 0,
+  "import/no-extraneous-dependencies": 0,
+  "import/no-named-as-default": 0,
+  "import/no-unresolved": [
+    2,
+    { caseSensitive: true, caseSensitiveStrict: true }
+  ],
+  // Tip: https://github.com/import-js/eslint-plugin-import/issues/1868
+  "import/no-webpack-loader-syntax": 0,
+  "import/prefer-default-export": 0,
+  "import/extensions": [
+    2,
+    "never",
+    {
+      json: "ignorePackages",
+      js: "ignorePackages"
+    }
+  ],
+  indent: [
+    2,
+    2,
+    {
+      SwitchCase: 1
+    }
+  ],
+  complexity: ["error", { max: 10 }],
+  "max-depth": ["error", { max: 4 }],
+  "max-lines-per-function": 0,
+  "max-nested-callbacks": ["error", { max: 3 }],
+  "max-params": ["error", { max: 3 }],
+  "max-statements": ["error", { max: 20 }],
+  "max-len": 0,
+  "newline-per-chained-call": 0,
+  "no-confusing-arrow": 0,
+  "no-console": 1,
+  "no-param-reassign": ["error", { props: false }],
+  "no-unused-vars": 2,
+  "no-use-before-define": 0,
+  "prefer-template": 2,
+  "require-yield": 0,
+  "jsdoc/require-jsdoc": 0,
+  "eslint-comments/disable-enable-pair": ["error", { allowWholeFile: true }]
+};
+const config = [
+  ignores,
+  js.configs.recommended,
+  jestConfig,
+  ...compat.extends("plugin:eslint-comments/recommended"),
+  ...compat.extends("plugin:wdio/recommended"),
+  ...compat.extends("plugin:testing-library/dom"),
+  ...compat.extends("plugin:storybook/recommended"),
+  importConfig,
+  e2eTestConfig,
+  options,
+  eslintConfigPrettier,
+  {
+    rules
+  },
+  ...tsConfig
+];
+export {
+  config
+};

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

@@ -0,0 +1,76 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { FlatCompat } from "@eslint/eslintrc";
+import { config as baseConfig } from "./config.js";
+import reactRecommended from "eslint-plugin-react/configs/recommended";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname
+});
+const reactRules = {
+  "jsx-a11y/aria-props": 2,
+  "jsx-a11y/heading-has-content": 0,
+  "jsx-a11y/label-has-associated-control": [
+    2,
+    {
+      // NOTE: If this error triggers, either disable it or add
+      // your custom components, labels and attributes via these options
+      // See https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-associated-control.md
+      controlComponents: ["Input"]
+    }
+  ],
+  "jsx-a11y/label-has-for": 0,
+  "jsx-a11y/mouse-events-have-key-events": 2,
+  "jsx-a11y/role-has-required-aria-props": 2,
+  "jsx-a11y/role-supports-aria-props": 2,
+  "react/destructuring-assignment": 0,
+  "react-hooks/rules-of-hooks": "error",
+  "react/jsx-closing-tag-location": 0,
+  "react/forbid-prop-types": 0,
+  "react/jsx-first-prop-new-line": [2, "multiline"],
+  "react/jsx-no-target-blank": 0,
+  "react/jsx-props-no-spreading": 0,
+  "react/jsx-uses-vars": 2,
+  "react/require-default-props": 0,
+  "react/require-extension": 0,
+  "react/self-closing-comp": 0,
+  "react/sort-comp": 0,
+  "react/react-in-jsx-scope": 0,
+  "react/jsx-filename-extension": [
+    1,
+    { extensions: [".js", ".jsx", ".tsx", ".mdx"] }
+  ],
+  "react/function-component-definition": [
+    2,
+    { namedComponents: "arrow-function" }
+  ],
+  "redux-saga/no-yield-in-race": 2,
+  "redux-saga/yield-effects": 2
+};
+const reactRecommendedConfig = {
+  ...reactRecommended,
+  languageOptions: {
+    ...reactRecommended.languageOptions
+  }
+};
+const addFileOverride = (configs) => configs.map((config2) => ({
+  ...config2,
+  files: ["*.jsx", "*.tsx"]
+}));
+const config = [
+  ...baseConfig,
+  ...addFileOverride([
+    reactRecommendedConfig,
+    ...compat.extends("plugin:react-hooks/recommended"),
+    ...compat.extends("plugin:jsx-a11y/recommended"),
+    ...compat.extends("plugin:redux-saga/recommended"),
+    ...compat.extends("plugin:mdx/recommended"),
+    {
+      rules: reactRules
+    }
+  ])
+];
+export {
+  config
+};

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

@@ -0,0 +1,67 @@
+import tseslint from "typescript-eslint";
+import importPlugin from "eslint-plugin-import";
+const importTypedConfig = {
+  settings: {
+    "import/resolver": {
+      typescript: true,
+      node: true
+    }
+  },
+  rules: {
+    ...importPlugin.configs["typescript"].rules
+  }
+};
+const rules = {
+  "@typescript-eslint/explicit-module-boundary-types": "off",
+  "@typescript-eslint/explicit-function-return-type": "off",
+  "@typescript-eslint/no-use-before-define": [
+    "error",
+    { functions: false, classes: true, variables: true, typedefs: true }
+  ],
+  "@typescript-eslint/unbound-method": [
+    "error",
+    {
+      ignoreStatic: true
+    }
+  ],
+  "@typescript-eslint/no-floating-promises": [
+    "error",
+    {
+      ignoreIIFE: true
+    }
+  ]
+};
+const options = {
+  languageOptions: {
+    parserOptions: {
+      tsconfigRootDir: process.cwd(),
+      project: true
+    }
+  },
+  settings: {
+    "import/resolver": {
+      typescript: {
+        alwaysTryTypes: true
+      }
+    },
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    }
+  }
+};
+const addFileOverride = (configs) => configs.map((config2) => ({
+  ...config2,
+  files: ["*.ts", "*.tsx"]
+}));
+const config = addFileOverride([
+  options,
+  ...tseslint.configs.recommendedTypeChecked,
+  ...tseslint.configs.stylisticTypeChecked,
+  importTypedConfig,
+  {
+    rules
+  }
+]);
+export {
+  config
+};

package/dist/esm/lint-config/{prettier.config.cjs → prettier.config.js}

@@ -1,8 +1,11 @@
-exports.prettierConfig = {
+const prettierConfig = {
   printWidth: 80,
   tabWidth: 2,
   useTabs: false,
   semi: true,
   singleQuote: true,
-  trailingComma: 'all',
+  trailingComma: "all"
+};
+export {
+  prettierConfig
 };

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

@@ -0,0 +1,25 @@
+const stylelintConfig = {
+  ignoreFiles: [
+    "/dist/**/*",
+    "/coverage/**/*",
+    "/build/**/*",
+    "/reports/**/*",
+    "/temp/**/*",
+    "/docs/**/*",
+    "/demo/**/*",
+    "/node_modules/**/*",
+    "/vendor/**/*"
+  ],
+  extends: ["stylelint-config-standard"],
+  customSyntax: "postcss-styled-syntax",
+  rules: {
+    "selector-type-no-unknown": null,
+    "function-no-unknown": null,
+    "value-no-vendor-prefix": true,
+    "property-no-vendor-prefix": true,
+    "no-empty-source": null
+  }
+};
+export {
+  stylelintConfig
+};

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*)/,
@@ -12,8 +12,7 @@ const branchTags = {
 };
 const deleteTags = (cmd, filter) => {
   const result = execSync(cmd, { cwd });
-  if (!result)
-    return;
+  if (!result) return;
   const tags = result.toString().split("\n").join(" ");
   execSync(`git tag -d ${filter ? filter(tags) : tags}`, { cwd });
 };

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/pui-config.js

@@ -3,13 +3,12 @@ import fs from "node:fs";
 import { merge } from "lodash";
 const baseConfig = {
   esBuild: {
-    target: "es2020"
+    target: "es2022"
   }
 };
 const getPUIConfig = () => {
   const configPath = path.resolve(process.cwd(), "./pui.config.js");
-  if (!fs.existsSync(configPath))
-    return baseConfig;
+  if (!fs.existsSync(configPath)) return baseConfig;
   const config = JSON.parse(fs.readFileSync(configPath, "utf8"));
   return merge(baseConfig, config);
 };

package/dist/esm/release.config.js

@@ -0,0 +1,26 @@
+var release_config_default = {
+  branches: [
+    "+([0-9])?(.{+([0-9]),x}).x",
+    "master",
+    "next-major",
+    { name: "beta", prerelease: true },
+    { name: "alpha", prerelease: true },
+    { name: "hotfix", prerelease: true },
+    { name: "next", prerelease: true }
+  ],
+  plugins: [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        changelogTitle: "# Changelog\n\nAll notable changes to this project will be documented in this file. See\n[Conventional Commits](https://conventionalcommits.org) for commit guidelines."
+      }
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github"
+  ]
+};
+export {
+  release_config_default as default
+};

package/dist/esm/server/appRoutes.js

@@ -6,14 +6,12 @@ const serviceEndpoints = /\.endpoint\.js$/;
 const getFilesMatching = (filePattern) => {
   const getFiles = (dir) => {
     let routeFiles = [];
-    if (!fs.existsSync(dir))
-      return routeFiles;
+    if (!fs.existsSync(dir)) return routeFiles;
     fs.readdirSync(dir).forEach((file) => {
       const fullPath = path.join(dir, file);
       if (fs.lstatSync(fullPath).isDirectory()) {
         routeFiles = routeFiles.concat(getFiles(fullPath));
-      } else if (filePattern.test(fullPath))
-        routeFiles.push(fullPath);
+      } else if (filePattern.test(fullPath)) routeFiles.push(fullPath);
     });
     return routeFiles;
   };
@@ -32,8 +30,7 @@ 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") init(app);
       } catch (err) {
         console.error(
           `unable to load routes from ${routeFile}. ${err.message}`

package/dist/esm/server/csp.js

@@ -1,12 +1,13 @@
 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'",
   "http://localhost:*",
+  "ws://localhost:*",
   "*.elliemae.io",
   "*.elliemae.com",
   "*.elliservices.com",

package/dist/esm/server/index.js

@@ -4,8 +4,9 @@ import {
   setupDefaultMiddlewares,
   setupAdditionalMiddlewars
 } from "./middlewares.js";
-import { port, host } from "./utils.js";
+import { port, wsPort, host } from "./utils.js";
 import { loadRoutes } from "./appRoutes.js";
+import { createWSServer } from "./wsServer.js";
 (async function startServer() {
   const app = express();
   setupDefaultMiddlewares(app);
@@ -17,4 +18,8 @@ import { loadRoutes } from "./appRoutes.js";
     logger.error(err);
     process.exit(1);
   });
+  const { wsServer } = await createWSServer({
+    port: wsPort
+  });
+  app.locals.wsServer = wsServer;
 })();

package/dist/esm/server/utils.js

@@ -1,13 +1,20 @@
 import minimist from "minimist";
-const argv = minimist(process.argv.slice(2));
+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 wsPort = parseInt(
+  argv.wsport ?? process.env.wsport ?? process.env.WSPORT ?? "5000",
   10
 );
-const host = argv.host || process.env.HOST || "localhost";
 export {
   getCWD,
   host,
-  port
+  port,
+  wsPort
 };

package/dist/esm/server/wsServer.js

@@ -0,0 +1,95 @@
+import http from "node:http";
+import * as wsLib from "ws";
+const PING_INTERVAL = 3e4;
+const DEFAULT_PORT = 5001;
+const onSocketError = (err) => {
+  console.error(err);
+};
+const authenticate = (token, cb) => {
+  if (!token) cb(4401);
+  else cb();
+};
+const getAuthToken = (protocols) => {
+  const authProtocol = protocols.find(
+    (protocol) => protocol.startsWith("auth--")
+  );
+  if (!authProtocol) return "";
+  return authProtocol.split("--")[1]?.trim?.();
+};
+const createWSServer = ({
+  port = DEFAULT_PORT,
+  pingInterval = PING_INTERVAL,
+  onOpen
+}) => {
+  let isAlive = false;
+  const heartbeat = () => {
+    isAlive = true;
+  };
+  const httpServer = http.createServer();
+  const wsServer = new wsLib.WebSocketServer({ noServer: true });
+  httpServer.on("upgrade", (req, socket, head) => {
+    socket.on("error", onSocketError);
+    wsServer.handleUpgrade(req, socket, head, (ws) => {
+      const protocols = req.headers["sec-websocket-protocol"]?.split(",");
+      if (!protocols) {
+        console.error("no protocols");
+        ws.close(4401, "unauthorized");
+        socket.destroy();
+        socket.removeListener("error", onSocketError);
+        return;
+      }
+      authenticate(getAuthToken(protocols) || "", (errCode) => {
+        if (errCode) {
+          switch (errCode) {
+            case 4401:
+              ws.close(errCode, "unauthorized");
+              break;
+            default:
+              ws.close(4400, "Unknown error");
+              break;
+          }
+          socket.destroy();
+          socket.removeListener("error", onSocketError);
+        } else {
+          socket.removeListener("error", onSocketError);
+          wsServer.emit("connection", ws, req);
+        }
+      });
+    });
+  });
+  wsServer.on("connection", (ws) => {
+    isAlive = true;
+    ws.on("error", console.error);
+    ws.on("pong", () => {
+      heartbeat();
+    });
+    ws.on("message", (message) => {
+      console.log(
+        "message from client:",
+        JSON.parse(message)
+      );
+      ws.send(JSON.stringify(JSON.parse(message)));
+    });
+    console.log("client connected");
+    onOpen?.(ws);
+  });
+  const interval = setInterval(() => {
+    wsServer.clients.forEach((ws) => {
+      if (isAlive === false) ws.terminate();
+      isAlive = false;
+      ws.ping();
+    });
+  }, pingInterval);
+  wsServer.on("close", function close() {
+    clearInterval(interval);
+  });
+  return new Promise((resolve) => {
+    httpServer.listen(port, () => {
+      console.log(`Websocket server listening on port ${port}`);
+      return resolve({ httpServer, wsServer });
+    });
+  });
+};
+export {
+  createWSServer
+};

package/dist/esm/testing/ExtendedJSDomEnv.cjs

@@ -0,0 +1,27 @@
+const { TestEnvironment } = require('jest-environment-jsdom');
+
+// ICE platform is meant to be run on  node > 18
+//   "jest-environment-jsdom": "~29.6.3" is instead meant to support node >16
+//   features that are supported since node 17 & 18 are not supported in jsdom env
+//      the limitation is not relevant for us since we are already running on node 18 anyway,
+//      this "ExtendedJSDomEnv" is an extension of the
+//         jest.config.cjs
+//         {
+//           ...
+//           testEnvironment: 'jsdom'
+//           ...
+//         }
+//      that actually uses node 18 features that are not supported in "jest-environment-jsdom": "~29.6.3"
+
+// https://github.com/facebook/jest/blob/v29.4.3/website/versioned_docs/version-29.4/Configuration.md#testenvironment-string
+class FixJSDOMEnvironment extends TestEnvironment {
+  constructor(...args) {
+    super(...args);
+
+    // From here on we are using "node" (currently running version of it) to polyfill jsdom this.global
+
+    // FIXME https://github.com/jsdom/jsdom/issues/3363
+    if (structuredClone) this.global.structuredClone = structuredClone;
+  }
+}
+module.exports = FixJSDOMEnvironment;

package/dist/esm/testing/extended/axe-core/getMessageAndPass.js

@@ -0,0 +1,16 @@
+import { matcherHint } from "jest-matcher-utils";
+import { reporter } from "./reporter.js";
+const getMessageAndPass = (violations) => {
+  const formatedViolations = reporter(violations);
+  const pass = formatedViolations.length === 0;
+  if (pass) return { message: () => "", pass };
+  return {
+    message: () => `${matcherHint(".toHaveNoViolations")}
+
+${formatedViolations}`,
+    pass
+  };
+};
+export {
+  getMessageAndPass
+};

package/dist/esm/testing/extended/axe-core/index.js

@@ -0,0 +1,4 @@
+import { toHaveNoViolations } from "./toHaveNoViolations.js";
+export {
+  toHaveNoViolations
+};