@rsbuild/plugin-svgr 1.0.4 → 1.0.5

package/dist/index.cjs

@@ -3,12 +3,12 @@
 var __webpack_require__ = {};
 /************************************************************************/ // webpack/runtime/compat_get_default_export
 (()=>{
-    // getDefaultExport function for compatibility with non-harmony modules
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
+    // getDefaultExport function for compatibility with non-ESM modules
+    __webpack_require__.n = function(module1) {
+        var getter = module1 && module1.__esModule ? function() {
+            return module1['default'];
         } : function() {
-            return module;
+            return module1;
         };
         __webpack_require__.d(getter, {
             a: getter
@@ -53,9 +53,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 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 = ()=>({
         plugins: [
@@ -117,16 +121,13 @@ const getSvgoDefaultConfig = ()=>({
     return config;
 };
 const PLUGIN_SVGR_NAME = 'rsbuild:svgr';
-const pluginSvgr = function() {
-    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    return {
+const pluginSvgr = (options = {})=>({
         name: PLUGIN_SVGR_NAME,
         pre: [
             plugin_react_namespaceObject.PLUGIN_REACT_NAME
         ],
         setup (api) {
-            api.modifyBundlerChain(async (chain, param)=>{
-                let { CHAIN_ID, environment } = param;
+            api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
                 const { config } = environment;
                 const { dataUriLimit } = config.output;
                 const maxSize = 'number' == typeof dataUriLimit ? dataUriLimit : dataUriLimit.svg;
@@ -147,7 +148,7 @@ const pluginSvgr = function() {
                 // 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(__dirname, './loader.cjs')).options({
+                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,
                     exportType: 'default'
                 }).end();
@@ -170,14 +171,14 @@ const pluginSvgr = function() {
                     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(__dirname, './loader.cjs')).options({
+                    .set('issuer', issuer).use(CHAIN_ID.USE.SVGR).loader(external_node_path_default().resolve(src_dirname, './loader.cjs')).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(__dirname, '../compiled', 'url-loader/index.js')).options({
+         */ if (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
                     });
@@ -207,8 +208,7 @@ const pluginSvgr = function() {
                 });
             });
         }
-    };
-};
+    });
 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', {

package/dist/index.js

@@ -1,9 +1,8 @@
-import { fileURLToPath as __webpack_fileURLToPath__ } from "url";
-import { dirname as __webpack_dirname__ } from "path";
 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";
-var src_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
+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 = ()=>({
         plugins: [
@@ -65,16 +64,13 @@ const getSvgoDefaultConfig = ()=>({
     return config;
 };
 const PLUGIN_SVGR_NAME = 'rsbuild:svgr';
-const pluginSvgr = function() {
-    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    return {
+const pluginSvgr = (options = {})=>({
         name: PLUGIN_SVGR_NAME,
         pre: [
             __WEBPACK_EXTERNAL_MODULE__rsbuild_plugin_react__.PLUGIN_REACT_NAME
         ],
         setup (api) {
-            api.modifyBundlerChain(async (chain, param)=>{
-                let { CHAIN_ID, environment } = param;
+            api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
                 const { config } = environment;
                 const { dataUriLimit } = config.output;
                 const maxSize = 'number' == typeof dataUriLimit ? dataUriLimit : dataUriLimit.svg;
@@ -155,6 +151,5 @@ const pluginSvgr = function() {
                 });
             });
         }
-    };
-};
+    });
 export { PLUGIN_SVGR_NAME, pluginSvgr };

package/dist/loader.cjs

@@ -3,7 +3,7 @@
 var __webpack_require__ = {};
 /************************************************************************/ // webpack/runtime/compat_get_default_export
 (()=>{
-    // getDefaultExport function for compatibility with non-harmony modules
+    // getDefaultExport function for compatibility with non-ESM modules
     __webpack_require__.n = function(module) {
         var getter = module && module.__esModule ? function() {
             return module['default'];
@@ -100,7 +100,7 @@ function svgrLoader(contents) {
     });
     else transformSvg(contents, options, state, callback);
 }
-/* harmony default export */ const loader = svgrLoader;
+/* 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', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svgr",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "svgr plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -28,7 +28,7 @@
     "@svgr/plugin-svgo": "8.1.0",
     "deepmerge": "^4.3.1",
     "loader-utils": "^2.0.4",
-    "@rsbuild/plugin-react": "1.0.4"
+    "@rsbuild/plugin-react": "1.0.6"
   },
   "devDependencies": {
     "@types/node": "18.x",
@@ -37,11 +37,11 @@
     "svgo": "^3.3.2",
     "typescript": "^5.6.3",
     "url-loader": "4.1.1",
-    "@rsbuild/core": "1.0.14",
+    "@rsbuild/core": "1.0.19",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {
-    "@rsbuild/core": "1.x || ^1.0.1-rc.0"
+    "@rsbuild/core": "1.x"
   },
   "publishConfig": {
     "access": "public",