@elliemae/pui-cli 5.17.2 → 6.0.0-beta.3

package/lib/webpack/helpers.js

@@ -209,3 +209,4 @@ exports.resolveExtensions = [
 ];
 exports.mainFields = ['browser', 'module', 'main'];
 exports.isGoogleTagManagerEnabled = isGoogleTagManagerEnabled;
+exports.ESBUILD_TARGET = 'es2020';

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

@@ -8,6 +8,7 @@ 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 { ProvidePlugin } = require('webpack');
 
 const {
   excludeNodeModulesExcept,
@@ -16,6 +17,7 @@ const {
   getAlias,
   getPaths,
   getMediaPath,
+  ESBUILD_TARGET,
 } = require('./helpers');
 const { isTypeScriptEnabled } = require('../typescript/util');
 
@@ -46,6 +48,10 @@ const plugins = [
     APP_CONFIG: getAppConfig(),
   }),
   new CaseSensitivePathsPlugin(),
+  // new ESLintPlugin(),
+  new ProvidePlugin({
+    React: 'react',
+  }),
   new CopyWebpackPlugin({
     patterns: [
       {
@@ -121,7 +127,7 @@ module.exports = (options) => ({
   module: {
     rules: [
       {
-        test: /\.(jpe?g|png|gif|svg)$/,
+        test: /\.(jpe?g|png|gif|svg|ico)$/,
         use: [
           'file-loader',
           {
@@ -153,17 +159,30 @@ module.exports = (options) => ({
         ],
       },
       {
-        test: /\.(js|ts|jsx|tsx)$/,
+        test: /\.(js|jsx)$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        resolve: {
+          fullySpecified: false,
+        },
+        use: {
+          loader: 'esbuild-loader',
+          options: {
+            loader: 'jsx',
+            target: ESBUILD_TARGET,
+          },
+        },
+      },
+      {
+        test: /\.(ts|tsx)$/,
         exclude: excludeNodeModulesExcept(modulesToTranspile),
         resolve: {
           fullySpecified: false,
         },
         use: {
-          loader: 'babel-loader',
+          loader: 'esbuild-loader',
           options: {
-            cacheDirectory: true,
-            compact: !devMode,
-            ...(options.babelQuery || {}),
+            loader: 'tsx',
+            target: ESBUILD_TARGET,
           },
         },
       },
@@ -178,6 +197,13 @@ module.exports = (options) => ({
               sourceMap: true,
             },
           },
+          {
+            loader: 'esbuild-loader',
+            options: {
+              loader: 'css',
+              minify: options.mode === 'production',
+            },
+          },
           {
             loader: 'postcss-loader',
             options: {

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

@@ -26,6 +26,14 @@ const {
 const devConfig = {
   mode: 'development',
 
+  cache: {
+    type: 'filesystem',
+    allowCollectingMemory: true,
+    buildDependencies: {
+      config: [__filename],
+    },
+  },
+
   // Add hot reloading in development
   entry: {
     app: [

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

@@ -88,7 +88,7 @@ module.exports = (options) => ({
   module: {
     rules: [
       {
-        test: /\.(jpe?g|png|gif|svg)$/,
+        test: /\.(jpe?g|png|gif|svg|ico)$/,
         use: [
           'file-loader',
           {

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

@@ -1,11 +1,11 @@
+/* eslint-disable max-lines */
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { GenerateSW } = require('workbox-webpack-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
 const CompressionPlugin = require('compression-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const { ESBuildMinifyPlugin } = require('esbuild-loader');
 
 const baseConfigFactory = require('./webpack.base.babel');
 const {
@@ -15,6 +15,7 @@ const {
   getPaths,
   getAppVersion,
   isGoogleTagManagerEnabled,
+  ESBUILD_TARGET,
 } = require('./helpers');
 
 const getProdConfig = ({ latestVersion = true } = {}) => {
@@ -39,17 +40,10 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
     optimization: {
       moduleIds: 'deterministic',
       minimizer: [
-        new TerserPlugin({
-          terserOptions: {
-            compress: {
-              comparisons: false,
-            },
-            format: {
-              comments: false,
-            },
-          },
+        new ESBuildMinifyPlugin({
+          target: ESBUILD_TARGET,
+          css: true,
         }),
-        new CssMinimizerPlugin(),
       ],
       runtimeChunk: true,
       splitChunks: {
@@ -120,7 +114,6 @@ const htmlWebpackPlugin = new HtmlWebpackPlugin({
     ? 'app/index.html'
     : 'app/index-app-loader.html',
   minify: {
-    // eslint-disable-next-line max-lines
     removeComments: true,
     collapseWhitespace: true,
     removeRedundantAttributes: true,

package/lib/webpack/webpack.storybook.js

@@ -60,7 +60,7 @@ const compressionPlugin = new CompressionPlugin({
 
 const getModulePreRules = () => [
   {
-    test: /\.(jpe?g|png|gif|svg)$/,
+    test: /\.(jpe?g|png|gif|svg|ico)$/,
     use: [
       'file-loader',
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "5.17.2",
+  "version": "6.0.0-beta.3",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -93,7 +93,7 @@
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.0.3",
-    "@types/node": "~16.11.9",
+    "@types/node": "~16.11.10",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.1",
     "@typescript-eslint/eslint-plugin": "~5.4.0",
@@ -107,7 +107,8 @@
     "babel-plugin-import-remove-resource-query": "~1.0.0",
     "babel-plugin-lodash": "~3.3.4",
     "babel-plugin-module-resolver": "~4.1.0",
-    "babel-plugin-styled-components": "~1.13.3",
+    "babel-plugin-source-map-support": "~2.1.3",
+    "babel-plugin-styled-components": "~2.0.1",
     "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",
@@ -125,12 +126,13 @@
     "cors": "~2.8.5",
     "cross-env": "~7.0.3",
     "css-loader": "~6.5.1",
-    "css-minimizer-webpack-plugin": "~3.1.4",
+    "css-minimizer-webpack-plugin": "~3.2.0",
     "depcheck": "~1.4.2",
     "docdash": "~1.2.0",
     "dotenv": "~10.0.0",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
+    "esbuild-loader": "~2.16.0",
     "eslint": "~8.3.0",
     "eslint-config-airbnb": "~18.2.1",
     "eslint-config-airbnb-base": "~15.0.0",
@@ -183,14 +185,14 @@
     "nodemon": "~2.0.15",
     "npm-check-updates": "12.0.2",
     "null-loader": "~4.0.1",
-    "pino": "~7.4.0",
+    "pino": "~7.4.1",
     "pino-pretty": "~7.2.0",
     "pinst": "~2.1.6",
     "plop": "~2.7.6",
-    "postcss": "~8.3.11",
+    "postcss": "~8.4.1",
     "postcss-jsx": "~0.36.4",
-    "postcss-html": "~1.2.0",
-    "postcss-markdown": "~1.1.0",
+    "postcss-html": "~1.3.0",
+    "postcss-markdown": "~1.2.0",
     "postcss-syntax": "~0.36.2",
     "postcss-loader": "~6.2.0",
     "postcss-preset-env": "~7.0.1",
@@ -206,10 +208,11 @@
     "resize-observer-polyfill": "~1.5.1",
     "rimraf": "~3.0.2",
     "script-loader": "~0.7.2",
-    "semantic-release": "~18.0.0",
+    "semantic-release": "~18.0.1",
     "shelljs": "~0.8.4",
     "slackify-markdown": "~4.3.0",
     "storybook-react-router": "~1.0.8",
+    "storybook-addon-turbo-build": "~1.0.1",
     "style-loader": "~3.3.1",
     "stylelint": "~14.1.0",
     "stylelint-config-recommended": "~6.0.0",
@@ -229,7 +232,7 @@
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "webpack": "~5.64.2",
+    "webpack": "~5.64.3",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
     "webpack-dev-middleware": "~5.2.2",