viagen 0.0.56 → 0.0.57

package/README.md

@@ -86,10 +86,29 @@ viagen({
   sandboxFiles: [...],       // copy files manually into sandbox
   systemPrompt: '...',       // custom system prompt (see below)
   editable: ['src','conf'],  // files/dirs editable in the UI
+  mcpServers: { ... },       // additional MCP servers for Claude
 })
 ```
 
 
+### Custom MCP Servers
+
+Pass additional [MCP server](https://modelcontextprotocol.io) configurations to give Claude access to custom tools:
+
+```ts
+viagen({
+  mcpServers: {
+    'my-db': {
+      command: 'npx',
+      args: ['-y', '@my-org/db-mcp-server'],
+      env: { DATABASE_URL: process.env.DATABASE_URL },
+    },
+  },
+})
+```
+
+These are merged with viagen's built-in platform tools (when connected). User-provided servers take precedence if names collide.
+
 ### Editable Files
 
 Add a file editor panel to the chat UI:

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'vite';
+import { McpServerConfig } from '@anthropic-ai/claude-agent-sdk';
 
 declare const DEFAULT_SYSTEM_PROMPT = "\n  You are embedded in a Vite dev server as the \"viagen\" plugin.\n  Your job is to help build and modify the app. Files you edit will trigger Vite HMR automatically.\n  You can read .viagen/server.log to check recent Vite dev server output (compile errors, HMR updates, warnings).\n  Be concise.\n\n  You have agent-browser available for interacting with the running app in a real browser.\n  Use it to visually verify your changes, test interactions, and catch UI issues.\n  Key commands:\n    agent-browser open <url>          \u2014 open a page\n    agent-browser snapshot            \u2014 get accessibility tree with element refs (@e1, @e2, etc.)\n    agent-browser click @e<N>         \u2014 click an element by ref\n    agent-browser fill @e<N> \"value\"  \u2014 fill an input\n    agent-browser screenshot <file>   \u2014 capture a screenshot (you can view the image)\n    agent-browser diff snapshot --baseline <file> \u2014 compare page state before/after\n    agent-browser close               \u2014 close the browser\n  After making changes, consider using agent-browser to verify the result visually.\n";
 
@@ -97,6 +98,8 @@ interface ViagenOptions {
      * @example ['src/components', '.env', 'vite.config.ts']
      */
     editable?: string[];
+    /** Additional MCP servers to make available to Claude. Merged with built-in viagen tools. */
+    mcpServers?: Record<string, McpServerConfig>;
     /** Enable verbose debug logging. Also enabled by VIAGEN_DEBUG=1 in .env. */
     debug?: boolean;
 }

package/dist/index.js

@@ -110,7 +110,7 @@ function registerHealthRoutes(server, env, errorRef) {
       );
     }
   });
-  const currentVersion = true ? "0.0.56" : "0.0.0";
+  const currentVersion = true ? "0.0.57" : "0.0.0";
   debug("health", `version resolved: ${currentVersion}`);
   let versionCache = null;
   server.middlewares.use("/via/version", (_req, res) => {
@@ -19286,6 +19286,10 @@ Page URL: ${pageUrl}`);
         });
         mcpServers = { [viagenMcp.name]: viagenMcp };
       }
+      if (options?.mcpServers) {
+        mcpServers = { ...mcpServers, ...options.mcpServers };
+        debug("server", `merged ${Object.keys(options.mcpServers).length} user MCP server(s)`);
+      }
       const isPlanMode = env["VIAGEN_TASK_TYPE"] === "plan";
       let systemPrompt = options?.systemPrompt;
       if (isPlanMode) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viagen",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "description": "Vite dev server plugin that exposes endpoints for chatting with Claude Code SDK",
   "type": "module",
   "main": "./dist/index.js",