@elliemae/pui-cli 7.0.0-alpha.28 → 7.0.0-alpha.30

package/dist/esm/commands/tscheck.js

@@ -6,7 +6,10 @@ const randomChars = () => Math.random().toString(36).slice(2);
 const validateTypescript = async (files = []) => {
   const tsconfigPath = path.join(process.cwd(), "tsconfig.json");
   const tsconfig = JSON.parse(fs.readFileSync(tsconfigPath));
-  const tmpTsconfigPath = path.join(process.cwd(), `tsconfig.${randomChars()}.json`);
+  const tmpTsconfigPath = path.join(
+    process.cwd(),
+    `tsconfig.${randomChars()}.json`
+  );
   const tmpTsconfig = {
     ...tsconfig,
     compilerOptions: {
@@ -17,9 +20,14 @@ const validateTypescript = async (files = []) => {
     include: ["app", "lib"]
   };
   fs.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
-  const tscPath = path.resolve(process.cwd(), `./node_modules/.bin/tsc${process.platform === "win32" ? ".cmd" : ""}`);
+  const tscPath = path.resolve(
+    process.cwd(),
+    `./node_modules/.bin/tsc${process.platform === "win32" ? ".cmd" : ""}`
+  );
   try {
-    await exec(`${tscPath} -p ${tmpTsconfigPath} --noEmit --emitDeclarationOnly false`);
+    await exec(
+      `${tscPath} -p ${tmpTsconfigPath} --noEmit --emitDeclarationOnly false`
+    );
   } finally {
     fs.unlinkSync(tmpTsconfigPath);
   }

package/dist/esm/commands/utils.js

@@ -50,7 +50,9 @@ const getModulesInfo = async () => {
     return {
       react: getModuleVersion("react"),
       "react-dom": getModuleVersion("react-dom"),
-      "app-react-dependencies": getModuleVersion("@elliemae/app-react-dependencies"),
+      "app-react-dependencies": getModuleVersion(
+        "@elliemae/app-react-dependencies"
+      ),
       "app-sdk": getModuleVersion("@elliemae/pui-app-sdk"),
       cli: getModuleVersion("@elliemae/pui-cli"),
       dimsum: getModuleVersion("@elliemae/ds-system")
@@ -85,14 +87,16 @@ const copyDir = async (src, dest) => {
     withFileTypes: true
   });
   await mkdir(dest);
-  return Promise.all(entries.map((entry) => {
-    const srcPath = path.join(src, entry.name);
-    const destPath = path.join(dest, entry.name);
-    if (entry.isDirectory()) {
-      return copyDir(srcPath, destPath);
-    }
-    return copyFile(srcPath, destPath);
-  }));
+  return Promise.all(
+    entries.map((entry) => {
+      const srcPath = path.join(src, entry.name);
+      const destPath = path.join(dest, entry.name);
+      if (entry.isDirectory()) {
+        return copyDir(srcPath, destPath);
+      }
+      return copyFile(srcPath, destPath);
+    })
+  );
 };
 const updateManifestWithVersionInfo = async (dest) => {
   const manifestFile = path.join(dest, "manifest.json");

package/dist/esm/commands/version.js

@@ -4,7 +4,9 @@ import { setWorkspaceVersion } from "../monorepo/set-workspace-version.js";
 import { setRegistryVersion } from "../monorepo/set-registry-version.js";
 import { deleteMergedTags } from "../monorepo/delete-merged-tags.js";
 const version = async (lernaOptions = "") => {
-  await exec(`cross-env NODE_ENV=production lerna version --conventional-commits --exact --create-release github --force-publish --yes ${lernaOptions}`);
+  await exec(
+    `cross-env NODE_ENV=production lerna version --conventional-commits --exact --create-release github --force-publish --yes ${lernaOptions}`
+  );
 };
 const versionCmd = {
   handler: async (argv) => {

package/dist/esm/commands/vitest.js

@@ -6,7 +6,9 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const { CI = false } = process.env;
 const configPath = path.resolve(__dirname, "../testing/vitest.config.js");
 const test = async (commandOptions) => {
-  await exec(`cross-env FORCE_COLOR=true vitest --config ${configPath} ${commandOptions}`);
+  await exec(
+    `cross-env FORCE_COLOR=true vitest --config ${configPath} ${commandOptions}`
+  );
 };
 const vitestCmd = {
   handler: async (argv) => {

package/dist/esm/monorepo/set-registry-version.js

@@ -9,12 +9,14 @@ const setRegistryVersion = async () => {
     `${monorepoRoot}/apps/*/package.json`,
     `${monorepoRoot}/package.json`
   ]);
-  Promise.all(files.map(async (file) => {
-    let pkgJSONData = await readFile(file, "utf8");
-    const pkgVersion = JSON.parse(pkgJSONData).version;
-    pkgJSONData = pkgJSONData.replace(/workspace:\*/g, pkgVersion);
-    await writeFile(file, pkgJSONData);
-  }));
+  Promise.all(
+    files.map(async (file) => {
+      let pkgJSONData = await readFile(file, "utf8");
+      const pkgVersion = JSON.parse(pkgJSONData).version;
+      pkgJSONData = pkgJSONData.replace(/workspace:\*/g, pkgVersion);
+      await writeFile(file, pkgJSONData);
+    })
+  );
 };
 export {
   setRegistryVersion

package/dist/esm/monorepo/set-workspace-version.js

@@ -9,13 +9,21 @@ const setWorkspaceVersion = async () => {
     `${monorepoRoot}/apps/*/package.json`,
     `${monorepoRoot}/package.json`
   ]);
-  Promise.all(files.map(async (file) => {
-    let pkgJSONData = await readFile(file, "utf8");
-    const pkgVersion = JSON.parse(pkgJSONData).version;
-    pkgJSONData = pkgJSONData.replace(new RegExp(pkgVersion, "g"), "workspace:*");
-    pkgJSONData = pkgJSONData.replace(/"version": "workspace:\*"/g, `"version": "${pkgVersion}"`);
-    await writeFile(file, pkgJSONData);
-  }));
+  Promise.all(
+    files.map(async (file) => {
+      let pkgJSONData = await readFile(file, "utf8");
+      const pkgVersion = JSON.parse(pkgJSONData).version;
+      pkgJSONData = pkgJSONData.replace(
+        new RegExp(pkgVersion, "g"),
+        "workspace:*"
+      );
+      pkgJSONData = pkgJSONData.replace(
+        /"version": "workspace:\*"/g,
+        `"version": "${pkgVersion}"`
+      );
+      await writeFile(file, pkgJSONData);
+    })
+  );
 };
 export {
   setWorkspaceVersion

package/dist/esm/server/csp.js

@@ -41,24 +41,26 @@ const csp = (app) => {
     res.locals.cspNonce = crypto.randomBytes(16).toString("hex");
     next();
   });
-  app.use(cspPolicy({
-    directives: {
-      defaultSrc: ["'self'"],
-      baseUri: ["'self'"],
-      blockAllMixedContent: [],
-      connectSrc: sources,
-      fontSrc: sources.concat(["data:"]),
-      frameAncestors: sources,
-      imgSrc: sources.concat(["data:"]),
-      objectSrc: ["'none'"],
-      scriptSrc: getScriptSrc(),
-      scriptSrcAttr: ["'none'"],
-      styleSrc: sources.concat(["'unsafe-inline'"]),
-      upgradeInsecureRequests: [],
-      reportUri: "/v1/csp"
-    },
-    reportOnly: true
-  }));
+  app.use(
+    cspPolicy({
+      directives: {
+        defaultSrc: ["'self'"],
+        baseUri: ["'self'"],
+        blockAllMixedContent: [],
+        connectSrc: sources,
+        fontSrc: sources.concat(["data:"]),
+        frameAncestors: sources,
+        imgSrc: sources.concat(["data:"]),
+        objectSrc: ["'none'"],
+        scriptSrc: getScriptSrc(),
+        scriptSrcAttr: ["'none'"],
+        styleSrc: sources.concat(["'unsafe-inline'"]),
+        upgradeInsecureRequests: [],
+        reportUri: "/v1/csp"
+      },
+      reportOnly: true
+    })
+  );
 };
 export {
   csp,

package/dist/esm/server/logger.js

@@ -12,14 +12,18 @@ const logger = {
     }
     const accessUrls = `${chalk.bold("Access URLs:")}${divider}
 `;
-    const localHostUrl = `Localhost: ${chalk.magenta(`http://${host}:${port}`)}
+    const localHostUrl = `Localhost: ${chalk.magenta(
+      `http://${host}:${port}`
+    )}
 `;
     const lanUrl = `LAN: ${chalk.magenta(`http://${ip.address()}:${port}`)}
 `;
     const proxy = tunnelStarted ? `
     Proxy: ${chalk.magenta(tunnelStarted)}` : "";
-    console.log(`${accessUrls}${localHostUrl}${lanUrl}${proxy}${divider}${chalk.blue(`
-Press ${chalk.italic("CTRL-C")} to stop`)}
+    console.log(`${accessUrls}${localHostUrl}${lanUrl}${proxy}${divider}${chalk.blue(
+      `
+Press ${chalk.italic("CTRL-C")} to stop`
+    )}
     `);
   }
 };

package/dist/esm/server/middlewares.js

@@ -31,11 +31,14 @@ const setupAdditionalMiddlewars = (app, options = {}) => {
   app.get(basePath, (req, res) => {
     sendFileWithCSPNonce({ buildPath, res });
   });
-  app.use(basePath, expressStaticGzip(buildPath, {
-    index: false,
-    enableBrotli: true,
-    orderPreference: ["br"]
-  }));
+  app.use(
+    basePath,
+    expressStaticGzip(buildPath, {
+      index: false,
+      enableBrotli: true,
+      orderPreference: ["br"]
+    })
+  );
   app.use(expressStaticGzip("cdn"));
   app.get("*", (req, res) => sendFileWithCSPNonce({ buildPath, res }));
   return app;

package/dist/esm/server/utils.js

@@ -1,7 +1,10 @@
 import minimist from "minimist";
 const argv = minimist(process.argv.slice(2));
 const getCWD = () => process.cwd();
-const port = parseInt(argv.port || process.env.port || process.env.PORT || "3000", 10);
+const port = parseInt(
+  argv.port || process.env.port || process.env.PORT || "3000",
+  10
+);
 const host = argv.host || process.env.HOST;
 export {
   getCWD,

package/dist/esm/testing/setup-tests.js

@@ -18,7 +18,9 @@ console.error = (...args) => {
     "Warning: The tag <%s> is unrecognized in this browser",
     "Warning: Invalid arguments supplied to oneOf"
   ];
-  if (ignoreList.find((ignoreMsg) => !!args.find((arg) => arg?.includes?.(ignoreMsg))))
+  if (ignoreList.find(
+    (ignoreMsg) => !!args.find((arg) => arg?.includes?.(ignoreMsg))
+  ))
     return false;
   return originalError(...args);
 };

package/dist/esm/transpile/esbuild.js

@@ -32,12 +32,14 @@ const copyFiles = async ({ srcdir, outdir }) => {
     `${srcdir}/**/.swcrc`,
     `!${srcdir}/**/*.{js,jsx,ts,tsx,mjs}`
   ]);
-  await Promise.all(files.map(async (srcFilePath) => {
-    const destFilePath = srcFilePath.replace(srcdir, outdir);
-    const fileDir = path.dirname(destFilePath);
-    await mkdir(fileDir, { recursive: true });
-    await copyFile(srcFilePath, destFilePath);
-  }));
+  await Promise.all(
+    files.map(async (srcFilePath) => {
+      const destFilePath = srcFilePath.replace(srcdir, outdir);
+      const fileDir = path.dirname(destFilePath);
+      await mkdir(fileDir, { recursive: true });
+      await copyFile(srcFilePath, destFilePath);
+    })
+  );
 };
 const getSideEffects = async () => {
   const data = await readFile(path.join(process.cwd(), "./package.json"));
@@ -46,10 +48,14 @@ const getSideEffects = async () => {
 };
 const createPackageJson = async ({ outdir, type = NODE_MODULE_TYPES.ESM }) => {
   const filePath = path.join(process.cwd(), outdir, "package.json");
-  const packageJSON = JSON.stringify({
-    type,
-    sideEffects: await getSideEffects()
-  }, null, 2);
+  const packageJSON = JSON.stringify(
+    {
+      type,
+      sideEffects: await getSideEffects()
+    },
+    null,
+    2
+  );
   await writeFile(filePath, packageJSON);
 };
 const esBuild = async ({
@@ -81,7 +87,9 @@ const esBuild = async ({
     await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });
   }
   const esmOutdir = esmOnly ? outdir : `${outdir}/esm`;
-  const entryPoints = await fg(inputFiles.concat([`!${srcdir}/**/cjs/**/*.{js,jsx,ts,tsx}`]));
+  const entryPoints = await fg(
+    inputFiles.concat([`!${srcdir}/**/cjs/**/*.{js,jsx,ts,tsx}`])
+  );
   await build({
     entryPoints,
     ...getCommonConfig({ injectReactShim }),

package/dist/esm/webpack/helpers.js

@@ -9,7 +9,9 @@ let pathSep = path.sep;
 if (pathSep === "\\")
   pathSep = "\\\\";
 const LATEST_VERSION = "latest";
-const getNodeModulesRegEx = (modules) => modules.map((modName) => new RegExp(`node_modules${pathSep}${modName.replace("/", pathSep)}`));
+const getNodeModulesRegEx = (modules) => modules.map(
+  (modName) => new RegExp(`node_modules${pathSep}${modName.replace("/", pathSep)}`)
+);
 const excludeNodeModulesExcept = (modules) => {
   const moduleRegExps = getNodeModulesRegEx(modules);
   return function(modulePath) {
@@ -23,34 +25,42 @@ const excludeNodeModulesExcept = (modules) => {
   };
 };
 const getLibraryName = () => {
-  const packageJson = JSON.parse(fs.readFileSync(path.join(process.cwd(), "package.json")));
+  const packageJson = JSON.parse(
+    fs.readFileSync(path.join(process.cwd(), "package.json"))
+  );
   const libraryName = packageJson ? packageJson.name : process.env.LIBRARY_NAME || "mylibrary";
   const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
   return _.camelCase(modifiedLibName);
 };
-const mapToFolder = (dependencies, folder) => dependencies.reduce((acc, dependency) => ({
-  [dependency]: path.resolve(`${folder}/${dependency.replace("$", "")}`),
-  ...acc
-}), {});
+const mapToFolder = (dependencies, folder) => dependencies.reduce(
+  (acc, dependency) => ({
+    [dependency]: path.resolve(`${folder}/${dependency.replace("$", "")}`),
+    ...acc
+  }),
+  {}
+);
 const getAlias = () => {
   const monorepoRoot = findMonoRepoRoot(process.cwd()) || "";
-  return mapToFolder([
-    "@babel/runtime",
-    "react",
-    "react-dom",
-    "react-redux",
-    "redux",
-    "redux-saga",
-    "moment",
-    "lodash",
-    "styled-components",
-    "immer",
-    "react-dates",
-    "react-transition-group",
-    "@elliemae/pui-cli",
-    "@elliemae/pui-app-sdk$",
-    "@elliemae/pui-theme$"
-  ], path.join(monorepoRoot, "./node_modules"));
+  return mapToFolder(
+    [
+      "@babel/runtime",
+      "react",
+      "react-dom",
+      "react-redux",
+      "redux",
+      "redux-saga",
+      "moment",
+      "lodash",
+      "styled-components",
+      "immer",
+      "react-dates",
+      "react-transition-group",
+      "@elliemae/pui-cli",
+      "@elliemae/pui-app-sdk$",
+      "@elliemae/pui-theme$"
+    ],
+    path.join(monorepoRoot, "./node_modules")
+  );
 };
 const modulesToTranspile = [
   "@elliemae/pui-*",
@@ -60,35 +70,55 @@ const modulesToTranspile = [
 ];
 const getUserMonitoringFileName = () => {
   const libName = "emuiUserMonitoring";
-  const userMonLibPath = path.join(process.cwd(), "node_modules/@elliemae/pui-user-monitoring/dist/public/js");
+  const userMonLibPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/pui-user-monitoring/dist/public/js"
+  );
   if (!fs.existsSync(userMonLibPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(userMonLibPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getAppLoaderFileName = () => {
   const libName = "emuiAppLoader";
-  const appLoaderLibPath = path.join(process.cwd(), "node_modules/@elliemae/pui-app-loader/dist/public/js");
+  const appLoaderLibPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/pui-app-loader/dist/public/js"
+  );
   if (!fs.existsSync(appLoaderLibPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(appLoaderLibPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiAppLoader+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiAppLoader+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getDiagnosticsFileName = () => {
   const libName = "emuiDiagnostics";
-  const libPath = path.join(process.cwd(), "node_modules/@elliemae/pui-diagnostics/dist/public/js");
+  const libPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/pui-diagnostics/dist/public/js"
+  );
   if (!fs.existsSync(libPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(libPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getENCWLoaderFileName = () => {
   const libName = "emuiEncwLoader";
-  const appLoaderLibPath = path.join(process.cwd(), "node_modules/@elliemae/encw-loader/dist/public/js");
+  const appLoaderLibPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/encw-loader/dist/public/js"
+  );
   if (!fs.existsSync(appLoaderLibPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(appLoaderLibPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getAppVersion = () => {
   if (!process.env.APP_VERSION)
@@ -149,7 +179,9 @@ const getCompressionPlugins = (isLibrary = false) => {
     })
   ];
 };
-const filterByFilePresence = (patterns) => patterns.filter(({ from, noErrorOnMissing }) => !noErrorOnMissing || fs.existsSync(path.resolve(process.cwd(), from)));
+const filterByFilePresence = (patterns) => patterns.filter(
+  ({ from, noErrorOnMissing }) => !noErrorOnMissing || fs.existsSync(path.resolve(process.cwd(), from))
+);
 const resolveExtensions = [
   ".wasm",
   ".mjs",

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

@@ -1,9 +1,22 @@
+import path from "node:path";
+import fg from "fast-glob";
 import CircularDependencyPlugin from "circular-dependency-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import { getLibraryName } from "./helpers.js";
 import { baseConfig } from "./webpack.base.babel.js";
 const libraryName = getLibraryName();
+const getHtmlWebpackPlugins = () => {
+  const htmlTemplateFiles = fg.sync([path.join(process.cwd(), "lib/*.html")]);
+  return htmlTemplateFiles.map(
+    (htmlTemplateFile) => new HtmlWebpackPlugin({
+      template: htmlTemplateFile,
+      filename: path.basename(htmlTemplateFile),
+      libraryName,
+      inject: true
+    })
+  );
+};
 var webpack_lib_dev_babel_default = baseConfig({
   mode: "development",
   output: {
@@ -20,12 +33,7 @@ var webpack_lib_dev_babel_default = baseConfig({
     alias: {}
   },
   plugins: [
-    new HtmlWebpackPlugin({
-      inject: true,
-      template: "lib/index.pug",
-      filename: "index.html",
-      libraryName
-    }),
+    ...getHtmlWebpackPlugins(),
     new CircularDependencyPlugin({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
       failOnError: false

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

@@ -1,4 +1,5 @@
 import path from "node:path";
+import fg from "fast-glob";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
@@ -7,6 +8,29 @@ import browserslistToEsbuild from "browserslist-to-esbuild";
 import { getLibraryName, getCompressionPlugins } from "./helpers.js";
 import { baseConfig } from "./webpack.lib.base.babel.js";
 const libraryName = process.env.LIBRARY_FILE_NAME || getLibraryName();
+const getHtmlWebpackPlugins = () => {
+  const htmlTemplateFiles = fg.sync([path.join(process.cwd(), "lib/*.html")]);
+  return htmlTemplateFiles.map(
+    (htmlTemplateFile) => new HtmlWebpackPlugin({
+      template: htmlTemplateFile,
+      filename: path.basename(htmlTemplateFile),
+      libraryName,
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true
+      }
+    })
+  );
+};
 var webpack_lib_prod_babel_default = baseConfig({
   mode: "production",
   output: {
@@ -31,24 +55,7 @@ var webpack_lib_prod_babel_default = baseConfig({
     }
   },
   plugins: [
-    new HtmlWebpackPlugin({
-      template: "lib/index.pug",
-      filename: "index.html",
-      libraryName,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeRedundantAttributes: true,
-        useShortDoctype: true,
-        removeEmptyAttributes: true,
-        removeStyleLinkTypeAttributes: true,
-        keepClosingSlash: true,
-        minifyJS: true,
-        minifyCSS: true,
-        minifyURLs: true
-      },
-      inject: true
-    }),
+    ...getHtmlWebpackPlugins(),
     new MiniCssExtractPlugin({
       filename: `css/${libraryName}.[contenthash].css`,
       chunkFilename: `css/${libraryName}.[contenthash].chunk.css`

package/dist/esm/webpack/webpack.prod.babel.js

@@ -110,10 +110,12 @@ const addSMPPlugin = (webpackConfig) => {
   const smpConfig = new SpeedMeasurePlugin({
     disable: !process.env.MEASURE
   }).wrap(webpackConfig);
-  smpConfig.plugins.push(new MiniCssExtractPlugin({
-    filename: "latest/css/[name].[contenthash].css",
-    chunkFilename: "latest/css/[name].[contenthash].chunk.css"
-  }));
+  smpConfig.plugins.push(
+    new MiniCssExtractPlugin({
+      filename: "latest/css/[name].[contenthash].css",
+      chunkFilename: "latest/css/[name].[contenthash].chunk.css"
+    })
+  );
   return smpConfig;
 };
 var webpack_prod_babel_default = addSMPPlugin(config);

package/dist/esm/webpack/webpack.storybook.js

@@ -52,7 +52,9 @@ const getModuleRules = () => [
 ];
 const webpackFinal = async (config, { configType }) => {
   const isProd = configType === "PRODUCTION";
-  const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.(".svg"));
+  const fileLoaderRule = config.module.rules.find(
+    (rule) => rule.test?.test?.(".svg")
+  );
   fileLoaderRule.exclude = /\.svg$/i;
   config.module.rules.unshift(...getModuleRules());
   config.plugins.push(...getAdditionalPlugins());