@rsbuild/plugin-svgr 0.0.17 → 0.0.19

package/dist/index.d.ts

@@ -1,9 +1,12 @@
 import { DefaultRsbuildPlugin } from '@rsbuild/shared';
-export type SvgDefaultExport = 'component' | 'url';
-export type PluginSvgrOptions = {
-  /**
-   * Configure the default export type of SVG files.
-   */
-  svgDefaultExport?: SvgDefaultExport;
+
+type SvgDefaultExport = 'component' | 'url';
+type PluginSvgrOptions = {
+    /**
+     * Configure the default export type of SVG files.
+     */
+    svgDefaultExport?: SvgDefaultExport;
 };
-export declare const pluginSvgr: (options?: PluginSvgrOptions) => DefaultRsbuildPlugin;
+declare const pluginSvgr: (options?: PluginSvgrOptions) => DefaultRsbuildPlugin;
+
+export { PluginSvgrOptions, SvgDefaultExport, pluginSvgr };

package/dist/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
 var src_exports = {};
 __export(src_exports, {
   pluginSvgr: () => pluginSvgr
@@ -50,7 +52,7 @@ function getSvgoDefaultConfig() {
     ]
   };
 }
-const pluginSvgr = (options = {}) => ({
+var pluginSvgr = (options = {}) => ({
   name: "plugin-svgr",
   setup(api) {
     api.modifyBundlerChain(async (chain, { isProd, CHAIN_ID }) => {

package/dist/index.mjs

@@ -0,0 +1,86 @@
+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.2.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: "plugin-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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-svgr",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "svgr plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -11,6 +11,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     }
   },
@@ -22,13 +23,13 @@
   "dependencies": {
     "@svgr/webpack": "8.0.1",
     "url-loader": "4.1.1",
-    "@rsbuild/shared": "0.0.17"
+    "@rsbuild/shared": "0.0.19"
   },
   "devDependencies": {
     "@types/node": "^16",
     "typescript": "^5.2.2",
-    "@rsbuild/test-helper": "0.0.17",
-    "@rsbuild/core": "0.0.17"
+    "@rsbuild/core": "0.0.19",
+    "@rsbuild/test-helper": "0.0.19"
   },
   "publishConfig": {
     "access": "public",