@rsbuild/plugin-svgr 1.0.5 → 1.0.6

package/dist/index.cjs

@@ -1,216 +1,130 @@
 "use strict";
-// The require scope
+let __rslib_import_meta_url__ = 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 var __webpack_require__ = {};
-/************************************************************************/ // webpack/runtime/compat_get_default_export
-(()=>{
-    // getDefaultExport function for compatibility with non-ESM modules
-    __webpack_require__.n = function(module1) {
-        var getter = module1 && module1.__esModule ? function() {
-            return module1['default'];
-        } : function() {
-            return module1;
-        };
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
+__webpack_require__.n = function(module) {
+    var getter = module && module.__esModule ? function() {
+        return module.default;
+    } : function() {
+        return module;
     };
-})();
-// webpack/runtime/define_property_getters
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-// webpack/runtime/has_own_property
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-// webpack/runtime/make_namespace_object
-(()=>{
-    // define __esModule on exports
-    __webpack_require__.r = function(exports1) {
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-/************************************************************************/ var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-    PLUGIN_SVGR_NAME: ()=>/* binding */ PLUGIN_SVGR_NAME,
-    pluginSvgr: ()=>/* binding */ pluginSvgr
+    return __webpack_require__.d(getter, {
+        a: getter
+    }), getter;
+}, __webpack_require__.d = function(exports1, definition) {
+    for(var key in definition)__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key) && Object.defineProperty(exports1, key, {
+        enumerable: !0,
+        get: definition[key]
+    });
+}, __webpack_require__.o = function(obj, prop) {
+    return Object.prototype.hasOwnProperty.call(obj, prop);
+}, __webpack_require__.r = function(exports1) {
+    'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(exports1, Symbol.toStringTag, {
+        value: 'Module'
+    }), Object.defineProperty(exports1, '__esModule', {
+        value: !0
+    });
+};
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, {
+    PLUGIN_SVGR_NAME: ()=>PLUGIN_SVGR_NAME,
+    pluginSvgr: ()=>pluginSvgr
 });
-const external_node_path_namespaceObject = require("node:path");
-var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
-const external_node_url_namespaceObject = require("node:url");
-const plugin_react_namespaceObject = require("@rsbuild/plugin-react");
-const external_deepmerge_namespaceObject = require("deepmerge");
-var external_deepmerge_default = /*#__PURE__*/ __webpack_require__.n(external_deepmerge_namespaceObject);
-const src_dirname = external_node_path_default().dirname((0, external_node_url_namespaceObject.fileURLToPath)(/*#__PURE__*/ function() {
-    return 'undefined' == typeof document ? new (module.require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
-}()));
-const SVG_REGEX = /\.svg$/;
-const getSvgoDefaultConfig = ()=>({
+let external_node_path_namespaceObject = require("node:path");
+var external_node_path_default = __webpack_require__.n(external_node_path_namespaceObject);
+let external_node_url_namespaceObject = require("node:url"), plugin_react_namespaceObject = require("@rsbuild/plugin-react"), external_deepmerge_namespaceObject = require("deepmerge");
+var external_deepmerge_default = __webpack_require__.n(external_deepmerge_namespaceObject);
+let src_dirname = external_node_path_default().dirname((0, external_node_url_namespaceObject.fileURLToPath)(__rslib_import_meta_url__)), SVG_REGEX = /\.svg$/, getSvgoDefaultConfig = ()=>({
         plugins: [
             {
                 name: 'preset-default',
                 params: {
                     overrides: {
-                        // viewBox is required to resize SVGs with CSS.
-                        // @see https://github.com/svg/svgo/issues/1128
-                        removeViewBox: false
+                        removeViewBox: !1
                     }
                 }
             },
             'prefixIds'
         ]
-    });
-/**
- * Dedupe SVGO plugins config.
- *
- * @example
- * Input:
- *   {
- *     plugins: [
- *       { name: 'preset-default', params: { foo: true }],
- *       { name: 'preset-default', params: { bar: true }],
- *     ]
- *   }
- * Output:
- *   {
- *     plugins: [
- *       { name: 'preset-default', params: { foo: true, bar: true }],
- *     ]
- *   }
- */ const dedupeSvgoPlugins = (config)=>{
+    }), dedupeSvgoPlugins = (config)=>{
     if (!config.plugins) return config;
     let mergedPlugins = [];
-    for (const plugin of config.plugins){
+    for (let plugin of config.plugins){
         if ('string' == typeof plugin) {
-            const exist = mergedPlugins.find((item)=>item === plugin || 'object' == typeof item && item.name === plugin);
-            if (!exist) mergedPlugins.push(plugin);
+            !mergedPlugins.find((item)=>item === plugin || 'object' == typeof item && item.name === plugin) && mergedPlugins.push(plugin);
             continue;
         }
-        const strIndex = mergedPlugins.findIndex((item)=>'string' == typeof item && item === plugin.name);
+        let strIndex = mergedPlugins.findIndex((item)=>'string' == typeof item && item === plugin.name);
         if (-1 !== strIndex) {
             mergedPlugins[strIndex] = plugin;
             continue;
         }
-        let isMerged = false;
-        mergedPlugins = mergedPlugins.map((item)=>{
-            if ('object' == typeof item && item.name === plugin.name) {
-                isMerged = true;
-                return external_deepmerge_default()(item, plugin);
-            }
-            return item;
-        });
-        if (!isMerged) mergedPlugins.push(plugin);
+        let isMerged = !1;
+        mergedPlugins = mergedPlugins.map((item)=>'object' == typeof item && item.name === plugin.name ? (isMerged = !0, external_deepmerge_default()(item, plugin)) : item), !isMerged && mergedPlugins.push(plugin);
     }
-    config.plugins = mergedPlugins;
-    return config;
-};
-const PLUGIN_SVGR_NAME = 'rsbuild:svgr';
-const pluginSvgr = (options = {})=>({
+    return config.plugins = mergedPlugins, config;
+}, PLUGIN_SVGR_NAME = 'rsbuild:svgr', pluginSvgr = (options = {})=>({
         name: PLUGIN_SVGR_NAME,
         pre: [
             plugin_react_namespaceObject.PLUGIN_REACT_NAME
         ],
         setup (api) {
             api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
-                const { config } = environment;
-                const { dataUriLimit } = config.output;
-                const maxSize = 'number' == typeof dataUriLimit ? 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');
-                    // delete Rsbuild builtin SVG rules
-                    chain.module.rules.delete(CHAIN_ID.RULE.SVG);
-                }
-                const rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX);
-                const svgrOptions = external_deepmerge_default()({
-                    svgo: true,
+                let { config } = environment, { dataUriLimit } = config.output, maxSize = 'number' == typeof dataUriLimit ? dataUriLimit : dataUriLimit.svg, generatorOptions = {};
+                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));
+                let rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX), svgrOptions = external_deepmerge_default()({
+                    svgo: !0,
                     svgoConfig: getSvgoDefaultConfig()
                 }, options.svgrOptions || {});
-                svgrOptions.svgoConfig = dedupeSvgoPlugins(svgrOptions.svgoConfig);
-                // force to url: "foo.svg?url",
-                rule.oneOf(CHAIN_ID.ONE_OF.SVG_URL).type('asset/resource').resourceQuery(/(__inline=false|url)/).set('generator', generatorOptions);
-                // force to inline: "foo.svg?inline"
-                rule.oneOf(CHAIN_ID.ONE_OF.SVG_INLINE).type('asset/inline').resourceQuery(/inline/);
-                // force to react component: "foo.svg?react"
-                rule.oneOf(CHAIN_ID.ONE_OF.SVG_REACT).type('javascript/auto').resourceQuery(options.query || /react/).use(CHAIN_ID.USE.SVGR).loader(external_node_path_default().resolve(src_dirname, './loader.cjs')).options({
+                svgrOptions.svgoConfig = dedupeSvgoPlugins(svgrOptions.svgoConfig), 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(external_node_path_default().resolve(src_dirname, './loader.mjs')).options({
                     ...svgrOptions,
                     exportType: 'default'
                 }).end();
-                // SVG in JS files
-                const { mixedImport = false } = options;
+                let { mixedImport = !1 } = options;
                 if (mixedImport || svgrOptions.exportType) {
-                    const { exportType = mixedImport ? 'named' : void 0 } = svgrOptions;
-                    const issuerInclude = [
+                    let { exportType = mixedImport ? 'named' : void 0 } = svgrOptions, issuerInclude = [
                         /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/,
                         /\.mdx$/
-                    ];
-                    const issuer = options.excludeImporter ? {
+                    ], 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') // The issuer option ensures that SVGR will only apply if the SVG is imported from a JS file.
-                    .set('issuer', issuer).use(CHAIN_ID.USE.SVGR).loader(external_node_path_default().resolve(src_dirname, './loader.cjs')).options({
+                    } : issuerInclude, svgRule = rule.oneOf(CHAIN_ID.ONE_OF.SVG);
+                    options.exclude && svgRule.exclude.add(options.exclude), svgRule.type('javascript/auto').set('issuer', issuer).use(CHAIN_ID.USE.SVGR).loader(external_node_path_default().resolve(src_dirname, './loader.mjs')).options({
                         ...svgrOptions,
                         exportType
-                    }).end();
-                    /**
-         * For mixed import.
-         * @example import logoUrl, { ReactComponent } from './logo.svg';`
-         */ if (mixedImport && 'named' === exportType) svgRule.use(CHAIN_ID.USE.URL).loader(external_node_path_default().join(src_dirname, '../compiled', 'url-loader/index.js')).options({
+                    }).end(), mixedImport && 'named' === exportType && svgRule.use(CHAIN_ID.USE.URL).loader(external_node_path_default().join(src_dirname, '../compiled', 'url-loader/index.js')).options({
                         limit: maxSize,
                         name: null == generatorOptions ? void 0 : generatorOptions.filename
                     });
                 }
-                // SVG as assets
                 rule.oneOf(CHAIN_ID.ONE_OF.SVG_ASSET).type('asset').parser({
-                    // Inline SVG if size < maxSize
                     dataUrlCondition: {
                         maxSize
                     }
                 }).set('generator', generatorOptions);
-                // apply current JS transform rule to SVGR rules
-                const jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS);
+                let 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 [
+                    let use = jsRule.uses.get(jsUseId);
+                    if (!use) return !1;
+                    for (let oneOfId of [
                         CHAIN_ID.ONE_OF.SVG,
                         CHAIN_ID.ONE_OF.SVG_REACT
                     ]){
                         if (!!rule.oneOfs.has(oneOfId)) rule.oneOf(oneOfId).use(jsUseId).before(CHAIN_ID.USE.SVGR).loader(use.get('loader')).options(use.get('options'));
                     }
-                    return true;
+                    return !0;
                 });
             });
         }
     });
 var __webpack_export_target__ = exports;
-for(var i in __webpack_exports__)__webpack_export_target__[i] = __webpack_exports__[i];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+__webpack_exports__.__esModule && Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: !0
 });

package/dist/index.js

@@ -2,152 +2,92 @@ import * as __WEBPACK_EXTERNAL_MODULE_node_path__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE_node_url__ from "node:url";
 import * as __WEBPACK_EXTERNAL_MODULE__rsbuild_plugin_react__ from "@rsbuild/plugin-react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepmerge__ from "deepmerge";
-const src_dirname = __WEBPACK_EXTERNAL_MODULE_node_path__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url__.fileURLToPath)(import.meta.url));
-const SVG_REGEX = /\.svg$/;
-const getSvgoDefaultConfig = ()=>({
+let src_dirname = __WEBPACK_EXTERNAL_MODULE_node_path__.default.dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url__.fileURLToPath)(import.meta.url)), SVG_REGEX = /\.svg$/, getSvgoDefaultConfig = ()=>({
         plugins: [
             {
                 name: 'preset-default',
                 params: {
                     overrides: {
-                        // viewBox is required to resize SVGs with CSS.
-                        // @see https://github.com/svg/svgo/issues/1128
-                        removeViewBox: false
+                        removeViewBox: !1
                     }
                 }
             },
             'prefixIds'
         ]
-    });
-/**
- * Dedupe SVGO plugins config.
- *
- * @example
- * Input:
- *   {
- *     plugins: [
- *       { name: 'preset-default', params: { foo: true }],
- *       { name: 'preset-default', params: { bar: true }],
- *     ]
- *   }
- * Output:
- *   {
- *     plugins: [
- *       { name: 'preset-default', params: { foo: true, bar: true }],
- *     ]
- *   }
- */ const dedupeSvgoPlugins = (config)=>{
+    }), dedupeSvgoPlugins = (config)=>{
     if (!config.plugins) return config;
     let mergedPlugins = [];
-    for (const plugin of config.plugins){
+    for (let plugin of config.plugins){
         if ('string' == typeof plugin) {
-            const exist = mergedPlugins.find((item)=>item === plugin || 'object' == typeof item && item.name === plugin);
-            if (!exist) mergedPlugins.push(plugin);
+            !mergedPlugins.find((item)=>item === plugin || 'object' == typeof item && item.name === plugin) && mergedPlugins.push(plugin);
             continue;
         }
-        const strIndex = mergedPlugins.findIndex((item)=>'string' == typeof item && item === plugin.name);
+        let strIndex = mergedPlugins.findIndex((item)=>'string' == typeof item && item === plugin.name);
         if (-1 !== strIndex) {
             mergedPlugins[strIndex] = plugin;
             continue;
         }
-        let isMerged = false;
-        mergedPlugins = mergedPlugins.map((item)=>{
-            if ('object' == typeof item && item.name === plugin.name) {
-                isMerged = true;
-                return (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__["default"])(item, plugin);
-            }
-            return item;
-        });
-        if (!isMerged) mergedPlugins.push(plugin);
+        let isMerged = !1;
+        mergedPlugins = mergedPlugins.map((item)=>'object' == typeof item && item.name === plugin.name ? (isMerged = !0, (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__.default)(item, plugin)) : item), !isMerged && mergedPlugins.push(plugin);
     }
-    config.plugins = mergedPlugins;
-    return config;
-};
-const PLUGIN_SVGR_NAME = 'rsbuild:svgr';
-const pluginSvgr = (options = {})=>({
+    return config.plugins = mergedPlugins, config;
+}, PLUGIN_SVGR_NAME = 'rsbuild:svgr', pluginSvgr = (options = {})=>({
         name: PLUGIN_SVGR_NAME,
         pre: [
             __WEBPACK_EXTERNAL_MODULE__rsbuild_plugin_react__.PLUGIN_REACT_NAME
         ],
         setup (api) {
             api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
-                const { config } = environment;
-                const { dataUriLimit } = config.output;
-                const maxSize = 'number' == typeof dataUriLimit ? 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');
-                    // delete Rsbuild builtin SVG rules
-                    chain.module.rules.delete(CHAIN_ID.RULE.SVG);
-                }
-                const rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX);
-                const svgrOptions = (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__["default"])({
-                    svgo: true,
+                let { config } = environment, { dataUriLimit } = config.output, maxSize = 'number' == typeof dataUriLimit ? dataUriLimit : dataUriLimit.svg, generatorOptions = {};
+                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));
+                let rule = chain.module.rule(CHAIN_ID.RULE.SVG).test(SVG_REGEX), svgrOptions = (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__.default)({
+                    svgo: !0,
                     svgoConfig: getSvgoDefaultConfig()
                 }, options.svgrOptions || {});
-                svgrOptions.svgoConfig = dedupeSvgoPlugins(svgrOptions.svgoConfig);
-                // force to url: "foo.svg?url",
-                rule.oneOf(CHAIN_ID.ONE_OF.SVG_URL).type('asset/resource').resourceQuery(/(__inline=false|url)/).set('generator', generatorOptions);
-                // force to inline: "foo.svg?inline"
-                rule.oneOf(CHAIN_ID.ONE_OF.SVG_INLINE).type('asset/inline').resourceQuery(/inline/);
-                // force to react component: "foo.svg?react"
-                rule.oneOf(CHAIN_ID.ONE_OF.SVG_REACT).type('javascript/auto').resourceQuery(options.query || /react/).use(CHAIN_ID.USE.SVGR).loader(__WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(src_dirname, './loader.cjs')).options({
+                svgrOptions.svgoConfig = dedupeSvgoPlugins(svgrOptions.svgoConfig), 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(__WEBPACK_EXTERNAL_MODULE_node_path__.default.resolve(src_dirname, './loader.mjs')).options({
                     ...svgrOptions,
                     exportType: 'default'
                 }).end();
-                // SVG in JS files
-                const { mixedImport = false } = options;
+                let { mixedImport = !1 } = options;
                 if (mixedImport || svgrOptions.exportType) {
-                    const { exportType = mixedImport ? 'named' : void 0 } = svgrOptions;
-                    const issuerInclude = [
+                    let { exportType = mixedImport ? 'named' : void 0 } = svgrOptions, issuerInclude = [
                         /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/,
                         /\.mdx$/
-                    ];
-                    const issuer = options.excludeImporter ? {
+                    ], 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') // The issuer option ensures that SVGR will only apply if the SVG is imported from a JS file.
-                    .set('issuer', issuer).use(CHAIN_ID.USE.SVGR).loader(__WEBPACK_EXTERNAL_MODULE_node_path__["default"].resolve(src_dirname, './loader.cjs')).options({
+                    } : issuerInclude, svgRule = rule.oneOf(CHAIN_ID.ONE_OF.SVG);
+                    options.exclude && svgRule.exclude.add(options.exclude), svgRule.type('javascript/auto').set('issuer', issuer).use(CHAIN_ID.USE.SVGR).loader(__WEBPACK_EXTERNAL_MODULE_node_path__.default.resolve(src_dirname, './loader.mjs')).options({
                         ...svgrOptions,
                         exportType
-                    }).end();
-                    /**
-         * For mixed import.
-         * @example import logoUrl, { ReactComponent } from './logo.svg';`
-         */ if (mixedImport && 'named' === exportType) svgRule.use(CHAIN_ID.USE.URL).loader(__WEBPACK_EXTERNAL_MODULE_node_path__["default"].join(src_dirname, '../compiled', 'url-loader/index.js')).options({
+                    }).end(), mixedImport && 'named' === exportType && svgRule.use(CHAIN_ID.USE.URL).loader(__WEBPACK_EXTERNAL_MODULE_node_path__.default.join(src_dirname, '../compiled', 'url-loader/index.js')).options({
                         limit: maxSize,
                         name: null == generatorOptions ? void 0 : generatorOptions.filename
                     });
                 }
-                // SVG as assets
                 rule.oneOf(CHAIN_ID.ONE_OF.SVG_ASSET).type('asset').parser({
-                    // Inline SVG if size < maxSize
                     dataUrlCondition: {
                         maxSize
                     }
                 }).set('generator', generatorOptions);
-                // apply current JS transform rule to SVGR rules
-                const jsRule = chain.module.rules.get(CHAIN_ID.RULE.JS);
+                let 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 [
+                    let use = jsRule.uses.get(jsUseId);
+                    if (!use) return !1;
+                    for (let oneOfId of [
                         CHAIN_ID.ONE_OF.SVG,
                         CHAIN_ID.ONE_OF.SVG_REACT
                     ]){
                         if (!!rule.oneOfs.has(oneOfId)) rule.oneOf(oneOfId).use(jsUseId).before(CHAIN_ID.USE.SVGR).loader(use.get('loader')).options(use.get('options'));
                     }
-                    return true;
+                    return !0;
                 });
             });
         }

package/dist/loader.mjs

@@ -0,0 +1,49 @@
+import * as __WEBPACK_EXTERNAL_MODULE_node_path__ from "node:path";
+import * as __WEBPACK_EXTERNAL_MODULE_node_util__ from "node:util";
+import * as __WEBPACK_EXTERNAL_MODULE__svgr_core__ from "@svgr/core";
+import * as __WEBPACK_EXTERNAL_MODULE__svgr_plugin_jsx__ from "@svgr/plugin-jsx";
+import * as __WEBPACK_EXTERNAL_MODULE__svgr_plugin_svgo__ from "@svgr/plugin-svgo";
+/**
+ * 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
+ */ const transformSvg = (0, __WEBPACK_EXTERNAL_MODULE_node_util__.callbackify)(async (contents, config, state)=>(0, __WEBPACK_EXTERNAL_MODULE__svgr_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: [
+                __WEBPACK_EXTERNAL_MODULE__svgr_plugin_svgo__["default"],
+                __WEBPACK_EXTERNAL_MODULE__svgr_plugin_jsx__["default"]
+            ]
+        },
+        filePath: (0, __WEBPACK_EXTERNAL_MODULE_node_path__.normalize)(this.resourcePath)
+    };
+    if (previousExport) this.fs.readFile(this.resourcePath, (err, result)=>{
+        if (err) {
+            callback(err);
+            return;
+        }
+        transformSvg(String(result), options, state, (err, content)=>{
+            if (err) {
+                callback(err);
+                return;
+            }
+            callback(null, content);
+        });
+    });
+    else transformSvg(contents, options, state, callback);
+}
+/* ESM default export */ const loader_rslib_entry_ = svgrLoader;
+export { loader_rslib_entry_ as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svgr",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "svgr plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -28,16 +28,17 @@
     "@svgr/plugin-svgo": "8.1.0",
     "deepmerge": "^4.3.1",
     "loader-utils": "^2.0.4",
-    "@rsbuild/plugin-react": "1.0.6"
+    "@rsbuild/plugin-react": "1.1.0"
   },
   "devDependencies": {
-    "@types/node": "18.x",
+    "@rslib/core": "0.1.3",
+    "@types/node": "^22.10.1",
     "file-loader": "6.2.0",
-    "prebundle": "1.2.2",
+    "prebundle": "1.2.5",
     "svgo": "^3.3.2",
-    "typescript": "^5.6.3",
+    "typescript": "^5.7.2",
     "url-loader": "4.1.1",
-    "@rsbuild/core": "1.0.19",
+    "@rsbuild/core": "1.1.9",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {

package/dist/loader.cjs

@@ -1,108 +0,0 @@
-"use strict";
-// The require scope
-var __webpack_require__ = {};
-/************************************************************************/ // webpack/runtime/compat_get_default_export
-(()=>{
-    // getDefaultExport function for compatibility with non-ESM modules
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-// webpack/runtime/define_property_getters
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-// webpack/runtime/has_own_property
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-// webpack/runtime/make_namespace_object
-(()=>{
-    // define __esModule on exports
-    __webpack_require__.r = function(exports1) {
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-/************************************************************************/ var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>/* binding */ loader
-});
-const external_node_path_namespaceObject = require("node:path");
-const external_node_util_namespaceObject = require("node:util");
-const core_namespaceObject = require("@svgr/core");
-const plugin_jsx_namespaceObject = require("@svgr/plugin-jsx");
-var plugin_jsx_default = /*#__PURE__*/ __webpack_require__.n(plugin_jsx_namespaceObject);
-const plugin_svgo_namespaceObject = require("@svgr/plugin-svgo");
-var plugin_svgo_default = /*#__PURE__*/ __webpack_require__.n(plugin_svgo_namespaceObject);
-/**
- * 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
- */ const transformSvg = (0, external_node_util_namespaceObject.callbackify)(async (contents, config, state)=>(0, core_namespaceObject.transform)(contents, config, state));
-function svgrLoader(contents) {
-    var _this;
-    null === (_this = this) || void 0 === _this || _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: [
-                plugin_svgo_default(),
-                plugin_jsx_default()
-            ]
-        },
-        filePath: (0, external_node_path_namespaceObject.normalize)(this.resourcePath)
-    };
-    if (previousExport) this.fs.readFile(this.resourcePath, (err, result)=>{
-        if (err) {
-            callback(err);
-            return;
-        }
-        transformSvg(String(result), options, state, (err, content)=>{
-            if (err) {
-                callback(err);
-                return;
-            }
-            callback(null, content);
-        });
-    });
-    else transformSvg(contents, options, state, callback);
-}
-/* ESM default export */ const loader = svgrLoader;
-var __webpack_export_target__ = exports;
-for(var i in __webpack_exports__)__webpack_export_target__[i] = __webpack_exports__[i];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
-});