@elliemae/pui-cli 5.20.1 → 5.21.3

package/lib/cli-commands/pack.js

@@ -42,7 +42,7 @@ async function nodeBuild({ srcPath, commonJS, emitModuleType, target }) {
   const targetEnv = target === 'node' ? 'TARGET_ENV=node' : '';
   const babelEnv = commonJS ? ' ES_MODULES=false' : '';
   await exec(
-    `cross-env NODE_ENV=production MODULE_EXTENSIONS=true ${targetEnv}${babelEnv} babel --extensions ".ts,.tsx,.js,.jsx"  ${srcPath} --out-dir ${outDir} --copy-files --no-copy-ignored --ignore **/*.test.js --ignore **/*.test.ts --ignore **/*.spec.js --ignore **/*.spec.ts --ignore **/*.test.jsx --ignore **/*.test.tsx --ignore **/*.spec.jsx --ignore **/*.spec.tsx`,
+    `cross-env NODE_ENV=production MODULE_EXTENSIONS=true ${targetEnv}${babelEnv} babel --extensions ".ts,.tsx,.js,.jsx"  ${srcPath} --out-dir ${outDir} --copy-files --no-copy-ignored --ignore **/*.d.ts --ignore **/*.test.js --ignore **/*.test.ts --ignore **/*.spec.js --ignore **/*.spec.ts --ignore **/*.test.jsx --ignore **/*.test.tsx --ignore **/*.spec.jsx --ignore **/*.spec.tsx`,
     { shell: true, stdio: 'inherit' },
   );
   if (emitModuleType) {

package/lib/testing/mocks/svg.js

@@ -1,3 +1,5 @@
-module.exports = {
-  ReactComponent: 'IMAGE_MOCK',
-};
+// eslint-disable-next-line no-unused-vars
+import * as React from 'react';
+
+export default 'SvgrURL';
+export const ReactComponent = 'div';

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

@@ -15,7 +15,6 @@ const {
   modulesToTranspile,
   getAlias,
   getPaths,
-  getMediaPath,
 } = require('./helpers');
 const { isTypeScriptEnabled } = require('../typescript/util');
 
@@ -128,21 +127,6 @@ module.exports = (options) => ({
   optimization: options.optimization,
   module: {
     rules: [
-      {
-        test: /\.(jpe?g|png|gif|svg|ico)$/,
-        use: [
-          'file-loader',
-          {
-            loader: 'image-webpack-loader',
-            options: {
-              gifsicle: {
-                enabled: false,
-              },
-            },
-          },
-        ],
-        enforce: 'pre',
-      },
       {
         test: /\.(js|ts|jsx|tsx)$/,
         enforce: 'pre',
@@ -203,22 +187,13 @@ module.exports = (options) => ({
         type: 'asset/resource',
       },
       {
-        test: /\.svg$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        use: [
-          {
-            loader: '@svgr/webpack',
-          },
-          {
-            loader: 'file-loader',
-            options: {
-              name: getMediaPath(),
-            },
-          },
-        ],
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        resourceQuery: /^((?!url).)*$/,
+        use: ['@svgr/webpack'],
       },
       {
-        test: /\.(jpe?g|png|gif)$/i,
+        test: /\.(jpe?g|png|gif|ico)$/i,
         exclude: excludeNodeModulesExcept(['@elliemae/*']),
         type: 'asset',
       },
@@ -231,6 +206,10 @@ module.exports = (options) => ({
         resourceQuery: /resource/,
         type: 'asset/resource',
       },
+      {
+        type: 'asset',
+        resourceQuery: /url/,
+      },
     ],
   },
   plugins: plugins.concat(options.plugins),

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

@@ -20,7 +20,6 @@ const {
   modulesToTranspile,
   getAssetPath,
   getAlias,
-  getMediaPath,
 } = require('./helpers');
 const { isTypeScriptEnabled } = require('../typescript/util');
 
@@ -88,21 +87,6 @@ module.exports = (options) => ({
   optimization: options.optimization,
   module: {
     rules: [
-      {
-        test: /\.(jpe?g|png|gif|svg|ico)$/,
-        use: [
-          'file-loader',
-          {
-            loader: 'image-webpack-loader',
-            options: {
-              gifsicle: {
-                enabled: false,
-              },
-            },
-          },
-        ],
-        enforce: 'pre',
-      },
       {
         test: /^(?!.*\.exec\.js$).*\.(js|ts|jsx|tsx)$/,
         enforce: 'pre',
@@ -187,22 +171,13 @@ module.exports = (options) => ({
         type: 'asset/resource',
       },
       {
-        test: /\.svg$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        use: [
-          {
-            loader: '@svgr/webpack',
-          },
-          {
-            loader: 'file-loader',
-            options: {
-              name: getMediaPath(),
-            },
-          },
-        ],
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        resourceQuery: /^((?!url).)*$/,
+        use: ['@svgr/webpack'],
       },
       {
-        test: /\.(jpe?g|png|gif)$/i,
+        test: /\.(jpe?g|png|gif|ico)$/i,
         exclude: excludeNodeModulesExcept(['@elliemae/*']),
         type: 'asset',
       },
@@ -220,6 +195,10 @@ module.exports = (options) => ({
         resourceQuery: /resource/,
         type: 'asset/resource',
       },
+      {
+        type: 'asset',
+        resourceQuery: /url/,
+      },
     ],
   },
   plugins: plugins.concat(options.plugins || []),

package/lib/webpack/webpack.storybook.js

@@ -11,7 +11,6 @@ const {
   modulesToTranspile,
   resolveExtensions,
   mainFields,
-  getMediaPath,
   getCompressionPlugins,
 } = require('./helpers');
 
@@ -51,21 +50,6 @@ const getAdditionalPlugins = () => [
 ];
 
 const getModulePreRules = () => [
-  {
-    test: /\.(jpe?g|png|gif|svg|ico)$/,
-    use: [
-      'file-loader',
-      {
-        loader: 'image-webpack-loader',
-        options: {
-          gifsicle: {
-            enabled: false,
-          },
-        },
-      },
-    ],
-    enforce: 'pre',
-  },
   {
     test: /\.(js|ts|jsx|tsx)$/,
     enforce: 'pre',
@@ -105,22 +89,17 @@ const getModuleRules = () => [
     type: 'asset/resource',
   },
   {
-    test: /\.svg$/,
-    exclude: excludeNodeModulesExcept(['@elliemae/*']),
-    use: [
-      {
-        loader: '@svgr/webpack',
-      },
-      {
-        loader: 'file-loader',
-        options: {
-          name: getMediaPath(),
-        },
-      },
-    ],
+    type: 'asset',
+    resourceQuery: /url/,
+  },
+  {
+    test: /\.svg$/i,
+    issuer: /\.[jt]sx?$/,
+    resourceQuery: /^((?!url).)*$/,
+    use: ['@svgr/webpack'],
   },
   {
-    test: /\.(jpe?g|png|gif)$/i,
+    test: /\.(jpe?g|png|gif|ico)$/i,
     exclude: excludeNodeModulesExcept(['@elliemae/*']),
     type: 'asset',
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "5.20.1",
+  "version": "5.21.3",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -88,16 +88,16 @@
     "@storybook/react": "~6.3.12",
     "@storybook/theming": "~6.3.12",
     "@stylelint/postcss-css-in-js": "~0.37.2",
-    "@svgr/webpack": "~5.5.0",
-    "@testing-library/jest-dom": "~5.16.0",
+    "@svgr/webpack": "~6.1.1",
+    "@testing-library/jest-dom": "~5.16.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.0.3",
-    "@types/node": "~16.11.11",
+    "@types/node": "~16.11.12",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.2",
-    "@typescript-eslint/eslint-plugin": "~5.5.0",
-    "@typescript-eslint/parser": "~5.5.0",
+    "@typescript-eslint/eslint-plugin": "~5.6.0",
+    "@typescript-eslint/parser": "~5.6.0",
     "autoprefixer": "~10.4.0",
     "axe-core": "~4.3.5",
     "babel-loader": "~8.2.3",
@@ -132,7 +132,7 @@
     "dotenv": "~10.0.0",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "eslint": "~8.4.0",
+    "eslint": "~8.4.1",
     "eslint-config-airbnb": "~18.2.1",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~15.0.0",
@@ -179,10 +179,11 @@
     "minimist": "~1.2.5",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
-    "msw": "~0.36.0",
+    "msw": "~0.36.1",
+    "node-gyp": "~8.4.1",
     "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
-    "npm-check-updates": "12.0.2",
+    "npm-check-updates": "12.0.3",
     "null-loader": "~4.0.1",
     "pino": "~7.5.1",
     "pino-pretty": "~7.2.0",
@@ -210,7 +211,7 @@
     "script-loader": "~0.7.2",
     "semantic-release": "~18.0.1",
     "shelljs": "~0.8.4",
-    "slackify-markdown": "~4.3.0",
+    "slackify-markdown": "~4.3.1",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
     "stylelint": "~14.1.0",
@@ -232,7 +233,7 @@
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "webpack": "~5.64.4",
+    "webpack": "~5.65.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
     "webpack-dev-middleware": "~5.2.2",