vite-plugin-svgr 0.5.1 → 0.6.0

package/README.md

@@ -12,7 +12,14 @@ import svgrPlugin from 'vite-plugin-svgr'
 
 export default {
   // ...
-  plugins: [svgrPlugin()],
+  plugins: [
+    svgrPlugin({
+      svgrOptions: {
+        icon: true,
+        // ...svgr options (https://react-svgr.com/docs/options/)
+      },
+    }),
+  ],
 }
 ```
 

package/lib/index.d.ts

@@ -1,2 +1,7 @@
-import { Plugin } from 'vite';
-export default function svgrPlugin(): Plugin;
+import type { Config } from '@svgr/core';
+import type { Plugin } from 'vite';
+declare type Options = {
+    svgrOptions?: Config;
+};
+declare const _default: (options?: Options) => Plugin;
+export = _default;

package/lib/index.js

@@ -21,20 +21,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
 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"));
 const vite_1 = require("vite");
-function svgrPlugin() {
-    // TODO: options
+module.exports = function svgrPlugin(options = {}) {
+    const { svgrOptions = {} } = options;
     return {
         name: 'vite:svgr',
         async transform(code, id) {
             if (id.endsWith('.svg')) {
-                // TODO: exclude node_modules as an option
-                const { default: convert } = await Promise.resolve().then(() => __importStar(require('@svgr/core')));
+                const { transform: convert } = await Promise.resolve().then(() => __importStar(require('@svgr/core')));
                 const svgCode = await fs_1.default.promises.readFile(id, 'utf8');
-                let componentCode = await convert(svgCode, {}, { componentName: 'ReactComponent' });
-                componentCode = componentCode.replace('export default ReactComponent', 'export { ReactComponent }');
+                const componentCode = await convert(svgCode, svgrOptions, {
+                    componentName: 'ReactComponent',
+                }).then((res) => {
+                    return res.replace('export default ReactComponent', `export { ReactComponent }`);
+                });
                 const res = await (0, vite_1.transformWithEsbuild)(componentCode + '\n' + code, id, { loader: 'jsx' });
                 return {
                     code: res.code,
@@ -43,5 +44,4 @@ function svgrPlugin() {
             }
         },
     };
-}
-exports.default = svgrPlugin;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-svgr",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Vite plugin to transform SVGs into React components",
   "main": "lib/index.js",
   "scripts": {
@@ -25,9 +25,9 @@
     "vite": "^2.6.13"
   },
   "peerDependencies": {
-    "vite": "^2.0.0"
+    "vite": "^2.6.0"
   },
   "dependencies": {
-    "@svgr/core": "^6.0.0-alpha.2"
+    "@svgr/core": "^6.0.0-alpha.3"
   }
 }