@elliemae/pui-cli 6.0.0-beta.46 → 6.0.0-beta.47

package/lib/transpile/esbuild.js

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

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

@@ -9,6 +9,7 @@ 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 +18,8 @@ const {
   getAlias,
   getPaths,
 } = require('./helpers');
-const { getPUIConfig } = require('../pui-config');
-const { esBuild } = getPUIConfig();
+// const { getPUIConfig } = require('../pui-config');
+// const { esBuild } = getPUIConfig();
 
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
@@ -153,7 +154,7 @@ module.exports = (options) => ({
           loader: 'esbuild-loader',
           options: {
             loader: 'jsx',
-            target: esBuild.target,
+            target: browserslistToEsbuild(),
           },
         },
       },
@@ -167,7 +168,7 @@ module.exports = (options) => ({
           loader: 'esbuild-loader',
           options: {
             loader: 'tsx',
-            target: esBuild.target,
+            target: browserslistToEsbuild(),
           },
         },
       },

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.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.46",
+  "version": "6.0.0-beta.47",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -70,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",
@@ -110,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",
@@ -125,7 +126,7 @@
     "css-minimizer-webpack-plugin": "~3.3.1",
     "depcheck": "~1.4.3",
     "docdash": "~1.2.0",
-    "dotenv": "~12.0.0",
+    "dotenv": "~12.0.3",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
     "enhanced-resolve": "~5.8.3",
@@ -217,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",
@@ -239,7 +241,7 @@
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
     "vite": "~2.7.12",
-    "vitest": "~0.1.15",
+    "vitest": "~0.1.16",
     "webpack": "~5.66.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",