@vizejs/musea-mcp-server 0.285.0 → 0.286.0

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { n as startServer } from "./src-DMeHW2z2.mjs";
+import { n as startServer } from "./src-CqGFwjgv.mjs";
 //#region src/cli.ts
 /**
 * Musea MCP Server CLI.

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { n as startServer, t as createMuseaServer } from "./src-DMeHW2z2.mjs";
+import { n as startServer, t as createMuseaServer } from "./src-CqGFwjgv.mjs";
 export { createMuseaServer, createMuseaServer as default, startServer };

package/dist/{src-DMeHW2z2.mjs → src-CqGFwjgv.mjs}

@@ -4,6 +4,8 @@ import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js"
 import { CallToolRequestSchema, ErrorCode, ListResourcesRequestSchema, ListToolsRequestSchema, McpError, ReadResourceRequestSchema } from "@modelcontextprotocol/sdk/types.js";
 import fs from "node:fs";
 import path from "node:path";
+import { NodeTypes, baseParse } from "@vue/compiler-dom";
+import ts from "typescript";
 //#region src/native.ts
 let native = null;
 function loadNative() {
@@ -525,6 +527,89 @@ const toolDefinitions = [
 	}
 ];
 //#endregion
+//#region src/markdown-template.ts
+const SELF_TAG_NAME = "Self";
+const TEMPLATE_FENCE_LANGUAGES = new Set([
+	"",
+	"html",
+	"template",
+	"vue"
+]);
+function formatGeneratedMarkdown(markdown, componentName) {
+	return markdown.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, code) => {
+		const normalizedLang = lang.toLowerCase();
+		return formatCodeFence(lang, TEMPLATE_FENCE_LANGUAGES.has(normalizedLang) ? rewriteSelfComponentTags(code, componentName) : code);
+	});
+}
+function formatCodeFence(lang, code) {
+	const lines = code.split("\n");
+	let minIndent = Infinity;
+	for (const line of lines) if (line.trim()) {
+		const indent = line.match(/^(\s*)/)?.[1].length ?? 0;
+		minIndent = Math.min(minIndent, indent);
+	}
+	if (minIndent === Infinity) minIndent = 0;
+	return `\`\`\`${lang}\n${(minIndent > 0 ? lines.map((line) => line.slice(minIndent)) : lines).join("\n")}\`\`\``;
+}
+function rewriteSelfComponentTags(code, componentName) {
+	const replacements = [];
+	try {
+		collectSelfTagReplacements(baseParse(code, { comments: true }).children, replacements, componentName);
+	} catch {
+		return code;
+	}
+	if (replacements.length === 0) return code;
+	let rewritten = code;
+	for (const replacement of replacements.sort((left, right) => right.start - left.start)) rewritten = rewritten.slice(0, replacement.start) + replacement.text + rewritten.slice(replacement.end);
+	return rewritten;
+}
+function collectSelfTagReplacements(nodes, replacements, componentName) {
+	for (const node of nodes) {
+		if (node.type !== NodeTypes.ELEMENT) continue;
+		if (node.tag === SELF_TAG_NAME) addSelfElementReplacements(node, replacements, componentName);
+		collectSelfTagReplacements(node.children, replacements, componentName);
+	}
+}
+function addSelfElementReplacements(node, replacements, componentName) {
+	const openStart = node.loc.start.offset + 1;
+	const openEnd = openStart + 4;
+	replacements.push({
+		start: openStart,
+		end: openEnd,
+		text: componentName
+	});
+	if (node.isSelfClosing) return;
+	const closeTagIndex = node.loc.source.lastIndexOf(`</${SELF_TAG_NAME}>`);
+	if (closeTagIndex < 0) return;
+	const closeStart = node.loc.start.offset + closeTagIndex + 2;
+	replacements.push({
+		start: closeStart,
+		end: closeStart + 4,
+		text: componentName
+	});
+}
+//#endregion
+//#region src/palette-typescript.ts
+function buildPaletteTypescript(title, controls) {
+	const members = controls.map((control) => ts.factory.createPropertySignature(void 0, propertyNameNode(control.name), control.required ? void 0 : ts.factory.createToken(ts.SyntaxKind.QuestionToken), controlTypeNode(control)));
+	const declaration = ts.factory.createInterfaceDeclaration([ts.factory.createModifier(ts.SyntaxKind.ExportKeyword)], interfaceNameFromTitle(title), void 0, void 0, members);
+	const sourceFile = ts.createSourceFile("palette.ts", "", ts.ScriptTarget.Latest, false, ts.ScriptKind.TS);
+	return `${ts.createPrinter({ newLine: ts.NewLineKind.LineFeed }).printNode(ts.EmitHint.Unspecified, declaration, sourceFile)}\n`;
+}
+function interfaceNameFromTitle(title) {
+	const candidate = `${title.replace(/\s+/g, "") || "Component"}Props`.replace(/[^A-Za-z0-9_$]/g, "_");
+	return /^[A-Za-z_$]/.test(candidate) ? candidate : `_${candidate}`;
+}
+function propertyNameNode(name) {
+	return /^[$A-Z_a-z][$\w]*$/.test(name) ? ts.factory.createIdentifier(name) : ts.factory.createStringLiteral(name);
+}
+function controlTypeNode(control) {
+	if (control.control === "boolean") return ts.factory.createKeywordTypeNode(ts.SyntaxKind.BooleanKeyword);
+	if (control.control === "number") return ts.factory.createKeywordTypeNode(ts.SyntaxKind.NumberKeyword);
+	if (control.control === "select" && control.options.length > 0) return ts.factory.createUnionTypeNode(control.options.map((option) => ts.factory.createLiteralTypeNode(ts.factory.createStringLiteral(String(option.value)))));
+	return ts.factory.createKeywordTypeNode(ts.SyntaxKind.StringKeyword);
+}
+//#endregion
 //#region src/musea.ts
 function normalize(value) {
 	return value?.trim().toLowerCase() ?? "";
@@ -855,10 +940,7 @@ function buildPaletteFromAnalysis(title, analysis) {
 			title,
 			controls
 		}, null, 2),
-		typescript: `export interface ${title.replace(/\s+/g, "")}Props {\n${controls.map((control) => {
-			const type = control.control === "boolean" ? "boolean" : control.control === "number" ? "number" : control.control === "select" && control.options.length > 0 ? control.options.map((option) => `"${String(option.value)}"`).join(" | ") : "string";
-			return `  ${control.name}${control.required ? "" : "?"}: ${type};`;
-		}).join("\n")}\n}\n`
+		typescript: buildPaletteTypescript(title, controls)
 	};
 }
 async function analyzeResolvedComponent(ctx, binding, resolved) {
@@ -890,20 +972,6 @@ async function analyzeResolvedComponent(ctx, binding, resolved) {
 		}
 	};
 }
-function formatGeneratedMarkdown(markdown, componentName) {
-	let formatted = markdown.replace(/<Self(\s|>|\/)/g, `<${componentName}$1`).replace(/<\/Self>/g, `</${componentName}>`);
-	formatted = formatted.replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, code) => {
-		const lines = code.split("\n");
-		let minIndent = Infinity;
-		for (const line of lines) if (line.trim()) {
-			const indent = line.match(/^(\s*)/)?.[1].length ?? 0;
-			minIndent = Math.min(minIndent, indent);
-		}
-		if (minIndent === Infinity) minIndent = 0;
-		return `\`\`\`${lang}\n${(minIndent > 0 ? lines.map((line) => line.slice(minIndent)) : lines).join("\n")}\`\`\``;
-	});
-	return formatted;
-}
 async function buildPalette(ctx, binding, resolved, source) {
 	let palette = null;
 	if (binding.generateArtPalette) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/musea-mcp-server",
-  "version": "0.285.0",
+  "version": "0.286.0",
   "description": "MCP server for building Vue.js design systems - component analysis, documentation, variant generation, and design tokens",
   "keywords": [
     "ai",
@@ -42,14 +42,15 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "1.29.0",
-    "@vizejs/native": "0.285.0"
+    "@vizejs/native": "0.286.0",
+    "@vue/compiler-dom": "3.5.35",
+    "typescript": "6.0.3"
   },
   "devDependencies": {
     "@tsdown/css": "0.22.0",
     "@types/node": "25.9.2",
     "tsdown": "0.22.0",
     "tsx": "4.22.4",
-    "typescript": "6.0.3",
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.21",
     "vite-plus": "0.1.21"
   },