@elliemae/pui-cli 5.21.3 → 5.23.0

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;
 
@@ -19,17 +18,7 @@ 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;
-      }
-    } else {
+    if (CI) {
       await exec('rimraf ./reports');
     }
 

package/lib/testing/jest.config.js

@@ -71,13 +71,12 @@ const jestConfig = {
   },
   setupFilesAfterEnv: [`${getRootDir()}/lib/testing/setup-tests.js`],
   setupFiles: ['raf/polyfill', 'whatwg-fetch'],
-  testRegex: '(app|lib).*/tests/.*\\.test\\.(js|ts)$',
+  testRegex: '(app|lib).*/tests/.*\\.test\\.(js|ts|tsx|jsx)$',
   snapshotSerializers: [],
   testResultsProcessor: 'jest-sonar-reporter',
-  resolver: 'ts-jest-resolver',
+  resolver: path.resolve(__dirname, './resolver.js'),
   transformIgnorePatterns: [
-    'node_modules/(?!(@elliemae/*|lodash-es/*)/)',
-    'node_modules/@elliemae/em-platform-document-viewer',
+    'node_modules/(?!(@elliemae/em-platform-document-viewer|@elliemae/pui-cli|@elliemae/pui-app-widgets|lodash-es|react-spring|react-select|react-dates|@babel/runtime)/)',
   ],
   globals: {
     APP_CONFIG: getAppConfig(),

package/lib/testing/resolver.js

@@ -0,0 +1,44 @@
+const resolutions = [
+  {
+    matcher: /\.jsx?$/i,
+    extensions: ['.tsx', '.ts'],
+  },
+  {
+    matcher: /\.mjs$/i,
+    extensions: ['.mts'],
+  },
+  {
+    matcher: /\.cjs$/i,
+    extensions: ['.cts'],
+  },
+];
+
+const importResolver = require('enhanced-resolve').create.sync({
+  conditionNames: ['import', 'node', 'default'],
+  extensions: ['.js', '.jsx', '.json', '.node', '.ts', '.tsx'],
+});
+const requireResolver = require('enhanced-resolve').create.sync({
+  conditionNames: ['require', 'node', 'default'],
+  extensions: ['.js', '.jsx', '.json', '.node', '.ts', '.tsx'],
+});
+
+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-tests.js

@@ -5,8 +5,31 @@ import 'regenerator-runtime/runtime';
 import '@testing-library/jest-dom/extend-expect';
 import { toHaveNoViolations } from 'jest-axe';
 import ResizeObserver from 'resize-observer-polyfill';
-import addMatchMedia from './mocks/matchMedia';
-import { logger } from './mocks/pui-diagnostics';
+import addMatchMedia from '@elliemae/pui-cli/lib/testing/mocks/matchMedia';
+import { logger } from '@elliemae/pui-cli/lib/testing/mocks/pui-diagnostics';
+
+// 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(toHaveNoViolations);
 jest.setTimeout(60000);

package/lib/webpack/helpers.js

@@ -187,16 +187,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.base.babel.js

@@ -7,7 +7,6 @@ const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 
 const {
   excludeNodeModulesExcept,
@@ -16,7 +15,6 @@ const {
   getAlias,
   getPaths,
 } = require('./helpers');
-const { isTypeScriptEnabled } = require('../typescript/util');
 
 // get the application configuration
 const devMode = process.env.NODE_ENV !== 'production';
@@ -103,17 +101,6 @@ const plugins = [
   new WebpackManifestPlugin(),
 ];
 
-if (isTypeScriptEnabled()) {
-  plugins.push(
-    new ForkTsCheckerWebpackPlugin({
-      async: devMode,
-      eslint: {
-        files: './app/**/*.{ts,js,tsx,jsx}',
-      },
-    }),
-  );
-}
-
 module.exports = (options) => ({
   mode: options.mode,
   entry: options.entry,

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

@@ -10,7 +10,6 @@ const PostcssPresetEnv = require('postcss-preset-env');
 const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 const ResolveTypeScriptPlugin = require('resolve-typescript-plugin').default;
 
 const {
@@ -21,7 +20,6 @@ const {
   getAssetPath,
   getAlias,
 } = require('./helpers');
-const { isTypeScriptEnabled } = require('../typescript/util');
 
 const devMode = process.env.NODE_ENV !== 'production';
 const minicssLoader = {
@@ -62,17 +60,6 @@ const plugins = [
   new MomentLocalesPlugin(),
 ];
 
-if (isTypeScriptEnabled()) {
-  plugins.push(
-    new ForkTsCheckerWebpackPlugin({
-      async: devMode,
-      eslint: {
-        files: './lib/**/*.{ts,js,tsx,jsx}',
-      },
-    }),
-  );
-}
-
 module.exports = (options) => ({
   mode: options.mode,
   entry: [path.join(process.cwd(), 'lib/index')],

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

@@ -68,7 +68,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": "5.21.3",
+  "version": "5.23.0",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -88,7 +88,7 @@
     "@storybook/react": "~6.3.12",
     "@storybook/theming": "~6.3.12",
     "@stylelint/postcss-css-in-js": "~0.37.2",
-    "@svgr/webpack": "~6.1.1",
+    "@svgr/webpack": "~6.1.2",
     "@testing-library/jest-dom": "~5.16.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
@@ -112,17 +112,17 @@
     "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",
+    "body-parser": "~1.19.1",
     "browserslist": "~4.18.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.1.2",
+    "copy-webpack-plugin": "~10.1.0",
     "cors": "~2.8.5",
     "cross-env": "~7.0.3",
     "css-loader": "~6.5.1",
@@ -132,6 +132,7 @@
     "dotenv": "~10.0.0",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
+    "enhanced-resolve": "~5.8.3",
     "eslint": "~8.4.1",
     "eslint-config-airbnb": "~18.2.1",
     "eslint-config-airbnb-base": "~15.0.0",
@@ -145,13 +146,13 @@
     "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.2.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-hooks": "~4.3.0",
-    "eslint-plugin-redux-saga": "~1.2.1",
+    "eslint-plugin-redux-saga": "~1.3.2",
     "eslint-plugin-testing-library": "~5.0.1",
     "eslint-plugin-wdio": "~7.4.2",
     "execa": "~5.1.1",
@@ -169,7 +170,7 @@
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.4.3",
+    "jest-cli": "~27.4.4",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
     "jscodeshift": "~0.13.0",
@@ -179,7 +180,7 @@
     "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",
@@ -188,8 +189,8 @@
     "pino": "~7.5.1",
     "pino-pretty": "~7.2.0",
     "pinst": "~2.1.6",
-    "plop": "~3.0.2",
-    "postcss": "~8.4.4",
+    "plop": "~3.0.4",
+    "postcss": "~8.4.5",
     "postcss-jsx": "~0.36.4",
     "postcss-html": "~1.3.0",
     "postcss-markdown": "~1.2.0",
@@ -222,14 +223,13 @@
     "svg-url-loader": "~7.1.1",
     "svgo": "~2.8.0",
     "terser-webpack-plugin": "~5.2.5",
-    "ts-jest-resolver": "~2.0.0",
     "ts-node": "~10.4.0",
     "tsc-alias": "~1.4.2",
     "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.3",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",