vite-plugin-svgr 5.0.0 → 5.1.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { type FilterPattern } from "@rollup/pluginutils";
-import { type Config } from "@svgr/core";
-import type { EsbuildTransformOptions, Plugin, TransformOptions as OxcTransformOptions } from "vite";
+import type { Config } from "@svgr/core";
+import type { EsbuildTransformOptions, Plugin, transformWithOxc } from "vite";
+type OxcTransformOptions = NonNullable<Parameters<typeof transformWithOxc>[2]>;
 export interface VitePluginSvgrOptions {
     svgrOptions?: Config;
     esbuildOptions?: EsbuildTransformOptions;
@@ -9,3 +10,4 @@ export interface VitePluginSvgrOptions {
     include?: FilterPattern;
 }
 export default function vitePluginSvgr({ svgrOptions, esbuildOptions, oxcOptions, include, exclude, }?: VitePluginSvgrOptions): Plugin;
+export {};

package/dist/index.js

@@ -1,6 +1,4 @@
 import { createFilter } from "@rollup/pluginutils";
-import { transform as svgrTransform } from "@svgr/core";
-import jsx from "@svgr/plugin-jsx";
 import fs from "node:fs";
 export default function vitePluginSvgr({ svgrOptions, esbuildOptions, oxcOptions, include = "**/*.svg?react", exclude, } = {}) {
     const filter = createFilter(include, exclude);
@@ -14,6 +12,8 @@ export default function vitePluginSvgr({ svgrOptions, esbuildOptions, oxcOptions
             }
             const filePath = id.replace(postfixRE, "");
             const svgCode = await fs.promises.readFile(filePath, "utf8");
+            const { transform: svgrTransform } = await import("@svgr/core");
+            const { default: jsx } = await import("@svgr/plugin-jsx");
             const componentCode = await svgrTransform(svgCode, svgrOptions, {
                 filePath,
                 caller: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-svgr",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Vite plugin to transform SVGs into React components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/index.cjs

@@ -1,87 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = vitePluginSvgr;
-const pluginutils_1 = require("@rollup/pluginutils");
-const core_1 = require("@svgr/core");
-const plugin_jsx_1 = __importDefault(require("@svgr/plugin-jsx"));
-const node_fs_1 = __importDefault(require("node:fs"));
-function vitePluginSvgr({ svgrOptions, esbuildOptions, oxcOptions, include = "**/*.svg?react", exclude, } = {}) {
-    const filter = (0, pluginutils_1.createFilter)(include, exclude);
-    const postfixRE = /[?#].*$/s;
-    return {
-        name: "vite-plugin-svgr",
-        enforce: "pre", // to override `vite:asset`'s behavior
-        async load(id) {
-            if (!filter(id)) {
-                return;
-            }
-            const filePath = id.replace(postfixRE, "");
-            const svgCode = await node_fs_1.default.promises.readFile(filePath, "utf8");
-            const componentCode = await (0, core_1.transform)(svgCode, svgrOptions, {
-                filePath,
-                caller: {
-                    defaultPlugins: [plugin_jsx_1.default],
-                },
-            });
-            const meta = this?.meta;
-            if (meta?.rolldownVersion != null) {
-                /* c8 ignore next */
-                const { transformWithOxc } = await Promise.resolve().then(() => __importStar(require("vite")));
-                const res = await transformWithOxc(componentCode, id, {
-                    lang: "jsx",
-                    ...oxcOptions,
-                });
-                return {
-                    code: res.code,
-                    map: null, // TODO:
-                };
-            }
-            /* c8 ignore next */
-            const { transformWithEsbuild } = await Promise.resolve().then(() => __importStar(require("vite")));
-            const res = await transformWithEsbuild(componentCode, id, {
-                loader: "jsx",
-                ...esbuildOptions,
-            });
-            return {
-                code: res.code,
-                map: null, // TODO:
-            };
-        },
-    };
-}