@wireweave/mcp-server 1.4.0 → 1.5.0

package/README.md

@@ -7,6 +7,10 @@
 <p align="center">
   <a href="https://www.npmjs.com/package/@wireweave/mcp-server"><img src="https://img.shields.io/npm/v/@wireweave/mcp-server.svg" alt="npm version"></a>
   <a href="https://github.com/wireweave/mcp-server/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@wireweave/mcp-server.svg" alt="license"></a>
+  <a href="https://www.npmjs.com/package/@wireweave/mcp-server"><img src="https://img.shields.io/npm/dm/@wireweave/mcp-server.svg" alt="npm downloads"></a>
+  <a href="https://lobehub.com/mcp/wireweave-mcp-server"><img src="https://lobehub.com/badge/mcp/wireweave-mcp-server" alt="LobeHub MCP"></a>
+  <a href="https://mcpserverhub.com"><img src="https://img.shields.io/badge/MCP-Server%20Hub-blue" alt="MCP Server Hub"></a>
+  <a href="https://modelcontextprotocol.io"><img src="https://img.shields.io/badge/MCP-Compatible-green" alt="MCP Compatible"></a>
 </p>
 
 <p align="center">Model Context Protocol server for Wireweave DSL - AI-powered wireframe generation</p>

package/dist/index.js

@@ -5,7 +5,11 @@ import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import {
   CallToolRequestSchema,
-  ListToolsRequestSchema
+  ListToolsRequestSchema,
+  ListPromptsRequestSchema,
+  GetPromptRequestSchema,
+  ListResourcesRequestSchema,
+  ReadResourceRequestSchema
 } from "@modelcontextprotocol/sdk/types.js";
 
 // src/tools.ts
@@ -705,6 +709,109 @@ var toolEndpoints = {
   wireweave_gallery: { method: "GET", path: "/cloud/gallery" }
 };
 
+// src/prompts.ts
+var prompts = [
+  {
+    name: "create_wireframe",
+    description: "Create a new wireframe from a natural language description. Generates Wireweave DSL code.",
+    arguments: [
+      {
+        name: "description",
+        description: 'Description of the wireframe to create (e.g., "login page with email and password fields")',
+        required: true
+      }
+    ]
+  },
+  {
+    name: "improve_ux",
+    description: "Analyze existing wireframe code and suggest UX improvements based on best practices.",
+    arguments: [
+      {
+        name: "code",
+        description: "Wireweave DSL code to analyze",
+        required: true
+      }
+    ]
+  },
+  {
+    name: "convert_to_wireframe",
+    description: "Convert a UI description or sketch concept into Wireweave DSL code.",
+    arguments: [
+      {
+        name: "ui_description",
+        description: "Detailed description of the UI layout and components",
+        required: true
+      },
+      {
+        name: "style",
+        description: "Optional style preference (minimal, detailed, mobile-first)",
+        required: false
+      }
+    ]
+  }
+];
+var promptTemplates = {
+  "create_wireframe": `Create a Wireweave DSL wireframe for: {{description}}
+
+Please use the wireweave_guide tool first to understand the DSL syntax, then generate valid Wireweave code.
+After generating, use wireweave_validate to check the syntax and wireweave_validate_ux to check UX best practices.`,
+  "improve_ux": `Analyze and improve the UX of this Wireweave wireframe:
+
+\`\`\`wireframe
+{{code}}
+\`\`\`
+
+Please use wireweave_validate_ux to get specific recommendations, then suggest improvements.`,
+  "convert_to_wireframe": `Convert this UI description to Wireweave DSL code:
+
+{{ui_description}}
+
+Style preference: {{style}}
+
+Use wireweave_guide for syntax reference and wireweave_patterns for common layouts.`
+};
+
+// src/resources.ts
+var resources = [
+  {
+    uri: "wireweave://grammar",
+    name: "Complete grammar reference for Wireweave DSL syntax and structure",
+    description: "Complete grammar reference for Wireweave DSL syntax and structure",
+    mimeType: "text/markdown"
+  },
+  {
+    uri: "wireweave://guide",
+    name: "Comprehensive guide for writing Wireweave DSL code, including best practices",
+    description: "Comprehensive guide for writing Wireweave DSL code, including best practices",
+    mimeType: "text/markdown"
+  },
+  {
+    uri: "wireweave://examples",
+    name: "Collection of example wireframe codes for common UI patterns",
+    description: "Collection of example wireframe codes for common UI patterns",
+    mimeType: "text/markdown"
+  },
+  {
+    uri: "wireweave://patterns",
+    name: "Common layout patterns and templates for wireframes",
+    description: "Common layout patterns and templates for wireframes",
+    mimeType: "text/markdown"
+  },
+  {
+    uri: "wireweave://ux-rules",
+    name: "UX validation rules and best practices for wireframe design",
+    description: "UX validation rules and best practices for wireframe design",
+    mimeType: "text/markdown"
+  }
+];
+var resourceToTool = {
+  "wireweave://grammar": "wireweave_grammar",
+  "wireweave://guide": "wireweave_guide",
+  "wireweave://examples": "wireweave_examples",
+  "wireweave://patterns": "wireweave_patterns",
+  "wireweave://ux-rules": "wireweave_ux_rules"
+};
+
 // src/api.ts
 function buildRequest(config, endpoint, args) {
   let path = endpoint.path;
@@ -804,7 +911,9 @@ var server = new Server(
   },
   {
     capabilities: {
-      tools: {}
+      tools: {},
+      prompts: {},
+      resources: {}
     }
   }
 );
@@ -852,6 +961,72 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
     };
   }
 });
+server.setRequestHandler(ListPromptsRequestSchema, async () => {
+  return { prompts };
+});
+server.setRequestHandler(GetPromptRequestSchema, async (request) => {
+  const { name, arguments: args } = request.params;
+  const prompt = prompts.find((p) => p.name === name);
+  if (!prompt) {
+    throw new Error(`Prompt not found: ${name}`);
+  }
+  const template = promptTemplates[name];
+  if (!template) {
+    throw new Error(`Prompt template not found: ${name}`);
+  }
+  let messageText = template;
+  if (args) {
+    for (const [key, value] of Object.entries(args)) {
+      messageText = messageText.replace(new RegExp(`\\{\\{${key}\\}\\}`, "g"), String(value));
+    }
+  }
+  messageText = messageText.replace(/\{\{[^}]+\}\}/g, "");
+  return {
+    description: prompt.description,
+    messages: [
+      {
+        role: "user",
+        content: {
+          type: "text",
+          text: messageText
+        }
+      }
+    ]
+  };
+});
+server.setRequestHandler(ListResourcesRequestSchema, async () => {
+  return { resources };
+});
+server.setRequestHandler(ReadResourceRequestSchema, async (request) => {
+  const { uri } = request.params;
+  const resource = resources.find((r) => r.uri === uri);
+  if (!resource) {
+    throw new Error(`Resource not found: ${uri}`);
+  }
+  const toolName = resourceToTool[uri];
+  if (!toolName) {
+    throw new Error(`No tool mapping for resource: ${uri}`);
+  }
+  const endpoint = toolEndpoints[toolName];
+  if (!endpoint) {
+    throw new Error(`Tool endpoint not found: ${toolName}`);
+  }
+  try {
+    const result = await callApi(apiConfig, endpoint, {});
+    const content = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+    return {
+      contents: [
+        {
+          uri,
+          mimeType: resource.mimeType,
+          text: content
+        }
+      ]
+    };
+  } catch (error) {
+    throw new Error(`Failed to fetch resource: ${error instanceof Error ? error.message : "Unknown error"}`);
+  }
+});
 server.onerror = (error) => {
   log("An error occurred", "error");
 };
@@ -862,7 +1037,7 @@ process.on("SIGINT", async () => {
 async function main() {
   const transport = new StdioServerTransport();
   await server.connect(transport);
-  log(`MCP server started with ${tools.length} tools`);
+  log(`MCP server started with ${tools.length} tools, ${prompts.length} prompts, ${resources.length} resources`);
   if (!API_KEY) {
     log("API key not configured. Get one at https://dashboard.wireweave.org", "warn");
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wireweave/mcp-server",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "MCP server for Wireweave DSL - Thin client for API Server",
   "type": "module",
   "main": "dist/index.js",