vite-plugin-react-rich-svg
Advanced tools
Comparing version
@@ -1,2 +0,2 @@ | ||
import{readFile as t}from"fs/promises";import{transform as r}from"@svgr/core";import n from"@svgr/plugin-jsx";import{transformWithEsbuild as e}from"vite";function o(){return o=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},o.apply(this,arguments)}function a(a){function i(t){if(!t.endsWith(".svg"))return!1;const{include:r,exclude:n}=null!=a?a:{};return!(r&&!r(t)||n&&n(t))}return{name:"vite-plugin-react-rich-svg",enforce:"pre",async load(r){const[n,e]=r.split("?",2);if(i(n))switch(e){case"raw":return async function(r){return`const svg="${(await t(r,"utf-8")).replace(/\r?\n/g,"`\\r\\n").replaceAll('"','\\"').trim()}";export default svg;`}(n);case"url":return async function(r){return`export default "${n=await t(r,"utf-8"),`data:image/svg+xml,${encodeURIComponent(n).replace(/'/g,"%27").replace(/"/g,"%22")}`}"`;var n}(n);case"base64":return async function(r){const n=await t(r,"utf-8");return`export default "${Buffer.from(n,"utf-8").toString("base64")}"`}(n)}},async transform(s,u){const[l,c]=u.split("?",2);if(i(l)&&"component"===c){const{componentLoaderOptions:i}=null!=a?a:{};return async function(a,i,s,u){const l=await t(i,"utf-8"),c=[];null!=s&&s.svgo&&c.push((await import("@svgr/plugin-svgo")).default),c.push(n),null!=s&&s.prettier&&c.push((await import("@svgr/plugin-prettier")).default);const p=await r(l,s,{filePath:a,caller:{previousExport:null,defaultPlugins:c}});return{code:(await e(p,a,o({loader:"jsx"},u))).code,map:null}}(u,l,null==i?void 0:i.svgrConfig,null==i?void 0:i.esbuildConfig)}}}}export{a as default}; | ||
import{readFile as t}from"fs/promises";import{transform as r}from"@svgr/core";import n from"@svgr/plugin-jsx";import{transformWithEsbuild as e}from"vite";function o(){return o=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},o.apply(this,arguments)}function a(a){function i(t){if(!t.endsWith(".svg"))return!1;const{include:r,exclude:n}=null!=a?a:{};return!(r&&!r(t)||n&&n(t))}return{name:"vite-plugin-react-rich-svg",enforce:"pre",async load(r){const[n,e]=r.split("?",2);if(i(n))switch(e){case"raw":return async function(r){return`const svg="${(await t(r,"utf-8")).replace(/\r?\n/g,"\\r\\n").replaceAll('"','\\"').trim()}";export default svg;`}(n);case"url":return async function(r){return`export default "${n=await t(r,"utf-8"),`data:image/svg+xml,${encodeURIComponent(n).replace(/'/g,"%27").replace(/"/g,"%22")}`}"`;var n}(n);case"base64":return async function(r){const n=await t(r,"utf-8");return`export default "${Buffer.from(n,"utf-8").toString("base64")}"`}(n)}},async transform(s,u){const[l,c]=u.split("?",2);if(i(l)&&"component"===c){const{componentLoaderOptions:i}=null!=a?a:{};return async function(a,i,s,u){const l=await t(i,"utf-8"),c=[];null!=s&&s.svgo&&c.push((await import("@svgr/plugin-svgo")).default),c.push(n),null!=s&&s.prettier&&c.push((await import("@svgr/plugin-prettier")).default);const p=await r(l,s,{filePath:a,caller:{previousExport:null,defaultPlugins:c}});return{code:(await e(p,a,o({loader:"jsx"},u))).code,map:null}}(u,l,null==i?void 0:i.svgrConfig,null==i?void 0:i.esbuildConfig)}}}}export{a as default}; | ||
//# sourceMappingURL=index.modern.js.map |
@@ -1,2 +0,2 @@ | ||
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("fs/promises"),require("@svgr/core"),require("@svgr/plugin-jsx"),require("vite")):"function"==typeof define&&define.amd?define(["fs/promises","@svgr/core","@svgr/plugin-jsx","vite"],r):(e||self).vitePluginReactRichSvg=r(e.promises,e.core,e.jsxPlugin,e.vite)}(this,function(e,r,t,n){function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/o(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}return function(t){function o(e){if(!e.endsWith(".svg"))return!1;var r=null!=t?t:{},n=r.include,o=r.exclude;return!(n&&!n(e)||o&&o(e))}return{name:"vite-plugin-react-rich-svg",enforce:"pre",load:function(r){try{var t=r.split("?",2),n=t[0],i=t[1];if(!o(n))return Promise.resolve();switch(i){case"raw":return Promise.resolve(function(r){try{return Promise.resolve(e.readFile(r,"utf-8")).then(function(e){return'const svg="'+e.replace(/\r?\n/g,"`\\r\\n").replaceAll('"','\\"').trim()+'";export default svg;'})}catch(e){return Promise.reject(e)}}(n));case"url":return Promise.resolve(function(r){try{return Promise.resolve(e.readFile(r,"utf-8")).then(function(e){return'export default "data:image/svg+xml,'+encodeURIComponent(e).replace(/'/g,"%27").replace(/"/g,"%22")+'"'})}catch(e){return Promise.reject(e)}}(n));case"base64":return Promise.resolve(function(r){try{return Promise.resolve(e.readFile(r,"utf-8")).then(function(e){return'export default "'+Buffer.from(e,"utf-8").toString("base64")+'"'})}catch(e){return Promise.reject(e)}}(n))}return Promise.resolve()}catch(e){return Promise.reject(e)}},transform:function(s,l){try{var c=l.split("?",2),f=c[0],a=c[1];if(!o(f))return Promise.resolve();if("component"===a){var v=(null!=t?t:{}).componentLoaderOptions;return Promise.resolve(function(t,o,s,l){try{return Promise.resolve(e.readFile(o,"utf-8")).then(function(e){function o(){function o(){return Promise.resolve(r.transform(e,s,{filePath:t,caller:{previousExport:null,defaultPlugins:c}})).then(function(e){return Promise.resolve(n.transformWithEsbuild(e,t,u({loader:"jsx"},l))).then(function(e){return{code:e.code,map:null}})})}c.push(i.default);var f=function(){if(null!=s&&s.prettier){var e=c.push;return Promise.resolve(import("@svgr/plugin-prettier")).then(function(r){e.call(c,r.default)})}}();return f&&f.then?f.then(o):o()}var c=[],f=function(){if(null!=s&&s.svgo){var e=c.push;return Promise.resolve(import("@svgr/plugin-svgo")).then(function(r){e.call(c,r.default)})}}();return f&&f.then?f.then(o):o()})}catch(e){return Promise.reject(e)}}(l,f,null==v?void 0:v.svgrConfig,null==v?void 0:v.esbuildConfig))}return Promise.resolve()}catch(e){return Promise.reject(e)}}}}}); | ||
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("fs/promises"),require("@svgr/core"),require("@svgr/plugin-jsx"),require("vite")):"function"==typeof define&&define.amd?define(["fs/promises","@svgr/core","@svgr/plugin-jsx","vite"],r):(e||self).vitePluginReactRichSvg=r(e.promises,e.core,e.jsxPlugin,e.vite)}(this,function(e,r,t,n){function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/*#__PURE__*/o(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}return function(t){function o(e){if(!e.endsWith(".svg"))return!1;var r=null!=t?t:{},n=r.include,o=r.exclude;return!(n&&!n(e)||o&&o(e))}return{name:"vite-plugin-react-rich-svg",enforce:"pre",load:function(r){try{var t=r.split("?",2),n=t[0],i=t[1];if(!o(n))return Promise.resolve();switch(i){case"raw":return Promise.resolve(function(r){try{return Promise.resolve(e.readFile(r,"utf-8")).then(function(e){return'const svg="'+e.replace(/\r?\n/g,"\\r\\n").replaceAll('"','\\"').trim()+'";export default svg;'})}catch(e){return Promise.reject(e)}}(n));case"url":return Promise.resolve(function(r){try{return Promise.resolve(e.readFile(r,"utf-8")).then(function(e){return'export default "data:image/svg+xml,'+encodeURIComponent(e).replace(/'/g,"%27").replace(/"/g,"%22")+'"'})}catch(e){return Promise.reject(e)}}(n));case"base64":return Promise.resolve(function(r){try{return Promise.resolve(e.readFile(r,"utf-8")).then(function(e){return'export default "'+Buffer.from(e,"utf-8").toString("base64")+'"'})}catch(e){return Promise.reject(e)}}(n))}return Promise.resolve()}catch(e){return Promise.reject(e)}},transform:function(s,l){try{var c=l.split("?",2),f=c[0],a=c[1];if(!o(f))return Promise.resolve();if("component"===a){var v=(null!=t?t:{}).componentLoaderOptions;return Promise.resolve(function(t,o,s,l){try{return Promise.resolve(e.readFile(o,"utf-8")).then(function(e){function o(){function o(){return Promise.resolve(r.transform(e,s,{filePath:t,caller:{previousExport:null,defaultPlugins:c}})).then(function(e){return Promise.resolve(n.transformWithEsbuild(e,t,u({loader:"jsx"},l))).then(function(e){return{code:e.code,map:null}})})}c.push(i.default);var f=function(){if(null!=s&&s.prettier){var e=c.push;return Promise.resolve(import("@svgr/plugin-prettier")).then(function(r){e.call(c,r.default)})}}();return f&&f.then?f.then(o):o()}var c=[],f=function(){if(null!=s&&s.svgo){var e=c.push;return Promise.resolve(import("@svgr/plugin-svgo")).then(function(r){e.call(c,r.default)})}}();return f&&f.then?f.then(o):o()})}catch(e){return Promise.reject(e)}}(l,f,null==v?void 0:v.svgrConfig,null==v?void 0:v.esbuildConfig))}return Promise.resolve()}catch(e){return Promise.reject(e)}}}}}); | ||
//# sourceMappingURL=index.umd.js.map |
{ | ||
"name": "vite-plugin-react-rich-svg", | ||
"version": "1.1.1", | ||
"version": "1.1.2", | ||
"description": "Seamless SVG loader with versatile import options! (Such as React component, dataURI and raw html code)", | ||
@@ -32,3 +32,3 @@ "keywords": [ | ||
"prepublishOnly": "npm run build", | ||
"predeploy": "cd examples/basic-usage && npm i && npm run build", | ||
"predeploy": "cd examples/basic-usage && pnpm i && pnpm run build", | ||
"deploy": "gh-pages -d examples/basic-usage/dist" | ||
@@ -35,0 +35,0 @@ }, |
@@ -6,3 +6,3 @@ import { readFile } from "fs/promises"; | ||
const escaped = svg | ||
.replace(/\r?\n/g, "`\\r\\n") | ||
.replace(/\r?\n/g, "\\r\\n") | ||
.replaceAll('"', '\\"') | ||
@@ -9,0 +9,0 @@ .trim(); |
<!-- Logo --> | ||
<p align="center"> | ||
<img src="https://raw.githubusercontent.com/iGoodie/vite-plugin-react-rich-svg/master/.github/assets/logo.svg" height="100px" alt="Logo"/> | ||
</p> | ||
<h1 align="center"> | ||
vite-plugin-react-rich-svg | ||
Vite Plugin: React Rich SVG | ||
</h1> | ||
@@ -8,3 +11,3 @@ | ||
<p align="center"> | ||
Seamless SVG loader with versatile import options | ||
Seamless SVG loader with versatile import options (see <a href="https://igoodie.github.io/vite-plugin-react-rich-svg/">demo page</a>) | ||
</p> | ||
@@ -11,0 +14,0 @@ <!-- Badges --> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
78471
0.31%196
1.55%