@elliemae/pui-cli 5.19.0 → 5.20.0

package/lib/webpack/helpers.js

@@ -1,6 +1,9 @@
+/* eslint-disable max-lines */
 const path = require('path');
 const fs = require('fs');
 const _ = require('lodash');
+const CompressionPlugin = require('compression-webpack-plugin');
+const zlib = require('zlib');
 
 let pathSep = path.sep;
 if (pathSep === '\\')
@@ -122,7 +125,6 @@ const getAppLoaderFileName = () => {
 
 const getDiagnosticsFileName = () => {
   const libName = 'emuiDiagnostics';
-  // eslint-disable-next-line max-lines
   const libPath = path.join(
     process.cwd(),
     'node_modules/@elliemae/pui-diagnostics/dist/public/js',
@@ -185,6 +187,38 @@ const isGoogleTagManagerEnabled = () => {
   return !!appConfig?.googleTagManager;
 };
 
+const getCompressionPlugins = () => {
+  const commonConfig = {
+    test: /\.(js|css)$/,
+    exclude: [
+      /\/adrum-ext/,
+      /\/emuiUserMonitoring/,
+      /\/emuiDiagnostics/,
+      /\/emuiAppLoader/,
+      /\/encwLoader/,
+    ],
+    // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
+    minRatio: Number.MAX_SAFE_INTEGER,
+  };
+  return [
+    new CompressionPlugin({
+      filename: '[path][base].gz',
+      algorithm: 'gzip',
+      ...commonConfig,
+    }),
+    new CompressionPlugin({
+      filename: '[path][base].br',
+      algorithm: 'brotliCompress',
+      ...commonConfig,
+      compressionOptions: {
+        params: {
+          [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
+        },
+      },
+    }),
+  ];
+};
+
 exports.excludeNodeModulesExcept = excludeNodeModulesExcept;
 exports.getLibraryName = getLibraryName;
 exports.getAppConfig = getAppConfig;
@@ -209,3 +243,4 @@ exports.resolveExtensions = [
 ];
 exports.mainFields = ['browser', 'module', 'main'];
 exports.isGoogleTagManagerEnabled = isGoogleTagManagerEnabled;
+exports.getCompressionPlugins = getCompressionPlugins;

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

@@ -64,21 +64,29 @@ const plugins = [
       {
         from: 'node_modules/@elliemae/pui-user-monitoring/dist/public/js',
         to: 'js',
+        toType: 'dir',
+        info: { minimized: true },
       },
       {
-        from: 'node_modules/@elliemae/pui-app-loader/dist/public/js/emuiAppLoader*.js',
-        to: 'js/[name][ext]',
+        from: 'node_modules/@elliemae/pui-app-loader/dist/public/js',
+        to: 'js',
+        toType: 'dir',
         noErrorOnMissing: true,
+        info: { minimized: true },
       },
       {
-        from: 'node_modules/@elliemae/encw-loader/dist/public/js/emuiEncwLoader*.js',
-        to: 'js/[name][ext]',
+        from: 'node_modules/@elliemae/encw-loader/dist/public/js',
+        to: 'js',
+        toType: 'dir',
         noErrorOnMissing: true,
+        info: { minimized: true },
       },
       {
-        from: 'node_modules/@elliemae/pui-diagnostics/dist/public/js/emuiDiagnostics*.js',
-        to: 'js/[name][ext]',
+        from: 'node_modules/@elliemae/pui-diagnostics/dist/public/js',
+        to: 'js',
+        toType: 'dir',
         noErrorOnMissing: true,
+        info: { minimized: true },
       },
       {
         from: 'public',

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

@@ -1,11 +1,10 @@
 const path = require('path');
 const TerserPlugin = require('terser-webpack-plugin');
-const CompressionPlugin = require('compression-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-const { getLibraryName } = require('./helpers');
+const { getLibraryName, getCompressionPlugins } = require('./helpers');
 
 const libraryName = getLibraryName();
 
@@ -69,13 +68,7 @@ module.exports = require('./webpack.lib.base.babel')({
       chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
     }),
 
-    new CompressionPlugin({
-      filename: '[path][base].gz',
-      algorithm: 'gzip',
-      test: /\.js$|\.css$$/,
-      // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
-      minRatio: Number.MAX_SAFE_INTEGER,
-    }),
+    ...getCompressionPlugins(),
 
     new BundleAnalyzerPlugin({
       analyzerMode: 'static',

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

@@ -1,8 +1,8 @@
+/* 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');
@@ -15,6 +15,7 @@ const {
   getPaths,
   getAppVersion,
   isGoogleTagManagerEnabled,
+  getCompressionPlugins,
 } = require('./helpers');
 
 const getProdConfig = ({ latestVersion = true } = {}) => {
@@ -74,14 +75,7 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
         chunkFilename: 'css/[name].[contenthash].chunk.css',
       }),
 
-      new CompressionPlugin({
-        filename: '[path][base].gz',
-        algorithm: 'gzip',
-        test: /\.js$|\.css$$/,
-        exclude: [/\/adrum-ext/, /\/emuiUserMonitoring/],
-        // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
-        minRatio: Number.MAX_SAFE_INTEGER,
-      }),
+      ...getCompressionPlugins(),
 
       new BundleAnalyzerPlugin({
         analyzerMode: 'static',
@@ -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

@@ -2,7 +2,6 @@
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const CompressionPlugin = require('compression-webpack-plugin');
 const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 const {
   getAppConfig,
@@ -13,6 +12,7 @@ const {
   resolveExtensions,
   mainFields,
   getMediaPath,
+  getCompressionPlugins,
 } = require('./helpers');
 
 const IS_APP = isApp();
@@ -50,14 +50,6 @@ const getAdditionalPlugins = () => [
   }),
 ];
 
-const compressionPlugin = new CompressionPlugin({
-  filename: '[path][base].gz',
-  algorithm: 'gzip',
-  test: /\.js$|\.css$$/,
-  // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
-  minRatio: Number.MAX_SAFE_INTEGER,
-});
-
 const getModulePreRules = () => [
   {
     test: /\.(jpe?g|png|gif|svg|ico)$/,
@@ -150,7 +142,7 @@ exports.webpackFinal = async (config, { configType }) => {
 
   config.plugins.push(...getAdditionalPlugins());
   if (isProd) {
-    config.plugins.push(compressionPlugin);
+    config.plugins = config.plugins.concat(getCompressionPlugins());
   }
 
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
@@ -168,7 +160,7 @@ exports.webpackFinal = async (config, { configType }) => {
 
 // storybook manager webpack
 exports.managerWebpack = async (config) => {
-  config.plugins.push(compressionPlugin);
+  config.plugins = config.plugins.concat(getCompressionPlugins());
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
   return config;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "5.19.0",
+  "version": "5.20.0",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,