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

package/dist/esm/monorepo/set-registry-version.js

@@ -0,0 +1,21 @@
+import { readFile, writeFile } from "node:fs/promises";
+import fg from "fast-glob";
+import normalizePath from "normalize-path";
+import { findMonoRepoRoot } from "./utils.cjs";
+const monorepoRoot = normalizePath(findMonoRepoRoot() || "");
+const 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);
+  }));
+};
+export {
+  setRegistryVersion
+};

package/dist/esm/monorepo/set-workspace-version.js

@@ -0,0 +1,22 @@
+import { readFile, writeFile } from "node:fs/promises";
+import fg from "fast-glob";
+import normalizePath from "normalize-path";
+import { findMonoRepoRoot } from "./utils.cjs";
+const monorepoRoot = normalizePath(findMonoRepoRoot() || "");
+const 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);
+  }));
+};
+export {
+  setWorkspaceVersion
+};

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;
+  const findUpExec = path.resolve(process.cwd(), path.join('node_modules', '.bin', `find-up${process.platform === 'win32' ? '.cmd' : ''}`));
+  for (const fileName of [WORKSPACE_MANIFEST_FILENAME, 'pnpm-workspace.yml']){
+    try {
+      const result = execSync(`${findUpExec} ${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/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "sideEffects": false
+}

package/dist/esm/pui-config.js

@@ -0,0 +1,18 @@
+import path from "node:path";
+import fs from "node:fs";
+import { merge } from "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);
+};
+export {
+  getPUIConfig
+};

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

@@ -0,0 +1,66 @@
+import fs from "node:fs";
+import path from "node:path";
+import cspPolicy from "helmet-csp";
+import crypto from "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 true ? 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
+  }));
+};
+export {
+  csp,
+  sendFileWithCSPNonce
+};

package/dist/esm/server/index.js

@@ -0,0 +1,18 @@
+import express from "express";
+import { logger } from "./logger.js";
+import {
+  setupDefaultMiddlewares,
+  setupAdditionalMiddlewars
+} from "./middlewares.js";
+import { port, host } from "./utils.js";
+import { loadRoutes } from "./app-routes.cjs";
+const app = express();
+setupDefaultMiddlewares(app);
+loadRoutes(app);
+setupAdditionalMiddlewars(app);
+app.listen(port, host, async (err) => {
+  if (err) {
+    return logger.error(err.message);
+  }
+  logger.appStarted(port, host || "localhost");
+});

package/dist/esm/server/logger.js

@@ -0,0 +1,28 @@
+import chalk from "chalk";
+import ip from "ip";
+const divider = chalk.gray("\n-----------------------------------");
+const logger = {
+  error: (err) => {
+    console.error(chalk.red(err));
+  },
+  appStarted: (port, host, tunnelStarted) => {
+    console.log(`Server started ! ${chalk.green("\u2713")}`);
+    if (tunnelStarted) {
+      console.log(`Tunnel initialised ${chalk.green("\u2713")}`);
+    }
+    const accessUrls = `${chalk.bold("Access URLs:")}${divider}
+`;
+    const localHostUrl = `Localhost: ${chalk.magenta(`http://${host}:${port}`)}
+`;
+    const lanUrl = `LAN: ${chalk.magenta(`http://${ip.address()}:${port}`)}
+`;
+    const proxy = tunnelStarted ? `
+    Proxy: ${chalk.magenta(tunnelStarted)}` : "";
+    console.log(`${accessUrls}${localHostUrl}${lanUrl}${proxy}${divider}${chalk.blue(`
+Press ${chalk.italic("CTRL-C")} to stop`)}
+    `);
+  }
+};
+export {
+  logger
+};

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,102 @@
+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',
+};
+
+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;