@rsbuild/plugin-svgr 1.0.0 → 1.0.1-beta.1

package/compiled/url-loader/license

@@ -0,0 +1,20 @@
+Copyright JS Foundation and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/compiled/url-loader/package.json

@@ -0,0 +1 @@
+{"name":"url-loader","author":"Tobias Koppers @sokra","version":"4.1.1","funding":{"type":"opencollective","url":"https://opencollective.com/webpack"},"license":"MIT","types":"index.d.ts","type":"commonjs"}

package/compiled/url-loader/schema-utils.js

@@ -0,0 +1 @@
+module.exports.validate = () => {};

package/dist/index.cjs

@@ -0,0 +1,139 @@
+"use strict";
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PLUGIN_SVGR_NAME: () => PLUGIN_SVGR_NAME,
+  pluginSvgr: () => pluginSvgr
+});
+module.exports = __toCommonJS(src_exports);
+var import_node_path = __toESM(require("path"));
+var import_plugin_react = require("@rsbuild/plugin-react");
+var import_deepmerge = __toESM(require("deepmerge"));
+var SVG_REGEX = /\.svg$/;
+function getSvgoDefaultConfig() {
+  return {
+    plugins: [
+      {
+        name: "preset-default",
+        params: {
+          overrides: {
+            // viewBox is required to resize SVGs with CSS.
+            // @see https://github.com/svg/svgo/issues/1128
+            removeViewBox: false
+          }
+        }
+      },
+      "prefixIds"
+    ]
+  };
+}
+var PLUGIN_SVGR_NAME = "rsbuild:svgr";
+var pluginSvgr = (options = {}) => ({
+  name: PLUGIN_SVGR_NAME,
+  pre: [import_plugin_react.PLUGIN_REACT_NAME],
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, environment }) => {
+      const { config } = environment;
+      const { dataUriLimit } = config.output;
+      const maxSize = typeof dataUriLimit === "number" ? dataUriLimit : dataUriLimit.svg;
+      let generatorOptions = {};
+      if (chain.module.rules.has(CHAIN_ID.RULE.SVG)) {
+        generatorOptions = chain.module.rules.get(CHAIN_ID.RULE.SVG).oneOfs.get(CHAIN_ID.ONE_OF.SVG_URL).get("generator");
+        chain.module.rules.delete(CHAIN_ID.RULE.SVG);
+      }
+      const rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX);
+      const svgrOptions = (0, import_deepmerge.default)(
+        {
+          svgo: true,
+          svgoConfig: getSvgoDefaultConfig()
+        },
+        options.svgrOptions || {}
+      );
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_URL).type("asset/resource").resourceQuery(/(__inline=false|url)/).set("generator", generatorOptions);
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_INLINE).type("asset/inline").resourceQuery(/inline/);
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_REACT).type("javascript/auto").resourceQuery(options.query || /react/).use(CHAIN_ID.USE.SVGR).loader(import_node_path.default.resolve(__dirname, "./loader.cjs")).options({
+        ...svgrOptions,
+        exportType: "default"
+      }).end();
+      const { mixedImport = false } = options;
+      if (mixedImport || svgrOptions.exportType) {
+        const { exportType = mixedImport ? "named" : void 0 } = svgrOptions;
+        const issuerInclude = [
+          /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/,
+          /\.mdx$/
+        ];
+        const issuer = options.excludeImporter ? { and: [issuerInclude, { not: options.excludeImporter }] } : issuerInclude;
+        const svgRule = rule.oneOf(CHAIN_ID.ONE_OF.SVG);
+        if (options.exclude) {
+          svgRule.exclude.add(options.exclude);
+        }
+        svgRule.type("javascript/auto").set("issuer", issuer).use(CHAIN_ID.USE.SVGR).loader(import_node_path.default.resolve(__dirname, "./loader.cjs")).options({
+          ...svgrOptions,
+          exportType
+        }).end();
+        if (mixedImport && exportType === "named") {
+          svgRule.use(CHAIN_ID.USE.URL).loader(import_node_path.default.join(__dirname, "../compiled", "url-loader/index.js")).options({
+            limit: maxSize,
+            name: generatorOptions?.filename
+          });
+        }
+      }
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_ASSET).type("asset").parser({
+        // Inline SVG if size < maxSize
+        dataUrlCondition: {
+          maxSize
+        }
+      }).set("generator", generatorOptions);
+      const jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS);
+      [CHAIN_ID.USE.SWC, CHAIN_ID.USE.BABEL].some((jsUseId) => {
+        const use = jsRule.uses.get(jsUseId);
+        if (!use) {
+          return false;
+        }
+        for (const oneOfId of [
+          CHAIN_ID.ONE_OF.SVG,
+          CHAIN_ID.ONE_OF.SVG_REACT
+        ]) {
+          if (!rule.oneOfs.has(oneOfId)) {
+            continue;
+          }
+          rule.oneOf(oneOfId).use(jsUseId).before(CHAIN_ID.USE.SVGR).loader(use.get("loader")).options(use.get("options"));
+        }
+        return true;
+      });
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PLUGIN_SVGR_NAME,
+  pluginSvgr
+});

package/dist/index.d.ts

@@ -1,12 +1,30 @@
-import { RsbuildPlugin } from '@rsbuild/core';
-
-type SvgDefaultExport = 'component' | 'url';
-type PluginSvgrOptions = {
+import type { RsbuildPlugin, Rspack } from '@rsbuild/core';
+import type { Config } from '@svgr/core';
+export type SvgDefaultExport = 'component' | 'url';
+export type PluginSvgrOptions = {
     /**
-     * Configure the default export type of SVG files.
+     * Configure SVGR options.
+     * @see https://react-svgr.com/docs/options/
      */
-    svgDefaultExport?: SvgDefaultExport;
+    svgrOptions?: Config;
+    /**
+     * Whether to allow the use of default import and named import at the same time.
+     * @default false
+     */
+    mixedImport?: boolean;
+    /**
+     * Custom query suffix to match SVGR transformation.
+     * @default /react/
+     */
+    query?: RegExp;
+    /**
+     * Exclude some SVG files, they will not be transformed by SVGR.
+     */
+    exclude?: Rspack.RuleSetCondition;
+    /**
+     * Exclude some modules, the SVGs imported by these modules will not be transformed by SVGR.
+     */
+    excludeImporter?: Rspack.RuleSetCondition;
 };
-declare const pluginSvgr: (options?: PluginSvgrOptions) => RsbuildPlugin;
-
-export { PluginSvgrOptions, SvgDefaultExport, pluginSvgr };
+export declare const PLUGIN_SVGR_NAME = "rsbuild:svgr";
+export declare const pluginSvgr: (options?: PluginSvgrOptions) => RsbuildPlugin;

package/dist/index.js

@@ -1,40 +1,19 @@
-"use strict";
-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(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+import { createRequire } from 'module';
+var require = createRequire(import.meta['url']);
+
+
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.55.0_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
+import { fileURLToPath } from "url";
+import path from "path";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  pluginSvgr: () => pluginSvgr
-});
-module.exports = __toCommonJS(src_exports);
-var import_path = __toESM(require("path"));
-var import_shared = require("@rsbuild/shared");
+import path2 from "path";
+import { PLUGIN_REACT_NAME } from "@rsbuild/plugin-react";
+import deepmerge from "deepmerge";
+var SVG_REGEX = /\.svg$/;
 function getSvgoDefaultConfig() {
   return {
     plugins: [
@@ -52,47 +31,84 @@ function getSvgoDefaultConfig() {
     ]
   };
 }
+var PLUGIN_SVGR_NAME = "rsbuild:svgr";
 var pluginSvgr = (options = {}) => ({
-  name: "rsbuild:svgr",
+  name: PLUGIN_SVGR_NAME,
+  pre: [PLUGIN_REACT_NAME],
   setup(api) {
-    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID }) => {
-      const config = api.getNormalizedConfig();
-      const { svgDefaultExport = "url" } = options;
-      const assetType = "svg";
-      const distDir = (0, import_shared.getDistPath)(config.output, assetType);
-      const filename = (0, import_shared.getFilename)(config.output, assetType, isProd);
-      const outputName = import_path.default.posix.join(distDir, filename);
-      const maxSize = config.output.dataUriLimit[assetType];
-      chain.module.rules.delete(CHAIN_ID.RULE.SVG);
-      const rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(import_shared.SVG_REGEX);
-      (0, import_shared.chainStaticAssetRule)({
-        rule,
-        maxSize,
-        filename: import_path.default.posix.join(distDir, filename),
-        assetType,
-        issuer: {
-          // The issuer option ensures that SVGR will only apply if the SVG is imported from a JS file.
-          not: [import_shared.JS_REGEX, import_shared.TS_REGEX]
-        }
-      });
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, environment }) => {
+      const { config } = environment;
+      const { dataUriLimit } = config.output;
+      const maxSize = typeof dataUriLimit === "number" ? dataUriLimit : dataUriLimit.svg;
+      let generatorOptions = {};
+      if (chain.module.rules.has(CHAIN_ID.RULE.SVG)) {
+        generatorOptions = chain.module.rules.get(CHAIN_ID.RULE.SVG).oneOfs.get(CHAIN_ID.ONE_OF.SVG_URL).get("generator");
+        chain.module.rules.delete(CHAIN_ID.RULE.SVG);
+      }
+      const rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX);
+      const svgrOptions = deepmerge(
+        {
+          svgo: true,
+          svgoConfig: getSvgoDefaultConfig()
+        },
+        options.svgrOptions || {}
+      );
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_URL).type("asset/resource").resourceQuery(/(__inline=false|url)/).set("generator", generatorOptions);
       rule.oneOf(CHAIN_ID.ONE_OF.SVG_INLINE).type("asset/inline").resourceQuery(/inline/);
-      rule.oneOf(CHAIN_ID.ONE_OF.SVG_URL).type("asset/resource").resourceQuery(/url/).set("generator", {
-        filename: outputName
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_REACT).type("javascript/auto").resourceQuery(options.query || /react/).use(CHAIN_ID.USE.SVGR).loader(path2.resolve(__dirname, "./loader.cjs")).options({
+        ...svgrOptions,
+        exportType: "default"
+      }).end();
+      const { mixedImport = false } = options;
+      if (mixedImport || svgrOptions.exportType) {
+        const { exportType = mixedImport ? "named" : void 0 } = svgrOptions;
+        const issuerInclude = [
+          /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/,
+          /\.mdx$/
+        ];
+        const issuer = options.excludeImporter ? { and: [issuerInclude, { not: options.excludeImporter }] } : issuerInclude;
+        const svgRule = rule.oneOf(CHAIN_ID.ONE_OF.SVG);
+        if (options.exclude) {
+          svgRule.exclude.add(options.exclude);
+        }
+        svgRule.type("javascript/auto").set("issuer", issuer).use(CHAIN_ID.USE.SVGR).loader(path2.resolve(__dirname, "./loader.cjs")).options({
+          ...svgrOptions,
+          exportType
+        }).end();
+        if (mixedImport && exportType === "named") {
+          svgRule.use(CHAIN_ID.USE.URL).loader(path2.join(__dirname, "../compiled", "url-loader/index.js")).options({
+            limit: maxSize,
+            name: generatorOptions?.filename
+          });
+        }
+      }
+      rule.oneOf(CHAIN_ID.ONE_OF.SVG_ASSET).type("asset").parser({
+        // Inline SVG if size < maxSize
+        dataUrlCondition: {
+          maxSize
+        }
+      }).set("generator", generatorOptions);
+      const jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS);
+      [CHAIN_ID.USE.SWC, CHAIN_ID.USE.BABEL].some((jsUseId) => {
+        const use = jsRule.uses.get(jsUseId);
+        if (!use) {
+          return false;
+        }
+        for (const oneOfId of [
+          CHAIN_ID.ONE_OF.SVG,
+          CHAIN_ID.ONE_OF.SVG_REACT
+        ]) {
+          if (!rule.oneOfs.has(oneOfId)) {
+            continue;
+          }
+          rule.oneOf(oneOfId).use(jsUseId).before(CHAIN_ID.USE.SVGR).loader(use.get("loader")).options(use.get("options"));
+        }
+        return true;
       });
-      rule.oneOf(CHAIN_ID.ONE_OF.SVG).type("javascript/auto").use(CHAIN_ID.USE.SVGR).loader(require.resolve("@svgr/webpack")).options({
-        svgo: true,
-        svgoConfig: getSvgoDefaultConfig()
-      }).end().when(
-        svgDefaultExport === "url",
-        (c) => c.use(CHAIN_ID.USE.URL).loader(require.resolve("url-loader")).options({
-          limit: config.output.dataUriLimit.svg,
-          name: outputName
-        })
-      );
     });
   }
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
+  PLUGIN_SVGR_NAME,
   pluginSvgr
-});
+};

package/dist/loader.cjs

@@ -0,0 +1,80 @@
+"use strict";
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/loader.ts
+var loader_exports = {};
+__export(loader_exports, {
+  default: () => loader_default
+});
+module.exports = __toCommonJS(loader_exports);
+var import_node_path = require("path");
+var import_node_util = require("util");
+var import_core = require("@svgr/core");
+var import_plugin_jsx = __toESM(require("@svgr/plugin-jsx"));
+var import_plugin_svgo = __toESM(require("@svgr/plugin-svgo"));
+var transformSvg = (0, import_node_util.callbackify)(
+  async (contents, config, state) => (0, import_core.transform)(contents, config, state)
+);
+function svgrLoader(contents) {
+  this?.cacheable();
+  const callback = this.async();
+  const options = this.getOptions();
+  const previousExport = (() => {
+    if (contents.startsWith("export "))
+      return contents;
+    const exportMatches = contents.match(/^module.exports\s*=\s*(.*)/);
+    return exportMatches ? `export default ${exportMatches[1]}` : null;
+  })();
+  const state = {
+    caller: {
+      name: "@rsbuild/plugin-svgr",
+      previousExport,
+      defaultPlugins: [import_plugin_svgo.default, import_plugin_jsx.default]
+    },
+    filePath: (0, import_node_path.normalize)(this.resourcePath)
+  };
+  if (!previousExport) {
+    transformSvg(contents, options, state, callback);
+  } else {
+    this.fs.readFile(this.resourcePath, (err, result) => {
+      if (err) {
+        callback(err);
+        return;
+      }
+      transformSvg(String(result), options, state, (err2, content) => {
+        if (err2) {
+          callback(err2);
+          return;
+        }
+        callback(null, content);
+      });
+    });
+  }
+}
+var loader_default = svgrLoader;

package/dist/loader.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2017, Smooth Code
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * modified from https://github.com/gregberge/svgr/blob/7595d378b73d4826a4cead165b3f32386b07315b/packages/webpack/src/index.ts
+ */
+import type { Rspack } from '@rsbuild/core';
+import { type Config } from '@svgr/core';
+declare function svgrLoader(this: Rspack.LoaderContext<Config>, contents: string): void;
+export default svgrLoader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svgr",
-  "version": "1.0.0",
+  "version": "1.0.1-beta.1",
   "description": "svgr plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -8,28 +8,39 @@
     "directory": "packages/plugin-svgr"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "compiled"
   ],
   "dependencies": {
-    "@svgr/webpack": "8.0.1",
-    "url-loader": "4.1.1",
-    "@rsbuild/shared": "1.0.0"
+    "@svgr/core": "8.1.0",
+    "@svgr/plugin-jsx": "8.1.0",
+    "@svgr/plugin-svgo": "8.1.0",
+    "deepmerge": "^4.3.1",
+    "loader-utils": "^2.0.4",
+    "@rsbuild/plugin-react": "1.0.1-beta.1"
   },
   "devDependencies": {
-    "@types/node": "^16",
-    "typescript": "^5.3.0",
-    "@rsbuild/core": "1.0.0",
-    "@rsbuild/test-helper": "1.0.0"
+    "@types/node": "18.x",
+    "file-loader": "6.2.0",
+    "prebundle": "1.2.2",
+    "typescript": "^5.5.2",
+    "url-loader": "4.1.1",
+    "@rsbuild/core": "1.0.1-beta.1",
+    "@scripts/test-helper": "1.0.1-beta.1"
+  },
+  "peerDependencies": {
+    "@rsbuild/core": "^1.0.1-beta.0"
   },
   "publishConfig": {
     "access": "public",
@@ -38,6 +49,7 @@
   },
   "scripts": {
     "build": "modern build",
-    "dev": "modern build --watch"
+    "dev": "modern build --watch",
+    "prebundle": "prebundle"
   }
 }

package/dist/index.mjs

@@ -1,86 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
-import { fileURLToPath } from "url";
-import path from "path";
-
-// ../../scripts/require_shims.js
-import { createRequire } from "module";
-global.require = createRequire(import.meta.url);
-
-// src/index.ts
-import path2 from "path";
-import {
-  JS_REGEX,
-  TS_REGEX,
-  SVG_REGEX,
-  getDistPath,
-  getFilename,
-  chainStaticAssetRule
-} from "@rsbuild/shared";
-function getSvgoDefaultConfig() {
-  return {
-    plugins: [
-      {
-        name: "preset-default",
-        params: {
-          overrides: {
-            // viewBox is required to resize SVGs with CSS.
-            // @see https://github.com/svg/svgo/issues/1128
-            removeViewBox: false
-          }
-        }
-      },
-      "prefixIds"
-    ]
-  };
-}
-var pluginSvgr = (options = {}) => ({
-  name: "rsbuild:svgr",
-  setup(api) {
-    api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID }) => {
-      const config = api.getNormalizedConfig();
-      const { svgDefaultExport = "url" } = options;
-      const assetType = "svg";
-      const distDir = getDistPath(config.output, assetType);
-      const filename = getFilename(config.output, assetType, isProd);
-      const outputName = path2.posix.join(distDir, filename);
-      const maxSize = config.output.dataUriLimit[assetType];
-      chain.module.rules.delete(CHAIN_ID.RULE.SVG);
-      const rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX);
-      chainStaticAssetRule({
-        rule,
-        maxSize,
-        filename: path2.posix.join(distDir, filename),
-        assetType,
-        issuer: {
-          // The issuer option ensures that SVGR will only apply if the SVG is imported from a JS file.
-          not: [JS_REGEX, TS_REGEX]
-        }
-      });
-      rule.oneOf(CHAIN_ID.ONE_OF.SVG_INLINE).type("asset/inline").resourceQuery(/inline/);
-      rule.oneOf(CHAIN_ID.ONE_OF.SVG_URL).type("asset/resource").resourceQuery(/url/).set("generator", {
-        filename: outputName
-      });
-      rule.oneOf(CHAIN_ID.ONE_OF.SVG).type("javascript/auto").use(CHAIN_ID.USE.SVGR).loader(__require.resolve("@svgr/webpack")).options({
-        svgo: true,
-        svgoConfig: getSvgoDefaultConfig()
-      }).end().when(
-        svgDefaultExport === "url",
-        (c) => c.use(CHAIN_ID.USE.URL).loader(__require.resolve("url-loader")).options({
-          limit: config.output.dataUriLimit.svg,
-          name: outputName
-        })
-      );
-    });
-  }
-});
-export {
-  pluginSvgr
-};