@elliemae/pui-cli 7.0.0-alpha.3 → 7.0.0-alpha.32

package/dist/esm/index.cjs

@@ -0,0 +1,25 @@
+const { babelConfig } = require('./babel.config.cjs');
+const {
+  esConfig: eslintBaseConfig,
+} = require('./lint-config/eslint/non-react.cjs');
+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');
+const { jestNodeConfig } = require('./testing/jest.node.config.cjs');
+const { loadRoutes } = require('./server/app-routes.cjs');
+
+module.exports = {
+  babelConfig,
+  eslintBaseConfig,
+  eslintConfig,
+  stylelintConfig,
+  prettierConfig,
+  commitlintConfig,
+  jestConfig,
+  jestNodeConfig,
+  loadRoutes,
+};

package/dist/esm/index.js

@@ -1,13 +1,13 @@
-import { babelConfig } from "./babel/babel.config.cjs";
-import { esConfig } from "./lint/eslint/non-react.cjs";
-import { esReactConfig } from "./lint/eslint/react.cjs";
-import { stylelintConfig } from "./lint/stylelint.config.cjs";
-import { prettierConfig } from "./lint/prettier.config.cjs";
-import { commitlintConfig } from "./lint/commitlint.config.cjs";
+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 { prettierConfig } from "./lint-config/prettier.config.cjs";
+import { commitlintConfig } from "./lint-config/commitlint.config.cjs";
 import { jestConfig } from "./testing/jest.config.cjs";
 import { jestNodeConfig } from "./testing/jest.node.config.cjs";
-import { lintStagedConfig } from "./lint/lint-staged.config.js";
-import { loadRoutes } from "./server/util/index.js";
+import { lintStagedConfig } from "./lint-config/lint-staged.config.js";
+import { loadRoutes } from "./server/app-routes.cjs";
 export {
   babelConfig,
   commitlintConfig,

package/dist/esm/{lint → lint-config}/eslint/common.cjs

@@ -141,11 +141,11 @@ exports.baseConfig = {
     jest: {
       version: 28,
     },
-    // 'import/resolver': {
-    //   webpack: {
-    //     config: webpackConfig,
-    //   },
-    // },
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx']
+      },
+    },
   },
   ignorePatterns: [
     '/build/**/*',

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

@@ -1,13 +1,9 @@
 import path from "node:path";
-import { fileURLToPath } from "node:url";
 import fs from "node:fs";
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const npmClient = fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml")) ? "pnpm" : "npm";
 const lintStagedConfig = {
   "*.{js,ts,jsx,tsx,md,mdx,html,css,json}": ["prettier --write"],
-  "*.{ts,tsx}": [
-    `node ${path.resolve(__dirname, "../typescript/tsc-files/index.js")} --noEmit --emitDeclarationOnly false`
-  ],
+  "*.{ts,tsx}": [`${npmClient} run tscheck`],
   "*.{js,ts,jsx,tsx}": [
     `${npmClient} run lint:fix`,
     `${npmClient} run test:staged`,

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

@@ -15,5 +15,5 @@ exports.stylelintConfig = {
     'stylelint-config-recommended',
     'stylelint-config-styled-components',
   ],
-  rules: { 'selector-type-no-unknown': null, 'no-extra-semicolons': null },
+  rules: { 'selector-type-no-unknown': null, 'no-extra-semicolons': null, 'function-no-unknown': null },
 };

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

@@ -1,7 +1,7 @@
 import { readFile, writeFile } from "node:fs/promises";
 import fg from "fast-glob";
 import normalizePath from "normalize-path";
-import { findMonoRepoRoot } from "./utils.js";
+import { findMonoRepoRoot } from "./utils.cjs";
 const monorepoRoot = normalizePath(findMonoRepoRoot() || "");
 const setRegistryVersion = async () => {
   const files = await fg([
@@ -9,12 +9,14 @@ const setRegistryVersion = async () => {
     `${monorepoRoot}/apps/*/package.json`,
     `${monorepoRoot}/package.json`
   ]);
-  Promise.all(files.map(async (file) => {
-    let pkgJSONData = await readFile(file, "utf8");
-    const pkgVersion = JSON.parse(pkgJSONData).version;
-    pkgJSONData = pkgJSONData.replace(/workspace:\*/g, pkgVersion);
-    await writeFile(file, pkgJSONData);
-  }));
+  Promise.all(
+    files.map(async (file) => {
+      let pkgJSONData = await readFile(file, "utf8");
+      const pkgVersion = JSON.parse(pkgJSONData).version;
+      pkgJSONData = pkgJSONData.replace(/workspace:\*/g, pkgVersion);
+      await writeFile(file, pkgJSONData);
+    })
+  );
 };
 export {
   setRegistryVersion

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

@@ -1,7 +1,7 @@
 import { readFile, writeFile } from "node:fs/promises";
 import fg from "fast-glob";
 import normalizePath from "normalize-path";
-import { findMonoRepoRoot } from "./utils.js";
+import { findMonoRepoRoot } from "./utils.cjs";
 const monorepoRoot = normalizePath(findMonoRepoRoot() || "");
 const setWorkspaceVersion = async () => {
   const files = await fg([
@@ -9,13 +9,21 @@ const setWorkspaceVersion = async () => {
     `${monorepoRoot}/apps/*/package.json`,
     `${monorepoRoot}/package.json`
   ]);
-  Promise.all(files.map(async (file) => {
-    let pkgJSONData = await readFile(file, "utf8");
-    const pkgVersion = JSON.parse(pkgJSONData).version;
-    pkgJSONData = pkgJSONData.replace(new RegExp(pkgVersion, "g"), "workspace:*");
-    pkgJSONData = pkgJSONData.replace(/"version": "workspace:\*"/g, `"version": "${pkgVersion}"`);
-    await writeFile(file, pkgJSONData);
-  }));
+  Promise.all(
+    files.map(async (file) => {
+      let pkgJSONData = await readFile(file, "utf8");
+      const pkgVersion = JSON.parse(pkgJSONData).version;
+      pkgJSONData = pkgJSONData.replace(
+        new RegExp(pkgVersion, "g"),
+        "workspace:*"
+      );
+      pkgJSONData = pkgJSONData.replace(
+        /"version": "workspace:\*"/g,
+        `"version": "${pkgVersion}"`
+      );
+      await writeFile(file, pkgJSONData);
+    })
+  );
 };
 export {
   setWorkspaceVersion

package/dist/esm/monorepo/utils.cjs

@@ -0,0 +1,30 @@
+const path = require('path');
+const { execSync } = require('child_process');
+
+const WORKSPACE_DIR_ENV_VAR = 'NPM_CONFIG_WORKSPACE_DIR';
+const WORKSPACE_MANIFEST_FILENAME = 'pnpm-workspace.yaml';
+
+const getPNPMWorkspaceLocation = (cwd) => {
+  let location = null;
+  // eslint-disable-next-line no-restricted-syntax
+  for (const fileName of [WORKSPACE_MANIFEST_FILENAME, 'pnpm-workspace.yml']) {
+    try {
+      const result = execSync(`npx find-up ${fileName}`, { cwd });
+      location = result.toString().trim();
+      break;
+    } catch (err) {
+      // ignore
+    }
+  }
+  return location;
+};
+
+exports.findMonoRepoRoot = (cwd = process.cwd()) => {
+  const workspaceManifestDirEnvVar =
+    process.env[WORKSPACE_DIR_ENV_VAR] ??
+    process.env[WORKSPACE_DIR_ENV_VAR.toLowerCase()];
+  const workspaceManifestLocation = workspaceManifestDirEnvVar
+    ? path.join(workspaceManifestDirEnvVar, 'pnpm-workspace.yaml')
+    : getPNPMWorkspaceLocation(cwd);
+  return workspaceManifestLocation && path.dirname(workspaceManifestLocation);
+};

package/dist/esm/server/app-routes.cjs

@@ -0,0 +1,42 @@
+const fs = require('fs');
+const path = require('path');
+
+const allJS = /\.js$/;
+
+const serviceEndpoints = /\.endpoint\.js$/;
+
+const getFilesMatching = (filePattern) => {
+  const getFiles = (dir) => {
+    let 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);
+    });
+    return routeFiles;
+  };
+  return getFiles;
+};
+
+const getServerRouteFiles = getFilesMatching(allJS);
+const getServiceEndpoints = getFilesMatching(serviceEndpoints);
+
+exports.loadRoutes = (app) => {
+  const routeFiles = getServerRouteFiles(
+    path.join(process.cwd(), 'server/routes'),
+  );
+  routeFiles.push(...getServiceEndpoints(path.join(process.cwd(), 'app')));
+  routeFiles.push(...getServiceEndpoints(path.join(process.cwd(), 'lib')));
+  routeFiles.forEach((routeFile) => {
+    // eslint-disable-next-line global-require
+    const init = require(routeFile);
+    try {
+      init(app);
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error(`unable to load routes from ${routeFile}. ${err.message}`);
+    }
+  });
+};

package/dist/esm/server/csp.js

@@ -41,24 +41,26 @@ const csp = (app) => {
     res.locals.cspNonce = crypto.randomBytes(16).toString("hex");
     next();
   });
-  app.use(cspPolicy({
-    directives: {
-      defaultSrc: ["'self'"],
-      baseUri: ["'self'"],
-      blockAllMixedContent: [],
-      connectSrc: sources,
-      fontSrc: sources.concat(["data:"]),
-      frameAncestors: sources,
-      imgSrc: sources.concat(["data:"]),
-      objectSrc: ["'none'"],
-      scriptSrc: getScriptSrc(),
-      scriptSrcAttr: ["'none'"],
-      styleSrc: sources.concat(["'unsafe-inline'"]),
-      upgradeInsecureRequests: [],
-      reportUri: "/v1/csp"
-    },
-    reportOnly: true
-  }));
+  app.use(
+    cspPolicy({
+      directives: {
+        defaultSrc: ["'self'"],
+        baseUri: ["'self'"],
+        blockAllMixedContent: [],
+        connectSrc: sources,
+        fontSrc: sources.concat(["data:"]),
+        frameAncestors: sources,
+        imgSrc: sources.concat(["data:"]),
+        objectSrc: ["'none'"],
+        scriptSrc: getScriptSrc(),
+        scriptSrcAttr: ["'none'"],
+        styleSrc: sources.concat(["'unsafe-inline'"]),
+        upgradeInsecureRequests: [],
+        reportUri: "/v1/csp"
+      },
+      reportOnly: true
+    })
+  );
 };
 export {
   csp,

package/dist/esm/server/index.js

@@ -3,8 +3,9 @@ import { logger } from "./logger.js";
 import {
   setupDefaultMiddlewares,
   setupAdditionalMiddlewars
-} from "./middlewares/index.js";
-import { loadRoutes, port, host } from "./util/index.js";
+} from "./middlewares.js";
+import { port, host } from "./utils.js";
+import { loadRoutes } from "./app-routes.cjs";
 const app = express();
 setupDefaultMiddlewares(app);
 loadRoutes(app);

package/dist/esm/server/logger.js

@@ -12,14 +12,18 @@ const logger = {
     }
     const accessUrls = `${chalk.bold("Access URLs:")}${divider}
 `;
-    const localHostUrl = `Localhost: ${chalk.magenta(`http://${host}:${port}`)}
+    const localHostUrl = `Localhost: ${chalk.magenta(
+      `http://${host}:${port}`
+    )}
 `;
     const lanUrl = `LAN: ${chalk.magenta(`http://${ip.address()}:${port}`)}
 `;
     const proxy = tunnelStarted ? `
     Proxy: ${chalk.magenta(tunnelStarted)}` : "";
-    console.log(`${accessUrls}${localHostUrl}${lanUrl}${proxy}${divider}${chalk.blue(`
-Press ${chalk.italic("CTRL-C")} to stop`)}
+    console.log(`${accessUrls}${localHostUrl}${lanUrl}${proxy}${divider}${chalk.blue(
+      `
+Press ${chalk.italic("CTRL-C")} to stop`
+    )}
     `);
   }
 };

package/dist/esm/server/middlewares.js

@@ -0,0 +1,49 @@
+import express from "express";
+import cors from "cors";
+import compression from "compression";
+import expressStaticGzip from "express-static-gzip";
+import expressPinoLogger from "express-pino-logger";
+import { csp, sendFileWithCSPNonce } from "./csp.js";
+import { getPaths } from "../webpack/helpers.js";
+const paths = getPaths();
+const setupDefaultMiddlewares = (app) => {
+  const pino = expressPinoLogger({
+    transport: {
+      target: "pino-pretty",
+      options: {
+        colorize: true
+      }
+    }
+  });
+  pino.logger.level = "warn";
+  app.use(pino);
+  app.use(cors());
+  app.options("*", cors());
+  csp(app);
+  app.use(express.urlencoded({ extended: false }));
+  app.use(express.text({ type: "text/plain" }));
+  app.use(express.json({ type: "application/json" }));
+  app.use(express.json({ type: "application/csp-report" }));
+};
+const setupAdditionalMiddlewars = (app, options = {}) => {
+  const { buildPath = paths.buildPath, basePath = paths.basePath } = options;
+  app.use(compression());
+  app.get(basePath, (req, res) => {
+    sendFileWithCSPNonce({ buildPath, res });
+  });
+  app.use(
+    basePath,
+    expressStaticGzip(buildPath, {
+      index: false,
+      enableBrotli: true,
+      orderPreference: ["br"]
+    })
+  );
+  app.use(expressStaticGzip("cdn"));
+  app.get("*", (req, res) => sendFileWithCSPNonce({ buildPath, res }));
+  return app;
+};
+export {
+  setupAdditionalMiddlewars,
+  setupDefaultMiddlewares
+};

package/dist/esm/server/utils.js

@@ -0,0 +1,13 @@
+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",
+  10
+);
+const host = argv.host || process.env.HOST;
+export {
+  getCWD,
+  host,
+  port
+};

package/dist/esm/testing/jest.config.cjs

@@ -2,11 +2,7 @@ const path = require('path');
 const normalizePath = require('normalize-path');
 const { getAppConfig, basePath } = require('../utils.cjs');
 const { swcrcConfig } = require('../transpile/swcrc.config.cjs');
-
-let monorepoRoot = null;
-import('../monorepo/utils.js').then(({ findMonoRepoRoot }) => {
-  monorepoRoot = findMonoRepoRoot(process.cwd());
-}).catch((ex) => console.error('Error loading monorepo utils:', ex));
+const { findMonoRepoRoot } = require('../monorepo/utils.cjs');
 
 let isReactModule = true;
 try {
@@ -22,6 +18,7 @@ const getMockFilePath = (fileName) =>
   normalizePath(path.resolve(__dirname, './mocks', fileName));
 
 const getNodeModulesPath = (fileName) => {
+  const monorepoRoot = findMonoRepoRoot(process.cwd());
   return normalizePath(
     monorepoRoot
       ? path.join(monorepoRoot, 'node_modules', fileName)
@@ -60,16 +57,15 @@ const jestConfig = {
   coverageReporters: ['lcov', 'html', 'text-summary'],
   moduleDirectories: ['node_modules', 'app', 'lib'],
   moduleNameMapper: {
-    '.*\\webpack-hmr(.[t|j]s)?$': getMockFilePath('webpack-hmr.cjs'),
-    '.*\\.(css|scss)$': getMockFilePath('cssModule.cjs'),
+    '.*\\webpack-hmr(.[t|j]s)?$': getMockFilePath('webpack-hmr.js'),
+    '.*\\.(css|scss)$': getMockFilePath('cssModule.js'),
     '.*\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$':
-      getMockFilePath('image.cjs'),
-    '.*\\.svg$': getMockFilePath('svg.cjs'),
-    '.*\\.(html)$': getMockFilePath('html.cjs'),
-    '.*index.html\\?resource$': getMockFilePath('html.cjs'),
-    '@elliemae/pui-user-monitoring': getMockFilePath('pui-user-monitoring.cjs'),
-    '@elliemae/pui-app-loader': getMockFilePath('pui-app-loader.cjs'),
-    '@elliemae/pui-diagnostics': getMockFilePath('pui-diagnostics.cjs'),
+      getMockFilePath('image.js'),
+    '.*\\.svg(?:\\?[a-zA-Z]+)?$': getMockFilePath('svg.js'),
+    '.*\\.html(?:\\?[a-zA-Z]+)?$': getMockFilePath('html.js'),
+    '@elliemae/pui-user-monitoring': getMockFilePath('pui-user-monitoring.js'),
+    '@elliemae/pui-app-loader': getMockFilePath('pui-app-loader.js'),
+    '@elliemae/pui-diagnostics': getMockFilePath('pui-diagnostics.js'),
     'react-spring/web': getNodeModulesPath('react-spring/web.cjs.js'),
     'react-spring/renderprops': getNodeModulesPath(
       'react-spring/renderprops.cjs.js',
@@ -96,6 +92,7 @@ const jestConfig = {
     url: `http://localhost:3111${basePath}`,
   },
   testEnvironment: 'jsdom',
+  watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
 };
 
 if (isReactModule && jestConfig.setupFilesAfterEnv)

package/dist/{cjs/testing/mocks/axios.cjs → esm/testing/mocks/axios.js}

@@ -1,15 +1,18 @@
-module.exports = {
+var axios_default = {
   defaults: {},
   interceptors: {
     request: {
-      use: jest.fn(),
+      use: jest.fn()
     },
     response: {
-      use: jest.fn(),
-    },
+      use: jest.fn()
+    }
   },
   create: jest.fn().mockReturnThis(),
   get: jest.fn().mockResolvedValue({ data: {} }),
   post: jest.fn().mockResolvedValue({ data: {} }),
-  put: jest.fn().mockResolvedValue({ data: {} }),
+  put: jest.fn().mockResolvedValue({ data: {} })
+};
+export {
+  axios_default as default
 };

package/dist/esm/testing/mocks/cssModule.js

@@ -0,0 +1,4 @@
+var cssModule_default = "CSS_MODULE";
+export {
+  cssModule_default as default
+};

package/dist/esm/testing/mocks/html.js

@@ -0,0 +1,4 @@
+var html_default = "HTML_MODULE";
+export {
+  html_default as default
+};

package/dist/esm/testing/mocks/image.js

@@ -0,0 +1,4 @@
+var image_default = "IMAGE_MOCK";
+export {
+  image_default as default
+};

package/dist/esm/testing/mocks/matchMedia.js

@@ -0,0 +1,24 @@
+const addMatchMedia = () => {
+  Object.defineProperty(window, "matchMedia", {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => ({
+      matches: false,
+      media: query,
+      onchange: null,
+      addListener: jest.fn(),
+      removeListener: jest.fn(),
+      addEventListener: jest.fn(),
+      removeEventListener: jest.fn(),
+      dispatchEvent: jest.fn()
+    }))
+  });
+  Object.defineProperty(window, "getComputedStyle", {
+    value: () => ({
+      getPropertyValue: () => {
+      }
+    })
+  });
+};
+export {
+  addMatchMedia
+};

package/dist/esm/testing/mocks/pui-app-loader.js

@@ -0,0 +1,5 @@
+const load = () => {
+};
+export {
+  load
+};

package/dist/esm/testing/mocks/pui-diagnostics.js

@@ -0,0 +1,49 @@
+const logger = () => ({
+  setLogLevel() {
+  },
+  setOptions() {
+  },
+  info() {
+  },
+  warn() {
+  },
+  error() {
+  },
+  trace() {
+  },
+  debug() {
+  },
+  audit() {
+  },
+  fatal() {
+  }
+});
+const LogLevel = {
+  info: "info",
+  debug: "debug",
+  trace: "trace",
+  warn: "warn",
+  error: "error",
+  audit: "audit",
+  fatal: "fatal"
+};
+const Console = () => ({
+  log: () => {
+  }
+});
+const http = () => ({
+  log() {
+  }
+});
+const webvitals = () => {
+};
+const logUnhandledErrors = () => {
+};
+export {
+  Console,
+  LogLevel,
+  http,
+  logUnhandledErrors,
+  logger,
+  webvitals
+};

package/dist/esm/testing/mocks/pui-user-monitoring.js

@@ -0,0 +1,11 @@
+const setCustomUserData = () => {
+};
+const setCustomVirtualPageName = () => {
+};
+const startVirtualPageMonitoringWithAutoEnd = () => {
+};
+export {
+  setCustomUserData,
+  setCustomVirtualPageName,
+  startVirtualPageMonitoringWithAutoEnd
+};

package/dist/esm/testing/mocks/retry-axios.js

@@ -0,0 +1,8 @@
+const attach = jest.fn();
+const detach = jest.fn();
+const getConfig = jest.fn();
+export {
+  attach,
+  detach,
+  getConfig
+};

package/dist/esm/testing/mocks/svg.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+var svg_default = "SvgrURL";
+const ReactComponent = "div";
+export {
+  ReactComponent,
+  svg_default as default
+};

package/dist/esm/testing/mocks/webpack-hmr.js

@@ -0,0 +1,5 @@
+const enableHotReloading = () => {
+};
+export {
+  enableHotReloading
+};

package/dist/esm/testing/setup-test-env.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+import "jest-styled-components";
+import "@testing-library/jest-dom/extend-expect";
+global.React = React;

package/dist/esm/testing/setup-tests.js

@@ -3,8 +3,8 @@ import "regenerator-runtime/runtime";
 import "@testing-library/jest-dom/extend-expect";
 import jestAxe from "jest-axe";
 import ResizeObserver from "resize-observer-polyfill";
-import addMatchMedia from "./mocks/matchMedia.cjs";
-import { logger } from "./mocks/pui-diagnostics.cjs";
+import { addMatchMedia } from "./mocks/matchMedia.js";
+import { logger } from "./mocks/pui-diagnostics.js";
 const originalError = console.error;
 console.error = (...args) => {
   const ignoreList = [
@@ -18,7 +18,9 @@ console.error = (...args) => {
     "Warning: The tag <%s> is unrecognized in this browser",
     "Warning: Invalid arguments supplied to oneOf"
   ];
-  if (ignoreList.find((ignoreMsg) => !!args.find((arg) => arg?.includes?.(ignoreMsg))))
+  if (ignoreList.find(
+    (ignoreMsg) => !!args.find((arg) => arg?.includes?.(ignoreMsg))
+  ))
     return false;
   return originalError(...args);
 };