@elliemae/pui-cli 6.0.0-beta.25 → 6.0.0-beta.29

package/lib/cli-commands/test.js

@@ -1,6 +1,5 @@
 const { exit } = require('yargs');
 const { exec, logError, logSuccess } = require('./utils');
-// const { lintCSS, lintJS } = require('./lint');
 
 const { CI = false } = process.env;
 
@@ -21,18 +20,10 @@ async function handler(argv) {
   if (argv.r) commandOptions += ' --bail --findRelatedTests';
   if (argv.s) commandOptions += ' --silent';
   try {
-    // if (!CI) {
-    //   try {
-    //     await lintJS();
-    //     await lintCSS();
-    //     logSuccess('Linting completed');
-    //   } catch (err) {
-    //     logError('Linting failed');
-    //     exit(-1, err);
-    //     return -1;
-    //   }
-    // }
-    await exec('rimraf ./reports');
+    if (CI) {
+      await exec('rimraf ./reports');
+    }
+
     // eslint-disable-next-line jest/valid-title, jest/no-disabled-tests, jest/expect-expect
     await test(commandOptions);
     logSuccess('Unit test execution completed');

package/lib/testing/jest.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const { getAppConfig, getAssetPath } = require('../webpack/helpers');
+const swcrcConfig = require('../transpile/swcrc.config.js');
 
 const name = '@elliemae/pui-cli';
 const rootDir = path.join('<rootDir>', 'node_modules', name);
@@ -66,25 +67,35 @@ const jestConfig = {
     '@elliemae/pui-user-monitoring': `${getRootDir()}/lib/testing/mocks/pui-user-monitoring.js`,
     '@elliemae/pui-app-loader': `${getRootDir()}/lib/testing/mocks/pui-app-loader.js`,
     '@elliemae/pui-diagnostics': `${getRootDir()}/lib/testing/mocks/pui-diagnostics.js`,
+    'react-spring/web': '<rootDir>/node_modules/react-spring/web.cjs.js',
+    'react-spring/renderprops':
+      '<rootDir>/node_modules/react-spring/renderprops.cjs.js',
     'styled-components':
       '<rootDir>/node_modules/styled-components/dist/styled-components.cjs.js',
   },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   setupFilesAfterEnv: [`${getRootDir()}/lib/testing/setup-tests.js`],
   setupFiles: ['raf/polyfill', 'whatwg-fetch'],
   testRegex: '(app|lib).*/tests/.*\\.test\\.[jt]sx?$',
   snapshotSerializers: [],
   testResultsProcessor: 'jest-sonar-reporter',
-  resolver: 'ts-jest-resolver',
+  resolver: path.resolve(__dirname, './resolver.js'),
   transform: {
-    '^.+\\.[jt]sx?$': [
-      'esbuild-jest',
-      {
-        target: 'node14',
-      },
-    ],
+    '^.+\\.[jt]sx?$': ['@swc/jest', swcrcConfig],
   },
+  // transform: {
+  //   '^.+\\.[jt]sx?$': [
+  //     'esbuild-jest',
+  //     {
+  //       target: 'es2020',
+  //       loaders: {
+  //         '.js': 'jsx',
+  //       },
+  //     },
+  //   ],
+  // },
   transformIgnorePatterns: [
-    'node_modules/(?!(@elliemae/pui-cli/lib/testing/*)/)',
+    'node_modules/(?!(@elliemae/pui-cli|lodash-es|react-select|react-dates)/)',
   ],
   globals: {
     APP_CONFIG: getAppConfig(),
@@ -96,6 +107,6 @@ const jestConfig = {
 
 if (isReactModule && jestConfig.setupFilesAfterEnv)
   jestConfig.setupFilesAfterEnv.push(
-    `${getRootDir()}/lib/testing/setup-styled-components-tests.js`,
+    `${getRootDir()}/lib/testing/setup-react-env.js`,
   );
 module.exports = jestConfig;

package/lib/testing/resolver.js

@@ -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/lib/testing/setup-react-env.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import 'jest-styled-components';
+global.React = React;

package/lib/testing/setup-tests.js

@@ -8,6 +8,29 @@ 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',
+  ];
+  if (
+    ignoreList.find(
+      (ignoreMsg) => !!args.find((arg) => arg.includes?.(ignoreMsg)),
+    )
+  )
+    return false;
+  return originalError(...args);
+};
+
 if (expect) expect.extend(jestAxe.toHaveNoViolations);
 jest.setTimeout(60000);
 

package/lib/transpile/.swcrc

@@ -0,0 +1,11 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "jsx": true,
+      "tsx": true,
+      "dynamicImport": true
+    },
+    "target": "es2020"
+  }
+}

package/lib/transpile/swcrc.config.js

@@ -0,0 +1,13 @@
+const fs = require('fs');
+const path = require('path');
+const { merge } = require('lodash');
+
+let projectConfig = {};
+const projectPath = path.join(process.cwd(), '.swcrc');
+if (fs.existsSync(projectPath)) {
+  projectConfig = JSON.parse(fs.readFileSync(projectPath, 'utf-8'));
+}
+const localConfig = JSON.parse(
+  fs.readFileSync(path.join(__dirname, '.swcrc'), 'utf-8'),
+);
+module.exports = merge(localConfig, projectConfig);

package/lib/webpack/helpers.js

@@ -185,16 +185,17 @@ const isGoogleTagManagerEnabled = () => {
   return !!appConfig?.googleTagManager;
 };
 
-const getCompressionPlugins = () => {
+const getCompressionPlugins = (isLibrary = false) => {
+  const excludeList = [
+    /\/adrum-ext/,
+    /\/emuiUserMonitoring/,
+    /\/emuiDiagnostics/,
+    /\/emuiAppLoader/,
+    /\/encwLoader/,
+  ];
   const commonConfig = {
     test: /\.(js|css)$/,
-    exclude: [
-      /\/adrum-ext/,
-      /\/emuiUserMonitoring/,
-      /\/emuiDiagnostics/,
-      /\/emuiAppLoader/,
-      /\/encwLoader/,
-    ],
+    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: Number.MAX_SAFE_INTEGER,
   };

package/lib/webpack/webpack.lib.prod.babel.js

@@ -62,7 +62,7 @@ module.exports = require('./webpack.lib.base.babel')({
       chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
     }),
 
-    ...getCompressionPlugins(),
+    ...getCompressionPlugins(true),
 
     new BundleAnalyzerPlugin({
       analyzerMode: 'static',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.25",
+  "version": "6.0.0-beta.29",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -48,49 +48,52 @@
   },
   "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/core": "~7.16.5",
+    "@babel/eslint-parser": "~7.16.5",
+    "@babel/node": "~7.16.5",
+    "@babel/plugin-proposal-class-properties": "~7.16.5",
+    "@babel/plugin-proposal-export-default-from": "~7.16.5",
     "@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",
+    "@babel/plugin-transform-modules-commonjs": "~7.16.5",
+    "@babel/plugin-transform-react-constant-elements": "~7.16.5",
+    "@babel/plugin-transform-react-inline-elements": "~7.16.5",
+    "@babel/plugin-transform-react-jsx-source": "~7.16.5",
+    "@babel/plugin-transform-runtime": "~7.16.5",
+    "@babel/preset-env": "~7.16.5",
+    "@babel/preset-react": "~7.16.5",
+    "@babel/preset-typescript": "~7.16.5",
+    "@babel/runtime": "~7.16.5",
     "@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.3",
+    "@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.4.8",
-    "@storybook/addon-essentials": "~6.4.8",
+    "@storybook/addon-a11y": "~6.4.9",
+    "@storybook/addon-essentials": "~6.4.9",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~6.4.8",
-    "@storybook/addon-links": "~6.4.8",
-    "@storybook/addon-storysource": "~6.4.8",
-    "@storybook/builder-webpack5": "~6.4.8",
-    "@storybook/manager-webpack5": "~6.4.8",
-    "@storybook/react": "~6.4.8",
-    "@storybook/theming": "~6.4.8",
+    "@storybook/addon-interactions": "~6.4.9",
+    "@storybook/addon-links": "~6.4.9",
+    "@storybook/addon-storysource": "~6.4.9",
+    "@storybook/builder-webpack5": "~6.4.9",
+    "@storybook/manager-webpack5": "~6.4.9",
+    "@storybook/react": "~6.4.9",
+    "@storybook/theming": "~6.4.9",
     "@stylelint/postcss-css-in-js": "~0.37.2",
-    "@svgr/webpack": "~6.1.1",
+    "@svgr/webpack": "~6.1.2",
+    "@swc/cli": "~0.1.55",
+    "@swc/core": "~1.2.122",
+    "@swc/jest": "~0.2.15",
     "@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.12",
+    "@types/node": "~17.0.4",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.2",
-    "@typescript-eslint/eslint-plugin": "~5.6.0",
-    "@typescript-eslint/parser": "~5.6.0",
+    "@typescript-eslint/eslint-plugin": "~5.8.0",
+    "@typescript-eslint/parser": "~5.8.0",
     "autoprefixer": "~10.4.0",
     "axe-core": "~4.3.5",
     "babel-loader": "~8.2.3",
@@ -104,32 +107,33 @@
     "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",
     "bundlesize": "~0.18.1",
     "case-sensitive-paths-webpack-plugin": "~2.4.0",
     "chalk": "~4.1.2",
     "circular-dependency-plugin": "~5.2.2",
     "classnames": "~2.3.1",
-    "compare-versions": "~4.1.1",
+    "compare-versions": "~4.1.2",
     "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.0",
     "cors": "~2.8.5",
     "cross-env": "~7.0.3",
     "css-loader": "~6.5.1",
-    "css-minimizer-webpack-plugin": "~3.2.0",
+    "css-minimizer-webpack-plugin": "~3.3.1",
     "depcheck": "~1.4.2",
     "docdash": "~1.2.0",
     "dotenv": "~10.0.0",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "esbuild": "~0.14.2",
+    "enhanced-resolve": "~5.8.3",
+    "esbuild": "~0.14.8",
     "esbuild-jest": "~0.5.0",
-    "esbuild-loader": "~2.16.0",
-    "esbuild-plugin-svgr": "~0.0.3",
-    "eslint": "~8.4.1",
+    "esbuild-loader": "~2.18.0",
+    "esbuild-plugin-svgr": "~1.0.0",
+    "eslint": "~8.5.0",
     "eslint-config-airbnb": "~18.2.1",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~15.0.0",
@@ -142,19 +146,19 @@
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.25.3",
     "eslint-plugin-jest": "~25.3.0",
-    "eslint-plugin-jsdoc": "~37.1.0",
+    "eslint-plugin-jsdoc": "~37.4.0",
     "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-storybook": "~0.5.3",
+    "eslint-plugin-redux-saga": "~1.3.2",
+    "eslint-plugin-storybook": "~0.5.5",
     "eslint-plugin-testing-library": "~5.0.1",
     "eslint-plugin-wdio": "~7.4.2",
     "express-static-gzip": "~2.1.1",
     "execa": "~5.1.1",
-    "express": "~4.17.1",
+    "express": "~4.17.2",
     "express-pino-logger": "~7.0.0",
     "favicons": "~6.2.2",
     "favicons-webpack-plugin": "~5.0.2",
@@ -169,33 +173,33 @@
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.4.3",
+    "jest-cli": "~27.4.5",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
     "jscodeshift": "~0.13.0",
     "jsdoc": "~3.6.7",
-    "lint-staged": "~12.1.2",
+    "lint-staged": "~12.1.4",
     "mini-css-extract-plugin": "~2.4.5",
     "minimist": "~1.2.5",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
-    "msw": "~0.36.1",
+    "msw": "~0.36.3",
     "node-gyp": "~8.4.1",
     "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
-    "npm-check-updates": "12.0.3",
+    "npm-check-updates": "12.0.5",
     "null-loader": "~4.0.1",
-    "pino": "~7.5.1",
-    "pino-pretty": "~7.2.0",
+    "pino": "~7.6.1",
+    "pino-pretty": "~7.3.0",
     "pinst": "~2.1.6",
-    "plop": "~3.0.2",
-    "postcss": "~8.4.4",
+    "plop": "~3.0.5",
+    "postcss": "~8.4.5",
     "postcss-jsx": "~0.36.4",
     "postcss-html": "~1.3.0",
     "postcss-markdown": "~1.2.0",
     "postcss-syntax": "~0.36.2",
     "postcss-loader": "~6.2.1",
-    "postcss-preset-env": "~7.0.1",
+    "postcss-preset-env": "~7.1.0",
     "prettier": "~2.5.1",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
@@ -211,35 +215,35 @@
     "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",
+    "slackify-markdown": "~4.3.1",
+    "storybook-builder-vite": "~0.1.12",
     "storybook-addon-turbo-build": "~1.0.1",
     "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",
-    "ts-jest-resolver": "~2.0.0",
+    "swc-loader": "~0.1.15",
+    "terser-webpack-plugin": "~5.3.0",
     "ts-node": "~10.4.0",
-    "tsc-alias": "~1.4.2",
+    "tsc-alias": "~1.5.0",
     "tsc-files": "~1.1.3",
     "tsconfig-paths": "~3.12.0",
     "tsconfig-paths-webpack-plugin": "~3.5.2",
     "type-fest": "~2.8.0",
-    "typescript": "~4.5.2",
+    "typescript": "~4.5.4",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "vite": "~2.6.14",
+    "vite": "~2.7.6",
     "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-merge": "~5.8.0",
@@ -247,7 +251,7 @@
     "webpack-strip-block": "~0.3.0",
     "whatwg-fetch": "~3.6.2",
     "workbox-webpack-plugin": "~6.4.2",
-    "yargs": "~17.3.0"
+    "yargs": "~17.3.1"
   },
   "devDependencies": {
     "redux": "~4.1.2",

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

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