vite-plugin-svgr 3.0.0 → 3.2.0

package/dist/index.cjs

@@ -0,0 +1,60 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+const pluginutils_1 = require("@rollup/pluginutils");
+const fs_1 = __importDefault(require("fs"));
+const vite_1 = require("vite");
+function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions, include = "**/*.svg", exclude, } = {}) {
+    const filter = (0, pluginutils_1.createFilter)(include, exclude);
+    return {
+        name: "vite-plugin-svgr",
+        async transform(code, id) {
+            if (filter(id)) {
+                const { transform } = await Promise.resolve().then(() => __importStar(require("@svgr/core")));
+                const { default: jsx } = await Promise.resolve().then(() => __importStar(require("@svgr/plugin-jsx")));
+                const svgCode = await fs_1.default.promises.readFile(id.replace(/\?.*$/, ""), "utf8");
+                const componentCode = await transform(svgCode, svgrOptions, {
+                    filePath: id,
+                    caller: {
+                        previousExport: exportAsDefault ? null : code,
+                        defaultPlugins: [jsx],
+                    },
+                });
+                const res = await (0, vite_1.transformWithEsbuild)(componentCode, id, {
+                    loader: "jsx",
+                    ...esbuildOptions,
+                });
+                return {
+                    code: res.code,
+                    map: null, // TODO:
+                };
+            }
+        },
+    };
+}
+exports.default = viteSvgr;

package/dist/index.js

@@ -8,11 +8,13 @@ export default function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions,
         async transform(code, id) {
             if (filter(id)) {
                 const { transform } = await import("@svgr/core");
+                const { default: jsx } = await import("@svgr/plugin-jsx");
                 const svgCode = await fs.promises.readFile(id.replace(/\?.*$/, ""), "utf8");
                 const componentCode = await transform(svgCode, svgrOptions, {
                     filePath: id,
                     caller: {
                         previousExport: exportAsDefault ? null : code,
+                        defaultPlugins: [jsx],
                     },
                 });
                 const res = await transformWithEsbuild(componentCode, id, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-svgr",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "description": "Vite plugin to transform SVGs into React components",
   "type": "module",
   "main": "./dist/index.js",
@@ -8,7 +8,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./client": {
       "types": "./client.d.ts"
@@ -16,7 +17,7 @@
   },
   "scripts": {
     "dev": "tsc --watch",
-    "build": "tsc",
+    "build": "tsc --module commonjs && mv dist/index.js dist/index.cjs && tsc",
     "prepare": "npm run build"
   },
   "repository": "pd4d10/vite-plugin-svgr",
@@ -40,7 +41,8 @@
   },
   "dependencies": {
     "@rollup/pluginutils": "^5.0.2",
-    "@svgr/core": "^7.0.0"
+    "@svgr/core": "^7.0.0",
+    "@svgr/plugin-jsx": "^7.0.0"
   },
   "packageManager": "pnpm@8.4.0"
 }