@elliemae/pui-cli 6.0.0-beta.45 → 6.0.0-beta.49

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/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',
@@ -127,24 +124,7 @@ module.exports = (options) => ({
   module: {
     rules: [
       {
-        test: /\.[jt]sx?$/,
-        enforce: 'pre',
-        exclude: /node_modules/,
-        resolve: {
-          fullySpecified: false,
-        },
-        use: [
-          {
-            loader: 'webpack-strip-block',
-            options: {
-              start: 'TEST:START',
-              end: 'TEST:END',
-            },
-          },
-        ],
-      },
-      {
-        test: /\.[j]sx?$/,
+        test: /\.jsx?$/,
         exclude: excludeNodeModulesExcept(modulesToTranspile),
         resolve: {
           fullySpecified: false,
@@ -153,12 +133,12 @@ module.exports = (options) => ({
           loader: 'esbuild-loader',
           options: {
             loader: 'jsx',
-            target: esBuild.target,
+            target: browserslistToEsbuild(),
           },
         },
       },
       {
-        test: /\.[t]sx?$/,
+        test: /\.tsx?$/,
         exclude: excludeNodeModulesExcept(modulesToTranspile),
         resolve: {
           fullySpecified: false,
@@ -167,7 +147,7 @@ module.exports = (options) => ({
           loader: 'esbuild-loader',
           options: {
             loader: 'tsx',
-            target: esBuild.target,
+            target: browserslistToEsbuild(),
           },
         },
       },
@@ -229,7 +209,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) => ({
@@ -74,23 +72,6 @@ module.exports = (options) => ({
   optimization: options.optimization,
   module: {
     rules: [
-      {
-        test: /^(?!.*\.exec\.js$).*\.[jt]sx?$/,
-        enforce: 'pre',
-        exclude: /node_modules/,
-        resolve: {
-          fullySpecified: false,
-        },
-        use: [
-          {
-            loader: 'webpack-strip-block',
-            options: {
-              start: 'TEST:START',
-              end: 'TEST:END',
-            },
-          },
-        ],
-      },
       {
         test: /^(?!.*\.exec\.js$).*\.jsx?$/, // Transform all .js and .jsx files with Babel
         exclude: excludeNodeModulesExcept(modulesToTranspile),
@@ -204,7 +185,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/lib/webpack/webpack.storybook.js

@@ -45,23 +45,6 @@ const getAdditionalPlugins = () => [
 ];
 
 const getModuleRules = () => [
-  {
-    test: /\.[jt]sx?$/,
-    enforce: 'pre',
-    exclude: /node_modules/,
-    resolve: {
-      fullySpecified: false,
-    },
-    use: [
-      {
-        loader: 'webpack-strip-block',
-        options: {
-          start: 'TEST:START',
-          end: 'TEST:END',
-        },
-      },
-    ],
-  },
   {
     type: 'asset',
     resourceQuery: /url/,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.45",
+  "version": "6.0.0-beta.49",
   "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.13",
+    "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"