@umijs/preset-umi 4.0.40 → 4.0.42

package/dist/commands/dev/dev.js

@@ -178,6 +178,36 @@ PORT=8888 umi dev
           }
         });
       });
+      function watchPublicDirChange() {
+        const publicDir = (0, import_path.join)(api.cwd, "public");
+        const isPublicAvailable = (0, import_fs.existsSync)(publicDir) && (0, import_fs.readdirSync)(publicDir).length;
+        let restarted = false;
+        const restartServer = () => {
+          if (restarted)
+            return;
+          restarted = true;
+          import_utils.logger.event(`public dir changed, restart server...`);
+          api.restartServer();
+        };
+        (0, import_watch.watch)({
+          path: publicDir,
+          addToUnWatches: true,
+          onChange(event, path) {
+            if (isPublicAvailable) {
+              if (event === "unlinkDir" && path === publicDir) {
+                restartServer();
+              } else if (event === "unlink" && (0, import_fs.existsSync)(publicDir) && (0, import_fs.readdirSync)(publicDir).length === 0) {
+                restartServer();
+              }
+            } else {
+              if (event === "add" && (0, import_fs.existsSync)(publicDir) && (0, import_fs.readdirSync)(publicDir).length === 1) {
+                restartServer();
+              }
+            }
+          }
+        });
+      }
+      watchPublicDirChange();
       const beforeMiddlewares = await api.applyPlugins({
         key: "addBeforeMiddlewares",
         initialValue: []

package/dist/commands/generators/jest.js

@@ -54,7 +54,8 @@ var jest_default = (api) => {
         jest: "^27",
         "@types/jest": "^27",
         typescript: "^4",
-        "ts-node": "^10"
+        "ts-node": "^10",
+        "cross-env": "^7"
       };
       const packageToInstall = res.willUseTLR ? {
         ...basicDeps,
@@ -63,7 +64,7 @@ var jest_default = (api) => {
         "@types/testing-library__jest-dom": "^5.14.5"
       } : basicDeps;
       h.addDevDeps(packageToInstall);
-      h.addScript("test", "TS_NODE_TRANSPILE_ONLY=yes jest --passWithNoTests");
+      h.addScript("test", "cross-env TS_NODE_TRANSPILE_ONLY=yes jest --passWithNoTests");
       const setupImports = res.willUseTLR ? [
         `import '@testing-library/jest-dom';`,
         `import '${api.appData.umi.importSource}/test-setup'`

package/dist/commands/lint.js

@@ -53,7 +53,7 @@ umi lint --quiet
       try {
         require.resolve("@umijs/lint/package.json");
       } catch (err) {
-        throw new Error("@umijs/lint is not built-in, please install it manually before run umi lint.");
+        throw new Error("@umijs/lint is not built-in, please install it manually before run umi lint.", { cause: err });
       }
       if (args._.length === 0) {
         args._.unshift("{src,test}/**/*.{js,jsx,ts,tsx,less,css}");

package/dist/commands/setup.js

@@ -34,7 +34,7 @@ var setup_default = (api) => {
         key: "onGenerateFiles",
         args: {
           files: null,
-          isFirstTime: false
+          isFirstTime: true
         }
       });
     }

package/dist/features/depsOnDemand/depsOnDemand.js

@@ -26,16 +26,27 @@ var import_utils = require("@umijs/utils");
 var import_fs = require("fs");
 var import_path = require("path");
 var depsOnDemand_default = (api) => {
+  const bundlerWebpackPkg = require("@umijs/bundler-webpack/package.json");
   api.onStart(() => {
-    var _a, _b;
     const hasSwcConfig = api.config.srcTranspiler === "swc" || api.config.depTranspiler === "swc";
-    const swcInstalled = ((_a = api.pkg.dependencies) == null ? void 0 : _a["@swc/core"]) || ((_b = api.pkg.devDependencies) == null ? void 0 : _b["@swc/core"]);
-    if (hasSwcConfig && !swcInstalled) {
-      api.logger.info("Since swc is used, install @swc/core on demand.");
+    const swcDeps = [
+      {
+        name: "@swc/core",
+        version: `^${bundlerWebpackPkg.devDependencies["@swc/core"]}`
+      },
+      {
+        name: "swc-plugin-auto-css-modules",
+        version: `^${bundlerWebpackPkg.devDependencies["swc-plugin-auto-css-modules"]}`
+      }
+    ];
+    const { missingDeps } = checkDeps({
+      deps: swcDeps
+    });
+    if (hasSwcConfig && missingDeps.length) {
+      api.logger.info(`Since swc is used, install swc dependencies ${missingDeps.map(({ name }) => import_utils.chalk.green(name)).join(", ")} on demand.`);
       addDeps({
         pkgPath: api.pkgPath || (0, import_path.join)(api.cwd, "package.json"),
-        name: "@swc/core",
-        version: `^${require("@umijs/bundler-webpack/package.json").devDependencies["@swc/core"]}`
+        deps: missingDeps
       });
       (0, import_utils.installWithNpmClient)({
         npmClient: api.appData.npmClient,
@@ -43,11 +54,34 @@ var depsOnDemand_default = (api) => {
       });
     }
   });
+  function checkDeps(opts) {
+    const missingDeps = [];
+    const { deps } = opts;
+    deps.forEach((dep) => {
+      var _a, _b;
+      const { name } = dep;
+      const installed = ((_a = api.pkg.dependencies) == null ? void 0 : _a[name]) || ((_b = api.pkg.devDependencies) == null ? void 0 : _b[name]);
+      if (!installed) {
+        missingDeps.push(dep);
+      } else {
+        const userVersion = import_utils.semver.minVersion(installed);
+        const isOutdated = !userVersion || import_utils.semver.ltr(userVersion, dep.version);
+        if (isOutdated) {
+          missingDeps.push(dep);
+        }
+      }
+    });
+    return {
+      missingDeps
+    };
+  }
 };
 function addDeps(opts) {
   const pkg = (0, import_fs.existsSync)(opts.pkgPath) ? import_utils.fsExtra.readJSONSync(opts.pkgPath) : {};
   pkg.devDependencies = pkg.devDependencies || {};
-  pkg.devDependencies[opts.name] = opts.version;
+  opts.deps.forEach((dep) => {
+    pkg.devDependencies[dep.name] = dep.version;
+  });
   import_utils.fsExtra.writeJSONSync(opts.pkgPath, pkg, { spaces: 2 });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/features/icons/buildForIconExtract.d.ts

@@ -0,0 +1,9 @@
+export declare function buildForIconExtract(opts: {
+    entryPoints: string[];
+    watch?: {
+        onRebuildSuccess(): void;
+    } | false;
+    config?: {
+        alias?: any;
+    };
+}): Promise<Set<string>>;

package/dist/features/icons/buildForIconExtract.js

@@ -0,0 +1,76 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/buildForIconExtract.ts
+var buildForIconExtract_exports = {};
+__export(buildForIconExtract_exports, {
+  buildForIconExtract: () => buildForIconExtract
+});
+module.exports = __toCommonJS(buildForIconExtract_exports);
+var import_esbuild = __toESM(require("@umijs/bundler-utils/compiled/esbuild"));
+var import_esbuildExternalPlugin = require("./esbuildExternalPlugin");
+var import_path = __toESM(require("path"));
+var import_esbuildAliasPlugin = require("./esbuildAliasPlugin");
+var import_esbuildCollectIconPlugin = require("./esbuildCollectIconPlugin");
+var import_utils = require("@umijs/utils");
+async function buildForIconExtract(opts) {
+  var _a;
+  const icons = /* @__PURE__ */ new Set();
+  await import_esbuild.default.build({
+    format: "esm",
+    platform: "browser",
+    target: "esnext",
+    loader: {
+      ".js": "jsx",
+      ".jsx": "jsx",
+      ".ts": "ts",
+      ".tsx": "tsx"
+    },
+    watch: !!opts.watch && {
+      onRebuild(err) {
+        if (err) {
+          import_utils.logger.error(`[icons] build failed: ${err}`);
+        } else {
+          if (opts.watch) {
+            opts.watch.onRebuildSuccess();
+          }
+        }
+      }
+    },
+    bundle: true,
+    logLevel: "error",
+    entryPoints: opts.entryPoints,
+    write: false,
+    outdir: import_path.default.join(import_path.default.dirname(opts.entryPoints[0]), "out"),
+    plugins: [
+      (0, import_esbuildAliasPlugin.esbuildAliasPlugin)({ alias: ((_a = opts.config) == null ? void 0 : _a.alias) || {} }),
+      (0, import_esbuildExternalPlugin.esbuildExternalPlugin)(),
+      (0, import_esbuildCollectIconPlugin.esbuildCollectIconPlugin)({
+        icons
+      })
+    ]
+  });
+  return icons;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildForIconExtract
+});

package/dist/features/icons/esbuildAliasPlugin.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from '@umijs/bundler-utils/compiled/esbuild';
+export declare function esbuildAliasPlugin(opts: {
+    alias: Record<string, string>;
+}): Plugin;

package/dist/features/icons/esbuildAliasPlugin.js

@@ -0,0 +1,86 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/esbuildAliasPlugin.ts
+var esbuildAliasPlugin_exports = {};
+__export(esbuildAliasPlugin_exports, {
+  esbuildAliasPlugin: () => esbuildAliasPlugin
+});
+module.exports = __toCommonJS(esbuildAliasPlugin_exports);
+var import_fs = require("fs");
+var import_enhanced_resolve = __toESM(require("enhanced-resolve"));
+var resolver = import_enhanced_resolve.default.create({
+  mainFields: ["module", "browser", "main"],
+  extensions: [".json", ".js", ".jsx", ".ts", ".tsx", ".cjs", ".mjs"],
+  exportsFields: []
+});
+async function resolve(context, path) {
+  return new Promise((resolve2, reject) => {
+    resolver(context, path, (err, result) => err ? reject(err) : resolve2(result));
+  });
+}
+function sortByAffix(opts) {
+  return opts.keys.sort((a, b) => {
+    if (a.endsWith(opts.affix) && b.endsWith(opts.affix))
+      return 0;
+    if (a.endsWith(opts.affix))
+      return -1;
+    if (b.endsWith(opts.affix))
+      return 1;
+    else
+      return 0;
+  });
+}
+function addSlashAffix(key) {
+  return key.endsWith("/") ? key : `${key}/`;
+}
+function esbuildAliasPlugin(opts) {
+  return {
+    name: "esbuildExternalPlugin",
+    setup(build) {
+      sortByAffix({ keys: Object.keys(opts.alias), affix: "$" }).filter((key) => {
+        return opts.alias[key].startsWith("/") && !opts.alias[key].includes("node_modules");
+      }).forEach((key) => {
+        const value = opts.alias[key];
+        const filter = key.endsWith("$") ? new RegExp(key) : new RegExp(`${key}$`);
+        build.onResolve({ filter }, async (args) => {
+          const path = await resolve(args.importer, args.path.replace(filter, value));
+          return {
+            path
+          };
+        });
+        if (!key.endsWith("/") && (0, import_fs.existsSync)(value) && (0, import_fs.statSync)(value).isDirectory()) {
+          const filter2 = new RegExp(`^${addSlashAffix(key)}`);
+          build.onResolve({ filter: filter2 }, async (args) => {
+            const path = await resolve(args.importer, args.path.replace(filter2, addSlashAffix(value)));
+            return {
+              path
+            };
+          });
+        }
+      });
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  esbuildAliasPlugin
+});

package/dist/features/icons/esbuildCollectIconPlugin.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from '@umijs/bundler-utils/compiled/esbuild';
+export declare function esbuildCollectIconPlugin(opts: {
+    icons: Set<string>;
+}): Plugin;

package/dist/features/icons/esbuildCollectIconPlugin.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/esbuildCollectIconPlugin.ts
+var esbuildCollectIconPlugin_exports = {};
+__export(esbuildCollectIconPlugin_exports, {
+  esbuildCollectIconPlugin: () => esbuildCollectIconPlugin
+});
+module.exports = __toCommonJS(esbuildCollectIconPlugin_exports);
+var import_fs = __toESM(require("fs"));
+var import_extractIcons = require("./extractIcons");
+function esbuildCollectIconPlugin(opts) {
+  return {
+    name: "esbuildCollectIconPlugin",
+    setup(build) {
+      const loaders = ["js", "jsx", "ts", "tsx"];
+      loaders.forEach((loader) => {
+        const filter = new RegExp(`\\.(${loader})$`);
+        build.onLoad({ filter }, async (args) => {
+          const contents = import_fs.default.readFileSync(args.path, "utf-8");
+          (0, import_extractIcons.extractIcons)(contents).forEach((icon) => {
+            opts.icons.add(icon);
+          });
+          return {
+            contents,
+            loader
+          };
+        });
+      });
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  esbuildCollectIconPlugin
+});

package/dist/features/icons/esbuildExternalPlugin.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from '@umijs/bundler-utils/compiled/esbuild';
+export declare function esbuildExternalPlugin(): Plugin;

package/dist/features/icons/esbuildExternalPlugin.js

@@ -0,0 +1,85 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/esbuildExternalPlugin.ts
+var esbuildExternalPlugin_exports = {};
+__export(esbuildExternalPlugin_exports, {
+  esbuildExternalPlugin: () => esbuildExternalPlugin
+});
+module.exports = __toCommonJS(esbuildExternalPlugin_exports);
+function esbuildExternalPlugin() {
+  return {
+    name: "esbuildExternalPlugin",
+    setup(build) {
+      externalsExtensions.forEach((ext) => {
+        const filter = new RegExp(`.${ext}(\\?.*)?$`);
+        build.onResolve({ filter }, () => {
+          return {
+            external: true
+          };
+        });
+      });
+      build.onResolve({ filter: /.*/ }, (args) => {
+        if (args.path.startsWith(".")) {
+          return null;
+        }
+        if (args.kind === "entry-point") {
+          return null;
+        }
+        if (args.path.startsWith("/") && !args.path.includes("node_modules")) {
+          return null;
+        }
+        return {
+          external: true
+        };
+      });
+    }
+  };
+}
+var externalsExtensions = [
+  "aac",
+  "css",
+  "less",
+  "sass",
+  "scss",
+  "eot",
+  "flac",
+  "gif",
+  "ico",
+  "jpeg",
+  "jpg",
+  "json",
+  "md",
+  "mdx",
+  "mp3",
+  "mp4",
+  "ogg",
+  "otf",
+  "png",
+  "svg",
+  "ttf",
+  "wav",
+  "webm",
+  "webp",
+  "woff",
+  "woff2"
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  esbuildExternalPlugin
+});

package/dist/features/icons/extractIcons.d.ts

@@ -0,0 +1 @@
+export declare function extractIcons(code: string): string[];

package/dist/features/icons/extractIcons.js

@@ -0,0 +1,83 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/extractIcons.ts
+var extractIcons_exports = {};
+__export(extractIcons_exports, {
+  extractIcons: () => extractIcons
+});
+module.exports = __toCommonJS(extractIcons_exports);
+function extractIcons(code) {
+  const icons = [];
+  let current = 0;
+  function isIconStart() {
+    return code[current] === "<" && code[current + 1] === "I" && code[current + 2] === "c" && code[current + 3] === "o" && code[current + 4] === "n" && isEmptyChar(code[current + 5]);
+  }
+  let quotationMark = "";
+  function isNameAttributeStart() {
+    if (isEmptyChar(code[current]) && code[current + 1] === "i" && code[current + 2] === "c" && code[current + 3] === "o" && code[current + 4] === "n" && code[current + 5] === "=" && (code[current + 6] === "'" || code[current + 6] === '"')) {
+      quotationMark = code[current + 6];
+      return true;
+    } else {
+      return false;
+    }
+  }
+  function isEmptyChar(char) {
+    return char === " " || char === "\n" || char === "\r";
+  }
+  function findNameValue() {
+    let value = "";
+    while (code[current] !== quotationMark && code[current] !== ">") {
+      value += code[current];
+      current += 1;
+    }
+    return value;
+  }
+  function finishJSXTag() {
+    let icon = null;
+    while (code[current] !== ">") {
+      if (isNameAttributeStart()) {
+        current += 7;
+        icon = findNameValue();
+        if (icon) {
+          icons.push(icon);
+          return;
+        }
+      } else {
+        current += 1;
+      }
+    }
+    if (code[current] === ">") {
+      current += 1;
+      return;
+    }
+  }
+  while (current < code.length) {
+    if (isIconStart()) {
+      current += 5;
+      finishJSXTag();
+    } else {
+      current += 1;
+    }
+  }
+  return icons;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractIcons
+});

package/dist/features/icons/generateSVGR.d.ts

@@ -0,0 +1,10 @@
+export declare function generateIconName(opts: {
+    collect: string;
+    icon: string;
+}): string;
+export declare function generateSVGR(opts: {
+    collect: string;
+    icon: string;
+    iconifyOptions?: object;
+    svgrOptions?: object;
+}): Promise<string | null>;

package/dist/features/icons/generateSVGR.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/generateSVGR.ts
+var generateSVGR_exports = {};
+__export(generateSVGR_exports, {
+  generateIconName: () => generateIconName,
+  generateSVGR: () => generateSVGR
+});
+module.exports = __toCommonJS(generateSVGR_exports);
+var import_node_loader = require("@iconify/utils/lib/loader/node-loader");
+var import_core = require("@svgr/core");
+function camelCase(str) {
+  return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+}
+function generateIconName(opts) {
+  return camelCase(`${opts.collect}-${opts.icon}`);
+}
+async function generateSVGR(opts) {
+  const warn = `${opts.collect}/${opts.icon}`;
+  const componentName = generateIconName(opts);
+  const svg = await (0, import_node_loader.loadNodeIcon)(opts.collect, opts.icon, {
+    warn,
+    addXmlNs: false,
+    autoInstall: false,
+    ...opts.iconifyOptions
+  });
+  if (!svg) {
+    return null;
+  }
+  return normalizeSvgr(await (0, import_core.transform)(svg, opts.svgrOptions || {}, { componentName }));
+}
+function normalizeSvgr(str) {
+  return str.split("\n").filter((line) => {
+    if (line.startsWith('import * as React from "react";'))
+      return false;
+    if (line.startsWith("export default "))
+      return false;
+    return true;
+  }).join("\n");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateIconName,
+  generateSVGR
+});

package/dist/features/icons/icons.d.ts

@@ -0,0 +1,3 @@
+import { IApi } from '../../types';
+declare const _default: (api: IApi) => void;
+export default _default;

package/dist/features/icons/icons.js

@@ -0,0 +1,136 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/icons/icons.ts
+var icons_exports = {};
+__export(icons_exports, {
+  default: () => icons_default
+});
+module.exports = __toCommonJS(icons_exports);
+var import_path = __toESM(require("path"));
+var import_buildForIconExtract = require("./buildForIconExtract");
+var import_utils = require("@umijs/utils");
+var import_generateSVGR = require("./generateSVGR");
+var icons_default = (api) => {
+  api.describe({
+    config: {
+      schema(Joi) {
+        return Joi.object({
+          autoInstall: Joi.object(),
+          defaultComponentConfig: Joi.object(),
+          alias: Joi.object()
+        });
+      }
+    },
+    enableBy: api.EnableBy.config
+  });
+  api.register({
+    key: "onGenerateFiles",
+    async fn({ isFirstTime }) {
+      if (!isFirstTime)
+        return;
+      const entryFile = import_path.default.join(api.paths.absTmpPath, "umi.ts");
+      const icons = await (0, import_buildForIconExtract.buildForIconExtract)({
+        entryPoints: [entryFile],
+        watch: api.name === "dev" && {
+          onRebuildSuccess() {
+            generate().catch((e) => {
+              import_utils.logger.error(e);
+            });
+          }
+        },
+        config: {
+          alias: api.config.alias
+        }
+      });
+      const generate = async () => {
+        import_utils.logger.info(`[icons] generate icons.tsx`);
+        const code = [];
+        for (const iconStr of icons) {
+          const [collect, icon] = iconStr.split(":");
+          const iconName = (0, import_generateSVGR.generateIconName)({ collect, icon });
+          const svgr = await (0, import_generateSVGR.generateSVGR)({
+            collect,
+            icon,
+            iconifyOptions: { autoInstall: api.config.icons.autoInstall }
+          });
+          if (svgr) {
+            code.push(svgr);
+            code.push(`export { ${iconName} };`);
+          } else {
+            if (api.env === "development") {
+              import_utils.logger.error(`[icons] Icon ${iconStr} not found`);
+            } else {
+              throw new Error(`[icons] Icon ${iconStr} not found`);
+            }
+          }
+        }
+        api.writeTmpFile({
+          path: "icons.tsx",
+          content: code.join("\n") || `export const __no_icons = true;`
+        });
+      };
+      generate().catch((e) => {
+        import_utils.logger.error(e);
+      });
+    },
+    stage: Infinity
+  });
+  api.onGenerateFiles(() => {
+    api.writeTmpFile({
+      path: "index.tsx",
+      content: `
+import React from 'react';
+import * as iconsMap from './icons';
+
+export const Icon = React.forwardRef((props: {
+  icon: string;
+  className?: string;
+  viewBox?: string;
+  width?: string;
+  height?: string;
+  style?: any;
+}, ref) => {
+  const { icon, ...extraProps } = props;
+  const iconName = normalizeIconName(icon);
+  const Component = iconsMap[iconName];
+  if (!Component) {
+    // TODO: give a error icon when dev, to help developer find the error
+    return null;
+  }
+  return (
+    <span role="img" ref={ref}><Component {...extraProps} /></span>
+  );
+});
+
+function camelCase(str: string) {
+  return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+}
+
+function normalizeIconName(name: string) {
+  return camelCase(name.replace(':', '-'));
+}
+      `
+    });
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/features/mock/getMockData.js

@@ -53,7 +53,7 @@ function getMockData(opts) {
       m = require(mockFile);
     } catch (e) {
       throw new Error(`Mock file ${mockFile} parse failed.
-${e.message}`);
+${e.message}`, { cause: e });
     }
     const obj = (m == null ? void 0 : m.default) || m || {};
     for (const key of Object.keys(obj)) {

package/dist/features/phantomDependency/phantomDependency.d.ts

@@ -0,0 +1,3 @@
+import { IApi } from '../../types';
+declare const _default: (api: IApi) => void;
+export default _default;

package/dist/features/phantomDependency/phantomDependency.js

@@ -0,0 +1,103 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/features/phantomDependency/phantomDependency.ts
+var phantomDependency_exports = {};
+__export(phantomDependency_exports, {
+  default: () => phantomDependency_default
+});
+module.exports = __toCommonJS(phantomDependency_exports);
+var phantomDependency_default = (api) => {
+  api.describe({
+    key: "phantomDependency",
+    config: {
+      schema(Joi) {
+        return Joi.object({
+          exclude: Joi.array().items(Joi.string())
+        });
+      }
+    },
+    enableBy: api.EnableBy.config
+  });
+  api.onStart(() => {
+    if (api.appData.npmClient === "pnpm") {
+      api.logger.warn("Phantom dependencies check is not needed in pnpm.");
+    }
+  });
+  api.onCheckCode((opts) => {
+    if (opts.isFromTmp)
+      return;
+    if (/node_modules/.test(opts.file))
+      return;
+    opts.imports.forEach((imp) => {
+      var _a, _b, _c, _d;
+      const { source, loc } = imp;
+      if (source.startsWith("."))
+        return;
+      if (source.startsWith("/"))
+        return;
+      if (source.startsWith("@/") || source.startsWith("@@/"))
+        return;
+      const pkgName = getPkgName(source);
+      if ((_a = api.config.phantomDependency.exclude) == null ? void 0 : _a.includes(pkgName))
+        return;
+      if ((_b = api.pkg.dependencies) == null ? void 0 : _b[pkgName])
+        return;
+      if ((_c = api.pkg.devDependencies) == null ? void 0 : _c[pkgName])
+        return;
+      if ((_d = api.pkg.clientDependencies) == null ? void 0 : _d[pkgName])
+        return;
+      if (matchAlias(source, api.config.alias || {}))
+        return;
+      if (matchExternals(source, api.config.externals || {}))
+        return;
+      throw new opts.CodeFrameError(`${source} is a phantom dependency, please specify it in package.json.`, loc);
+    });
+  });
+  function getPkgName(source) {
+    const arr = source.split("/");
+    if (source.startsWith("@"))
+      return arr[0] + "/" + arr[1];
+    return arr[0];
+  }
+  function matchAlias(source, alias) {
+    const keys = Object.keys(alias);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      const keyWithSlashAffix = key.endsWith("/") ? key : `${key}/`;
+      if (key.endsWith("$") && source === key.slice(0, -1)) {
+        return true;
+      } else if (source === key || source.startsWith(keyWithSlashAffix)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  function matchExternals(source, externals) {
+    const keys = Object.keys(externals);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      if (source === key) {
+        return true;
+      }
+    }
+    return false;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/features/terminal/terminal.js

@@ -37,7 +37,6 @@ var terminal_default = (api) => {
       path: "core/terminal.ts",
       noPluginDir: true,
       content: `
-const console = globalThis.console;
 let count = 0;
 let groupLevel = 0;
 function send(type: string, message?: string) {

package/dist/features/tmpFiles/tmpFiles.js

@@ -518,7 +518,7 @@ export default function EmptyRoute() {
         content: exports.join("\n")
       });
     },
-    stage: Infinity
+    stage: 1e4
   });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/features/transform/transform.js

@@ -56,7 +56,7 @@ ${(0, import_code_frame.codeFrameColumns)(args.code, err.location, {
                       highlightCode: true,
                       message: err.message
                     })}
-`);
+`, { cause: err });
                   } else if (err instanceof Error) {
                     throw new Error(import_utils.chalk.redBright(err.message));
                   } else {

package/dist/index.js

@@ -43,9 +43,11 @@ var src_default = () => {
       require.resolve("./features/esmi/esmi"),
       require.resolve("./features/exportStatic/exportStatic"),
       require.resolve("./features/favicons/favicons"),
+      require.resolve("./features/icons/icons"),
       require.resolve("./features/mock/mock"),
       require.resolve("./features/mpa/mpa"),
       require.resolve("./features/overrides/overrides"),
+      require.resolve("./features/phantomDependency/phantomDependency"),
       require.resolve("./features/polyfill/polyfill"),
       require.resolve("./features/polyfill/publicPathPolyfill"),
       require.resolve("./features/routePrefetch/routePrefetch"),

package/dist/libs/folderCache/LazySourceCodeCache.d.ts

@@ -18,6 +18,7 @@ export declare class LazySourceCodeCache {
         cachePath: string;
     });
     init(): Promise<void>;
+    getSrcPath(): string;
     loadFiles(files: string[]): Promise<void>;
     private initFileList;
     getMergedCode(): {

package/dist/libs/folderCache/LazySourceCodeCache.js

@@ -59,6 +59,9 @@ var LazySourceCodeCache = class {
     ]);
     await this.loadFiles(files);
   }
+  getSrcPath() {
+    return this.srcPath;
+  }
   async loadFiles(files) {
     const loaded = await this.filesLoader(files);
     for (const f of Object.keys(loaded)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/preset-umi",
-  "version": "4.0.40",
+  "version": "4.0.42",
   "description": "@umijs/preset-umi",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/preset-umi#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -25,19 +25,22 @@
     "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
-    "@umijs/ast": "4.0.40",
-    "@umijs/babel-preset-umi": "4.0.40",
-    "@umijs/bundler-utils": "4.0.40",
-    "@umijs/bundler-vite": "4.0.40",
-    "@umijs/bundler-webpack": "4.0.40",
-    "@umijs/core": "4.0.40",
+    "@iconify-json/fa": "1",
+    "@iconify/utils": "2.0.9",
+    "@svgr/core": "6.2.1",
+    "@umijs/ast": "4.0.42",
+    "@umijs/babel-preset-umi": "4.0.42",
+    "@umijs/bundler-utils": "4.0.42",
+    "@umijs/bundler-vite": "4.0.42",
+    "@umijs/bundler-webpack": "4.0.42",
+    "@umijs/core": "4.0.42",
     "@umijs/did-you-know": "^1.0.0",
     "@umijs/history": "5.3.1",
-    "@umijs/mfsu": "4.0.40",
-    "@umijs/plugin-run": "4.0.40",
-    "@umijs/renderer-react": "4.0.40",
-    "@umijs/server": "4.0.40",
-    "@umijs/utils": "4.0.40",
+    "@umijs/mfsu": "4.0.42",
+    "@umijs/plugin-run": "4.0.42",
+    "@umijs/renderer-react": "4.0.42",
+    "@umijs/server": "4.0.42",
+    "@umijs/utils": "4.0.42",
     "babel-plugin-dynamic-import-node": "2.3.3",
     "click-to-react-component": "^1.0.8",
     "core-js": "3.22.4",

package/templates/TestBrowser.tpl

@@ -6,7 +6,6 @@ import { createPluginManager } from './core/plugin';
 import { getRoutes } from './core/route';
 import type { Location } from 'history';
 
-{{{ polyfillImports }}}
 {{{ importsAhead }}}
 const publicPath = '/';
 const runtimePublicPath = false;