@vmz/plugin-mermaid 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 Mermaid diagram adapter - <Mermaid>",
+  "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 @@
     "diagram"
   ],
   "license": "MIT",
-  "main": "./vmz.plugin.ts",
+  "main": "./dist/vmz.plugin.js",
   "name": "@vmz/plugin-mermaid",
   "peerDependencies": {
     "mermaid": ">=11"
@@ -33,7 +45,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,27 +0,0 @@
-import type { Mermaid } from 'mermaid';
-
-let mermaid: Mermaid | null = null;
-
-async function getMermaid(): Promise<Mermaid> {
-    if (mermaid) return mermaid;
-    const mod = await import('mermaid');
-    mermaid = (mod.default ?? mod) as Mermaid;
-    mermaid.initialize({ startOnLoad: false, securityLevel: 'strict' });
-    return mermaid;
-}
-
-/** Render Mermaid source to SVG HTML. */
-export async function renderMermaid(source: string, id = 'vmz-mmd'): Promise<string> {
-    const m = await getMermaid();
-    const { svg } = await m.render(id.replace(/[^a-zA-Z0-9_-]/g, '_'), source ?? '');
-    return svg;
-}
-
-/** Sync fallback when not yet loaded. */
-export function renderMermaidFallback(source: string): string {
-    const escaped = String(source ?? '')
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
-    return `<pre class="mermaid-fallback">${escaped}</pre>`;
-}

package/vmz.plugin.ts

@@ -1,46 +0,0 @@
-import { definePlugin, loadPluginSource } from '@vmz/plugin';
-
-const source = loadPluginSource(import.meta.url, 'components/Mermaid.vmz');
-
-export default definePlugin({
-    name: '@vmz/plugin-mermaid',
-    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-mermaid:Mermaid.vmz:${source.contentHash.slice(0, 12)}`,
-                items: [
-                    {
-                        id: 'component-mermaid',
-                        kind: 'source',
-                        path: 'src/components/Mermaid.vmz',
-                        content: source.content,
-                        contentHash: source.contentHash,
-                        materialize: true,
-                    },
-                ],
-            };
-        }
-        if (ctx.stage === 'analyzer') {
-            return {
-                stage: 'analyzer',
-                cacheKey: '@vmz/plugin-mermaid:analyzer',
-                items: [
-                    {
-                        id: 'component-mermaid-online',
-                        kind: 'analyzer',
-                        path: 'src/components/Mermaid.vmz',
-                        severity: 'advice',
-                        message: 'Mermaid component online',
-                        code: 'vmz.plugin.mermaid',
-                    },
-                ],
-            };
-        }
-        return { stage: ctx.stage, items: [] };
-    },
-});