vite-plugin-svgr 2.1.1 → 2.2.0

package/README.md

@@ -45,6 +45,12 @@ svgr({
   esbuildOptions: {
     // ...
   },
+
+  //  A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should include. By default all svg files will be included.
+  include: '**/*.svg',
+
+  //  A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore. By default no files are ignored.
+  exclude: '',
 })
 ```
 

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import type { Config } from '@svgr/core';
 import { transformWithEsbuild } from 'vite';
 import type { Plugin } from 'vite';
+import { FilterPattern } from '@rollup/pluginutils';
 export interface ViteSvgrOptions {
     /**
      * Export React component as default. Notice that it will overrides
@@ -11,5 +12,7 @@ export interface ViteSvgrOptions {
     exportAsDefault?: boolean;
     svgrOptions?: Config;
     esbuildOptions?: Parameters<typeof transformWithEsbuild>[2];
+    exclude?: FilterPattern;
+    include?: FilterPattern;
 }
-export default function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions, }?: ViteSvgrOptions): Plugin;
+export default function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions, include, exclude, }?: ViteSvgrOptions): Plugin;

package/dist/index.js

@@ -28,11 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const fs_1 = __importDefault(require("fs"));
 const vite_1 = require("vite");
-function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions, } = {}) {
+const pluginutils_1 = require("@rollup/pluginutils");
+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 (id.endsWith('.svg')) {
+            if (filter(id)) {
                 const { transform } = await Promise.resolve().then(() => __importStar(require('@svgr/core')));
                 const svgCode = await fs_1.default.promises.readFile(id, 'utf8');
                 const componentCode = await transform(svgCode, svgrOptions, {

package/dist/index.mjs

@@ -1,10 +1,12 @@
 import fs from 'fs';
 import { transformWithEsbuild } from 'vite';
-export default function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions, } = {}) {
+import { createFilter } from '@rollup/pluginutils';
+export default function viteSvgr({ exportAsDefault, svgrOptions, esbuildOptions, include = '**/*.svg', exclude, } = {}) {
+    const filter = createFilter(include, exclude);
     return {
         name: 'vite-plugin-svgr',
         async transform(code, id) {
-            if (id.endsWith('.svg')) {
+            if (filter(id)) {
                 const { transform } = await import('@svgr/core');
                 const svgCode = await fs.promises.readFile(id, 'utf8');
                 const componentCode = await transform(svgCode, svgrOptions, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-svgr",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Vite plugin to transform SVGs into React components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -37,6 +37,7 @@
     "vite": "^2.6.0 || 3"
   },
   "dependencies": {
+    "@rollup/pluginutils": "^4.2.1",
     "@svgr/core": "^6.2.1"
   }
 }