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

package/lib/monorepo/delete-merged-tags.js

@@ -1,48 +0,0 @@
-const { execSync } = require('child_process');
-const cwd = process.cwd();
-const execaOptions = { cwd, stdio: 'inherit' };
-
-const semVerRegEx =
-  /^v?(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/;
-
-const isSemVersion = (tagName) => semVerRegEx.test(tagName);
-const branchName = (process.env.BRANCH_NAME || 'master').toLowerCase();
-
-const branchTags = {
-  master: /^v?(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)$/,
-  next: /^v.*-next\.(0|[1-9]\d*)/,
-  alpha: /^v.*-alpha\.(0|[1-9]\d*)/,
-  beta: /^v.*-beta\.(0|[1-9]\d*)/,
-};
-
-const deleteTags = (cmd, filter) => {
-  const result = execSync(cmd, { cwd });
-  if (!result) return;
-  const tags = result.toString().split('\n').join(' ');
-  execSync(`git tag -d ${filter ? filter(tags) : tags}`, { cwd });
-};
-
-const tagsFromOtherBranches = (tags = []) => {
-  const regex = branchTags[branchName] || branchTags.master;
-  return tags
-    .split(' ')
-    .filter((tagName) => isSemVersion(tagName) && !regex.test(tagName))
-    .join(' ');
-};
-
-exports.deleteMergedTags = () => {
-  try {
-    // get tag names
-    if (branchName) {
-      // delete all tags that are not reachable from the current branch
-      deleteTags(`git tag -l --no-merged ${branchName}`);
-      // delete all tags that were not created in current branch
-      deleteTags(`git tag -l --merged ${branchName}`, tagsFromOtherBranches);
-      console.log('Last two tags: ');
-      execSync('git tag --sort=-creatordate | head -n 2', execaOptions);
-    }
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error(error);
-  }
-};

package/lib/monorepo/set-registry-version.js

@@ -1,22 +0,0 @@
-const fg = require('fast-glob');
-const { readFile, writeFile } = require('fs/promises');
-const normalizePath = require('normalize-path');
-const { findMonoRepoRoot } = require('./utils');
-
-const monorepoRoot = normalizePath(findMonoRepoRoot() || '');
-
-exports.setRegistryVersion = async () => {
-  const files = await fg([
-    `${monorepoRoot}/libs/*/package.json`,
-    `${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);
-    }),
-  );
-};

package/lib/monorepo/set-workspace-version.js

@@ -1,29 +0,0 @@
-const fg = require('fast-glob');
-const { readFile, writeFile } = require('fs/promises');
-const normalizePath = require('normalize-path');
-const { findMonoRepoRoot } = require('./utils');
-
-const monorepoRoot = normalizePath(findMonoRepoRoot() || '');
-
-exports.setWorkspaceVersion = async () => {
-  const files = await fg([
-    `${monorepoRoot}/libs/*/package.json`,
-    `${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);
-    }),
-  );
-};

package/lib/monorepo/utils.js

@@ -1,15 +0,0 @@
-const path = require('path');
-const { sync: findUp } = require('find-up');
-
-const WORKSPACE_DIR_ENV_VAR = 'NPM_CONFIG_WORKSPACE_DIR';
-const WORKSPACE_MANIFEST_FILENAME = 'pnpm-workspace.yaml';
-
-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')
-    : findUp([WORKSPACE_MANIFEST_FILENAME, 'pnpm-workspace.yml'], { cwd });
-  return workspaceManifestLocation && path.dirname(workspaceManifestLocation);
-};

package/lib/pui-config/index.js

@@ -1,18 +0,0 @@
-const path = require('path');
-const fs = require('fs');
-const { merge } = require('lodash');
-
-const baseConfig = {
-  esBuild: {
-    target: 'es2020',
-  },
-};
-
-const getPUIConfig = () => {
-  const configPath = path.resolve(process.cwd(), './pui.config.js');
-  if (!fs.existsSync(configPath)) return baseConfig;
-  const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
-  return merge(baseConfig, config);
-};
-
-exports.getPUIConfig = getPUIConfig;

package/lib/scripts/helpers/checkmark.js

@@ -1,15 +0,0 @@
-const chalk = require('chalk');
-
-/**
- * Adds mark check symbol
- *
- * @param callback
- * @param message
- */
-function addCheckMark(callback, message = '') {
-  process.stdout.write('\n\n');
-  process.stdout.write(chalk.green(' ✓'));
-  if (callback) callback(message);
-}
-
-module.exports = addCheckMark;

package/lib/scripts/helpers/get-npm-config.js

@@ -1,3 +0,0 @@
-const fs = require('fs');
-
-module.exports = JSON.parse(fs.readFileSync('package.json', 'utf8'));

package/lib/scripts/helpers/progress.js

@@ -1,19 +0,0 @@
-const readline = require('readline');
-
-/**
- * Adds an animated progress indicator
- *
- * @param  {string} message      The message to write next to the indicator
- * @param  {number} [amountOfDots=3] The amount of dots you want to animate
- */
-function animateProgress(message, amountOfDots = 3) {
-  let i = 0;
-  return setInterval(() => {
-    readline.cursorTo(process.stdout, 0);
-    i = (i + 1) % (amountOfDots + 1);
-    const dots = new Array(i + 1).join('.');
-    process.stdout.write(message + dots);
-  }, 500);
-}
-
-module.exports = animateProgress;

package/lib/scripts/helpers/xmark.js

@@ -1,13 +0,0 @@
-const chalk = require('chalk');
-
-/**
- * Adds mark cross symbol
- *
- * @param callback
- */
-function addXMark(callback) {
-  process.stdout.write(chalk.red(' ✘'));
-  if (callback) callback();
-}
-
-module.exports = addXMark;

package/lib/scripts/npmcheckversion.js

@@ -1,8 +0,0 @@
-const { exec } = require('child_process');
-exec('npm -v', (err, stdout) => {
-  if (err) throw err;
-  if (parseFloat(stdout) < 5) {
-    // NOTE: This can happen if you have a dependency which lists an old version of npm in its own dependencies.
-    throw new Error(`[ERROR] You need npm version @>=5 but you have ${stdout}`);
-  }
-});

package/lib/scripts/update-notifier.js

@@ -1,7 +0,0 @@
-const updateNotifier = require('update-notifier');
-const path = require('path');
-const pkg = require(path.join(process.cwd(), './package.json'));
-
-module.exports = () => {
-  updateNotifier({ pkg }).notify();
-};

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/server/util/index.js

@@ -1,52 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const argv = require('minimist')(process.argv.slice(2));
-
-const getCWD = () => process.cwd();
-
-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(getCWD(), 'server/routes'));
-  routeFiles.push(...getServiceEndpoints(path.join(getCWD(), 'app')));
-  routeFiles.push(...getServiceEndpoints(path.join(getCWD(), '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}`);
-    }
-  });
-};
-
-exports.port = parseInt(
-  argv.port || process.env.port || process.env.PORT || '3000',
-  10,
-);
-
-exports.host = argv.host || process.env.HOST;
-
-exports.getCWD = getCWD;

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"
-  }
-}