viora-ui-mcp 1.0.0

package/dist/index.js

@@ -0,0 +1,120 @@
+#!/usr/bin/env node
+import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { CallToolRequestSchema, ListToolsRequestSchema, } from "@modelcontextprotocol/sdk/types.js";
+const REGISTRY_BASE_URL = "https://vioraui.dedyn.io/registry";
+const server = new Server({
+    name: "viora-ui-mcp",
+    version: "1.0.0",
+}, {
+    capabilities: {
+        tools: {},
+    },
+});
+// Define the tools
+server.setRequestHandler(ListToolsRequestSchema, async () => {
+    return {
+        tools: [
+            {
+                name: "list_viora_components",
+                description: "Lists all available Viora UI components from the official registry.",
+                inputSchema: {
+                    type: "object",
+                    properties: {},
+                },
+            },
+            {
+                name: "get_viora_component_code",
+                description: "Gets the full raw source code and dependencies for a specific Viora UI component.",
+                inputSchema: {
+                    type: "object",
+                    properties: {
+                        componentName: {
+                            type: "string",
+                            description: "The name of the component (e.g. 'carousel-002', 'accordion').",
+                        },
+                    },
+                    required: ["componentName"],
+                },
+            },
+        ],
+    };
+});
+// Handle tool execution
+server.setRequestHandler(CallToolRequestSchema, async (request) => {
+    if (request.params.name === "list_viora_components") {
+        try {
+            const res = await fetch(`${REGISTRY_BASE_URL}/index.json`);
+            if (!res.ok)
+                throw new Error(`Failed to fetch index: ${res.statusText}`);
+            const components = await res.json();
+            // Just extract names and descriptions/types for brevity
+            const summary = components.map((c) => ({
+                name: c.name,
+                type: c.type,
+                dependencies: c.dependencies || []
+            }));
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: JSON.stringify(summary, null, 2),
+                    },
+                ],
+            };
+        }
+        catch (e) {
+            return {
+                isError: true,
+                content: [{ type: "text", text: `Failed to fetch registry: ${e.message}` }],
+            };
+        }
+    }
+    if (request.params.name === "get_viora_component_code") {
+        const componentName = request.params.arguments?.componentName;
+        try {
+            const res = await fetch(`${REGISTRY_BASE_URL}/${componentName}.json`);
+            if (res.status === 404) {
+                return {
+                    isError: true,
+                    content: [{ type: "text", text: `Component '${componentName}' not found.` }],
+                };
+            }
+            if (!res.ok)
+                throw new Error(`Failed to fetch component: ${res.statusText}`);
+            const componentData = await res.json();
+            // Format the output nicely for an AI agent to consume
+            let outputText = `Component: ${componentData.name}\nType: ${componentData.type}\n`;
+            if (componentData.dependencies && componentData.dependencies.length > 0) {
+                outputText += `Dependencies: ${componentData.dependencies.join(", ")}\n`;
+            }
+            outputText += `\n--- FILES ---\n\n`;
+            for (const file of componentData.files) {
+                outputText += `File: ${file.path || file.name || 'unknown'}\n`;
+                outputText += `Target: ${file.target || 'unknown'}\n`;
+                outputText += `\`\`\`tsx\n${file.content}\n\`\`\`\n\n`;
+            }
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: outputText,
+                    },
+                ],
+            };
+        }
+        catch (e) {
+            return {
+                isError: true,
+                content: [{ type: "text", text: `Failed to get component code: ${e.message}` }],
+            };
+        }
+    }
+    throw new Error(`Tool not found: ${request.params.name}`);
+});
+async function run() {
+    const transport = new StdioServerTransport();
+    await server.connect(transport);
+    console.error("Viora UI MCP Server running on stdio");
+}
+run().catch(console.error);

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "viora-ui-mcp",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.30.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.5.1",
+    "typescript": "^7.0.2"
+  },
+  "bin": {
+    "viora-ui-mcp": "./dist/index.js",
+    "mcp-server": "./dist/index.js"
+  }
+}

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":""}

package/src/index.js

@@ -0,0 +1,127 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const index_js_1 = require("@modelcontextprotocol/sdk/server/index.js");
+const stdio_js_1 = require("@modelcontextprotocol/sdk/server/stdio.js");
+const types_js_1 = require("@modelcontextprotocol/sdk/types.js");
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+// The path to the UI library root, passed as an argument or relative to this script
+const UI_LIB_PATH = process.argv[2] || path_1.default.join(__dirname, "../../");
+const REGISTRY_PATH = path_1.default.join(UI_LIB_PATH, "registry", "registry-components.ts");
+const server = new index_js_1.Server({
+    name: "viora-ui-mcp",
+    version: "1.0.0",
+}, {
+    capabilities: {
+        tools: {},
+    },
+});
+// Define the tools
+server.setRequestHandler(types_js_1.ListToolsRequestSchema, async () => {
+    return {
+        tools: [
+            {
+                name: "list_viora_components",
+                description: "Lists all available Viora UI components by parsing the registry.",
+                inputSchema: {
+                    type: "object",
+                    properties: {},
+                },
+            },
+            {
+                name: "get_viora_component_code",
+                description: "Gets the full raw source code for a specific Viora UI component.",
+                inputSchema: {
+                    type: "object",
+                    properties: {
+                        componentName: {
+                            type: "string",
+                            description: "The name of the component (e.g. 'carousel-002', 'sticky-card').",
+                        },
+                    },
+                    required: ["componentName"],
+                },
+            },
+        ],
+    };
+});
+// Handle tool execution
+server.setRequestHandler(types_js_1.CallToolRequestSchema, async (request) => {
+    if (request.params.name === "list_viora_components") {
+        try {
+            const registryContent = fs_1.default.readFileSync(REGISTRY_PATH, "utf-8");
+            // Extremely simple regex to extract component names
+            const nameRegex = /name:\s*"([^"]+)"/g;
+            const components = [];
+            let match;
+            while ((match = nameRegex.exec(registryContent)) !== null) {
+                components.push(match[1]);
+            }
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: JSON.stringify([...new Set(components)], null, 2),
+                    },
+                ],
+            };
+        }
+        catch (e) {
+            return {
+                isError: true,
+                content: [{ type: "text", text: `Failed to read registry: ${e.message}` }],
+            };
+        }
+    }
+    if (request.params.name === "get_viora_component_code") {
+        const componentName = request.params.arguments?.componentName;
+        try {
+            const registryContent = fs_1.default.readFileSync(REGISTRY_PATH, "utf-8");
+            // Find the component block
+            const componentIndex = registryContent.indexOf(`name: "${componentName}"`);
+            if (componentIndex === -1) {
+                return {
+                    isError: true,
+                    content: [{ type: "text", text: `Component '${componentName}' not found in registry.` }],
+                };
+            }
+            // Extract the path
+            const pathRegex = /path:\s*"([^"]+)"/g;
+            pathRegex.lastIndex = componentIndex;
+            const match = pathRegex.exec(registryContent);
+            if (!match) {
+                return {
+                    isError: true,
+                    content: [{ type: "text", text: `Could not find file path for component '${componentName}'.` }],
+                };
+            }
+            const componentPath = path_1.default.join(UI_LIB_PATH, match[1]);
+            const componentCode = fs_1.default.readFileSync(componentPath, "utf-8");
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: componentCode,
+                    },
+                ],
+            };
+        }
+        catch (e) {
+            return {
+                isError: true,
+                content: [{ type: "text", text: `Failed to get component code: ${e.message}` }],
+            };
+        }
+    }
+    throw new Error(`Tool not found: ${request.params.name}`);
+});
+async function run() {
+    const transport = new stdio_js_1.StdioServerTransport();
+    await server.connect(transport);
+    console.error("Viora UI MCP Server running on stdio");
+}
+run().catch(console.error);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/src/index.ts

@@ -0,0 +1,139 @@
+#!/usr/bin/env node
+import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import {
+  CallToolRequestSchema,
+  ListToolsRequestSchema,
+} from "@modelcontextprotocol/sdk/types.js";
+
+const REGISTRY_BASE_URL = "https://vioraui.dedyn.io/registry";
+
+const server = new Server(
+  {
+    name: "viora-ui-mcp",
+    version: "1.0.0",
+  },
+  {
+    capabilities: {
+      tools: {},
+    },
+  }
+);
+
+// Define the tools
+server.setRequestHandler(ListToolsRequestSchema, async () => {
+  return {
+    tools: [
+      {
+        name: "list_viora_components",
+        description: "Lists all available Viora UI components from the official registry.",
+        inputSchema: {
+          type: "object",
+          properties: {},
+        },
+      },
+      {
+        name: "get_viora_component_code",
+        description: "Gets the full raw source code and dependencies for a specific Viora UI component.",
+        inputSchema: {
+          type: "object",
+          properties: {
+            componentName: {
+              type: "string",
+              description: "The name of the component (e.g. 'carousel-002', 'accordion').",
+            },
+          },
+          required: ["componentName"],
+        },
+      },
+    ],
+  };
+});
+
+// Handle tool execution
+server.setRequestHandler(CallToolRequestSchema, async (request) => {
+  if (request.params.name === "list_viora_components") {
+    try {
+      const res = await fetch(`${REGISTRY_BASE_URL}/index.json`);
+      if (!res.ok) throw new Error(`Failed to fetch index: ${res.statusText}`);
+      
+      const components = await res.json();
+      
+      // Just extract names and descriptions/types for brevity
+      const summary = components.map((c: any) => ({
+        name: c.name,
+        type: c.type,
+        dependencies: c.dependencies || []
+      }));
+      
+      return {
+        content: [
+          {
+            type: "text",
+            text: JSON.stringify(summary, null, 2),
+          },
+        ],
+      };
+    } catch (e: any) {
+      return {
+        isError: true,
+        content: [{ type: "text", text: `Failed to fetch registry: ${e.message}` }],
+      };
+    }
+  }
+
+  if (request.params.name === "get_viora_component_code") {
+    const componentName = request.params.arguments?.componentName as string;
+    
+    try {
+      const res = await fetch(`${REGISTRY_BASE_URL}/${componentName}.json`);
+      if (res.status === 404) {
+        return {
+          isError: true,
+          content: [{ type: "text", text: `Component '${componentName}' not found.` }],
+        };
+      }
+      if (!res.ok) throw new Error(`Failed to fetch component: ${res.statusText}`);
+      
+      const componentData = await res.json();
+      
+      // Format the output nicely for an AI agent to consume
+      let outputText = `Component: ${componentData.name}\nType: ${componentData.type}\n`;
+      if (componentData.dependencies && componentData.dependencies.length > 0) {
+        outputText += `Dependencies: ${componentData.dependencies.join(", ")}\n`;
+      }
+      
+      outputText += `\n--- FILES ---\n\n`;
+      
+      for (const file of componentData.files) {
+        outputText += `File: ${file.path || file.name || 'unknown'}\n`;
+        outputText += `Target: ${file.target || 'unknown'}\n`;
+        outputText += `\`\`\`tsx\n${file.content}\n\`\`\`\n\n`;
+      }
+      
+      return {
+        content: [
+          {
+            type: "text",
+            text: outputText,
+          },
+        ],
+      };
+    } catch (e: any) {
+      return {
+        isError: true,
+        content: [{ type: "text", text: `Failed to get component code: ${e.message}` }],
+      };
+    }
+  }
+
+  throw new Error(`Tool not found: ${request.params.name}`);
+});
+
+async function run() {
+  const transport = new StdioServerTransport();
+  await server.connect(transport);
+  console.error("Viora UI MCP Server running on stdio");
+}
+
+run().catch(console.error);

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "types": ["node"]
+  },
+  "include": ["src/**/*"]
+}