js-bridge-mcp 0.1.7 → 0.1.8

package/dist/client/main.js

@@ -4,29 +4,29 @@ function _(e) {
     n.push(s), o.set(s.name, c);
   return { manifest: n, fnByName: o };
 }
-const f = 1e4, g = 3600 * 1e3;
+const w = 1e4, f = 3600 * 1e3;
 function $(e, n = {}) {
   let o, c = !1, s = 0, p;
   const m = () => {
     const a = n.tenant ?? (location.pathname.startsWith("/t/") ? location.pathname.slice(3).split("/")[0] : ""), y = a ? `/ws?tenant=${encodeURIComponent(a)}` : "/ws", d = `${n.serverUrl ? n.serverUrl.replace(/^http/, "ws") : `${location.protocol === "https:" ? "wss:" : "ws:"}//${location.host}`}${y}`;
     console.log(`[mcp-ws] connecting (attempt ${s + 1}): ${d}`), o = new WebSocket(d), o.onopen = () => {
       console.log(`[mcp-ws] connected${s > 0 ? ` after ${s} reconnect attempt(s)` : ""}`), s = 0, p = void 0, e.onConnect?.();
-    }, o.onclose = (i) => {
-      if (console.log(`[mcp-ws] disconnected: code=${i.code} reason=${i.reason || "(none)"} wasClean=${i.wasClean}`), e.onDisconnect?.(), !c) {
-        if (i.code === 4404) {
+    }, o.onclose = (r) => {
+      if (console.log(`[mcp-ws] disconnected: code=${r.code} reason=${r.reason || "(none)"} wasClean=${r.wasClean}`), e.onDisconnect?.(), !c) {
+        if (r.code === 4404) {
           console.log("[mcp-ws] invalid tenant id (4404) — not retrying");
           return;
         }
-        if (p ??= Date.now(), Date.now() - p > g) {
-          console.log(`[mcp-ws] giving up after retrying for over ${g / 6e4} minutes`);
+        if (p ??= Date.now(), Date.now() - p > f) {
+          console.log(`[mcp-ws] giving up after retrying for over ${f / 6e4} minutes`);
           return;
         }
-        s++, console.log(`[mcp-ws] retrying in ${f / 1e3}s (attempt ${s + 1})`), setTimeout(m, f);
+        s++, console.log(`[mcp-ws] retrying in ${w / 1e3}s (attempt ${s + 1})`), setTimeout(m, w);
       }
     }, o.onerror = () => {
       console.log("[mcp-ws] socket error (see close event for details)");
-    }, o.onmessage = (i) => {
-      const t = JSON.parse(i.data);
+    }, o.onmessage = (r) => {
+      const t = JSON.parse(r.data);
       t.type === "init" && e.onInit?.(t.schema, t.state), t.type === "reinit" && e.onReinit?.(t.schema, t.state), t.type === "update" && e.onUpdate?.(t.field, t.value), t.type === "call" && e.onCall?.(t.id, t.name, t.args), t.type === "identify" && (e.onIdentify ? e.onIdentify(t.label) : alert(`Identify: this is the "${t.label ?? "unlabeled"}" connection`));
     };
   };
@@ -39,23 +39,22 @@ function $(e, n = {}) {
     }
   };
 }
-const h = window.__mcpTools ?? [], { manifest: C, fnByName: b } = _(h), N = window.__mcpSummary ?? void 0;
-let r = window.__mcpAppName ?? document.title ?? void 0, w = !1;
-function v() {
-  if (w) return r;
-  w = !0;
-  const e = prompt("Name this MCP connection (used to identify it to the agent):", r ?? "");
-  return e && (r = e), r;
+const h = window.__mcpTools ?? [], { manifest: b, fnByName: C } = _(h), N = window.__mcpSummary ?? void 0, v = typeof window.__mcpAppName == "string" && window.__mcpAppName;
+let i = window.__mcpAppName ?? document.title ?? void 0, g = !1;
+function S() {
+  if (g || (g = !0, v)) return i;
+  const e = prompt("Name this MCP connection (used to identify it to the agent):", i ?? "");
+  return e && (i = e), i;
 }
-const u = new URL(import.meta.url), S = u.searchParams.get("server") ?? void 0, R = u.searchParams.get("tenant") ?? void 0, l = $(
+const u = new URL(import.meta.url), R = u.searchParams.get("server") ?? void 0, U = u.searchParams.get("tenant") ?? void 0, l = $(
   {
     onConnect() {
-      const e = v();
-      console.log(`[js-bridge-mcp] connected as "${e ?? "(unlabeled)"}"`), l.send({ type: "register_tools", tools: C, summary: N, appLabel: e });
+      const e = S();
+      console.log(`[js-bridge-mcp] connected as "${e ?? "(unlabeled)"}"`), l.send({ type: "register_tools", tools: b, summary: N, appLabel: e });
     },
     async onCall(e, n, o) {
       try {
-        const c = b.get(n);
+        const c = C.get(n);
         if (!c) throw new Error(`no page tool named "${n}" — was it in window.__mcpTools when this script loaded?`);
         const s = await c(o);
         l.send({ type: "call_result", id: e, result: s });
@@ -67,9 +66,9 @@ const u = new URL(import.meta.url), S = u.searchParams.get("server") ?? void 0,
       console.log("[js-bridge-mcp] disconnected, retrying...");
     }
   },
-  { serverUrl: S, tenant: R }
+  { serverUrl: R, tenant: U }
 );
 window.__mcpRename = (e) => {
-  const n = e ?? prompt("Rename this MCP connection:", r ?? "");
-  n && (r = n, l.send({ type: "rename_connection", appLabel: n }), console.log(`[js-bridge-mcp] renamed connection to "${n}"`));
+  const n = e ?? prompt("Rename this MCP connection:", i ?? "");
+  n && (i = n, l.send({ type: "rename_connection", appLabel: n }), console.log(`[js-bridge-mcp] renamed connection to "${n}"`));
 };

package/dist/client/tool-bus.js

@@ -0,0 +1,60 @@
+// Generic, provider-agnostic tool registry shared by any page embedding
+// js-bridge-mcp. Deliberately NOT part of main.ts's build (see vite.config.ts's
+// copy-tool-bus plugin) - this is infrastructure any embeddable provider
+// (folderfoo today, others later) and any host app (bulletino today) can
+// import by URL, independent of js-bridge-mcp's own bundle.
+//
+// Solves the load-order problem plain `window.__mcpTools` has: main.ts reads
+// that array once, synchronously, at import time, so a provider script that
+// finishes loading even a tick later is invisible to it. A host page that
+// wants late-registering providers to work should:
+//   1. import this file first,
+//   2. import every provider script (each one calls registerProvider()),
+//   3. merge window.__mcpToolBus.getTools() into window.__mcpTools itself,
+//   4. only then import main.js.
+// Usage: <script type="module" src="http://<js-bridge-mcp host>/tool-bus.js"></script>
+window.__mcpToolBus ??= (() => {
+  const providers = new Map(); // providerName -> tool[]
+  const listeners = new Set();
+
+  function notify() {
+    for (const cb of listeners) cb();
+  }
+
+  function getTools() {
+    // Auto-prefix on name collision across providers, mirroring
+    // js-bridge-mcp's own slug-suffix-on-collision pattern for connections.
+    const claimedBy = new Map(); // tool name -> providerName that claimed it first
+    const out = [];
+    for (const [providerName, tools] of providers) {
+      for (const tool of tools) {
+        let name = tool.name;
+        if (claimedBy.has(name)) {
+          name = `${providerName}__${tool.name}`;
+        } else {
+          claimedBy.set(name, providerName);
+        }
+        out.push({ ...tool, name });
+      }
+    }
+    return out;
+  }
+
+  return {
+    // Re-registering under the same providerName replaces its previous tool
+    // set (no manual unregister needed for e.g. a folder-switch refresh).
+    registerProvider(providerName, tools) {
+      providers.set(providerName, tools);
+      notify();
+      return () => {
+        providers.delete(providerName);
+        notify();
+      };
+    },
+    getTools,
+    onChange(cb) {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+  };
+})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-bridge-mcp",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "description": "Generic bridge: exposes MCP tools discovered from a connected page's own JSON tool manifest, dispatched over a cross-origin WebSocket. Ships a hello-world example page under legacy-page/.",
   "repository": {