vite-plugin-material-symbols 0.3.0 → 0.4.0-beta.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 ## Version 0
 
+### v0.4.0
+
+- New option: `preload`, boolean:
+  - Enables higher priority to loading symbols;
+  - Disabled by default;
+  - More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload
+
 ### v0.3.0
 
 - Fixed the leading slash problem in `dev` mode (serve mode);

package/README.md

@@ -107,4 +107,8 @@ getUrl:
   exampleArguments: ["icon_names=chevron_right,comment,home"] # can be empty string
   returns: string # the URL
   default: (iconNamesParam) => `https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&${iconNamesParam}`
+preload:
+  type: boolean
+  description: Enables higher priority to loading symbols
+  default: false
 ```

package/dist/index.d.ts

@@ -12,7 +12,13 @@ type PluginOptions = {
      * @default Icon
      * */
     component: string;
+    /**
+     * Enables higher priority to loading symbols
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload
+     * @default false
+     */
+    preload: boolean;
 };
-declare const plugin: ({ component, getUrl, }?: Partial<PluginOptions>) => Plugin;
+declare const plugin: ({ component, getUrl, preload, }?: Partial<PluginOptions>) => Plugin;
 
 export { plugin as default };

package/dist/index.js

@@ -1 +1 @@
-import esquery from "esquery";const isStringLiteral=(h)=>h.type==="Literal"&&"value"in h&&typeof h.value==="string",defaultUrlProvider=(h)=>`https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&${h}`,makeSelector=(h)=>[`CallExpression[callee.name='jsx'][arguments.0.name='${h}']`,".arguments","Property[key.name='children'] Literal"].join(" > "),makeIconNamesParam=(h)=>{if(!h.size)return "";const i=[];for(const j of h.values())i.push(j);return `icon_names=${i.toSorted().join(",")}`},plugin=({component:h="Icon",getUrl:i=defaultUrlProvider}={})=>{const j=new Set();return {name:"material-symbols",enforce:"pre",moduleParsed:function({id:k,ast:l}){if(!l)return;const m=esquery.query(l,makeSelector(h)).filter(isStringLiteral);for(const {value:n}of m)this.debug({id:k,message:n}),j.add(n)},transformIndexHtml:(k)=>({html:k,tags:[{injectTo:"head",tag:"link",attrs:{rel:"stylesheet",href:i(makeIconNamesParam(j))}}]})}};var src_default=plugin;export {src_default as default};
+import esquery from "esquery";const isStringLiteral=(h)=>h.type==="Literal"&&"value"in h&&typeof h.value==="string",defaultUrlProvider=(h)=>`https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&${h}`,makeSelector=(h)=>[`CallExpression[callee.name='jsx'][arguments.0.name='${h}']`,".arguments","Property[key.name='children'] Literal"].join(" > "),makeIconNamesParam=(h)=>{if(!h.size)return "";const i=[];for(const j of h.values())i.push(j);return `icon_names=${i.toSorted().join(",")}`},plugin=({component:h="Icon",getUrl:i=defaultUrlProvider,preload:j=!1}={})=>{const k=new Set();return {name:"material-symbols",enforce:"pre",moduleParsed:function({id:l,ast:m}){if(!m)return;const n=esquery.query(m,makeSelector(h)).filter(isStringLiteral);for(const {value:o}of n)this.debug({id:l,message:o}),k.add(o)},transformIndexHtml:(l)=>{const m=i(makeIconNamesParam(k)),n=[{injectTo:"head",tag:"link",attrs:{rel:"stylesheet",href:m}}];if(j)n.push({injectTo:"head-prepend",tag:"link",attrs:{rel:"preload",as:"style",href:m}});return {html:l,tags:n}}}};var src_default=plugin;export {src_default as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-material-symbols",
-  "version": "0.3.0",
+  "version": "0.4.0-beta.2",
   "description": "Selective loading of Material Symbols for production",
   "main": "dist/index.js",
   "repository": {