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

package/lib/lint/eslint/common.js

@@ -34,7 +34,10 @@ const baseRules = {
   'import/no-dynamic-require': 0,
   'import/no-extraneous-dependencies': 0,
   'import/no-named-as-default': 0,
-  'import/no-unresolved': 0, // ToDo: set this to error once this issue is resolved https://github.com/import-js/eslint-plugin-import/issues/1868
+  'import/no-unresolved': [
+    2,
+    { caseSensitive: true, caseSensitiveStrict: true },
+  ], // Tip: https://github.com/import-js/eslint-plugin-import/issues/1868
   'import/no-webpack-loader-syntax': 0,
   'import/prefer-default-export': 0,
   'import/extensions': [

package/lib/transpile/esbuild.js

@@ -2,14 +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 browserslistToEsbuild = require('browserslist-to-esbuild');
+const { getPUIConfig } = require('../pui-config');
+// const browserslistToEsbuild = require('browserslist-to-esbuild');
 
-// const { esBuild } = getPUIConfig();
+const { esBuild } = getPUIConfig();
 
 const commonConfig = {
   bundle: false,
-  target: browserslistToEsbuild(),
+  target: esBuild.target, // browserslistToEsbuild(),
   loader: { '.js': 'jsx' },
   mainFields: ['module', 'browser', 'main'],
   inject: [path.resolve(__dirname, './react-shim.js')],

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

@@ -4,11 +4,10 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const PostcssPresetEnv = require('postcss-preset-env');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
-const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 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 {
@@ -18,8 +17,6 @@ const {
   getAlias,
   getPaths,
 } = require('./helpers');
-// const { getPUIConfig } = require('../pui-config');
-// const { esBuild } = getPUIConfig();
 
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
@@ -42,7 +39,6 @@ const plugins = [
   new webpack.DefinePlugin({
     APP_CONFIG: getAppConfig(),
   }),
-  new CaseSensitivePathsPlugin(),
   new ProvidePlugin({
     React: 'react',
   }),
@@ -100,7 +96,7 @@ const plugins = [
     ],
   }),
   new DuplicatePackageCheckerPlugin(),
-  new MomentLocalesPlugin(),
+  new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
   new WebpackManifestPlugin(),
   new FaviconsWebpackPlugin({
     logo: './app/view/images/favicon.png',
@@ -113,6 +109,7 @@ const plugins = [
       },
     },
   }),
+  new ProgressPlugin(),
 ];
 
 module.exports = (options) => ({
@@ -128,24 +125,7 @@ module.exports = (options) => ({
   module: {
     rules: [
       {
-        test: /\.[jt]sx?$/,
-        enforce: 'pre',
-        exclude: /node_modules/,
-        resolve: {
-          fullySpecified: false,
-        },
-        use: [
-          {
-            loader: 'webpack-strip-block',
-            options: {
-              start: 'TEST:START',
-              end: 'TEST:END',
-            },
-          },
-        ],
-      },
-      {
-        test: /\.[j]sx?$/,
+        test: /\.jsx?$/,
         exclude: excludeNodeModulesExcept(modulesToTranspile),
         resolve: {
           fullySpecified: false,
@@ -159,7 +139,7 @@ module.exports = (options) => ({
         },
       },
       {
-        test: /\.[t]sx?$/,
+        test: /\.tsx?$/,
         exclude: excludeNodeModulesExcept(modulesToTranspile),
         resolve: {
           fullySpecified: false,
@@ -174,6 +154,9 @@ module.exports = (options) => ({
       },
       {
         test: /\.css$/,
+        exclude: excludeNodeModulesExcept(
+          modulesToTranspile.concat(['sanitize.css']),
+        ),
         use: [
           finalCSSLoader(options.mode),
           {
@@ -183,13 +166,6 @@ module.exports = (options) => ({
               sourceMap: true,
             },
           },
-          {
-            loader: 'esbuild-loader',
-            options: {
-              loader: 'css',
-              minify: options.mode === 'production',
-            },
-          },
           {
             loader: 'postcss-loader',
             options: {
@@ -203,34 +179,37 @@ 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),
       },
     ],
   },
   plugins: plugins.concat(options.plugins),
   resolve: {
     modules: ['node_modules', 'app', 'lib'],
-    extensions: ['.wasm', '.mjs', '.ts', '.tsx', '.js', '.jsx', '.json'],
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.wasm', '.mjs'],
     mainFields: ['browser', 'module', 'main'],
     alias: {
       ...getAlias(),
@@ -243,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.lib.base.babel.js

@@ -3,12 +3,12 @@ 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');
 const PostcssPresetEnv = require('postcss-preset-env');
 const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
-const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 
 const {
@@ -39,7 +39,6 @@ const plugins = [
   new webpack.DefinePlugin({
     APP_CONFIG: getAppConfig(true),
   }),
-  new CaseSensitivePathsPlugin(),
   new CopyWebpackPlugin({
     patterns: [
       {
@@ -57,7 +56,8 @@ const plugins = [
   new LimitChunkCountPlugin({
     maxChunks: 1,
   }),
-  new MomentLocalesPlugin(),
+  new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
+  new ProgressPlugin(),
 ];
 
 module.exports = (options) => ({
@@ -74,23 +74,6 @@ module.exports = (options) => ({
   optimization: options.optimization,
   module: {
     rules: [
-      {
-        test: /^(?!.*\.exec\.js$).*\.[jt]sx?$/,
-        enforce: 'pre',
-        exclude: /node_modules/,
-        resolve: {
-          fullySpecified: false,
-        },
-        use: [
-          {
-            loader: 'webpack-strip-block',
-            options: {
-              start: 'TEST:START',
-              end: 'TEST:END',
-            },
-          },
-        ],
-      },
       {
         test: /^(?!.*\.exec\.js$).*\.jsx?$/, // Transform all .js and .jsx files with Babel
         exclude: excludeNodeModulesExcept(modulesToTranspile),
@@ -204,7 +187,7 @@ module.exports = (options) => ({
   plugins: plugins.concat(options.plugins || []),
   resolve: {
     modules: ['node_modules', 'app', 'lib'],
-    extensions: ['.wasm', '.mjs', '.ts', '.tsx', '.js', '.jsx', '.json'],
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.wasm', '.mjs'],
     mainFields: ['browser', 'module', 'main'],
     alias: {
       ...getAlias(),
@@ -217,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/lib/webpack/webpack.storybook.js

@@ -45,23 +45,6 @@ const getAdditionalPlugins = () => [
 ];
 
 const getModuleRules = () => [
-  {
-    test: /\.[jt]sx?$/,
-    enforce: 'pre',
-    exclude: /node_modules/,
-    resolve: {
-      fullySpecified: false,
-    },
-    use: [
-      {
-        loader: 'webpack-strip-block',
-        options: {
-          start: 'TEST:START',
-          end: 'TEST:END',
-        },
-      },
-    ],
-  },
   {
     type: 'asset',
     resourceQuery: /url/,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.47",
+  "version": "6.0.0-beta.50",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -126,7 +126,7 @@
     "css-minimizer-webpack-plugin": "~3.3.1",
     "depcheck": "~1.4.3",
     "docdash": "~1.2.0",
-    "dotenv": "~12.0.3",
+    "dotenv": "~12.0.4",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
     "enhanced-resolve": "~5.8.3",
@@ -134,7 +134,7 @@
     "esbuild-jest": "~0.5.0",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.0",
-    "eslint": "~8.6.0",
+    "eslint": "~8.7.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~16.1.0",
@@ -146,7 +146,7 @@
     "eslint-plugin-compat": "~4.0.1",
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.25.4",
-    "eslint-plugin-jest": "~25.3.4",
+    "eslint-plugin-jest": "~25.7.0",
     "eslint-plugin-jsdoc": "~37.6.1",
     "eslint-plugin-jsx-a11y": "~6.5.1",
     "eslint-plugin-mdx": "~1.16.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,7 +241,7 @@
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
     "vite": "~2.7.12",
-    "vitest": "~0.1.16",
+    "vitest": "~0.1.17",
     "webpack": "~5.66.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
@@ -256,6 +256,8 @@
     "yargs": "~17.3.1"
   },
   "devDependencies": {
+    "react": "~17.0.2",
+    "react-dom": "~17.0.2",
     "redux": "~4.1.2",
     "redux-saga": "~1.1.3",
     "styled-components": "~5.3.3"