mcp-page-bridge 0.1.3 → 0.1.4

package/dist/bridge.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   createBridge
-} from "./chunk-7A7AECYZ.js";
+} from "./chunk-RRWNJUKA.js";
 export {
   createBridge
 };

package/dist/{chunk-7A7AECYZ.js → chunk-RRWNJUKA.js}

@@ -21,7 +21,7 @@ import {
 } from "@modelcontextprotocol/sdk/types.js";
 
 // ../protocol/src/index.ts
-var MCP_PAGE_BRIDGE_VERSION = "0.1.3";
+var MCP_PAGE_BRIDGE_VERSION = "0.1.4";
 var WS_SUBPROTOCOL = "mcp";
 var DEFAULT_PORT = 8787;
 var NAMESPACE_SEP = "__";
@@ -781,17 +781,7 @@ async function createBridge(opts = {}) {
   const toolRoutes = /* @__PURE__ */ new Map();
   const promptRoutes = /* @__PURE__ */ new Map();
   const resourceRoutes = /* @__PURE__ */ new Map();
-  const server = new Server(
-    { name: "mcp-page-bridge", version: MCP_PAGE_BRIDGE_VERSION },
-    {
-      capabilities: {
-        tools: { listChanged: true },
-        prompts: { listChanged: true },
-        resources: { listChanged: true },
-        logging: {}
-      }
-    }
-  );
+  const agentServers = /* @__PURE__ */ new Set();
   function metaTools() {
     return [
       {
@@ -875,9 +865,11 @@ async function createBridge(opts = {}) {
   }
   function notifyChanged(kind) {
     rebuildRoutes();
-    const send = kind === "tools" ? () => server.sendToolListChanged() : kind === "prompts" ? () => server.sendPromptListChanged() : () => server.sendResourceListChanged();
-    void Promise.resolve().then(send).catch(() => {
-    });
+    const send = kind === "tools" ? (s) => s.sendToolListChanged() : kind === "prompts" ? (s) => s.sendPromptListChanged() : (s) => s.sendResourceListChanged();
+    for (const agentServer of agentServers) {
+      void Promise.resolve().then(() => send(agentServer)).catch(() => {
+      });
+    }
   }
   function uniqueLabel(base) {
     const used = new Set([...providers.values()].map((p) => p.label));
@@ -886,49 +878,65 @@ async function createBridge(opts = {}) {
     while (used.has(`${base}-${i}`)) i += 1;
     return `${base}-${i}`;
   }
-  server.setRequestHandler(ListToolsRequestSchema, async () => ({ tools: exposedTools() }));
-  server.setRequestHandler(CallToolRequestSchema, async (req) => {
-    const name = req.params.name;
-    if (name === META_LIST_CLIENTS) {
-      return { content: [{ type: "text", text: JSON.stringify(providerSummary(), null, 2) }] };
-    }
-    const route = toolRoutes.get(name);
-    const provider = route && providers.get(route.providerId);
-    if (!route || !provider) {
-      return { content: [{ type: "text", text: `Unknown or disconnected tool: ${name}` }], isError: true };
-    }
-    try {
-      const result = await provider.client.callTool({
+  function createAgentServer() {
+    const agentServer = new Server(
+      { name: "mcp-page-bridge", version: MCP_PAGE_BRIDGE_VERSION },
+      {
+        capabilities: {
+          tools: { listChanged: true },
+          prompts: { listChanged: true },
+          resources: { listChanged: true },
+          logging: {}
+        }
+      }
+    );
+    agentServer.setRequestHandler(ListToolsRequestSchema, async () => ({ tools: exposedTools() }));
+    agentServer.setRequestHandler(CallToolRequestSchema, async (req) => {
+      const name = req.params.name;
+      if (name === META_LIST_CLIENTS) {
+        return { content: [{ type: "text", text: JSON.stringify(providerSummary(), null, 2) }] };
+      }
+      const route = toolRoutes.get(name);
+      const provider = route && providers.get(route.providerId);
+      if (!route || !provider) {
+        return { content: [{ type: "text", text: `Unknown or disconnected tool: ${name}` }], isError: true };
+      }
+      try {
+        const result = await provider.client.callTool({
+          name: route.originalName,
+          arguments: req.params.arguments ?? {}
+        });
+        return result;
+      } catch (error) {
+        return {
+          content: [{ type: "text", text: `Tool call failed: ${error.message}` }],
+          isError: true
+        };
+      }
+    });
+    agentServer.setRequestHandler(ListPromptsRequestSchema, async () => ({ prompts: exposedPrompts() }));
+    agentServer.setRequestHandler(GetPromptRequestSchema, async (req) => {
+      const route = promptRoutes.get(req.params.name);
+      const provider = route && providers.get(route.providerId);
+      if (!route || !provider) throw new Error(`Unknown or disconnected prompt: ${req.params.name}`);
+      return provider.client.getPrompt({
         name: route.originalName,
-        arguments: req.params.arguments ?? {}
+        arguments: req.params.arguments
       });
-      return result;
-    } catch (error) {
-      return {
-        content: [{ type: "text", text: `Tool call failed: ${error.message}` }],
-        isError: true
-      };
-    }
-  });
-  server.setRequestHandler(ListPromptsRequestSchema, async () => ({ prompts: exposedPrompts() }));
-  server.setRequestHandler(GetPromptRequestSchema, async (req) => {
-    const route = promptRoutes.get(req.params.name);
-    const provider = route && providers.get(route.providerId);
-    if (!route || !provider) throw new Error(`Unknown or disconnected prompt: ${req.params.name}`);
-    return provider.client.getPrompt({
-      name: route.originalName,
-      arguments: req.params.arguments
     });
-  });
-  server.setRequestHandler(ListResourcesRequestSchema, async () => ({
-    resources: exposedResources()
-  }));
-  server.setRequestHandler(ReadResourceRequestSchema, async (req) => {
-    const providerId = resourceRoutes.get(req.params.uri);
-    const provider = providerId ? providers.get(providerId) : void 0;
-    if (!provider) throw new Error(`Unknown or disconnected resource: ${req.params.uri}`);
-    return provider.client.readResource({ uri: req.params.uri });
-  });
+    agentServer.setRequestHandler(ListResourcesRequestSchema, async () => ({
+      resources: exposedResources()
+    }));
+    agentServer.setRequestHandler(ReadResourceRequestSchema, async (req) => {
+      const providerId = resourceRoutes.get(req.params.uri);
+      const provider = providerId ? providers.get(providerId) : void 0;
+      if (!provider) throw new Error(`Unknown or disconnected resource: ${req.params.uri}`);
+      return provider.client.readResource({ uri: req.params.uri });
+    });
+    agentServers.add(agentServer);
+    return agentServer;
+  }
+  const server = createAgentServer();
   function providerSummary() {
     return [...providers.values()].map((p) => ({
       label: p.label,
@@ -1053,6 +1061,33 @@ async function createBridge(opts = {}) {
   const address = httpServer.address();
   const port = typeof address === "object" && address ? address.port : opts.port ?? DEFAULT_PORT;
   wss.on("connection", async (ws, req) => {
+    const path = (() => {
+      try {
+        return new URL(req.url ?? "/", "ws://localhost").pathname;
+      } catch {
+        return "/";
+      }
+    })();
+    if (path === "/agent") {
+      const agentServer = createAgentServer();
+      const transport2 = new WebSocketServerTransport(ws);
+      const cleanupAgent = () => {
+        if (!agentServers.delete(agentServer)) return;
+        void agentServer.close().catch(() => {
+        });
+      };
+      ws.on("close", cleanupAgent);
+      try {
+        await agentServer.connect(transport2);
+      } catch {
+        cleanupAgent();
+        try {
+          ws.close();
+        } catch {
+        }
+      }
+      return;
+    }
     const transport = new WebSocketServerTransport(ws);
     const client = new Client({ name: "mcp-page-bridge", version: MCP_PAGE_BRIDGE_VERSION }, { capabilities: {} });
     const id = randomUUID();
@@ -1126,13 +1161,15 @@ async function createBridge(opts = {}) {
     }
     if (caps?.logging) {
       client.setNotificationHandler(LoggingMessageNotificationSchema, (note) => {
-        void Promise.resolve().then(
-          () => server.sendLoggingMessage({
-            ...note.params,
-            logger: `${provider.label}/${note.params.logger ?? "page"}`
-          })
-        ).catch(() => {
-        });
+        for (const agentServer of agentServers) {
+          void Promise.resolve().then(
+            () => agentServer.sendLoggingMessage({
+              ...note.params,
+              logger: `${provider.label}/${note.params.logger ?? "page"}`
+            })
+          ).catch(() => {
+          });
+        }
       });
     }
     const cleanup = () => {
@@ -1163,9 +1200,12 @@ async function createBridge(opts = {}) {
       }
       await new Promise((resolve) => wss.close(() => resolve()));
       await new Promise((resolve) => httpServer.close(() => resolve()));
-      try {
-        await server.close();
-      } catch {
+      for (const agentServer of [...agentServers]) {
+        agentServers.delete(agentServer);
+        try {
+          await agentServer.close();
+        } catch {
+        }
       }
     }
   };

package/dist/cli.js

@@ -3,10 +3,11 @@ import {
   DEFAULT_PORT,
   MCP_PAGE_BRIDGE_VERSION,
   createBridge
-} from "./chunk-7A7AECYZ.js";
+} from "./chunk-RRWNJUKA.js";
 
 // src/cli.ts
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { WebSocketClientTransport } from "@modelcontextprotocol/sdk/client/websocket.js";
 function parseFlag(argv, flag) {
   const idx = argv.indexOf(flag);
   if (idx >= 0 && argv[idx + 1]) return argv[idx + 1];
@@ -17,11 +18,56 @@ function parsePort(argv) {
   const n = Number(fromFlag);
   return Number.isFinite(n) && n > 0 ? n : DEFAULT_PORT;
 }
+function isAddrInUse(error) {
+  return !!error && typeof error === "object" && error.code === "EADDRINUSE";
+}
+async function connectProxy(port, token) {
+  const url = new URL(`ws://127.0.0.1:${port}/agent`);
+  if (token) url.searchParams.set("token", token);
+  const stdio = new StdioServerTransport();
+  const remote = new WebSocketClientTransport(url);
+  stdio.onmessage = (message) => {
+    void remote.send(message).catch((error) => stdio.onerror?.(error));
+  };
+  remote.onmessage = (message) => {
+    void stdio.send(message).catch((error) => remote.onerror?.(error));
+  };
+  stdio.onclose = () => {
+    void remote.close().catch(() => {
+    });
+  };
+  remote.onclose = () => {
+    void stdio.close().catch(() => {
+    });
+  };
+  remote.onerror = (error) => {
+    console.error(`[mcp-page-bridge] proxy websocket error: ${error.message}`);
+  };
+  await remote.start();
+  await stdio.start();
+  console.error(`[mcp-page-bridge] MCP stdio proxy ready \u2192 ws://127.0.0.1:${port}/agent`);
+  const shutdown = async () => {
+    await Promise.allSettled([remote.close(), stdio.close()]);
+    process.exit(0);
+  };
+  process.on("SIGINT", shutdown);
+  process.on("SIGTERM", shutdown);
+}
 async function main() {
   const argv = process.argv.slice(2);
   const port = parsePort(argv);
   const token = parseFlag(argv, "--token") ?? process.env.MCP_PAGE_BRIDGE_TOKEN;
-  const bridge = await createBridge({ port, token });
+  let bridge;
+  try {
+    bridge = await createBridge({ port, token });
+  } catch (error) {
+    if (!isAddrInUse(error)) throw error;
+    console.error(
+      `[mcp-page-bridge] port ${port} is already in use; attaching this agent to the existing bridge`
+    );
+    await connectProxy(port, token);
+    return;
+  }
   console.error(
     `[mcp-page-bridge] v${MCP_PAGE_BRIDGE_VERSION} \u2014 ws://127.0.0.1:${bridge.port} \xB7 dashboard http://127.0.0.1:${bridge.port}/` + (token ? " (token required)" : "")
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mcp-page-bridge",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "description": "MCP bridge that aggregates live browser-page MCP servers and exposes them to a coding agent over stdio",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "typescript": "^5.7.3",
     "vitest": "^2.1.8",
     "zod": "^3.25.0",
-    "mcp-page-bridge-protocol": "0.1.3"
+    "mcp-page-bridge-protocol": "0.1.4"
   },
   "scripts": {
     "start": "tsx src/cli.ts",