@vmz/plugin-iconify 0.3.5 → 0.3.7

package/package.json

@@ -1,18 +1,30 @@
 {
   "dependencies": {
-    "@vmz/plugin": "0.3.5"
+    "@vmz/plugin": "0.3.7"
   },
   "description": "VMZ Iconify adapter - <Iconify>",
+  "devDependencies": {
+    "@types/node": "^22.15.0",
+    "typescript": "^5.8.3"
+  },
+  "engines": {
+    "node": ">=24.12.0"
+  },
   "exports": {
     ".": {
-      "default": "./vmz.plugin.ts",
-      "types": "./vmz.plugin.ts"
+      "default": "./dist/vmz.plugin.js",
+      "types": "./dist/vmz.plugin.d.ts"
     },
     "./runtime": {
-      "default": "./runtime.ts",
-      "types": "./runtime.ts"
+      "default": "./dist/runtime.js",
+      "types": "./dist/runtime.d.ts"
     }
   },
+  "files": [
+    "dist",
+    "components",
+    "README.md"
+  ],
   "keywords": [
     "vmz",
     "plugin",
@@ -20,7 +32,7 @@
     "icon"
   ],
   "license": "MIT",
-  "main": "./vmz.plugin.ts",
+  "main": "./dist/vmz.plugin.js",
   "name": "@vmz/plugin-iconify",
   "peerDependencies": {
     "@iconify/utils": ">=2"
@@ -38,7 +50,10 @@
     "type": "git",
     "url": "git+https://github.com/doki-land/vmz-framework.git"
   },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
   "type": "module",
-  "types": "./vmz.plugin.ts",
-  "version": "0.3.5"
+  "types": "./dist/vmz.plugin.d.ts",
+  "version": "0.3.7"
 }

package/runtime.ts

@@ -1,36 +0,0 @@
-/**
- * Iconify SVG fetch helper (runtime). Prefer build-time offline collections later.
- */
-
-const cache = new Map<string, string>();
-
-/** `name` is icon set:name e.g. `mdi:home`. */
-export async function loadIconSvg(name: string): Promise<string> {
-    const key = String(name ?? '');
-    if (cache.has(key)) return cache.get(key)!;
-    const [prefix, icon] = key.split(':');
-    if (!prefix || !icon) {
-        const empty = '';
-        cache.set(key, empty);
-        return empty;
-    }
-    try {
-        const res = await fetch(`https://api.iconify.design/${prefix}/${icon}.svg`);
-        if (!res.ok) throw new Error(String(res.status));
-        const svg = await res.text();
-        cache.set(key, svg);
-        return svg;
-    } catch {
-        const empty = '';
-        cache.set(key, empty);
-        return empty;
-    }
-}
-
-export function iconFallback(name: string): string {
-    const escaped = String(name ?? '')
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
-    return `<span class="iconify-fallback" data-icon="${escaped}"></span>`;
-}

package/vmz.plugin.ts

@@ -1,46 +0,0 @@
-import { definePlugin, loadPluginSource } from '@vmz/plugin';
-
-const source = loadPluginSource(import.meta.url, 'components/Iconify.vmz');
-
-export default definePlugin({
-    name: '@vmz/plugin-iconify',
-    version: '0.1.0',
-    protocol: '0.1.0',
-    stages: ['workspace_resolve', 'analyzer'],
-    deterministic: true,
-    async contribute(ctx) {
-        if (ctx.stage === 'workspace_resolve') {
-            return {
-                stage: 'workspace_resolve',
-                cacheKey: `@vmz/plugin-iconify:Iconify.vmz:${source.contentHash.slice(0, 12)}`,
-                items: [
-                    {
-                        id: 'component-iconify',
-                        kind: 'source',
-                        path: 'src/components/Iconify.vmz',
-                        content: source.content,
-                        contentHash: source.contentHash,
-                        materialize: true,
-                    },
-                ],
-            };
-        }
-        if (ctx.stage === 'analyzer') {
-            return {
-                stage: 'analyzer',
-                cacheKey: '@vmz/plugin-iconify:analyzer',
-                items: [
-                    {
-                        id: 'component-iconify-online',
-                        kind: 'analyzer',
-                        path: 'src/components/Iconify.vmz',
-                        severity: 'advice',
-                        message: 'Iconify component online',
-                        code: 'vmz.plugin.iconify',
-                    },
-                ],
-            };
-        }
-        return { stage: ctx.stage, items: [] };
-    },
-});