@elliemae/pui-cli 7.0.0-alpha.1 → 7.0.0-alpha.12

package/lib/server/csp.js

@@ -1,74 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const cspPolicy = require('helmet-csp');
-const crypto = require('crypto');
-
-const sources = [
-  "'self'",
-  'http://localhost:*',
-  '*.elliemae.io',
-  '*.elliemae.com',
-  '*.elliservices.com',
-  '*.ellielabs.com',
-  'http://pdx-col.eum-appdynamics.com',
-  'https://pdx-col.eum-appdynamics.com/',
-  'https://www.google-analytics.com',
-  'https://www.googletagmanager.com',
-];
-
-const sendFileWithCSPNonce = ({
-  buildPath,
-  page = 'index.html',
-  nonceRegex = /__CSP_NONCE__/g,
-  res,
-  fileSystem = fs,
-}) => {
-  fileSystem.readFile(path.resolve(buildPath, page), 'utf8', (err, html) => {
-    if (err) {
-      res.sendStatus(404);
-    } else {
-      res.set('Content-Type', 'text/html');
-      res.send(html.replace(nonceRegex, (res.locals || {}).cspNonce));
-    }
-  });
-};
-
-const getScriptSrc = () => {
-  const scriptSrc = sources.concat([
-    (req, res) => `'nonce-${res.locals.cspNonce}'`,
-  ]);
-  return process.env.NODE_ENV !== 'production'
-    ? scriptSrc.concat(["'unsafe-eval'"])
-    : scriptSrc;
-};
-
-const csp = (app) => {
-  app.use((req, res, next) => {
-    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,
-    }),
-  );
-};
-
-exports.csp = csp;
-exports.sendFileWithCSPNonce = sendFileWithCSPNonce;

package/lib/server/index.js

@@ -1,37 +0,0 @@
-/* eslint consistent-return:0 import/order:0 */
-const express = require('express');
-const logger = require('./logger');
-const {
-  setupDefaultMiddlewares,
-  setupAdditionalMiddlewars,
-} = require('./middlewares');
-const { loadRoutes, port, host } = require('./util');
-
-// 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();
-setupDefaultMiddlewares(app);
-// load all custom routes from the application
-loadRoutes(app);
-// In production we need to pass these values in instead of relying on webpack
-setupAdditionalMiddlewars(app);
-
-// Start your app.
-app.listen(port, host, async (err) => {
-  if (err) {
-    return logger.error(err.message);
-  }
-  logger.appStarted(port, host || 'localhost');
-});

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,30 +0,0 @@
-const compression = require('compression');
-const expressStaticGzip = require('express-static-gzip');
-const { sendFileWithCSPNonce } = require('../csp');
-const { getPaths } = require('../../webpack/helpers');
-
-const paths = getPaths();
-
-module.exports = function addProdMiddlewares(app, options = {}) {
-  const { buildPath = paths.buildPath, basePath = paths.basePath } = options;
-  // 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(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 }));
-};

package/lib/server/middlewares/index.js

@@ -1,37 +0,0 @@
-const express = require('express');
-const cors = require('cors');
-const expressPinoLogger = require('express-pino-logger');
-const { csp } = require('../csp');
-const addProdMiddlewares = require('./addProdMiddlewares');
-const addDevMiddlewares = require('./addDevMiddlewares');
-const webpackConfig = require('../../webpack/webpack.dev.babel');
-
-exports.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' }));
-};
-
-exports.setupAdditionalMiddlewars = (app, options) => {
-  const isProd = process.env.NODE_ENV === 'production';
-  if (isProd) {
-    addProdMiddlewares(app, options);
-  } else {
-    addDevMiddlewares(app, webpackConfig);
-  }
-  return app;
-};

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/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/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;

package/lib/transpile/react-shim.js

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

package/lib/typescript/tsc-files/index.js

@@ -1,66 +0,0 @@
-const execa = require('execa');
-const fs = require('fs');
-const path = require('path');
-
-const { randomChars, resolveFromRoot } = require('./utils');
-
-const args = process.argv.slice(2);
-const argsProjectIndex = args.findIndex((arg) =>
-  ['-p', '--project'].includes(arg),
-);
-const argsProjectValue =
-  argsProjectIndex !== -1 ? args[argsProjectIndex + 1] : undefined;
-
-const files = args.filter((file) => /\.(ts|tsx)$/.test(file));
-if (files.length === 0) {
-  process.exit(0);
-}
-
-const remainingArgsToForward = args
-  .slice()
-  .filter((arg) => !files.includes(arg));
-
-if (argsProjectIndex !== -1) {
-  remainingArgsToForward.splice(argsProjectIndex, 2);
-}
-
-// Load existing config
-const tsconfigPath = argsProjectValue || resolveFromRoot('tsconfig.json');
-const tsconfigContent = fs.readFileSync(tsconfigPath).toString();
-// Use 'eval' to read the JSON as regular JavaScript syntax so that comments are allowed
-// eslint-disable-next-line prefer-const
-let tsconfig = {};
-// eslint-disable-next-line no-eval
-eval(`tsconfig = ${tsconfigContent}`);
-
-// Write a temp config file
-const tmpTsconfigPath = resolveFromRoot(`tsconfig.${randomChars()}.json`);
-const tmpTsconfig = {
-  ...tsconfig,
-  compilerOptions: {
-    ...tsconfig.compilerOptions,
-    skipLibCheck: true,
-  },
-  files,
-  include: ['app', 'lib'],
-};
-fs.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
-
-// Type-check our files
-let status = 0;
-try {
-  execa.sync(
-    path.resolve(
-      process.cwd(),
-      `./node_modules/.bin/tsc${process.platform === 'win32' ? '.cmd' : ''}`,
-    ),
-    ['-p', tmpTsconfigPath, ...remainingArgsToForward],
-    { stdio: 'inherit' },
-  );
-} catch (ex) {
-  status = ex.exitCode;
-}
-
-// Delete temp config file
-fs.unlinkSync(tmpTsconfigPath);
-process.exit(status);

package/lib/typescript/tsc-files/utils.js

@@ -1,16 +0,0 @@
-const { dirname, join } = require('path');
-
-const randomChars = () => Math.random().toString(36).slice(2);
-
-const resolveFromModule = (moduleName, ...paths) => {
-  const modulePath = dirname(require.resolve(`${moduleName}/package.json`));
-  return join(modulePath, ...paths);
-};
-
-const resolveFromRoot = (...paths) => join(process.cwd(), ...paths);
-
-module.exports = {
-  randomChars,
-  resolveFromModule,
-  resolveFromRoot,
-};

package/lib/typescript/util.js

@@ -1,5 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-exports.isTypeScriptEnabled = () =>
-  fs.existsSync(path.join(process.cwd(), 'tsconfig.json'));