vite-plugin-svgr 0.4.0 → 0.5.0

package/lib/index.d.ts

@@ -1,3 +1,2 @@
-import type { Plugin } from 'vite';
-declare const _default: () => Plugin;
-export = _default;
+import { Plugin } from 'vite';
+export default function svgrPlugin(): Plugin;

package/lib/index.js

@@ -2,22 +2,23 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
 const fs_1 = __importDefault(require("fs"));
-module.exports = function svgrPlugin() {
+const vite_1 = require("vite");
+function svgrPlugin() {
     // TODO: options
     return {
         name: 'vite:svgr',
         async transform(code, id) {
-            if (id.endsWith('.svg')) {
+            if (id.endsWith('.svg') && !id.includes('node_modules')) {
                 const svgr = require('@svgr/core').default;
-                const esbuild = require('esbuild');
-                const svg = await fs_1.default.promises.readFile(id, 'utf8');
-                const componentCode = await svgr(svg, {}, { componentName: 'ReactComponent' }).then((res) => {
-                    return res.replace('export default ReactComponent', `export { ReactComponent }`);
-                });
-                const res = await esbuild.transform(componentCode + '\n' + code, {
-                    loader: 'jsx',
-                });
+                const svgCode = await fs_1.default.promises.readFile(id, 'utf8');
+                const componentCode = await svgr(svgCode, {}, { componentName: 'ReactComponent' });
+                code =
+                    code +
+                        '\n' +
+                        componentCode.replace('export default ReactComponent', 'export { ReactComponent }');
+                const res = await (0, vite_1.transformWithEsbuild)(code, id, { loader: 'jsx' });
                 return {
                     code: res.code,
                     map: null, // TODO:
@@ -25,4 +26,5 @@ module.exports = function svgrPlugin() {
             }
         },
     };
-};
+}
+exports.default = svgrPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-svgr",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Vite plugin to transform SVGs into React components",
   "main": "lib/index.js",
   "scripts": {
@@ -8,32 +8,26 @@
     "build": "tsc",
     "prepublish": "npm run build"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pd4d10/vite-plugin-svgr.git"
-  },
+  "repository": "pd4d10/vite-plugin-svgr",
   "files": [
     "lib",
     "client.d.ts"
   ],
   "keywords": [
-    "vite"
+    "vite",
+    "vite-plugin"
   ],
   "author": "Rongjian Zhang",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/pd4d10/vite-plugin-svgr/issues"
-  },
-  "homepage": "https://github.com/pd4d10/vite-plugin-svgr#readme",
   "devDependencies": {
-    "@types/node": "^15.12.2",
-    "typescript": "^4.3.2",
-    "vite": "^2.3.7"
+    "@types/node": "^16.11.6",
+    "typescript": "^4.4.4",
+    "vite": "^2.6.13"
   },
   "peerDependencies": {
     "vite": "^2.0.0"
   },
   "dependencies": {
-    "@svgr/core": "^5.5.0"
+    "@svgr/core": "^6.0.0-alpha.2"
   }
 }