@elliemae/pui-cli 7.0.0-alpha.2 → 7.0.0-alpha.22

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

@@ -0,0 +1,26 @@
+const {
+  baseExtends,
+  baseRules,
+  baseOverrides,
+  baseConfig,
+  reactRules,
+} = require('./common.cjs');
+const { tsReactConfig } = require('./typescript/react.cjs');
+
+exports.esReactConfig = {
+  ...baseConfig,
+  extends: ['airbnb', 'airbnb/hooks', 'plugin:redux-saga/recommended'].concat(
+    baseExtends,
+  ),
+  rules: {
+    ...baseRules,
+    ...reactRules,
+  },
+  overrides: baseOverrides.concat([
+    tsReactConfig,
+    {
+      files: '*.mdx',
+      extends: 'plugin:mdx/recommended',
+    },
+  ]),
+};

package/dist/esm/lint-config/eslint/typescript/common.cjs

@@ -0,0 +1,43 @@
+const { baseExtends, basePlugins } = require('../common.cjs');
+
+exports.tsBaseExtends = [
+  'plugin:@typescript-eslint/recommended',
+  'plugin:import/typescript',
+  'plugin:@typescript-eslint/recommended-requiring-type-checking',
+].concat(baseExtends);
+
+exports.tsBaseRules = {
+  '@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 },
+  ],
+  'max-lines': ['error', { max: 200, skipComments: true }],
+  '@typescript-eslint/unbound-method': [
+    'error',
+    {
+      ignoreStatic: true,
+    },
+  ],
+};
+
+exports.tsBaseConfig = {
+  files: ['*.ts', '*.tsx'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'].concat(basePlugins),
+  parserOptions: {
+    tsconfigRootDir: process.cwd(),
+    project: 'tsconfig.json',
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+      },
+    },
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+  },
+};

package/dist/esm/lint-config/eslint/typescript/non-react.cjs

@@ -0,0 +1,12 @@
+/* eslint-disable max-lines */
+const { baseRules } = require('../common.cjs');
+const { tsBaseExtends, tsBaseRules, tsBaseConfig } = require('./common.cjs');
+
+exports.tsConfig = {
+  ...tsBaseConfig,
+  extends: ['airbnb-base', 'airbnb-typescript/base'].concat(tsBaseExtends),
+  rules: {
+    ...baseRules,
+    ...tsBaseRules,
+  },
+};

package/dist/esm/lint-config/eslint/typescript/react.cjs

@@ -0,0 +1,19 @@
+/* eslint-disable max-lines */
+const { baseRules, reactRules } = require('../common.cjs');
+const { tsBaseExtends, tsBaseRules, tsBaseConfig } = require('./common.cjs');
+
+exports.tsReactConfig = {
+  ...tsBaseConfig,
+  extends: [
+    'airbnb',
+    'airbnb/hooks',
+    'plugin:redux-saga/recommended',
+    'airbnb-typescript',
+  ].concat(tsBaseExtends),
+  rules: {
+    ...baseRules,
+    ...tsBaseRules,
+    ...reactRules,
+    'react/prop-types': 0,
+  },
+};

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/esm/lint-config/prettier.config.cjs

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

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

@@ -0,0 +1,19 @@
+exports.stylelintConfig = {
+  ignoreFiles: [
+    '/dist/**/*',
+    '/coverage/**/*',
+    '/build/**/*',
+    '/reports/**/*',
+    '/temp/**/*',
+    '/docs/**/*',
+    '/demo/**/*',
+    '/node_modules/**/*',
+    '/vendor/**/*',
+  ],
+  customSyntax: '@stylelint/postcss-css-in-js',
+  extends: [
+    'stylelint-config-recommended',
+    'stylelint-config-styled-components',
+  ],
+  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([

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([

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/release.config.cjs

@@ -0,0 +1,31 @@
+module.exports = {
+  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',
+    [
+      '@semantic-release/exec',
+      {
+        successCmd:
+          'scmutil get slack-release-notes && scmutil get contributors',
+      },
+    ],
+  ],
+};

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/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/middlewares.js

@@ -0,0 +1,46 @@
+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,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", 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/dist/esm/testing/mocks/axios.js

@@ -0,0 +1,18 @@
+var axios_default = {
+  defaults: {},
+  interceptors: {
+    request: {
+      use: jest.fn()
+    },
+    response: {
+      use: jest.fn()
+    }
+  },
+  create: jest.fn().mockReturnThis(),
+  get: jest.fn().mockResolvedValue({ data: {} }),
+  post: 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-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;