@elliemae/pui-cli 6.3.0 → 6.5.1

package/lib/lint/lint-staged.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 
 module.exports = {
+  '*.{js,ts,jsx,tsx,md,mdx,html,css,json}': ['prettier --write'],
   '*.{ts,tsx}': [
     `node ${path.resolve(
       __dirname,
@@ -12,5 +13,4 @@ module.exports = {
     'npm run test:staged',
     'npm run gendoc',
   ],
-  '*.{js,ts,jsx,tsx,md,mdx,html,css,json}': ['prettier --write'],
 };

package/lib/webpack/helpers.js

@@ -91,7 +91,6 @@ const getAlias = () =>
 const modulesToTranspile = [
   '@elliemae/pui-*',
   '@elliemae/ds-*',
-  '@elliemae/vanilla-ui',
   '@dnd-kit/*',
   '@elliemae/em-platform-document-viewer',
 ];
@@ -198,7 +197,7 @@ const getCompressionPlugins = (isLibrary = false) => {
     test: /\.(js|css)$/,
     exclude: !isLibrary ? excludeList : [],
     // 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,
+    minRatio: Infinity,
   };
   return [
     new CompressionPlugin({

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

@@ -161,9 +161,7 @@ module.exports = (options) => ({
       },
       {
         test: /\.css$/,
-        exclude: excludeNodeModulesExcept(
-          modulesToTranspile.concat(['sanitize.css']),
-        ),
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
         use: [
           finalCSSLoader(options.mode),
           {

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

@@ -1,6 +1,10 @@
 /* eslint-disable max-lines */
 const path = require('path');
-const { EnvironmentPlugin, DefinePlugin } = require('webpack');
+const {
+  EnvironmentPlugin,
+  DefinePlugin,
+  NormalModuleReplacementPlugin,
+} = require('webpack');
 const {
   optimize: { LimitChunkCountPlugin },
   ProgressPlugin,
@@ -30,33 +34,43 @@ const minicssLoader = {
 const finalCSSLoader = (mode) =>
   mode !== 'production' ? { loader: 'style-loader' } : minicssLoader;
 
+const copyPluginPatterns = filterByFilePresence([
+  {
+    from: 'lib/app.config.json',
+    to: 'app.config.json',
+    noErrorOnMissing: true,
+  },
+  {
+    from: 'public',
+    noErrorOnMissing: true,
+  },
+]);
+
 const plugins = [
   new EnvironmentPlugin({
-    NODE_ENV: 'development',
     ASSET_PATH: '/',
     CI: 'false',
   }),
   new DefinePlugin({
     APP_CONFIG: getAppConfig(true),
   }),
-  new CopyWebpackPlugin({
-    patterns: filterByFilePresence([
-      {
-        from: 'lib/app.config.json',
-        to: 'app.config.json',
-        noErrorOnMissing: true,
-      },
-      {
-        from: 'lib/public',
-        noErrorOnMissing: true,
-      },
-    ]),
-  }),
+  /* eslint-disable indent */
+  ...(copyPluginPatterns.length > 0
+    ? [
+        new CopyWebpackPlugin({
+          patterns: copyPluginPatterns,
+        }),
+      ]
+    : []),
+  /* eslint-enable indent */
   new DuplicatePackageCheckerPlugin(),
   new LimitChunkCountPlugin({
     maxChunks: 1,
   }),
   new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
+  new NormalModuleReplacementPlugin(/\.js$/, function (resource) {
+    resource.request = resource.request.replace('.js', '');
+  }),
   new ProgressPlugin(),
 ];
 
@@ -102,27 +116,9 @@ module.exports = (options) => ({
           },
         },
       },
-      {
-        test: /\.exec\.js$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: 'imports-loader',
-            options: {
-              wrapper: {
-                thisArg: 'window',
-                args: {
-                  module: false,
-                  exports: false,
-                  define: false,
-                },
-              },
-            },
-          },
-        ],
-      },
       {
         test: /\.css$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
         use: [
           finalCSSLoader(options.mode),
           {
@@ -190,7 +186,7 @@ module.exports = (options) => ({
   plugins: plugins.concat(options.plugins || []),
   resolve: {
     modules: ['node_modules', 'app', 'lib'],
-    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.wasm', '.mjs'],
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.json', '.wasm', '.mjs'],
     mainFields: ['browser', 'module', 'main'],
     alias: {
       ...getAlias(),

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

@@ -8,7 +8,6 @@ const libraryName = getLibraryName();
 module.exports = require('./webpack.lib.base.babel')({
   mode: 'development',
 
-  // Don't use hashes in dev mode for better performance
   output: {
     filename: `js/${libraryName}.js`,
     chunkFilename: `js/${libraryName}.chunk.js`,
@@ -25,7 +24,6 @@ module.exports = require('./webpack.lib.base.babel')({
     alias: {},
   },
 
-  // Add development plugins
   plugins: [
     new HtmlWebpackPlugin({
       scriptLoading: 'module',

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

@@ -11,7 +11,6 @@ const libraryName = getLibraryName();
 module.exports = require('./webpack.lib.base.babel')({
   mode: 'production',
 
-  // Utilize long-term caching by adding content hashes (not compilation hashes) to compiled assets
   output: {
     filename: `js/${libraryName}.[chunkhash].js`,
     chunkFilename: `js/${libraryName}.[chunkhash].chunk.js`,
@@ -36,7 +35,6 @@ module.exports = require('./webpack.lib.base.babel')({
   },
 
   plugins: [
-    // Minify and optimize the index.html
     new HtmlWebpackPlugin({
       scriptLoading: 'module',
       template: 'lib/index.pug',

package/lib/webpack/webpack.storybook.js

@@ -1,7 +1,10 @@
-const webpack = require('webpack');
+const {
+  DefinePlugin,
+  EnvironmentPlugin,
+  NormalModuleReplacementPlugin,
+} = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const ResolveTypeScriptPlugin = require('resolve-typescript-plugin').default;
 const {
   getAppConfig,
   isApp,
@@ -13,10 +16,10 @@ const IS_APP = isApp();
 const CWD = process.cwd();
 
 const getAdditionalPlugins = () => [
-  new webpack.DefinePlugin({
+  new DefinePlugin({
     APP_CONFIG: getAppConfig(),
   }),
-  new webpack.EnvironmentPlugin({
+  new EnvironmentPlugin({
     IS_APP,
     CWD,
   }),
@@ -37,11 +40,14 @@ const getAdditionalPlugins = () => [
         noErrorOnMissing: true,
       },
       {
-        from: 'app/public',
+        from: 'public',
         noErrorOnMissing: true,
       },
     ],
   }),
+  new NormalModuleReplacementPlugin(/\.js$/, function (resource) {
+    resource.request = resource.request.replace('.js', '');
+  }),
 ];
 
 const getModuleRules = () => [
@@ -72,10 +78,6 @@ exports.webpackFinal = async (config, { configType }) => {
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
   config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
   config.resolve.extensions.push('.svg');
-  config.resolve.plugins = [
-    ...(config.resolve.plugins || []),
-    new ResolveTypeScriptPlugin(),
-  ];
   config.externals = config.externals || {};
   config.externals['@elliemae/pui-user-monitoring'] = 'emuiUserMonitoring';
   config.externals['@elliemae/pui-app-loader'] = 'emuiAppLoader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.3.0",
+  "version": "6.5.1",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@babel/cli": "~7.17.0",
-    "@babel/core": "~7.17.0",
+    "@babel/core": "~7.17.2",
     "@babel/eslint-parser": "~7.17.0",
     "@babel/node": "~7.16.8",
     "@babel/plugin-proposal-class-properties": "~7.16.7",
@@ -62,11 +62,11 @@
     "@babel/preset-env": "~7.16.11",
     "@babel/preset-react": "~7.16.7",
     "@babel/preset-typescript": "~7.16.7",
-    "@babel/runtime": "~7.17.0",
+    "@babel/runtime": "~7.17.2",
     "@commitlint/cli": "~16.1.0",
     "@commitlint/config-conventional": "~16.0.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
-    "@faker-js/faker": "6.0.0-alpha.5",
+    "@faker-js/faker": "6.0.0-alpha.6",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.5.4",
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.3",
@@ -84,17 +84,17 @@
     "@stylelint/postcss-css-in-js": "~0.37.2",
     "@svgr/webpack": "~6.2.1",
     "@swc/cli": "~0.1.55",
-    "@swc/core": "~1.2.136",
+    "@swc/core": "~1.2.138",
     "@swc/jest": "~0.2.17",
     "@testing-library/jest-dom": "~5.16.2",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.4.0",
-    "@types/node": "~17.0.14",
+    "@types/node": "~17.0.17",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.2",
-    "@typescript-eslint/eslint-plugin": "~5.10.2",
-    "@typescript-eslint/parser": "~5.10.2",
+    "@typescript-eslint/eslint-plugin": "~5.11.0",
+    "@typescript-eslint/parser": "~5.11.0",
     "autoprefixer": "~10.4.2",
     "axe-core": "~4.4.1",
     "babel-loader": "~8.2.3",
@@ -128,8 +128,8 @@
     "dotenv": "~16.0.0",
     "dotenv-webpack": "~7.1.0",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "enhanced-resolve": "~5.8.3",
-    "esbuild": "~0.14.18",
+    "enhanced-resolve": "~5.9.0",
+    "esbuild": "~0.14.21",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.0",
     "eslint": "~8.8.0",
@@ -144,8 +144,8 @@
     "eslint-plugin-compat": "~4.0.2",
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.25.4",
-    "eslint-plugin-jest": "~26.0.0",
-    "eslint-plugin-jsdoc": "~37.7.1",
+    "eslint-plugin-jest": "~26.1.0",
+    "eslint-plugin-jsdoc": "~37.8.2",
     "eslint-plugin-jsx-a11y": "~6.5.1",
     "eslint-plugin-mdx": "~1.16.0",
     "eslint-plugin-prettier": "~4.0.0",
@@ -158,7 +158,7 @@
     "execa": "~5.1.1",
     "express": "~4.17.2",
     "express-pino-logger": "~7.0.0",
-    "express-static-gzip": "~2.1.2",
+    "express-static-gzip": "~2.1.4",
     "favicons": "~6.2.2",
     "favicons-webpack-plugin": "~5.0.2",
     "happy-dom": "~2.31.1",
@@ -170,7 +170,7 @@
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.4.7",
+    "jest-cli": "~27.5.1",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
     "jscodeshift": "~0.13.1",
@@ -184,7 +184,7 @@
     "node-gyp": "~8.4.1",
     "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
-    "npm-check-updates": "12.2.1",
+    "npm-check-updates": "12.3.0",
     "null-loader": "~4.0.1",
     "pino": "~7.6.5",
     "pino-pretty": "~7.5.1",
@@ -215,19 +215,19 @@
     "storybook-builder-vite": "~0.1.15",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
-    "stylelint": "~14.3.0",
-    "stylelint-config-recommended": "~6.0.0",
+    "stylelint": "~14.5.0",
+    "stylelint-config-recommended": "~7.0.0",
     "stylelint-config-styled-components": "~0.1.1",
     "swc-loader": "~0.1.15",
     "terser-webpack-plugin": "~5.3.1",
-    "ts-node": "~10.4.0",
-    "tsc-alias": "~1.5.0",
+    "ts-node": "~10.5.0",
+    "tsc-alias": "~1.6.0",
     "typescript": "~4.5.5",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "vite": "~2.7.13",
-    "vitest": "~0.2.7",
+    "vite": "~2.8.1",
+    "vitest": "~0.3.2",
     "webpack": "~5.65.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.2",