claude-browser-bridge 4.0.1 → 4.0.2

package/bin/cli.js

@@ -44,14 +44,25 @@ Docs: https://github.com/HimanshuKanwar2001/claude-browser-bridge
 `);
 }
 
-function init() {
+async function init() {
   const extPath = args[args.indexOf("init") + 1] || null;
-  const tokenPath = join(SERVER_DIR, ".bridge-token");
   const token = randomBytes(24).toString("hex");
-
-  // Write server token
-  writeFileSync(tokenPath, token + "\n");
-  console.log(`✓ Token written to ${tokenPath}`);
+  const os = await import("node:os");
+  const home = os.homedir();
+
+  // Write to canonical path: ~/.claude/browser-bridge-token
+  const claudeDir = join(home, ".claude");
+  if (!existsSync(claudeDir)) mkdirSync(claudeDir, { recursive: true });
+  const canonicalPath = join(home, ".claude", "browser-bridge-token");
+  writeFileSync(canonicalPath, token + "\n");
+  console.log(`✓ Token written to ${canonicalPath}`);
+
+  // Also write to server/.bridge-token (legacy fallback)
+  try {
+    const legacyPath = join(SERVER_DIR, ".bridge-token");
+    writeFileSync(legacyPath, token + "\n");
+    console.log(`✓ Token written to ${legacyPath}`);
+  } catch {}
 
   // Write extension config if we can find the extension directory
   const searchPaths = [

package/gen-token.js

@@ -1,13 +1,51 @@
-// Generates the shared secret used to authenticate the extension to the
-// bridge: writes server/.bridge-token and extension/config.js.
+// Generates the shared secret used to authenticate the extension to the bridge.
+// Writes to THREE locations so the token works regardless of install method:
+//   1. ~/.claude/browser-bridge-token  (canonical — works with global npm install)
+//   2. server/.bridge-token            (legacy — works with cloned repo)
+//   3. extension/config.js             (embedded in the Chrome extension)
+
 import { randomBytes } from "node:crypto";
-import { writeFileSync } from "node:fs";
+import { writeFileSync, mkdirSync, existsSync } from "node:fs";
+import { join } from "node:path";
+import { homedir } from "node:os";
+import { fileURLToPath } from "node:url";
 
 const token = randomBytes(24).toString("hex");
-writeFileSync(new URL("./.bridge-token", import.meta.url), token + "\n");
-writeFileSync(
-  new URL("../extension/config.js", import.meta.url),
-  `// Generated by server/gen-token.js — keep out of version control.\nconst BRIDGE_TOKEN = ${JSON.stringify(token)};\n`
-);
-console.log("Wrote server/.bridge-token and extension/config.js");
-console.log("Reload the extension in chrome://extensions to pick up the new token.");
+
+// 1. Write to ~/.claude/browser-bridge-token (canonical path)
+const claudeDir = join(homedir(), ".claude");
+if (!existsSync(claudeDir)) mkdirSync(claudeDir, { recursive: true });
+const canonicalPath = join(claudeDir, "browser-bridge-token");
+writeFileSync(canonicalPath, token + "\n");
+console.log(`✓ Token written to ${canonicalPath}`);
+
+// 2. Write to server/.bridge-token (legacy, for local repo use)
+try {
+  writeFileSync(new URL("./.bridge-token", import.meta.url), token + "\n");
+  console.log("✓ Token written to server/.bridge-token");
+} catch {
+  // May fail if running from global install (read-only node_modules)
+}
+
+// 3. Write extension/config.js (search multiple locations)
+const searchPaths = [
+  new URL("../extension/config.js", import.meta.url).pathname,
+  join(process.cwd(), "extension", "config.js"),
+];
+let extensionWritten = false;
+for (const p of searchPaths) {
+  try {
+    if (existsSync(join(p, "..", "manifest.json"))) {
+      writeFileSync(p, `// Generated by gen-token.js — keep out of version control.\nconst BRIDGE_TOKEN = ${JSON.stringify(token)};\n`);
+      console.log(`✓ Extension config written to ${p}`);
+      extensionWritten = true;
+      break;
+    }
+  } catch {}
+}
+if (!extensionWritten) {
+  console.log(`⚠ Extension directory not found — create extension/config.js manually:`);
+  console.log(`  const BRIDGE_TOKEN = "${token}";`);
+}
+
+console.log("\n✓ Token generated. Reload the extension in chrome://extensions to apply.");

package/index.js

@@ -6,7 +6,9 @@
 // "owns" the bridge; later sessions detect EADDRINUSE and relay their tool
 // calls through the owner. If the owner exits, a relay takes over the port.
 
-import { readFileSync } from "node:fs";
+import { readFileSync, existsSync } from "node:fs";
+import { join } from "node:path";
+import { homedir } from "node:os";
 import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import {
@@ -17,20 +19,32 @@ import WebSocket, { WebSocketServer } from "ws";
 
 const PORT = Number(process.env.BRIDGE_PORT) || 8787;
 
-// F2 FIX: Re-read token on every auth attempt so `init` token regeneration
-// takes effect without restarting the server.
-const TOKEN_PATH = new URL("./.bridge-token", import.meta.url);
+// Token resolution: check multiple locations so it works whether the server
+// runs from a global npm install, npx, or the cloned repo.
+const TOKEN_LOCATIONS = [
+  process.env.BRIDGE_TOKEN_PATH,                              // explicit override
+  join(homedir(), ".claude", "browser-bridge-token"),          // canonical home path
+  new URL("./.bridge-token", import.meta.url).pathname,       // relative to server file (repo install)
+  join(process.cwd(), "server", ".bridge-token"),              // cwd/server/ (cloned repo)
+  join(process.cwd(), ".bridge-token"),                        // cwd root
+].filter(Boolean);
+
 function readToken() {
-  try {
-    return readFileSync(TOKEN_PATH, "utf8").trim();
-  } catch {
-    return null;
+  // Also check env var directly
+  if (process.env.BRIDGE_TOKEN) return process.env.BRIDGE_TOKEN;
+  for (const p of TOKEN_LOCATIONS) {
+    try {
+      const t = readFileSync(p, "utf8").trim();
+      if (t) return t;
+    } catch {}
   }
+  return null;
 }
 if (!readToken()) {
   console.error(
-    "[bridge] WARNING: server/.bridge-token is missing — run `claude-browser-bridge init` " +
-      "or `node gen-token.js`. Refusing all extension connections until then."
+    "[bridge] WARNING: auth token not found. Run `claude-browser-bridge init` " +
+      "or `node gen-token.js`. Searched:\n" +
+      TOKEN_LOCATIONS.map(p => "  - " + p).join("\n")
   );
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-browser-bridge",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Connect your live Chrome tabs to Claude Code — 65 tools for debugging, performance, accessibility, visual inspection, and browser automation.",
   "type": "module",
   "bin": {