@myrialabs/clopen 0.0.5 → 0.0.7

package/backend/lib/mcp/stdio-server.ts

@@ -1,103 +1,103 @@
-#!/usr/bin/env bun
-/**
- * MCP Stdio Server for Open Code
- *
- * Standalone subprocess that exposes our custom MCP tools via stdio transport.
- * Open Code spawns this process and communicates over stdin/stdout (JSON-RPC 2.0).
- *
- * Tool definitions (schema, description) are loaded from the SAME source as
- * Claude Code — the `serverMetadata` registry in `./servers/index.ts`.
- *
- * ALL tool calls are proxied to the main Clopen server via WSClient bridge,
- * because handlers need in-process access to browser instances, project context, etc.
- */
-
-import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
-import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
-import { WSClient } from '$shared/utils/ws-client';
-import { serverMetadata } from './servers/index';
-import { mcpServers } from './config';
-
-// ============================================================================
-// WebSocket Bridge — proxies tool calls to the main Clopen server via WSClient
-// ============================================================================
-
-const BRIDGE_PORT = process.env.CLOPEN_PORT || '9141';
-const WS_URL = `ws://localhost:${BRIDGE_PORT}/ws`;
-
-/**
- * WSClient instance for communicating with the main Clopen server.
- * Uses the same protocol as the frontend (JSON messages with action/payload).
- */
-const wsClient = new WSClient<any>(WS_URL, {
-	autoReconnect: true,
-	maxReconnectAttempts: 10,
-	reconnectDelay: 1000,
-	maxReconnectDelay: 10000,
-});
-
-/**
- * Call a tool handler on the main Clopen server via the WS bridge.
- * Uses WSClient.http() which follows the standard request-response pattern.
- */
-async function callBridge(
-	serverName: string,
-	toolName: string,
-	args: Record<string, unknown>
-): Promise<{ content: Array<{ type: string; text?: string; data?: string; mimeType?: string }>; isError?: boolean }> {
-	try {
-		return await wsClient.http('mcp:execute' as any, {
-			server: serverName,
-			tool: toolName,
-			args,
-		} as any, 30000);
-	} catch (error) {
-		const msg = error instanceof Error ? error.message : String(error);
-		return {
-			content: [{ type: 'text', text: `Bridge connection failed: ${msg}` }],
-			isError: true,
-		};
-	}
-}
-
-// ============================================================================
-// Build MCP server from existing server metadata (single source of truth)
-// ============================================================================
-
-const server = new McpServer({
-	name: 'clopen-mcp',
-	version: '1.0.0',
-});
-
-// Iterate over all configured servers and register their enabled tools
-for (const [serverName, serverConfig] of Object.entries(mcpServers)) {
-	if (!serverConfig.enabled) continue;
-
-	// Get tool definitions from the metadata registry
-	const meta = (serverMetadata as Record<string, { toolDefs: Record<string, { description: string; schema: Record<string, any> }> }>)[serverName];
-	if (!meta) continue;
-
-	for (const toolName of serverConfig.tools) {
-		const toolDef = meta.toolDefs[toolName];
-		if (!toolDef) continue;
-
-		// Register tool with the same schema/description, but handler goes through bridge
-		server.registerTool(
-			toolName,
-			{
-				description: toolDef.description,
-				inputSchema: toolDef.schema,
-			},
-			async (args: Record<string, unknown>) => {
-				return await callBridge(serverName, toolName, args) as any;
-			}
-		);
-	}
-}
-
-// ============================================================================
-// Connect via stdio transport
-// ============================================================================
-
-const transport = new StdioServerTransport();
-await server.connect(transport);
+#!/usr/bin/env bun
+/**
+ * MCP Stdio Server for Open Code
+ *
+ * Standalone subprocess that exposes our custom MCP tools via stdio transport.
+ * Open Code spawns this process and communicates over stdin/stdout (JSON-RPC 2.0).
+ *
+ * Tool definitions (schema, description) are loaded from the SAME source as
+ * Claude Code — the `serverMetadata` registry in `./servers/index.ts`.
+ *
+ * ALL tool calls are proxied to the main Clopen server via WSClient bridge,
+ * because handlers need in-process access to browser instances, project context, etc.
+ */
+
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
+import { WSClient } from '$shared/utils/ws-client';
+import { serverMetadata } from './servers/index';
+import { mcpServers } from './config';
+
+// ============================================================================
+// WebSocket Bridge — proxies tool calls to the main Clopen server via WSClient
+// ============================================================================
+
+const BRIDGE_PORT = process.env.CLOPEN_PORT || '9141';
+const WS_URL = `ws://localhost:${BRIDGE_PORT}/ws`;
+
+/**
+ * WSClient instance for communicating with the main Clopen server.
+ * Uses the same protocol as the frontend (JSON messages with action/payload).
+ */
+const wsClient = new WSClient<any>(WS_URL, {
+	autoReconnect: true,
+	maxReconnectAttempts: 10,
+	reconnectDelay: 1000,
+	maxReconnectDelay: 10000,
+});
+
+/**
+ * Call a tool handler on the main Clopen server via the WS bridge.
+ * Uses WSClient.http() which follows the standard request-response pattern.
+ */
+async function callBridge(
+	serverName: string,
+	toolName: string,
+	args: Record<string, unknown>
+): Promise<{ content: Array<{ type: string; text?: string; data?: string; mimeType?: string }>; isError?: boolean }> {
+	try {
+		return await wsClient.http('mcp:execute' as any, {
+			server: serverName,
+			tool: toolName,
+			args,
+		} as any, 30000);
+	} catch (error) {
+		const msg = error instanceof Error ? error.message : String(error);
+		return {
+			content: [{ type: 'text', text: `Bridge connection failed: ${msg}` }],
+			isError: true,
+		};
+	}
+}
+
+// ============================================================================
+// Build MCP server from existing server metadata (single source of truth)
+// ============================================================================
+
+const server = new McpServer({
+	name: 'clopen-mcp',
+	version: '1.0.0',
+});
+
+// Iterate over all configured servers and register their enabled tools
+for (const [serverName, serverConfig] of Object.entries(mcpServers)) {
+	if (!serverConfig.enabled) continue;
+
+	// Get tool definitions from the metadata registry
+	const meta = (serverMetadata as Record<string, { toolDefs: Record<string, { description: string; schema: Record<string, any> }> }>)[serverName];
+	if (!meta) continue;
+
+	for (const toolName of serverConfig.tools) {
+		const toolDef = meta.toolDefs[toolName];
+		if (!toolDef) continue;
+
+		// Register tool with the same schema/description, but handler goes through bridge
+		server.registerTool(
+			toolName,
+			{
+				description: toolDef.description,
+				inputSchema: toolDef.schema,
+			},
+			async (args: Record<string, unknown>) => {
+				return await callBridge(serverName, toolName, args) as any;
+			}
+		);
+	}
+}
+
+// ============================================================================
+// Connect via stdio transport
+// ============================================================================
+
+const transport = new StdioServerTransport();
+await server.connect(transport);

package/backend/lib/mcp/types.ts

@@ -1,65 +1,65 @@
-/**
- * MCP (Model Context Protocol) Custom Tools - Type Definitions
- *
- * This file contains all TypeScript types and interfaces used across
- * the custom MCP tools system.
- */
-
-import type { serverMetadata } from './servers';
-import type { McpSdkServerConfigWithInstance } from '@anthropic-ai/claude-agent-sdk';
-
-/**
- * Extract server names from metadata registry
- */
-export type ServerName = keyof typeof serverMetadata;
-
-/**
- * Extract tool names from a specific server
- * Automatically inferred from server metadata
- */
-export type ToolsForServer<S extends ServerName> = (typeof serverMetadata)[S]['tools'][number];
-
-/**
- * Configuration for an MCP server (user-defined)
- */
-export type ServerConfig<S extends ServerName = ServerName> = {
-	/** Whether this server is enabled */
-	enabled: boolean;
-	/** List of enabled tool names for this server */
-	tools: readonly ToolsForServer<S>[];
-};
-
-/**
- * Complete server configuration with instance (internal use)
- */
-export type McpServerConfigWithInstance<S extends ServerName = ServerName> = ServerConfig<S> & {
-	instance: McpSdkServerConfigWithInstance;
-};
-
-/**
- * Parsed MCP tool name
- * Format: mcp__server-name__tool-name
- */
-export interface ParsedMcpToolName {
-	/** Server name (e.g., "weather-service") */
-	server: string;
-	/** Tool name (e.g., "get_temperature") */
-	tool: string;
-	/** Full tool name (e.g., "mcp__weather-service__get_temperature") */
-	fullName: string;
-}
-
-/**
- * MCP server status from SDK
- */
-export interface McpServerStatus {
-	/** Server name */
-	name: string;
-	/** Connection status */
-	status: 'connected' | 'failed' | 'needs-auth' | 'pending';
-	/** Server information if connected */
-	serverInfo?: {
-		name: string;
-		version: string;
-	};
-}
+/**
+ * MCP (Model Context Protocol) Custom Tools - Type Definitions
+ *
+ * This file contains all TypeScript types and interfaces used across
+ * the custom MCP tools system.
+ */
+
+import type { serverMetadata } from './servers';
+import type { McpSdkServerConfigWithInstance } from '@anthropic-ai/claude-agent-sdk';
+
+/**
+ * Extract server names from metadata registry
+ */
+export type ServerName = keyof typeof serverMetadata;
+
+/**
+ * Extract tool names from a specific server
+ * Automatically inferred from server metadata
+ */
+export type ToolsForServer<S extends ServerName> = (typeof serverMetadata)[S]['tools'][number];
+
+/**
+ * Configuration for an MCP server (user-defined)
+ */
+export type ServerConfig<S extends ServerName = ServerName> = {
+	/** Whether this server is enabled */
+	enabled: boolean;
+	/** List of enabled tool names for this server */
+	tools: readonly ToolsForServer<S>[];
+};
+
+/**
+ * Complete server configuration with instance (internal use)
+ */
+export type McpServerConfigWithInstance<S extends ServerName = ServerName> = ServerConfig<S> & {
+	instance: McpSdkServerConfigWithInstance;
+};
+
+/**
+ * Parsed MCP tool name
+ * Format: mcp__server-name__tool-name
+ */
+export interface ParsedMcpToolName {
+	/** Server name (e.g., "weather-service") */
+	server: string;
+	/** Tool name (e.g., "get_temperature") */
+	tool: string;
+	/** Full tool name (e.g., "mcp__weather-service__get_temperature") */
+	fullName: string;
+}
+
+/**
+ * MCP server status from SDK
+ */
+export interface McpServerStatus {
+	/** Server name */
+	name: string;
+	/** Connection status */
+	status: 'connected' | 'failed' | 'needs-auth' | 'pending';
+	/** Server information if connected */
+	serverInfo?: {
+		name: string;
+		version: string;
+	};
+}

package/backend/lib/preview/browser/browser-audio-capture.ts

@@ -1,86 +1,86 @@
-/**
- * Browser Audio Capture Handler
- *
- * Handles audio capture setup and management for headless browser sessions.
- * Audio is captured via AudioContext interception and encoded with AudioEncoder (Opus).
- */
-
-import type { Page } from 'puppeteer';
-import type { StreamingConfig } from './types';
-import { audioCaptureScript } from './scripts/audio-stream';
-
-export class BrowserAudioCapture {
-	/**
-	 * Setup audio capture for a page
-	 * Injects audio capture script that intercepts AudioContext before page loads
-	 */
-	async setupAudioCapture(page: Page, config: StreamingConfig['audio']): Promise<void> {
-		// Inject audio capture script BEFORE page loads to intercept AudioContext
-		await page.evaluateOnNewDocument(audioCaptureScript, config);
-	}
-
-	/**
-	 * Check if audio encoder is supported in the page
-	 */
-	async isAudioSupported(page: Page): Promise<boolean> {
-		try {
-			return await page.evaluate(() => {
-				return typeof (window as any).__audioEncoder?.isSupported === 'function'
-					&& (window as any).__audioEncoder.isSupported();
-			});
-		} catch {
-			return false;
-		}
-	}
-
-	/**
-	 * Initialize and start audio capture
-	 */
-	async startAudioCapture(page: Page): Promise<boolean> {
-		try {
-			const initialized = await page.evaluate(async () => {
-				const encoder = (window as any).__audioEncoder;
-				if (!encoder) return false;
-
-				const initiated = await encoder.init();
-				if (initiated) {
-					return encoder.start();
-				}
-				return false;
-			});
-
-			return initialized;
-		} catch (error) {
-			return false;
-		}
-	}
-
-	/**
-	 * Stop audio capture
-	 */
-	async stopAudioCapture(page: Page): Promise<void> {
-		try {
-			await page.evaluate(() => {
-				const encoder = (window as any).__audioEncoder;
-				if (encoder) {
-					encoder.stop();
-				}
-			});
-		} catch {
-			// Ignore errors during cleanup
-		}
-	}
-
-	/**
-	 * Check if audio is currently being captured
-	 */
-	async isCapturing(page: Page): Promise<boolean> {
-		try {
-			return await page.evaluate(() => {
-				return (window as any).__audioEncoder?.isCapturing() || false;
-			});
-		} catch {
-			return false;
-		}
-	}
-}
+/**
+ * Browser Audio Capture Handler
+ *
+ * Handles audio capture setup and management for headless browser sessions.
+ * Audio is captured via AudioContext interception and encoded with AudioEncoder (Opus).
+ */
+
+import type { Page } from 'puppeteer';
+import type { StreamingConfig } from './types';
+import { audioCaptureScript } from './scripts/audio-stream';
+
+export class BrowserAudioCapture {
+	/**
+	 * Setup audio capture for a page
+	 * Injects audio capture script that intercepts AudioContext before page loads
+	 */
+	async setupAudioCapture(page: Page, config: StreamingConfig['audio']): Promise<void> {
+		// Inject audio capture script BEFORE page loads to intercept AudioContext
+		await page.evaluateOnNewDocument(audioCaptureScript, config);
+	}
+
+	/**
+	 * Check if audio encoder is supported in the page
+	 */
+	async isAudioSupported(page: Page): Promise<boolean> {
+		try {
+			return await page.evaluate(() => {
+				return typeof (window as any).__audioEncoder?.isSupported === 'function'
+					&& (window as any).__audioEncoder.isSupported();
+			});
+		} catch {
+			return false;
+		}
+	}
+
+	/**
+	 * Initialize and start audio capture
+	 */
+	async startAudioCapture(page: Page): Promise<boolean> {
+		try {
+			const initialized = await page.evaluate(async () => {
+				const encoder = (window as any).__audioEncoder;
+				if (!encoder) return false;
+
+				const initiated = await encoder.init();
+				if (initiated) {
+					return encoder.start();
+				}
+				return false;
+			});
+
+			return initialized;
+		} catch (error) {
+			return false;
+		}
+	}
+
+	/**
+	 * Stop audio capture
+	 */
+	async stopAudioCapture(page: Page): Promise<void> {
+		try {
+			await page.evaluate(() => {
+				const encoder = (window as any).__audioEncoder;
+				if (encoder) {
+					encoder.stop();
+				}
+			});
+		} catch {
+			// Ignore errors during cleanup
+		}
+	}
+
+	/**
+	 * Check if audio is currently being captured
+	 */
+	async isCapturing(page: Page): Promise<boolean> {
+		try {
+			return await page.evaluate(() => {
+				return (window as any).__audioEncoder?.isCapturing() || false;
+			});
+		} catch {
+			return false;
+		}
+	}
+}