vite-plugin-material-symbols 0.4.0 → 0.6.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## Version 0
 
+### v0.6.0
+
+- Supporting Vite 7.
+
+### v0.5.0
+
+- Supporting Node 24.
+
 ### v0.4.0
 
 - New option: `preload`, boolean:

package/README.md

@@ -18,8 +18,8 @@ the font downloaded by the user.
 
 ## Requirements
 
-- Node.js `^20 || ^22`;
-- Vite `^6.0.0` (though, it might work with v5 as well).
+- Node.js `^20 || ^22 || ^24`;
+- Vite `^6 || ^7`.
 
 ## Installation
 

package/dist/index.d.ts

@@ -1,25 +1,30 @@
-import { Plugin } from 'vite';
+import { Plugin } from "vite";
 
+//#region src/index.d.ts
 type PluginOptions = {
-    /**
-     * Material Symbols CSS Provider. Default: outlined, no infill, 24px, weight 400
-     * @see https://fonts.google.com/icons?icon.set=Material+Symbols
-     * @default () => `https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined...&${iconNamesParam}`
-     * */
-    getUrl: (iconNamesParam: string) => string;
-    /**
-     * The name of JSX component to obtain the icon names from
-     * @default Icon
-     * */
-    component: string;
-    /**
-     * Enables higher priority for loading symbols
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preconnect
-     * @default false
-     */
-    preload: boolean;
+  /**
+   * Material Symbols CSS Provider. Default: outlined, no infill, 24px, weight 400
+   * @see https://fonts.google.com/icons?icon.set=Material+Symbols
+   * @default () => `https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined...&${iconNamesParam}`
+   * */
+  getUrl: (iconNamesParam: string) => string;
+  /**
+   * The name of JSX component to obtain the icon names from
+   * @default Icon
+   * */
+  component: string;
+  /**
+   * Enables higher priority for loading symbols
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preconnect
+   * @default false
+   */
+  preload: boolean;
 };
-declare const plugin: ({ component, getUrl, preload, }?: Partial<PluginOptions>) => Plugin;
-
-export { plugin as default };
+declare const plugin: ({
+  component,
+  getUrl,
+  preload
+}?: Partial<PluginOptions>) => Plugin;
+//#endregion
+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,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}},{injectTo:"head-prepend",tag:"link",attrs:{rel:"preconnect",href:"https://fonts.gstatic.com"}});return {html:l,tags:n}}}};var src_default=plugin;export {src_default as default};
+import e from"esquery";const t=e=>e.type===`Literal`&&`value`in e&&typeof e.value==`string`,n=e=>`https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&${e}`,r=e=>[`CallExpression[callee.name='jsx'][arguments.0.name='${e}']`,`.arguments`,`Property[key.name='children'] Literal`].join(` > `),i=e=>{if(!e.size)return``;let t=[];for(let n of e.values())t.push(n);return`icon_names=${t.toSorted().join(`,`)}`},a=({component:a=`Icon`,getUrl:o=n,preload:s=!1}={})=>{let c=new Set;return{name:`material-symbols`,enforce:`pre`,moduleParsed:function({id:n,ast:i}){if(!i)return;let o=e.query(i,r(a)).filter(t);for(let{value:e}of o)this.debug({id:n,message:e}),c.add(e)},transformIndexHtml:e=>{let t=o(i(c)),n=[{injectTo:`head`,tag:`link`,attrs:{rel:`stylesheet`,href:t}}];return s&&n.push({injectTo:`head-prepend`,tag:`link`,attrs:{rel:`preload`,as:`style`,href:t}},{injectTo:`head-prepend`,tag:`link`,attrs:{rel:`preconnect`,href:`https://fonts.gstatic.com`}}),{html:e,tags:n}}}};var o=a;export{o as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-material-symbols",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Selective loading of Material Symbols for production",
   "main": "dist/index.js",
   "repository": {
@@ -30,29 +30,29 @@
     "*.md"
   ],
   "engines": {
-    "node": "^20 || ^22"
+    "node": "^20 || ^22 || ^24"
   },
   "peerDependencies": {
-    "vite": "^6.0.0"
+    "vite": "^6.0.0 || ^7.0.0"
   },
   "dependencies": {
     "esquery": "^1.6.0"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.17.0",
-    "@biomejs/biome": "1.9.4",
-    "@tsconfig/bun": "^1.0.7",
-    "@types/bun": "^1.1.14",
+    "@arethetypeswrong/cli": "^0.18.2",
+    "@biomejs/biome": "2.0.5",
+    "@tsconfig/bun": "^1.0.8",
+    "@types/bun": "^1.2.17",
     "@types/esquery": "^1.5.4",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@types/semver": "^7.5.8",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "semver": "^7.6.3",
-    "tsdown": "^0.5.0",
-    "typescript": "^5.7.2"
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@types/semver": "^7.7.0",
+    "@vitejs/plugin-react-swc": "^3.10.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "semver": "^7.7.2",
+    "tsdown": "^0.12.8",
+    "typescript": "^5.8.3"
   },
   "keywords": [
     "css",