@elliemae/pui-cli 6.0.0-beta.44 → 6.0.0-beta.48

package/lib/lint/eslint/common.js

@@ -34,7 +34,10 @@ const baseRules = {
   'import/no-dynamic-require': 0,
   'import/no-extraneous-dependencies': 0,
   'import/no-named-as-default': 0,
-  'import/no-unresolved': 0, // ToDo: set this to error once this issue is resolved https://github.com/import-js/eslint-plugin-import/issues/1868
+  'import/no-unresolved': [
+    2,
+    { caseSensitive: true, caseSensitiveStrict: true },
+  ], // Tip: https://github.com/import-js/eslint-plugin-import/issues/1868
   'import/no-webpack-loader-syntax': 0,
   'import/prefer-default-export': 0,
   'import/extensions': [

package/lib/testing/setup-tests.js

@@ -25,7 +25,7 @@ console.error = (...args) => {
   ];
   if (
     ignoreList.find(
-      (ignoreMsg) => !!args.find((arg) => arg.includes?.(ignoreMsg)),
+      (ignoreMsg) => !!args.find((arg) => arg?.includes?.(ignoreMsg)),
     )
   )
     return false;

package/lib/transpile/esbuild.js

@@ -3,12 +3,13 @@ const fg = require('fast-glob');
 const fs = require('fs');
 const path = require('path');
 const { getPUIConfig } = require('../pui-config');
+// const browserslistToEsbuild = require('browserslist-to-esbuild');
 
 const { esBuild } = getPUIConfig();
 
 const commonConfig = {
   bundle: false,
-  target: esBuild.target,
+  target: esBuild.target, // browserslistToEsbuild(),
   loader: { '.js': 'jsx' },
   mainFields: ['module', 'browser', 'main'],
   inject: [path.resolve(__dirname, './react-shim.js')],

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

@@ -4,11 +4,11 @@ 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 CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 const { ProvidePlugin } = require('webpack');
+const browserslistToEsbuild = require('browserslist-to-esbuild');
 
 const {
   excludeNodeModulesExcept,
@@ -17,8 +17,6 @@ const {
   getAlias,
   getPaths,
 } = require('./helpers');
-const { getPUIConfig } = require('../pui-config');
-const { esBuild } = getPUIConfig();
 
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
@@ -41,7 +39,6 @@ const plugins = [
   new webpack.DefinePlugin({
     APP_CONFIG: getAppConfig(),
   }),
-  new CaseSensitivePathsPlugin(),
   new ProvidePlugin({
     React: 'react',
   }),
@@ -99,7 +96,7 @@ const plugins = [
     ],
   }),
   new DuplicatePackageCheckerPlugin(),
-  new MomentLocalesPlugin(),
+  new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
   new WebpackManifestPlugin(),
   new FaviconsWebpackPlugin({
     logo: './app/view/images/favicon.png',
@@ -153,7 +150,7 @@ module.exports = (options) => ({
           loader: 'esbuild-loader',
           options: {
             loader: 'jsx',
-            target: esBuild.target,
+            target: browserslistToEsbuild(),
           },
         },
       },
@@ -167,7 +164,7 @@ module.exports = (options) => ({
           loader: 'esbuild-loader',
           options: {
             loader: 'tsx',
-            target: esBuild.target,
+            target: browserslistToEsbuild(),
           },
         },
       },
@@ -229,7 +226,7 @@ module.exports = (options) => ({
   plugins: plugins.concat(options.plugins),
   resolve: {
     modules: ['node_modules', 'app', 'lib'],
-    extensions: ['.wasm', '.mjs', '.ts', '.tsx', '.js', '.jsx', '.json'],
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.wasm', '.mjs'],
     mainFields: ['browser', 'module', 'main'],
     alias: {
       ...getAlias(),

package/lib/webpack/webpack.dev.babel.js

@@ -4,6 +4,9 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
+
+const smp = new SpeedMeasurePlugin({ disable: !process.env.MEASURE });
 
 const {
   getAssetPath,
@@ -114,4 +117,4 @@ const devConfig = {
   },
 };
 
-module.exports = baseConfigFactory(devConfig);
+module.exports = smp.wrap(baseConfigFactory(devConfig));

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

@@ -8,7 +8,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 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 {
@@ -39,7 +38,6 @@ const plugins = [
   new webpack.DefinePlugin({
     APP_CONFIG: getAppConfig(true),
   }),
-  new CaseSensitivePathsPlugin(),
   new CopyWebpackPlugin({
     patterns: [
       {
@@ -57,7 +55,7 @@ const plugins = [
   new LimitChunkCountPlugin({
     maxChunks: 1,
   }),
-  new MomentLocalesPlugin(),
+  new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
 ];
 
 module.exports = (options) => ({
@@ -204,7 +202,7 @@ module.exports = (options) => ({
   plugins: plugins.concat(options.plugins || []),
   resolve: {
     modules: ['node_modules', 'app', 'lib'],
-    extensions: ['.wasm', '.mjs', '.ts', '.tsx', '.js', '.jsx', '.json'],
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.wasm', '.mjs'],
     mainFields: ['browser', 'module', 'main'],
     alias: {
       ...getAlias(),

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

@@ -5,6 +5,7 @@ const { GenerateSW } = require('workbox-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const { ESBuildMinifyPlugin } = require('esbuild-loader');
+const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
 
 const baseConfigFactory = require('./webpack.base.babel');
 const {
@@ -64,10 +65,10 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
     },
 
     plugins: [
-      new MiniCssExtractPlugin({
-        filename: 'css/[name].[contenthash].css',
-        chunkFilename: 'css/[name].[contenthash].chunk.css',
-      }),
+      // new MiniCssExtractPlugin({
+      //   filename: 'css/[name].[contenthash].css',
+      //   chunkFilename: 'css/[name].[contenthash].chunk.css',
+      // }),
 
       ...getCompressionPlugins(),
 
@@ -144,6 +145,22 @@ const appVersionConfig = baseConfigFactory(
   getProdConfig({ latestVersion: false }),
 );
 
-module.exports = isVersionedApp
-  ? [latestVersionConfig, appVersionConfig]
-  : latestVersionConfig;
+const addSMPPlugin = (config) => {
+  const smpConfig = new SpeedMeasurePlugin({
+    disable: !process.env.MEASURE,
+  }).wrap(config);
+  // mini css extract plugin is not working fine with smp
+  smpConfig.plugins.push(
+    new MiniCssExtractPlugin({
+      filename: 'css/[name].[contenthash].css',
+      chunkFilename: 'css/[name].[contenthash].chunk.css',
+    }),
+  );
+  return smpConfig;
+};
+
+const config = isVersionedApp
+  ? [latestVersionConfig, appVersionConfig].map(addSMPPlugin)
+  : addSMPPlugin(latestVersionConfig);
+
+module.exports = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.44",
+  "version": "6.0.0-beta.48",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -20,7 +20,7 @@
     "url": "https://git.elliemae.io/platform-ui/pui-cli.git"
   },
   "engines": {
-    "npm": ">=8",
+    "pnpm": ">=6",
     "node": ">=16"
   },
   "author": "ICE MT",
@@ -38,8 +38,7 @@
     "storybook:build": "exit 0",
     "storybook:docs:build": "exit 0",
     "upgrade": "ncu -u && npm run setup",
-    "prepare": "[ -n \"$CI\" ] || husky install",
-    "preinstall": "npx only-allow pnpm"
+    "prepare": "[ -n \"$CI\" ] || husky install"
   },
   "jestSonar": {
     "sonar56x": true,
@@ -71,16 +70,16 @@
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.3",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~6.4.12",
-    "@storybook/addon-essentials": "~6.4.12",
+    "@storybook/addon-a11y": "~6.4.13",
+    "@storybook/addon-essentials": "~6.4.13",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~6.4.12",
-    "@storybook/addon-links": "~6.4.12",
-    "@storybook/addon-storysource": "~6.4.12",
-    "@storybook/builder-webpack5": "~6.4.12",
-    "@storybook/manager-webpack5": "~6.4.12",
-    "@storybook/react": "~6.4.12",
-    "@storybook/theming": "~6.4.12",
+    "@storybook/addon-interactions": "~6.4.13",
+    "@storybook/addon-links": "~6.4.13",
+    "@storybook/addon-storysource": "~6.4.13",
+    "@storybook/builder-webpack5": "~6.4.13",
+    "@storybook/manager-webpack5": "~6.4.13",
+    "@storybook/react": "~6.4.13",
+    "@storybook/theming": "~6.4.13",
     "@stylelint/postcss-css-in-js": "~0.37.2",
     "@svgr/webpack": "~6.2.0",
     "@swc/cli": "~0.1.55",
@@ -111,6 +110,7 @@
     "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",
     "chalk": "~4.1.2",
@@ -126,7 +126,7 @@
     "css-minimizer-webpack-plugin": "~3.3.1",
     "depcheck": "~1.4.3",
     "docdash": "~1.2.0",
-    "dotenv": "~11.0.0",
+    "dotenv": "~12.0.4",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
     "enhanced-resolve": "~5.8.3",
@@ -134,7 +134,7 @@
     "esbuild-jest": "~0.5.0",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.0",
-    "eslint": "~8.6.0",
+    "eslint": "~8.7.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~16.1.0",
@@ -146,7 +146,7 @@
     "eslint-plugin-compat": "~4.0.1",
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.25.4",
-    "eslint-plugin-jest": "~25.3.4",
+    "eslint-plugin-jest": "~25.7.0",
     "eslint-plugin-jsdoc": "~37.6.1",
     "eslint-plugin-jsx-a11y": "~6.5.1",
     "eslint-plugin-mdx": "~1.16.0",
@@ -218,6 +218,7 @@
     "semantic-release": "~18.0.1",
     "shelljs": "~0.8.5",
     "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",
@@ -240,7 +241,7 @@
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
     "vite": "~2.7.12",
-    "vitest": "~0.1.12",
+    "vitest": "~0.1.17",
     "webpack": "~5.66.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
@@ -255,6 +256,8 @@
     "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"