@elliemae/pui-cli 6.0.0-beta.8 → 6.0.2

package/lib/webpack/webpack.storybook.js

@@ -1,17 +1,13 @@
-/* eslint-disable max-lines */
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const CompressionPlugin = require('compression-webpack-plugin');
+const ResolveTypeScriptPlugin = require('resolve-typescript-plugin').default;
 const {
   getAppConfig,
   isApp,
   getAlias,
-  excludeNodeModulesExcept,
-  modulesToTranspile,
-  getMediaPath,
+  getCompressionPlugins,
 } = require('./helpers');
-const { ESBUILD_TARGET } = require('../esbuild');
 
 const IS_APP = isApp();
 const CWD = process.cwd();
@@ -41,120 +37,45 @@ const getAdditionalPlugins = () => [
         noErrorOnMissing: true,
       },
       {
-        from: './public',
+        from: 'app/public',
         noErrorOnMissing: true,
       },
     ],
   }),
 ];
 
-const compressionPlugin = new CompressionPlugin({
-  filename: '[path][base].gz',
-  algorithm: 'gzip',
-  test: /\.js$|\.css$$/,
-  // 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: Number.MAX_SAFE_INTEGER,
-});
-
-const getModulePreRules = () => [
-  {
-    test: /\.(jpe?g|png|gif|svg|ico)$/,
-    use: [
-      'file-loader',
-      {
-        loader: 'image-webpack-loader',
-        options: {
-          gifsicle: {
-            enabled: false,
-          },
-        },
-      },
-    ],
-    enforce: 'pre',
-  },
-  {
-    test: /\.(js|ts|jsx|tsx)$/,
-    enforce: 'pre',
-    exclude: /node_modules/,
-    resolve: {
-      fullySpecified: false,
-    },
-    use: [
-      {
-        loader: 'webpack-strip-block',
-        options: {
-          start: 'TEST:START',
-          end: 'TEST:END',
-        },
-      },
-    ],
-  },
-];
-
 const getModuleRules = () => [
   {
-    test: /\.(js|ts|jsx|tsx)$/,
-    exclude: excludeNodeModulesExcept(modulesToTranspile),
-    resolve: {
-      fullySpecified: false,
-    },
-    use: {
-      loader: 'esbuild-loader',
-      options: {
-        loader: 'jsx',
-        target: ESBUILD_TARGET,
-      },
-    },
-  },
-  {
-    test: /\.(woff|woff2)$/,
-    exclude: excludeNodeModulesExcept(['@elliemae/*']),
-    type: 'asset/resource',
-  },
-  {
-    test: /\.svg$/,
-    exclude: excludeNodeModulesExcept(['@elliemae/*']),
-    use: [
-      {
-        loader: '@svgr/webpack',
-      },
-      {
-        loader: 'file-loader',
-        options: {
-          name: getMediaPath(),
-        },
-      },
-    ],
-  },
-  {
-    test: /\.(jpe?g|png|gif|ico)$/i,
-    exclude: excludeNodeModulesExcept(['@elliemae/*']),
     type: 'asset',
+    resourceQuery: /url/,
   },
   {
-    test: /\.(mp4|webm)$/,
-    exclude: excludeNodeModulesExcept(['@elliemae/*']),
-    type: 'asset',
+    test: /\.svg$/i,
+    issuer: /\.[jt]sx?$/,
+    resourceQuery: /^((?!url).)*$/,
+    use: ['@svgr/webpack'],
   },
 ];
 
 exports.webpackFinal = async (config, { configType }) => {
   const isProd = configType === 'PRODUCTION';
-  // remove asset processing that comes with storybook webpack, we will use ours
-  config.module.rules = config.module.rules.filter(
-    ({ type }) => type !== 'asset/resource',
+  const fileLoaderRule = config.module.rules.find((rule) =>
+    rule.test?.test?.('.svg'),
   );
-  config.module.rules.push(...getModulePreRules());
-  config.module.rules.unshift(...getModuleRules(isProd));
-
+  fileLoaderRule.exclude = /\.svg$/i;
+  config.module.rules.unshift(...getModuleRules());
   config.plugins.push(...getAdditionalPlugins());
   if (isProd) {
-    config.plugins.push(compressionPlugin);
+    config.plugins = config.plugins.concat(getCompressionPlugins());
   }
 
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
   config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
-
+  config.resolve.extensions.push('.svg');
+  config.resolve.plugins = [
+    ...(config.resolve.plugins || []),
+    new ResolveTypeScriptPlugin(),
+  ];
   config.externals = config.externals || {};
   config.externals['@elliemae/pui-user-monitoring'] = 'emuiUserMonitoring';
   config.externals['@elliemae/pui-app-loader'] = 'emuiAppLoader';
@@ -164,7 +85,7 @@ exports.webpackFinal = async (config, { configType }) => {
 
 // storybook manager webpack
 exports.managerWebpack = async (config) => {
-  config.plugins.push(compressionPlugin);
+  config.plugins = config.plugins.concat(getCompressionPlugins());
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
   return config;
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.8",
+  "version": "6.0.2",
   "private": false,
-  "description": "EllieMae Platform UI CLI",
+  "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
@@ -20,10 +20,10 @@
     "url": "https://git.elliemae.io/platform-ui/pui-cli.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
-  "author": "Vinoth Kalyanasundaram",
+  "author": "ICE MT",
   "license": "MIT",
   "scripts": {
     "build": "exit 0",
@@ -34,11 +34,11 @@
     "release": "semantic-release",
     "test": "ts-node -r tsconfig-paths/register ./lib/cli test -p",
     "test:staged": "jest --coverage --passWithNoTests --bail --findRelatedTests",
-    "setup": "rimraf -r node_modules && rimraf package-lock.json && npm i",
+    "setup": "rimraf -r node_modules && rimraf pnpm-lock.yaml && pnpm i",
     "storybook:build": "exit 0",
     "storybook:docs:build": "exit 0",
     "upgrade": "ncu -u && npm run setup",
-    "prepare": "husky install"
+    "prepare": "[ -n \"$CI\" ] || husky install"
   },
   "jestSonar": {
     "sonar56x": true,
@@ -47,57 +47,54 @@
     "indent": 4
   },
   "dependencies": {
-    "@babel/cli": "~7.16.0",
-    "@babel/core": "~7.16.0",
-    "@babel/eslint-parser": "~7.16.3",
-    "@babel/node": "~7.16.0",
-    "@babel/plugin-proposal-class-properties": "~7.16.0",
-    "@babel/plugin-proposal-export-default-from": "~7.16.0",
+    "@babel/cli": "~7.16.8",
+    "@babel/core": "~7.16.10",
+    "@babel/eslint-parser": "~7.16.5",
+    "@babel/node": "~7.16.8",
+    "@babel/plugin-proposal-class-properties": "~7.16.7",
+    "@babel/plugin-proposal-export-default-from": "~7.16.7",
     "@babel/plugin-syntax-dynamic-import": "~7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "~7.16.0",
-    "@babel/plugin-transform-react-constant-elements": "~7.16.0",
-    "@babel/plugin-transform-react-inline-elements": "~7.16.0",
-    "@babel/plugin-transform-react-jsx-source": "~7.16.0",
-    "@babel/plugin-transform-runtime": "~7.16.4",
-    "@babel/preset-env": "~7.16.4",
-    "@babel/preset-react": "~7.16.0",
-    "@babel/preset-typescript": "~7.16.0",
-    "@babel/runtime": "~7.16.3",
-    "@commitlint/cli": "~15.0.0",
-    "@commitlint/config-conventional": "~15.0.0",
-    "@elliemae/browserslist-config-elliemae": "~1.2.1",
-    "@pmmmwh/react-refresh-webpack-plugin": "~0.5.2",
+    "@babel/plugin-transform-modules-commonjs": "~7.16.8",
+    "@babel/plugin-transform-react-constant-elements": "~7.16.7",
+    "@babel/plugin-transform-react-inline-elements": "~7.16.7",
+    "@babel/plugin-transform-react-jsx-source": "~7.16.7",
+    "@babel/plugin-transform-runtime": "~7.16.10",
+    "@babel/preset-env": "~7.16.11",
+    "@babel/preset-react": "~7.16.7",
+    "@babel/preset-typescript": "~7.16.7",
+    "@babel/runtime": "~7.16.7",
+    "@commitlint/cli": "~16.1.0",
+    "@commitlint/config-conventional": "~16.0.0",
+    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "~0.5.4",
     "@semantic-release/changelog": "~6.0.1",
-    "@semantic-release/exec": "~6.0.2",
+    "@semantic-release/exec": "~6.0.3",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~6.3.12",
-    "@storybook/addon-actions": "~6.3.12",
-    "@storybook/addon-backgrounds": "~6.3.12",
-    "@storybook/addon-controls": "~6.3.12",
-    "@storybook/addon-docs": "~6.3.12",
+    "@storybook/addon-a11y": "~6.4.14",
+    "@storybook/addon-essentials": "~6.4.14",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-links": "~6.3.12",
-    "@storybook/addon-storysource": "~6.3.12",
-    "@storybook/addon-toolbars": "~6.3.12",
-    "@storybook/addon-viewport": "~6.3.12",
-    "@storybook/addons": "~6.3.12",
-    "@storybook/builder-webpack5": "~6.3.12",
-    "@storybook/manager-webpack5": "~6.3.12",
-    "@storybook/react": "~6.3.12",
-    "@storybook/theming": "~6.3.12",
+    "@storybook/addon-interactions": "~6.4.14",
+    "@storybook/addon-links": "~6.4.14",
+    "@storybook/addon-storysource": "~6.4.14",
+    "@storybook/builder-webpack5": "~6.4.14",
+    "@storybook/manager-webpack5": "~6.4.14",
+    "@storybook/react": "~6.4.14",
+    "@storybook/theming": "~6.4.14",
     "@stylelint/postcss-css-in-js": "~0.37.2",
-    "@svgr/webpack": "~5.5.0",
-    "@testing-library/jest-dom": "~5.15.1",
+    "@svgr/webpack": "~6.2.0",
+    "@swc/cli": "~0.1.55",
+    "@swc/core": "~1.2.133",
+    "@swc/jest": "~0.2.17",
+    "@testing-library/jest-dom": "~5.16.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
-    "@types/jest": "~27.0.3",
-    "@types/node": "~16.11.10",
+    "@types/jest": "~27.4.0",
+    "@types/node": "~17.0.10",
     "@types/rimraf": "~3.0.2",
-    "@types/testing-library__jest-dom": "~5.14.1",
-    "@typescript-eslint/eslint-plugin": "~5.4.0",
-    "@typescript-eslint/parser": "~5.4.0",
-    "@vitejs/plugin-react": "~1.1.0",
-    "autoprefixer": "~10.4.0",
+    "@types/testing-library__jest-dom": "~5.14.2",
+    "@typescript-eslint/eslint-plugin": "~5.10.0",
+    "@typescript-eslint/parser": "~5.10.0",
+    "autoprefixer": "~10.4.2",
     "axe-core": "~4.3.5",
     "babel-loader": "~8.2.3",
     "babel-plugin-add-import-extension": "1.5.1",
@@ -107,148 +104,143 @@
     "babel-plugin-lodash": "~3.3.4",
     "babel-plugin-module-resolver": "~4.1.0",
     "babel-plugin-source-map-support": "~2.1.3",
-    "babel-plugin-styled-components": "~2.0.1",
+    "babel-plugin-styled-components": "~2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "~0.4.24",
     "babel-plugin-transform-remove-console": "~6.9.4",
-    "babel-plugin-transform-strip-block": "~0.0.4",
-    "body-parser": "~1.19.0",
-    "browserslist": "~4.18.1",
+    "babel-plugin-transform-strip-block": "~0.0.5",
+    "body-parser": "~1.19.1",
+    "browserslist": "~4.19.1",
+    "browserslist-to-esbuild": "~1.1.1",
     "bundlesize": "~0.18.1",
-    "case-sensitive-paths-webpack-plugin": "~2.4.0",
+    "canvas": "~2.9.0",
     "chalk": "~4.1.2",
     "circular-dependency-plugin": "~5.2.2",
-    "classnames": "~2.3.1",
-    "compare-versions": "~4.1.1",
     "compression": "~1.7.4",
-    "compression-webpack-plugin": "~9.0.1",
-    "copy-webpack-plugin": "~10.0.0",
+    "compression-webpack-plugin": "~9.2.0",
+    "copy-webpack-plugin": "~10.2.1",
     "cors": "~2.8.5",
     "cross-env": "~7.0.3",
     "css-loader": "~6.5.1",
-    "css-minimizer-webpack-plugin": "~3.2.0",
-    "depcheck": "~1.4.2",
+    "css-minimizer-webpack-plugin": "~3.4.1",
+    "depcheck": "~1.4.3",
     "docdash": "~1.2.0",
-    "dotenv": "~10.0.0",
+    "dotenv": "~12.0.4",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "esbuild": "~0.14.0",
-    "esbuild-jest": "~0.5.0",
-    "esbuild-loader": "~2.16.0",
-    "eslint": "~8.3.0",
-    "eslint-config-airbnb": "~18.2.1",
+    "enhanced-resolve": "~5.8.3",
+    "esbuild": "~0.14.12",
+    "esbuild-loader": "~2.18.0",
+    "esbuild-plugin-svgr": "~1.0.0",
+    "eslint": "~8.7.0",
+    "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
-    "eslint-config-airbnb-typescript": "~15.0.0",
+    "eslint-config-airbnb-typescript": "~16.1.0",
     "eslint-config-prettier": "~8.3.0",
-    "eslint-config-react-app": "~6.0.0",
+    "eslint-config-react-app": "~7.0.0",
     "eslint-import-resolver-babel-module": "~5.3.1",
     "eslint-import-resolver-typescript": "~2.5.0",
     "eslint-import-resolver-webpack": "~0.13.2",
-    "eslint-plugin-compat": "~3.13.0",
+    "eslint-plugin-compat": "~4.0.1",
     "eslint-plugin-eslint-comments": "~3.2.0",
-    "eslint-plugin-import": "~2.25.3",
-    "eslint-plugin-jest": "~25.3.0",
-    "eslint-plugin-jsdoc": "~37.0.3",
+    "eslint-plugin-import": "~2.25.4",
+    "eslint-plugin-jest": "~25.7.0",
+    "eslint-plugin-jsdoc": "~37.6.3",
     "eslint-plugin-jsx-a11y": "~6.5.1",
     "eslint-plugin-mdx": "~1.16.0",
     "eslint-plugin-prettier": "~4.0.0",
-    "eslint-plugin-react": "~7.27.1",
+    "eslint-plugin-react": "~7.28.0",
     "eslint-plugin-react-hooks": "~4.3.0",
-    "eslint-plugin-redux-saga": "~1.2.1",
-    "eslint-plugin-testing-library": "~5.0.0",
+    "eslint-plugin-redux-saga": "~1.3.2",
+    "eslint-plugin-storybook": "~0.5.6",
+    "eslint-plugin-testing-library": "~5.0.4",
     "eslint-plugin-wdio": "~7.4.2",
     "execa": "~5.1.1",
-    "express": "~4.17.1",
+    "express": "~4.17.2",
     "express-pino-logger": "~7.0.0",
-    "file-loader": "~6.2.0",
-    "fork-ts-checker-webpack-plugin": "~6.4.2",
+    "express-static-gzip": "~2.1.1",
+    "favicons": "~6.2.2",
+    "favicons-webpack-plugin": "~5.0.2",
+    "happy-dom": "~2.28.0",
     "helmet-csp": "~3.4.0",
-    "html-loader": "~3.0.1",
     "html-webpack-plugin": "~5.5.0",
-    "http-server": "~14.0.0",
+    "http-server": "~14.1.0",
     "husky": "~7.0.4",
     "husky-init": "~7.0.0",
-    "image-webpack-loader": "~8.0.1",
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.3.1",
+    "jest-cli": "~27.4.7",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
-    "jscodeshift": "~0.13.0",
+    "jscodeshift": "~0.13.1",
     "jsdoc": "~3.6.7",
-    "lint-staged": "~12.1.2",
-    "mini-css-extract-plugin": "~2.4.5",
+    "lint-staged": "~12.2.2",
+    "mini-css-extract-plugin": "~2.5.2",
     "minimist": "~1.2.5",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
-    "msw": "~0.35.0",
-    "node-plop": "~0.26.3",
+    "msw": "~0.36.5",
+    "node-gyp": "~8.4.1",
+    "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
-    "npm-check-updates": "12.0.2",
+    "npm-check-updates": "12.2.1",
     "null-loader": "~4.0.1",
-    "pino": "~7.4.1",
-    "pino-pretty": "~7.2.0",
+    "pino": "~7.6.4",
+    "pino-pretty": "~7.5.0",
     "pinst": "~2.1.6",
-    "plop": "~2.7.6",
-    "postcss": "~8.4.3",
-    "postcss-jsx": "~0.36.4",
+    "plop": "~3.0.5",
+    "postcss": "~8.4.5",
     "postcss-html": "~1.3.0",
+    "postcss-jsx": "~0.36.4",
+    "postcss-loader": "~6.2.1",
     "postcss-markdown": "~1.2.0",
+    "postcss-preset-env": "~7.2.3",
     "postcss-syntax": "~0.36.2",
-    "postcss-loader": "~6.2.1",
-    "postcss-preset-env": "~7.0.1",
-    "prettier": "~2.5.0",
+    "prettier": "~2.5.1",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
     "raf": "~3.4.1",
-    "raw-loader": "~4.0.2",
     "react-axe": "~3.5.4",
     "react-docgen": "~5.4.0",
     "react-refresh": "~0.11.0",
     "react-test-renderer": "~17.0.2",
     "resize-observer-polyfill": "~1.5.1",
+    "resolve-typescript-plugin": "~1.1.4",
     "rimraf": "~3.0.2",
-    "script-loader": "~0.7.2",
-    "semantic-release": "~18.0.1",
-    "shelljs": "~0.8.4",
-    "slackify-markdown": "~4.3.0",
-    "storybook-builder-vite": "~0.1.10",
-    "storybook-react-router": "~1.0.8",
+    "semantic-release": "~19.0.2",
+    "slackify-markdown": "~4.3.1",
+    "speed-measure-webpack-plugin": "~1.5.0",
     "storybook-addon-turbo-build": "~1.0.1",
+    "storybook-builder-vite": "~0.1.13",
+    "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
-    "stylelint": "~14.1.0",
+    "stylelint": "~14.2.0",
     "stylelint-config-recommended": "~6.0.0",
     "stylelint-config-styled-components": "~0.1.1",
-    "stylelint-custom-processor-loader": "~0.6.0",
-    "stylelint-processor-styled-components": "~1.10.0",
-    "svg-url-loader": "~7.1.1",
-    "svgo": "~2.8.0",
-    "terser-webpack-plugin": "~5.2.5",
+    "swc-loader": "~0.1.15",
+    "terser-webpack-plugin": "~5.3.0",
     "ts-node": "~10.4.0",
-    "tsc-alias": "~1.4.1",
-    "tsc-files": "~1.1.3",
-    "tsconfig-paths": "~3.12.0",
-    "tsconfig-paths-webpack-plugin": "~3.5.2",
-    "type-fest": "~2.6.0",
-    "typescript": "~4.5.2",
+    "tsc-alias": "~1.5.0",
+    "typescript": "~4.5.5",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "vite": "~2.6.14",
-    "webpack": "~5.64.4",
+    "vite": "~2.7.13",
+    "vitest": "~0.1.26",
+    "webpack": "~5.65.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
-    "webpack-dev-middleware": "~5.2.2",
+    "webpack-dev-middleware": "~5.3.0",
     "webpack-hot-middleware": "~2.25.1",
-    "webpack-manifest-plugin": "~4.0.2",
+    "webpack-manifest-plugin": "~4.1.1",
     "webpack-merge": "~5.8.0",
-    "webpack-pwa-manifest": "~4.3.0",
-    "webpack-strip-block": "~0.3.0",
     "whatwg-fetch": "~3.6.2",
-    "workbox-webpack-plugin": "~6.4.1",
-    "yargs": "~17.2.1"
+    "workbox-webpack-plugin": "~6.4.2",
+    "yargs": "~17.3.1"
   },
   "devDependencies": {
+    "react": "~17.0.2",
+    "react-dom": "~17.0.2",
     "redux": "~4.1.2",
     "redux-saga": "~1.1.3",
     "styled-components": "~5.3.3"

package/lib/esbuild.js

@@ -1,44 +0,0 @@
-const esbuild = require('esbuild');
-const fg = require('fast-glob');
-
-const ESBUILD_TARGET = 'es2020';
-
-const commonConfig = {
-  bundle: false,
-  target: ESBUILD_TARGET,
-  loader: { '.js': 'jsx' },
-  mainFields: ['module', 'browser', 'main'],
-};
-
-const outDir = 'dist';
-
-const build = async ({ srcPath, commonJS }) => {
-  const inputFiles = [
-    `${srcPath}/**/*.{js,jsx,ts,tsx}`,
-    `!${srcPath}/**/*.test.{js,jsx,ts,tsx}`,
-    `!${srcPath}/**/*.stories.{js,jsx,ts,tsx}`,
-    `!${srcPath}/**/*.endpoint.{js,jsx,ts,tsx}`,
-  ];
-  if (!commonJS) {
-    const entryPoints = await fg(inputFiles);
-    await esbuild.build({
-      entryPoints,
-      ...commonConfig,
-      outdir: `${outDir}/es`,
-      format: 'esm',
-    });
-  } else {
-    const commonJSEntryPoints = await fg(
-      inputFiles.concat([`${srcPath}/**/*.cjs`]),
-    );
-    await esbuild.build({
-      entryPoints: commonJSEntryPoints,
-      ...commonConfig,
-      outdir: `${outDir}/cjs`,
-      format: 'cjs',
-    });
-  }
-};
-
-exports.esBuild = build;
-exports.ESBUILD_TARGET = ESBUILD_TARGET;

package/lib/testing/setup-styled-components-tests.js

@@ -1 +0,0 @@
-import 'jest-styled-components';