vite-plugin-material-symbols 0.0.2 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Changelog
+
+## Version 0
+
+### v0.1.0
+
+- Two configuration options: `placeholder` and `component`.
+
+### v0.0.2
+
+- Initial release, basic operation.

package/README.md

@@ -1,6 +1,6 @@
 # vite-plugin-material-symbols
 
-[![coverage](https://coveralls.io/repos/github/RobinTail/vite-plugin-material-symbols/badge.svg)](https://coveralls.io/github/RobinTail/vite-plugin-material-symbols)
+[![coverage](https://coveralls.io/repos/github/RobinTail/vite-plugin-material-symbols/badge.svg?branch=main)](https://coveralls.io/github/RobinTail/vite-plugin-material-symbols?branch=main)
 
 The plugin determines which Material Symbols are used in JSX `<Icon>` tags and substitutes this list in `index.html`
 for selective download from Google CDN, thus reducing the volume of the font downloaded by the user.
@@ -48,7 +48,14 @@ import react from "@vitejs/plugin-react-swc";
 import materialSymbols from "vite-plugin-material-symbols";
 
 export default defineConfig({
-  plugins: [react(), materialSymbols()],
+  plugins: [
+    react(),
+    materialSymbols({
+      // these are defaults:
+      component: "Icon",
+      placeholder: "__MATERIAL_SYMBOLS__",
+    }),
+  ],
 });
 ```
 

package/dist/index.d.ts

@@ -1,3 +1,9 @@
 import type { Plugin } from "vite";
-declare const plugin: () => Plugin;
+type PluginOptions = {
+    /** @default __MATERIAL_SYMBOLS__ */
+    placeholder: string;
+    /** @default Icon */
+    component: string;
+};
+declare const plugin: ({ placeholder, component, }?: Partial<PluginOptions>) => Plugin;
 export default plugin;

package/dist/index.js

@@ -1 +1 @@
-import esquery from "esquery";const plugin=()=>{const d=new Set();return {name:"material-symbols",enforce:"pre",moduleParsed:function({id:e,ast:f}){if(!f)return;const g=esquery.query(f,"CallExpression[callee.name='jsx'][arguments.0.name='Icon'] > .arguments > Property[key.name='children'] Literal");this.debug({id:e,message:"value"});for(const {value:h}of g)if(typeof h==="string")d.add(h)},transformIndexHtml:(e)=>e.replace("__MATERIAL_SYMBOLS__",d.size?`icon_names=${Array.from(d.values()).toSorted().join(",")}`:"")}};var src_default=plugin;export {src_default as default};
+import esquery from "esquery";const plugin=({placeholder:d="__MATERIAL_SYMBOLS__",component:e="Icon"}={})=>{const f=new Set();return {name:"material-symbols",enforce:"pre",moduleParsed:function({id:g,ast:h}){if(!h)return;const i=esquery.query(h,`CallExpression[callee.name='jsx'][arguments.0.name='${e}'] > .arguments > Property[key.name='children'] Literal`);this.debug({id:g,message:"value"});for(const {value:j}of i)if(typeof j==="string")f.add(j)},transformIndexHtml:(g)=>g.replace(d,f.size?`icon_names=${Array.from(f.values()).toSorted().join(",")}`:"")}};var src_default=plugin;export {src_default as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-material-symbols",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Selective loading of Material Symbols for production",
   "main": "dist/index.js",
   "repository": {
@@ -15,7 +15,8 @@
     "prebuild": "tsc --noEmit",
     "build": "tsdown",
     "postbuild": "attw --pack --profile esm-only",
-    "mdfix": "bunx --bun prettier *.md --write"
+    "mdfix": "bunx --bun prettier *.md --write",
+    "prepublishOnly": "bun lint && bun test && bun run build"
   },
   "exports": {
     ".": {
@@ -36,6 +37,11 @@
     "@tsconfig/bun": "^1.0.7",
     "@types/bun": "^1.1.14",
     "@types/esquery": "^1.5.4",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "tsdown": "^0.3.1",
     "typescript": "^5.7.2"
   }