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

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

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

package/lib/webpack/helpers.js

@@ -1,252 +0,0 @@
-/* eslint-disable max-lines */
-const path = require('path');
-const fs = require('fs');
-const _ = require('lodash');
-const CompressionPlugin = require('compression-webpack-plugin');
-const zlib = require('zlib');
-const { findMonoRepoRoot } = require('../monorepo/utils');
-
-let pathSep = path.sep;
-if (pathSep === '\\')
-  // must be quoted for use in a regexp:
-  pathSep = '\\\\';
-
-const LATEST_VERSION = 'latest';
-
-const getNodeModulesRegEx = (modules) =>
-  modules.map(
-    (modName) =>
-      new RegExp(`node_modules${pathSep}${modName.replace('/', pathSep)}`),
-  );
-
-const excludeNodeModulesExcept = (modules) => {
-  const moduleRegExps = getNodeModulesRegEx(modules);
-
-  // eslint-disable-next-line func-names
-  return function (modulePath) {
-    if (/node_modules/.test(modulePath)) {
-      for (let i = 0; i < moduleRegExps.length; i += 1)
-        if (moduleRegExps[i].test(modulePath)) return false;
-      return true;
-    }
-    return false;
-  };
-};
-
-const getLibraryName = () => {
-  // eslint-disable-next-line global-require
-  const packageJson = require(path.join(process.cwd(), 'package.json'));
-  const libraryName = packageJson
-    ? packageJson.name
-    : process.env.LIBRARY_NAME || 'mylibrary';
-  const modifiedLibName = `emui-${libraryName
-    .replace('@elliemae/', '')
-    .replace('pui-', '')}`;
-  return _.camelCase(modifiedLibName);
-};
-
-const getAppConfig = () => {
-  const appConfigPath = path.join(
-    process.cwd(),
-    isApp() ? 'app' : 'lib',
-    'app.config.json',
-  );
-
-  if (!fs.existsSync(appConfigPath)) return '{}';
-  // eslint-disable-next-line global-require
-  const appConfig = require(appConfigPath);
-  return appConfig ? JSON.stringify(appConfig) : '{}';
-};
-
-const mapToFolder = (dependencies, folder) =>
-  dependencies.reduce(
-    (acc, dependency) => ({
-      [dependency]: path.resolve(`${folder}/${dependency.replace('$', '')}`),
-      ...acc,
-    }),
-    {},
-  );
-
-const getAlias = () => {
-  const monorepoRoot = findMonoRepoRoot(process.cwd()) || '';
-  return mapToFolder(
-    [
-      '@babel/runtime',
-      'react',
-      'react-dom',
-      'react-redux',
-      'redux',
-      'redux-saga',
-      'moment',
-      'lodash',
-      'styled-components',
-      'immer',
-      'react-dates',
-      'react-transition-group',
-      '@elliemae/pui-cli',
-      '@elliemae/pui-app-sdk$',
-      '@elliemae/pui-theme$',
-    ],
-    path.join(monorepoRoot, './node_modules'),
-  );
-};
-
-const modulesToTranspile = [
-  '@elliemae/pui-*',
-  '@elliemae/ds-*',
-  '@dnd-kit/*',
-  '@elliemae/em-platform-document-viewer',
-];
-
-const getUserMonitoringFileName = () => {
-  const libName = 'emuiUserMonitoring';
-  const userMonLibPath = path.join(
-    process.cwd(),
-    'node_modules/@elliemae/pui-user-monitoring/dist/public/js',
-  );
-  if (!fs.existsSync(userMonLibPath)) return `${libName}.js`;
-  const distJSFiles = fs.readdirSync(userMonLibPath);
-  return distJSFiles.filter((fName) =>
-    fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/),
-  )[0];
-};
-
-const getAppLoaderFileName = () => {
-  const libName = 'emuiAppLoader';
-  const appLoaderLibPath = path.join(
-    process.cwd(),
-    'node_modules/@elliemae/pui-app-loader/dist/public/js',
-  );
-  if (!fs.existsSync(appLoaderLibPath)) return `${libName}.js`;
-  const distJSFiles = fs.readdirSync(appLoaderLibPath);
-  return distJSFiles.filter((fName) =>
-    fName.match(/emuiAppLoader+((?!chunk).)*\.js$/),
-  )[0];
-};
-
-const getDiagnosticsFileName = () => {
-  const libName = 'emuiDiagnostics';
-  const libPath = path.join(
-    process.cwd(),
-    'node_modules/@elliemae/pui-diagnostics/dist/public/js',
-  );
-  if (!fs.existsSync(libPath)) return `${libName}.js`;
-  const distJSFiles = fs.readdirSync(libPath);
-  return distJSFiles.filter((fName) =>
-    fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/),
-  )[0];
-};
-
-const getENCWLoaderFileName = () => {
-  const libName = 'emuiEncwLoader';
-  const appLoaderLibPath = path.join(
-    process.cwd(),
-    'node_modules/@elliemae/encw-loader/dist/public/js',
-  );
-  if (!fs.existsSync(appLoaderLibPath)) return `${libName}.js`;
-  const distJSFiles = fs.readdirSync(appLoaderLibPath);
-  return distJSFiles.filter((fName) =>
-    fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/),
-  )[0];
-};
-
-const getAppVersion = () => {
-  if (!process.env.APP_VERSION) return LATEST_VERSION;
-  const match = process.env.APP_VERSION.match(/^v?(\d+\.\d+)\..*$/);
-  return (match && match[1]) || LATEST_VERSION;
-};
-
-const getPaths = (latestVersion = true) => {
-  const version = latestVersion ? LATEST_VERSION : getAppVersion();
-  const publicPath = `${version}/`;
-  const timeStampQuery =
-    process.env.PUI_PIPELINE !== 'true' ? `?timeStamp=${Date.now()}` : '';
-  return {
-    appVersion: version,
-    buildPath: path.resolve(process.cwd(), `build/public/`),
-    basePath: (process.env.BASE_PATH || '/').replace(/\/?$/, '/'),
-    publicPath,
-    userMonScriptPath: `latest/js/${getUserMonitoringFileName()}`,
-    appLoaderScriptPath: `latest/js/${getAppLoaderFileName()}`,
-    diagnosticsScriptPath: `latest/js/${getDiagnosticsFileName()}`,
-    globalScriptPath: `latest/js/global.js${timeStampQuery}`,
-    encwLoaderScriptPath: `latest/js/${getENCWLoaderFileName()}`,
-  };
-};
-
-const isApp = () => fs.existsSync(path.join(process.cwd(), 'app'));
-
-const isAppLoaderEnabled = () => process.env.APP_LOADER === 'true';
-
-const getMediaPath = () => `assets/[name].[contenthash].[ext]`;
-
-const isGoogleTagManagerEnabled = () => {
-  const appConfig = JSON.parse(getAppConfig());
-  return !!appConfig?.googleTagManager;
-};
-
-const getCompressionPlugins = (isLibrary = false) => {
-  const excludeList = [
-    /\/adrum-ext/,
-    /\/emuiUserMonitoring/,
-    /\/emuiDiagnostics/,
-    /\/emuiAppLoader/,
-    /\/encwLoader/,
-  ];
-  const commonConfig = {
-    test: /\.(js|css)$/,
-    exclude: !isLibrary ? excludeList : [],
-    // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
-    minRatio: Infinity,
-  };
-  return [
-    new CompressionPlugin({
-      filename: '[path][base].gz',
-      algorithm: 'gzip',
-      ...commonConfig,
-    }),
-    new CompressionPlugin({
-      filename: '[path][base].br',
-      algorithm: 'brotliCompress',
-      ...commonConfig,
-      compressionOptions: {
-        params: {
-          [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
-        },
-      },
-    }),
-  ];
-};
-
-const filterByFilePresence = (patterns) =>
-  patterns.filter(
-    ({ from, noErrorOnMissing }) =>
-      !noErrorOnMissing || fs.existsSync(path.resolve(process.cwd(), from)),
-  );
-
-exports.LATEST_VERSION = LATEST_VERSION;
-exports.excludeNodeModulesExcept = excludeNodeModulesExcept;
-exports.getLibraryName = getLibraryName;
-exports.getAppConfig = getAppConfig;
-exports.mapToFolder = mapToFolder;
-exports.isApp = isApp;
-exports.getAlias = getAlias;
-exports.getAppVersion = getAppVersion;
-exports.modulesToTranspile = modulesToTranspile;
-exports.isAppLoaderEnabled = isAppLoaderEnabled;
-exports.LATEST_VERSION = LATEST_VERSION;
-exports.getPaths = getPaths;
-exports.getMediaPath = getMediaPath;
-exports.resolveExtensions = [
-  '.wasm',
-  '.mjs',
-  '.ts',
-  '.tsx',
-  '.js',
-  '.jsx',
-  '.json',
-];
-exports.mainFields = ['browser', 'module', 'main'];
-exports.isGoogleTagManagerEnabled = isGoogleTagManagerEnabled;
-exports.getCompressionPlugins = getCompressionPlugins;
-exports.filterByFilePresence = filterByFilePresence;

package/lib/webpack/webpack.base.babel.js

@@ -1,242 +0,0 @@
-/* eslint-disable max-lines */
-const webpack = require('webpack');
-const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const PostcssPresetEnv = require('postcss-preset-env');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
-const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
-const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
-const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
-const { ProvidePlugin, ProgressPlugin } = require('webpack');
-const browserslistToEsbuild = require('browserslist-to-esbuild');
-
-const {
-  excludeNodeModulesExcept,
-  modulesToTranspile,
-  getAlias,
-  getPaths,
-  filterByFilePresence,
-} = require('./helpers');
-
-const minicssLoader = {
-  loader: MiniCssExtractPlugin.loader,
-  options: {},
-};
-
-const finalCSSLoader = (mode) =>
-  mode !== 'production' ? { loader: 'style-loader' } : minicssLoader;
-
-const postcssPlugins = [PostcssPresetEnv({ autoprefixer: { grid: true } })];
-const { buildPath } = getPaths();
-
-const plugins = [
-  new webpack.EnvironmentPlugin({
-    NODE_ENV: 'development',
-    CI: 'false',
-  }),
-  new ProvidePlugin({
-    React: 'react',
-  }),
-  new CopyWebpackPlugin({
-    patterns: filterByFilePresence([
-      {
-        from: 'app/app.config.json',
-        to: './latest/app.config.json',
-      },
-      {
-        from: 'app/robots.txt',
-        to: 'robots.txt',
-        noErrorOnMissing: true,
-      },
-      {
-        from: 'app/global*.js',
-        to: './latest/js/[name][ext]',
-      },
-      {
-        from: 'node_modules/@elliemae/pui-user-monitoring/dist/public/js',
-        to: './latest/js',
-        toType: 'dir',
-        info: { minimized: true },
-      },
-      {
-        from: 'node_modules/@elliemae/pui-app-loader/dist/public/js',
-        to: './latest/js',
-        toType: 'dir',
-        noErrorOnMissing: true,
-        info: { minimized: true },
-      },
-      {
-        from: 'node_modules/@elliemae/encw-loader/dist/public/js',
-        to: './latest/js',
-        toType: 'dir',
-        noErrorOnMissing: true,
-        info: { minimized: true },
-      },
-      {
-        from: 'node_modules/@elliemae/pui-diagnostics/dist/public/js',
-        to: './latest/js',
-        toType: 'dir',
-        noErrorOnMissing: true,
-        info: { minimized: true },
-      },
-      {
-        from: 'public',
-        to: './latest',
-        noErrorOnMissing: true,
-        globOptions: {
-          ignore: ['readme.md'],
-        },
-      },
-      {
-        from: 'webroot',
-        noErrorOnMissing: true,
-        globOptions: {
-          ignore: ['readme.md'],
-        },
-      },
-    ]),
-  }),
-  new DuplicatePackageCheckerPlugin(),
-  new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
-  new WebpackManifestPlugin({
-    fileName: './latest/manifest.json',
-    publicPath: '',
-    map: (file) => {
-      file.name = file.name.replace(/^latest\//, '');
-      return file;
-    },
-  }),
-  new FaviconsWebpackPlugin({
-    outputPath: './latest/assets',
-    logo: './app/view/images/favicon.png',
-    favicons: {
-      developerName: 'ICE MT',
-      developerURL: null, // prevent retrieving from the nearest package.json
-      icons: {
-        coast: false,
-        yandex: false,
-      },
-    },
-  }),
-  new ProgressPlugin(),
-];
-
-module.exports = (options) => ({
-  mode: options.mode,
-  entry: options.entry,
-  output: {
-    clean: true,
-    path: buildPath,
-    publicPath: 'auto',
-    ...options.output,
-  }, // Merge with env dependent settings
-  optimization: options.optimization,
-  module: {
-    rules: [
-      {
-        test: /\.jsx?$/,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        resolve: {
-          fullySpecified: false,
-        },
-        use: {
-          loader: 'esbuild-loader',
-          options: {
-            loader: 'jsx',
-            target: browserslistToEsbuild(),
-          },
-        },
-      },
-      {
-        test: /\.tsx?$/,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        resolve: {
-          fullySpecified: false,
-        },
-        use: {
-          loader: 'esbuild-loader',
-          options: {
-            loader: 'tsx',
-            target: browserslistToEsbuild(),
-          },
-        },
-      },
-      {
-        test: /\.css$/,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        use: [
-          finalCSSLoader(options.mode),
-          {
-            loader: 'css-loader',
-            options: {
-              importLoaders: 1,
-              sourceMap: true,
-            },
-          },
-          {
-            loader: 'postcss-loader',
-            options: {
-              postcssOptions: {
-                plugins: postcssPlugins,
-              },
-              sourceMap: true,
-            },
-          },
-        ],
-      },
-      {
-        test: /\.(woff|woff2)$/,
-        type: 'asset/resource',
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-      },
-      {
-        test: /\.svg$/i,
-        issuer: /\.[jt]sx?$/,
-        resourceQuery: /^((?!url).)*$/,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        use: ['@svgr/webpack'],
-      },
-      {
-        test: /\.(jpe?g|png|gif|ico|mp4|webm)$/i,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        type: 'asset',
-      },
-      {
-        resourceQuery: /resource/,
-        type: 'asset/resource',
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-      },
-      {
-        type: 'asset',
-        resourceQuery: /url/,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-      },
-    ],
-  },
-  plugins: plugins.concat(options.plugins),
-  resolve: {
-    modules: [
-      'node_modules',
-      'app',
-      'lib',
-      path.resolve(process.cwd(), 'node_modules'),
-      path.resolve(process.cwd(), 'app'),
-      path.resolve(process.cwd(), 'lib'),
-    ],
-    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.wasm', '.mjs'],
-    mainFields: ['browser', 'module', 'main'],
-    alias: {
-      ...getAlias(),
-      ...((options.resolve || {}).alias || {}),
-    },
-  },
-  externals: {
-    '@elliemae/pui-user-monitoring': 'emuiUserMonitoring',
-    '@elliemae/pui-app-loader': 'emuiAppLoader',
-    '@elliemae/pui-diagnostics': 'emuiDiagnostics',
-  },
-  devtool: options.devtool || 'eval-source-map',
-  performance: options.performance || {},
-  devServer: options.devServer || {},
-});