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

package/lib/testing/jest.config.js

@@ -59,6 +59,7 @@ const jestConfig = {
   coverageReporters: ['lcov', 'html', 'text-summary'],
   moduleDirectories: ['node_modules', 'app', 'lib'],
   moduleNameMapper: {
+    '.*\\webpack-hmr(.[t|j]s)?$': `${getRootDir()}/lib/testing/mocks/webpack-hmr.js`,
     '.*\\.(css|scss)$': `${getRootDir()}/lib/testing/mocks/cssModule.js`,
     '.*\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$': `${getRootDir()}/lib/testing/mocks/image.js`,
     '.*\\.svg$': `${getRootDir()}/lib/testing/mocks/svg.js`,

package/lib/testing/mocks/webpack-hmr.js

@@ -0,0 +1 @@
+exports.enableHotReloading = () => {};

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

@@ -7,7 +7,7 @@ const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
-const { ProvidePlugin } = require('webpack');
+const { ProvidePlugin, ProgressPlugin } = require('webpack');
 const browserslistToEsbuild = require('browserslist-to-esbuild');
 
 const {
@@ -109,6 +109,7 @@ const plugins = [
       },
     },
   }),
+  new ProgressPlugin(),
 ];
 
 module.exports = (options) => ({
@@ -153,6 +154,9 @@ module.exports = (options) => ({
       },
       {
         test: /\.css$/,
+        exclude: excludeNodeModulesExcept(
+          modulesToTranspile.concat(['sanitize.css']),
+        ),
         use: [
           finalCSSLoader(options.mode),
           {
@@ -162,13 +166,6 @@ module.exports = (options) => ({
               sourceMap: true,
             },
           },
-          {
-            loader: 'esbuild-loader',
-            options: {
-              loader: 'css',
-              minify: options.mode === 'production',
-            },
-          },
           {
             loader: 'postcss-loader',
             options: {
@@ -182,27 +179,30 @@ module.exports = (options) => ({
       },
       {
         test: /\.(woff|woff2)$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
         type: 'asset/resource',
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
       },
       {
         test: /\.svg$/i,
         issuer: /\.[jt]sx?$/,
         resourceQuery: /^((?!url).)*$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
         use: ['@svgr/webpack'],
       },
       {
         test: /\.(jpe?g|png|gif|ico|mp4|webm)$/i,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
         type: 'asset',
       },
       {
         resourceQuery: /resource/,
         type: 'asset/resource',
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
       },
       {
         type: 'asset',
         resourceQuery: /url/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
       },
     ],
   },
@@ -222,6 +222,5 @@ module.exports = (options) => ({
     '@elliemae/pui-diagnostics': 'emuiDiagnostics',
   },
   devtool: options.devtool || 'eval-source-map',
-  target: 'web',
   performance: options.performance || {},
 });

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

@@ -1,5 +1,5 @@
 const path = require('path');
-const webpack = require('webpack');
+const { HotModuleReplacementPlugin } = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -75,13 +75,6 @@ const devConfig = {
 
   // Add development plugins
   plugins: [
-    new webpack.ProgressPlugin(),
-    new webpack.HotModuleReplacementPlugin(), // Tell webpack we want hot reloading
-    new ReactRefreshWebpackPlugin({
-      overlay: {
-        sockIntegration: 'whm',
-      },
-    }),
     new HtmlWebpackPlugin({
       scriptLoading: 'module',
       inject: !isAppLoaderEnabled(), // Inject all files that are generated by webpack, e.g. bundle.js
@@ -117,4 +110,14 @@ const devConfig = {
   },
 };
 
-module.exports = smp.wrap(baseConfigFactory(devConfig));
+const config = smp.wrap(baseConfigFactory(devConfig));
+config.plugins = config.plugins.concat([
+  new HotModuleReplacementPlugin(),
+  new ReactRefreshWebpackPlugin({
+    overlay: {
+      sockIntegration: 'whm',
+    },
+  }),
+]);
+
+module.exports = config;

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

@@ -3,6 +3,7 @@ const path = require('path');
 const webpack = require('webpack');
 const {
   optimize: { LimitChunkCountPlugin },
+  ProgressPlugin,
 } = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
@@ -56,6 +57,7 @@ const plugins = [
     maxChunks: 1,
   }),
   new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
+  new ProgressPlugin(),
 ];
 
 module.exports = (options) => ({
@@ -198,6 +200,5 @@ module.exports = (options) => ({
     '@elliemae/pui-diagnostics': 'emuiDiagnostics',
   },
   devtool: options.devtool || 'eval-source-map',
-  target: 'web', // Make web variables accessible to webpack, e.g. window
   performance: options.performance || {},
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.49",
+  "version": "6.0.0-beta.52",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -83,17 +83,17 @@
     "@stylelint/postcss-css-in-js": "~0.37.2",
     "@svgr/webpack": "~6.2.0",
     "@swc/cli": "~0.1.55",
-    "@swc/core": "~1.2.129",
+    "@swc/core": "~1.2.130",
     "@swc/jest": "~0.2.17",
     "@testing-library/jest-dom": "~5.16.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.4.0",
-    "@types/node": "~17.0.8",
+    "@types/node": "~17.0.9",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.2",
-    "@typescript-eslint/eslint-plugin": "~5.9.1",
-    "@typescript-eslint/parser": "~5.9.1",
+    "@typescript-eslint/eslint-plugin": "~5.10.0",
+    "@typescript-eslint/parser": "~5.10.0",
     "autoprefixer": "~10.4.2",
     "axe-core": "~4.3.5",
     "babel-loader": "~8.2.3",
@@ -181,7 +181,7 @@
     "jscodeshift": "~0.13.1",
     "jsdoc": "~3.6.7",
     "lint-staged": "~12.1.7",
-    "mini-css-extract-plugin": "~2.4.7",
+    "mini-css-extract-plugin": "~2.5.2",
     "minimist": "~1.2.5",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
@@ -212,7 +212,7 @@
     "react-refresh": "~0.11.0",
     "react-test-renderer": "~17.0.2",
     "resize-observer-polyfill": "~1.5.1",
-    "resolve-typescript-plugin": "~1.1.1",
+    "resolve-typescript-plugin": "~1.1.4",
     "rimraf": "~3.0.2",
     "script-loader": "~0.7.2",
     "semantic-release": "~18.0.1",
@@ -241,8 +241,8 @@
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
     "vite": "~2.7.12",
-    "vitest": "~0.1.17",
-    "webpack": "~5.66.0",
+    "vitest": "~0.1.19",
+    "webpack": "~5.65.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
     "webpack-dev-middleware": "~5.3.0",