@elliemae/pui-cli 7.0.0-beta.9 → 7.2.0

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

@@ -0,0 +1,103 @@
+const path = require('path');
+const normalizePath = require('normalize-path');
+const { getAppConfig, basePath } = require('../utils.cjs');
+const { swcrcConfig } = require('../transpile/swcrc.config.cjs');
+const { findMonoRepoRoot } = require('../monorepo/utils.cjs');
+
+let isReactModule = true;
+try {
+  /* eslint-disable global-require, import/no-unresolved */
+  require('react');
+  require('styled-components');
+  /* eslint-enable global-require, import/no-unresolved */
+} catch (err) {
+  isReactModule = false;
+}
+
+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)
+      : `<rootDir>/node_modules/${fileName}`,
+  );
+};
+
+const jestConfig = {
+  collectCoverageFrom: [
+    'app/**/*.{js,ts,jsx,tsx}',
+    'lib/**/*.{js,ts,jsx,tsx}',
+    '!app/**/*.d.ts',
+    '!lib/**/*.d.ts',
+    '!app/**/*.test.{js,ts,jsx,tsx}',
+    '!lib/**/*.test.{js,ts,jsx,tsx}',
+    '!app/**/*.stories.{js,ts,jsx,tsx}',
+    '!lib/**/*.stories.{js,ts,jsx,tsx}',
+    '!app/**/*.endpoint.{js,ts,jsx,tsx}',
+    '!lib/**/*.endpoint.{js,ts,jsx,tsx}',
+    '!app/*/RbGenerated*/*.{js,ts,jsx,tsx}',
+    '!app/index.{js,ts,jsx,tsx}',
+    '!app/global-styles.{js,ts,jsx,tsx}',
+    '!app/**/loadable.{js,ts,jsx,tsx}',
+    '!lib/**/loadable.{js,ts,jsx,tsx}',
+  ],
+  coverageThreshold: {
+    // Todo: enable the coverage threshold later
+    // global: {
+    //   statements: 95,
+    //   branches: 90,
+    //   functions: 95,
+    //   lines: 95,
+    // },
+  },
+  coverageDirectory: 'reports',
+  coverageReporters: ['lcov', 'html', 'text-summary'],
+  moduleDirectories: ['node_modules', 'app', 'lib'],
+  moduleNameMapper: {
+    '.*\\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.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',
+    ),
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  setupFilesAfterEnv: [path.resolve(__dirname, './setup-tests.js')],
+  setupFiles: ['raf/polyfill', 'whatwg-fetch'],
+  testRegex: '(app|lib).*/tests/.*\\.test\\.[jt]sx?$',
+  snapshotSerializers: [],
+  testResultsProcessor: 'jest-sonar-reporter',
+  resolver: path.resolve(__dirname, './resolver.cjs'),
+  transform: {
+    '^.+\\.[jt]sx?$': ['@swc/jest', swcrcConfig],
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!(.*@elliemae/pui-cli|lodash-es|react-select|react-dates)/)',
+  ],
+  globals: {
+    APP_CONFIG: getAppConfig(),
+    __webpack_public_path__: '/',
+  },
+  testEnvironmentOptions: {
+    url: `http://localhost:3111${basePath}`,
+  },
+  testEnvironment: 'jsdom',
+  watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
+};
+
+if (isReactModule && jestConfig.setupFilesAfterEnv)
+  jestConfig.setupFilesAfterEnv.push(
+    path.resolve(__dirname, './setup-react-env.js'),
+  );
+
+exports.jestConfig = jestConfig;

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

@@ -0,0 +1,8 @@
+const { jestConfig } = require('./jest.config.cjs');
+exports.jestNodeConfig = {
+  ...jestConfig,
+  testEnvironment: 'node',
+  transformIgnorePatterns: [],
+  setupFiles: [],
+  setupFilesAfterEnv: [],
+};

package/{lib → dist/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/resolver.cjs

@@ -0,0 +1,47 @@
+const resolutions = [
+  {
+    matcher: /\.jsx?$/i,
+    extensions: ['.tsx', '.ts'],
+  },
+  {
+    matcher: /\.mjs$/i,
+    extensions: ['.mts'],
+  },
+  {
+    matcher: /\.cjs$/i,
+    extensions: ['.cts'],
+  },
+];
+
+const resolveConfig = {
+  conditionNames: ['import', 'node', 'default'],
+  extensions: ['.ts', '.tsx', '.js', '.jsx', '.json', '.node'],
+  modules: ['node_modules', 'app', 'lib'],
+};
+
+const importResolver = require('enhanced-resolve').create.sync(resolveConfig);
+const requireResolver = require('enhanced-resolve').create.sync({
+  ...resolveConfig,
+  conditionNames: ['require', 'node', 'default'],
+});
+
+module.exports = (request, options) => {
+  let resolver = requireResolver;
+  if (options.conditions?.includes('import')) {
+    resolver = importResolver;
+  }
+  const resolution = resolutions.find(({ matcher }) => matcher.test(request));
+  if (resolution) {
+    // eslint-disable-next-line no-restricted-syntax
+    for (const extension of resolution.extensions) {
+      try {
+        return resolver(
+          options.basedir,
+          request.replace(resolution.matcher, extension),
+        );
+        // eslint-disable-next-line no-empty
+      } catch {}
+    }
+  }
+  return resolver(options.basedir, request);
+};

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+import "jest-styled-components";
+global.React = React;

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

@@ -0,0 +1,50 @@
+import "core-js/stable";
+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.js";
+import { logger } from "./mocks/pui-diagnostics.js";
+const originalError = console.error;
+console.error = (...args) => {
+  const ignoreList = [
+    `Warning: Can't perform a React state update on an unmounted component`,
+    `Warning: Function components cannot be given refs`,
+    `Warning: Failed %s type:`,
+    `Warning: Invalid DOM property`,
+    `Warning: Each child in a list should have a unique`,
+    "Warning: Received `%s` for a non-boolean attribute",
+    "Warning: <%s /> is using incorrect casing.",
+    "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))
+  ))
+    return false;
+  return originalError(...args);
+};
+if (expect)
+  expect.extend(jestAxe.toHaveNoViolations);
+jest.setTimeout(6e4);
+const addElementToBody = (element) => {
+  const documentEle = (window || {}).document;
+  if (!documentEle)
+    return null;
+  const bodyEle = documentEle.body;
+  const newEle = documentEle.createElement(...element);
+  if (!newEle)
+    return null;
+  bodyEle.appendChild(newEle);
+  return newEle;
+};
+const addRootElement = (id) => {
+  const rootEle = addElementToBody("div");
+  if (rootEle)
+    rootEle.id = id;
+};
+addRootElement("root");
+addMatchMedia();
+window.ResizeObserver = ResizeObserver;
+window.emui = {};
+window.emui.logger = logger();

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

@@ -0,0 +1,25 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig, configDefaults } from "vitest/config";
+import react from "@vitejs/plugin-react";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+var vitest_config_default = defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    root: process.cwd(),
+    environment: "happy-dom",
+    setupFiles: [path.resolve(__dirname, "./setup-test-env.js")],
+    include: ["./{app,lib}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+    exclude: [...configDefaults.exclude, ".idea", ".git", ".cache", "e2e"],
+    coverage: {
+      reportsDirectory: "./reports/coverage"
+    },
+    deps: {
+      inline: [/app.config.json/]
+    }
+  }
+});
+export {
+  vitest_config_default as default
+};

package/dist/esm/transpile/.swcrc

@@ -0,0 +1,11 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "jsx": true,
+      "tsx": true,
+      "dynamicImport": true
+    },
+    "target": "es2020"
+  }
+}

package/{lib → dist/esm}/transpile/esbuild.js

@@ -1,38 +1,36 @@
-const { build } = require('esbuild');
-const fg = require('fast-glob');
-const { writeFile, copyFile, readFile, mkdir } = require('fs/promises');
-const path = require('path');
-const browserslistToEsbuild = require('browserslist-to-esbuild');
-
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import fg from "fast-glob";
+import { build } from "esbuild";
+import { writeFile, copyFile, readFile, mkdir } from "node:fs/promises";
+import browserslistToEsbuild from "browserslist-to-esbuild";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const TARGETS = {
   browserslist: browserslistToEsbuild(),
-  web: 'es2020',
-  node: 'node14',
+  web: "es2020",
+  node: "node14"
 };
-
 const ESBUILD_FORMAT = {
-  CJS: 'cjs',
-  ESM: 'esm',
+  CJS: "cjs",
+  ESM: "esm"
 };
-
 const NODE_MODULE_TYPES = {
-  CJS: 'commonjs',
-  ESM: 'module',
+  CJS: "commonjs",
+  ESM: "module"
 };
-
 const getCommonConfig = ({ injectReactShim }) => ({
   bundle: false,
-  loader: { '.js': 'jsx' },
-  mainFields: ['module', 'browser', 'main'],
+  loader: { ".js": "jsx" },
+  mainFields: ["module", "browser", "main"],
   inject: [
-    injectReactShim ? path.resolve(__dirname, './react-shim.js') : '',
-  ].filter(Boolean),
+    injectReactShim ? path.resolve(__dirname, "./react-shim.js") : ""
+  ].filter(Boolean)
 });
-
 const copyFiles = async ({ srcdir, outdir }) => {
   const files = await fg([
     `${srcdir}/**/*.*`,
-    `!${srcdir}/**/*.{js,jsx,ts,tsx,cjs,mjs}`,
+    `${srcdir}/**/.swcrc`,
+    `!${srcdir}/**/*.{js,jsx,ts,tsx,mjs}`
   ]);
   await Promise.all(
     files.map(async (srcFilePath) => {
@@ -40,46 +38,41 @@ const copyFiles = async ({ srcdir, outdir }) => {
       const fileDir = path.dirname(destFilePath);
       await mkdir(fileDir, { recursive: true });
       await copyFile(srcFilePath, destFilePath);
-    }),
+    })
   );
 };
-
 const getSideEffects = async () => {
-  const data = await readFile(path.join(process.cwd(), './package.json'));
+  const data = await readFile(path.join(process.cwd(), "./package.json"));
   const packageJSON = JSON.parse(data);
   return packageJSON?.sideEffects || false;
 };
-
 const createPackageJson = async ({ outdir, type = NODE_MODULE_TYPES.ESM }) => {
-  const filePath = path.join(process.cwd(), outdir, 'package.json');
+  const filePath = path.join(process.cwd(), outdir, "package.json");
   const packageJSON = JSON.stringify(
     {
       type,
-      sideEffects: await getSideEffects(),
+      sideEffects: await getSideEffects()
     },
     null,
-    2,
+    2
   );
   await writeFile(filePath, packageJSON);
 };
-
-exports.esBuild = async ({
+const esBuild = async ({
   srcdir,
-  outdir = 'dist',
+  outdir = "dist",
   esmOnly = false,
   target = TARGETS.browserslist,
   injectReactShim = true,
-  skipNestedPackageJSON = false,
+  skipNestedPackageJSON = false
 }) => {
   const inputFiles = [
     `${srcdir}/**/*.{js,jsx,ts,tsx}`,
     `!${srcdir}/**/*.d.ts`,
     `!${srcdir}/**/*.test.{js,jsx,ts,tsx}`,
     `!${srcdir}/**/*.stories.{js,jsx,ts,tsx}`,
-    `!${srcdir}/**/*.endpoint.{js,jsx,ts,tsx}`,
+    `!${srcdir}/**/*.endpoint.{js,jsx,ts,tsx}`
   ];
-
-  // build commonjs
   if (!esmOnly) {
     const cjsOutdir = `${outdir}/cjs`;
     const commonJSEntryPoints = await fg(inputFiles);
@@ -88,29 +81,27 @@ exports.esBuild = async ({
       ...getCommonConfig({ injectReactShim }),
       outdir: cjsOutdir,
       format: ESBUILD_FORMAT.CJS,
-      target,
+      target
     });
-    // copy files that are not built by esbuild
     await copyFiles({ srcdir, outdir: cjsOutdir });
     await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });
   }
-
-  // build esm
   const esmOutdir = esmOnly ? outdir : `${outdir}/esm`;
   const entryPoints = await fg(
-    inputFiles.concat([`!${srcdir}/**/cjs/**/*.{js,jsx,ts,tsx}`]),
+    inputFiles.concat([`!${srcdir}/**/cjs/**/*.{js,jsx,ts,tsx}`])
   );
   await build({
     entryPoints,
     ...getCommonConfig({ injectReactShim }),
     outdir: esmOutdir,
     format: ESBUILD_FORMAT.ESM,
-    target,
+    target
   });
-  // copy files that are not built by esbuild
   await copyFiles({ srcdir, outdir: esmOutdir });
   if (!skipNestedPackageJSON)
     await createPackageJson({ outdir: esmOutdir, type: NODE_MODULE_TYPES.ESM });
 };
-
-exports.TARGETS = TARGETS;
+export {
+  TARGETS,
+  esBuild
+};

package/dist/esm/transpile/react-shim.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export {
+  React
+};

package/dist/esm/transpile/swcrc.config.cjs

@@ -0,0 +1,13 @@
+const fs = require('fs');
+const path = require('path');
+const { merge } = require('lodash');
+
+let projectConfig = {};
+const projectPath = path.join(process.cwd(), '.swcrc');
+if (fs.existsSync(projectPath)) {
+  projectConfig = JSON.parse(fs.readFileSync(projectPath, 'utf-8'));
+}
+const localConfig = JSON.parse(
+  fs.readFileSync(path.join(__dirname, '.swcrc'), 'utf-8'),
+);
+exports.swcrcConfig = merge(localConfig, projectConfig);

package/dist/esm/typedoc.cjs

@@ -0,0 +1,12 @@
+const path = require('path');
+const fs = require('fs');
+
+const isApp = () => fs.existsSync(path.join(process.cwd(), 'app'));
+
+const srcPath = path.join(process.cwd(), isApp() ? 'app' : 'lib');
+
+module.exports = {
+  entryPoints: [srcPath],
+  exclude: ['**/*+(.spec|.e2e|.test).ts'],
+  out: path.join(process.cwd(), 'docs'),
+};