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

package/lib/server/index.js

@@ -1,69 +0,0 @@
-/* eslint consistent-return:0 import/order:0 */
-
-const express = require('express');
-const cors = require('cors');
-const { resolve } = require('path');
-const expressPinoLogger = require('express-pino-logger');
-const { csp } = require('./csp');
-const logger = require('./logger');
-const argv = require('./argv');
-const port = require('./port');
-const setup = require('./middlewares/frontendMiddleware');
-const { loadRoutes } = require('./util');
-const { getAssetPath } = require('../webpack/helpers');
-
-const pino = expressPinoLogger({
-  transport: {
-    target: 'pino-pretty',
-    options: {
-      colorize: true,
-    },
-  },
-});
-pino.logger.level = 'warn';
-
-// const corsOptions = {
-//   origin: '*',
-//   methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
-//   allowedHeaders: [
-//     'Authorization',
-//     'Content-Type',
-//     'Origin',
-//     'X-Requested-With',
-//     'Accept',
-//   ],
-//   preflightContinue: false,
-//   optionsSuccessStatus: 204,
-//   maxAge: 3600,
-// };
-const app = express();
-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' }));
-
-// load all custom routes from the application
-loadRoutes(app);
-
-// In production we need to pass these values in instead of relying on webpack
-setup(app, {
-  outputPath: resolve(process.cwd(), 'build/public'),
-  publicPath: getAssetPath(),
-});
-
-// get the intended host and port number, use localhost and port 3000 if not provided
-const customHost = argv.host || process.env.HOST;
-const host = customHost || null; // Let http.Server use its default IPv6/4 host
-const prettyHost = customHost || 'localhost';
-
-// Start your app.
-app.listen(port, host, async (err) => {
-  if (err) {
-    return logger.error(err.message);
-  }
-  logger.appStarted(port, prettyHost);
-});

package/lib/server/logger.js

@@ -1,42 +0,0 @@
-/* eslint-disable no-console */
-
-const chalk = require('chalk');
-const ip = require('ip');
-
-const divider = chalk.gray('\n-----------------------------------');
-
-/**
- * Logger middleware, you can customize it to make messages more personal
- */
-const logger = {
-  // Called whenever there's an error on the server we want to print
-  error: (err) => {
-    console.error(chalk.red(err));
-  },
-
-  // Called when express.js app starts on given port w/o errors
-  appStarted: (port, host, tunnelStarted) => {
-    console.log(`Server started ! ${chalk.green('✓')}`);
-
-    // If the tunnel started, log that and the URL it's available at
-    if (tunnelStarted) {
-      console.log(`Tunnel initialised ${chalk.green('✓')}`);
-    }
-
-    const accessUrls = `${chalk.bold('Access URLs:')}${divider}\n`;
-    const localHostUrl = `Localhost: ${chalk.magenta(
-      `http://${host}:${port}`,
-    )}\n`;
-    const lanUrl = `LAN: ${chalk.magenta(`http://${ip.address()}:${port}`)}\n`;
-    const proxy = tunnelStarted
-      ? `\n    Proxy: ${chalk.magenta(tunnelStarted)}`
-      : '';
-
-    console.log(`${accessUrls}${localHostUrl}${lanUrl}${proxy}${divider}${chalk.blue(
-      `\nPress ${chalk.italic('CTRL-C')} to stop`,
-    )}
-    `);
-  },
-};
-
-module.exports = logger;

package/lib/server/middlewares/addDevMiddlewares.js

@@ -1,39 +0,0 @@
-const webpack = require('webpack');
-const expressStaticGzip = require('express-static-gzip');
-const webpackDevMiddleware = require('webpack-dev-middleware');
-const webpackHotMiddleware = require('webpack-hot-middleware');
-const { sendFileWithCSPNonce } = require('../csp');
-
-function createWebpackMiddleware(compiler, publicPath) {
-  return webpackDevMiddleware(compiler, {
-    publicPath,
-  });
-}
-
-module.exports = function addDevMiddlewares(app, webpackConfig) {
-  const compiler = webpack(webpackConfig);
-  const middleware = createWebpackMiddleware(
-    compiler,
-    webpackConfig.output.publicPath,
-  );
-
-  app.use(middleware);
-  app.use(
-    webpackHotMiddleware(compiler, {
-      log: false,
-      path: `/__webpack_hmr`,
-      heartbeat: 10 * 1000,
-    }),
-  );
-  app.use(expressStaticGzip('cdn'));
-
-  const { outputFileSystem } = (middleware || {}).context || {};
-
-  app.get('*', (req, res) => {
-    sendFileWithCSPNonce({
-      outputPath: compiler.outputPath,
-      fileSystem: outputFileSystem,
-      res,
-    });
-  });
-};

package/lib/server/middlewares/addProdMiddlewares.js

@@ -1,31 +0,0 @@
-const path = require('path');
-const compression = require('compression');
-const expressStaticGzip = require('express-static-gzip');
-const { sendFileWithCSPNonce } = require('../csp');
-
-module.exports = function addProdMiddlewares(app, options) {
-  const publicPath = options.publicPath || '/';
-  const outputPath =
-    options.outputPath || path.resolve(process.cwd(), 'build/public');
-
-  // compression middleware compresses your server responses which makes them
-  // smaller (applies also to assets). You can read more about that technique
-  // and other good practices on official Express.js docs http://mxs.is/googmy
-  app.use(compression());
-
-  app.get(publicPath, (req, res) => {
-    sendFileWithCSPNonce({ outputPath, res });
-  });
-
-  app.use(
-    publicPath,
-    expressStaticGzip(outputPath, {
-      index: false,
-      enableBrotli: true,
-      orderPreference: ['br'],
-    }),
-  );
-  app.use(expressStaticGzip('cdn'));
-
-  app.get('*', (req, res) => sendFileWithCSPNonce({ outputPath, res }));
-};

package/lib/server/middlewares/frontendMiddleware.js

@@ -1,16 +0,0 @@
-/* eslint-disable global-require */
-
-module.exports = (app, options) => {
-  const isProd = process.env.NODE_ENV === 'production';
-
-  if (isProd) {
-    const addProdMiddlewares = require('./addProdMiddlewares');
-    addProdMiddlewares(app, options);
-  } else {
-    const webpackConfig = require('../../webpack/webpack.dev.babel');
-    const addDevMiddlewares = require('./addDevMiddlewares');
-    addDevMiddlewares(app, webpackConfig);
-  }
-
-  return app;
-};

package/lib/server/port.js

@@ -1,6 +0,0 @@
-const argv = require('./argv');
-
-module.exports = parseInt(
-  argv.port || process.env.port || process.env.PORT || '3000',
-  10,
-);

package/lib/testing/jest.config.js

@@ -1,100 +0,0 @@
-const path = require('path');
-const normalizePath = require('normalize-path');
-const { getAppConfig, getAssetPath } = require('../webpack/helpers');
-const swcrcConfig = require('../transpile/swcrc.config.js');
-const { findMonoRepoRoot } = require('../monorepo/utils');
-
-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$': getMockFilePath('svg.js'),
-    '.*\\.(html)$': getMockFilePath('html.js'),
-    '@elliemae/pui-user-monitoring': getMockFilePath('pui-user-monitoring.js'),
-    '@elliemae/pui-app-loader': getMockFilePath('webpack-hmr.js'),
-    '@elliemae/pui-diagnostics': getMockFilePath('pui-app-loader.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.js'),
-  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__: '/',
-  },
-  testURL: `http://localhost:3111${getAssetPath()}`,
-  testEnvironment: 'jsdom',
-};
-
-if (isReactModule && jestConfig.setupFilesAfterEnv)
-  jestConfig.setupFilesAfterEnv.push(
-    path.resolve(__dirname, './setup-react-env.js'),
-  );
-
-exports.jestConfig = jestConfig;

package/lib/testing/jest.node.config.js

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

package/lib/testing/mocks/axios.js

@@ -1,15 +0,0 @@
-module.exports = {
-  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: {} }),
-};

package/lib/testing/mocks/cssModule.js

@@ -1 +0,0 @@
-module.exports = 'CSS_MODULE';

package/lib/testing/mocks/html.js

@@ -1 +0,0 @@
-module.exports = 'HTML_MODULE';

package/lib/testing/mocks/image.js

@@ -1 +0,0 @@
-module.exports = 'IMAGE_MOCK';

package/lib/testing/mocks/matchMedia.js

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

package/lib/testing/mocks/pui-app-loader.js

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

package/lib/testing/mocks/pui-diagnostics.js

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

package/lib/testing/mocks/pui-user-monitoring.js

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

package/lib/testing/mocks/retry-axios.js

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

package/lib/testing/mocks/svg.js

@@ -1,5 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-import * as React from 'react';
-
-export default 'SvgrURL';
-export const ReactComponent = 'div';

package/lib/testing/mocks/webpack-hmr.js

@@ -1 +0,0 @@
-exports.enableHotReloading = () => {};

package/lib/testing/resolver.js

@@ -1,47 +0,0 @@
-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/lib/testing/setup-react-env.js

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

package/lib/testing/setup-tests.js

@@ -1,58 +0,0 @@
-// needed for regenerator-runtime
-// (ES7 generator support is required by redux-saga)
-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';
-
-// eslint-disable-next-line no-console
-const originalError = console.error;
-// eslint-disable-next-line no-console
-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(60000);
-
-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/lib/testing/vitest.config.ts

@@ -1,16 +0,0 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vite';
-import path from 'path';
-
-export default defineConfig({
-  test: {
-    globals: true,
-    root: process.cwd(),
-    exclude: ['node_modules', 'dist', '.idea', '.git', '.cache', 'e2e'],
-    setupFiles: [path.resolve(__dirname, './vitest.setup.ts')],
-    coverage: {
-      reportsDirectory: './reports/coverage',
-    },
-    environment: 'happy-dom',
-  },
-});

package/lib/transpile/.swcrc

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

package/lib/transpile/esbuild.js

@@ -1,116 +0,0 @@
-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');
-
-const TARGETS = {
-  browserslist: browserslistToEsbuild(),
-  web: 'es2020',
-  node: 'node14',
-};
-
-const ESBUILD_FORMAT = {
-  CJS: 'cjs',
-  ESM: 'esm',
-};
-
-const NODE_MODULE_TYPES = {
-  CJS: 'commonjs',
-  ESM: 'module',
-};
-
-const getCommonConfig = ({ injectReactShim }) => ({
-  bundle: false,
-  loader: { '.js': 'jsx' },
-  mainFields: ['module', 'browser', 'main'],
-  inject: [
-    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}`,
-  ]);
-  await Promise.all(
-    files.map(async (srcFilePath) => {
-      const destFilePath = srcFilePath.replace(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 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 packageJSON = JSON.stringify(
-    {
-      type,
-      sideEffects: await getSideEffects(),
-    },
-    null,
-    2,
-  );
-  await writeFile(filePath, packageJSON);
-};
-
-exports.esBuild = async ({
-  srcdir,
-  outdir = 'dist',
-  esmOnly = false,
-  target = TARGETS.browserslist,
-  injectReactShim = true,
-  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}`,
-  ];
-
-  // build commonjs
-  if (!esmOnly) {
-    const cjsOutdir = `${outdir}/cjs`;
-    const commonJSEntryPoints = await fg(inputFiles);
-    await build({
-      entryPoints: commonJSEntryPoints,
-      ...getCommonConfig({ injectReactShim }),
-      outdir: cjsOutdir,
-      format: ESBUILD_FORMAT.CJS,
-      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}`]),
-  );
-  await build({
-    entryPoints,
-    ...getCommonConfig({ injectReactShim }),
-    outdir: esmOutdir,
-    format: ESBUILD_FORMAT.ESM,
-    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;