@browserbridge/bbx 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/README.md +4 -4
  2. package/package.json +11 -13
  3. package/packages/agent-client/src/cli-helpers.js +33 -0
  4. package/packages/agent-client/src/cli.js +116 -41
  5. package/packages/agent-client/src/client.js +29 -4
  6. package/packages/agent-client/src/command-registry.js +3 -0
  7. package/packages/agent-client/src/detect.js +159 -48
  8. package/packages/agent-client/src/install.js +24 -1
  9. package/packages/agent-client/src/mcp-config.js +29 -10
  10. package/packages/agent-client/src/setup-status.js +12 -4
  11. package/packages/mcp-server/src/bin.js +57 -5
  12. package/packages/mcp-server/src/handlers.js +28 -7
  13. package/packages/mcp-server/src/server.js +12 -2
  14. package/packages/native-host/bin/bridge-daemon.js +33 -4
  15. package/packages/native-host/bin/install-manifest.js +24 -2
  16. package/packages/native-host/src/config.js +131 -6
  17. package/packages/native-host/src/daemon-process.js +396 -0
  18. package/packages/native-host/src/daemon.js +217 -68
  19. package/packages/native-host/src/framing.js +131 -11
  20. package/packages/native-host/src/install-manifest.js +121 -7
  21. package/packages/native-host/src/native-host.js +110 -73
  22. package/packages/protocol/src/capabilities.js +3 -0
  23. package/packages/protocol/src/defaults.js +1 -0
  24. package/packages/protocol/src/errors.js +4 -0
  25. package/packages/protocol/src/payload-cost.js +19 -6
  26. package/packages/protocol/src/protocol.js +143 -7
  27. package/packages/protocol/src/registry.js +11 -0
  28. package/packages/protocol/src/summary.js +18 -10
  29. package/packages/protocol/src/types.js +28 -3
  30. package/skills/browser-bridge/SKILL.md +2 -1
  31. package/skills/browser-bridge/references/interaction.md +1 -0
  32. package/skills/browser-bridge/references/protocol.md +2 -1
  33. package/CHANGELOG.md +0 -55
  34. package/assets/banner.jpg +0 -0
  35. package/assets/logo.png +0 -0
  36. package/assets/logo.svg +0 -65
  37. package/docs/api-reference.md +0 -157
  38. package/docs/cli-guide.md +0 -128
  39. package/docs/index.md +0 -25
  40. package/docs/manual-setup.md +0 -140
  41. package/docs/mcp-vs-cli.md +0 -258
  42. package/docs/publishing.md +0 -112
  43. package/docs/quickstart.md +0 -104
  44. package/docs/troubleshooting.md +0 -59
  45. package/docs/unpacked-extension.md +0 -72
  46. package/docs/usage-scenarios.md +0 -136
  47. package/manifest.json +0 -38
  48. package/packages/extension/assets/icon-128.png +0 -0
  49. package/packages/extension/assets/icon-16.png +0 -0
  50. package/packages/extension/assets/icon-32.png +0 -0
  51. package/packages/extension/assets/icon-48.png +0 -0
  52. package/packages/extension/src/background-helpers.js +0 -474
  53. package/packages/extension/src/background-routing.js +0 -89
  54. package/packages/extension/src/background.js +0 -3490
  55. package/packages/extension/src/content-script-helpers.js +0 -282
  56. package/packages/extension/src/content-script.js +0 -2043
  57. package/packages/extension/src/debugger-coordinator.js +0 -188
  58. package/packages/extension/src/sidepanel-helpers.js +0 -104
  59. package/packages/extension/ui/popup.html +0 -35
  60. package/packages/extension/ui/popup.js +0 -298
  61. package/packages/extension/ui/sidepanel.html +0 -102
  62. package/packages/extension/ui/sidepanel.js +0 -1771
  63. package/packages/extension/ui/ui.css +0 -1160
@@ -1,102 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1">
7
- <title>Browser Bridge</title>
8
- <link rel="stylesheet" href="./ui.css">
9
- </head>
10
-
11
- <body>
12
- <main class="panel panel-wide">
13
- <header class="panel-header panel-header-compact">
14
- <span id="native-indicator" class="status-dot header-status-indicator" title="Connecting to native host…"></span>
15
- </header>
16
- <section id="control-section" class="card control-card" hidden>
17
- <div class="control-copy">
18
- <div id="agent-status" class="eyebrow">Window access</div>
19
- <p id="agent-status-detail" class="control-detail">
20
- Enable Browser Bridge to let your connected agent inspect and interact with pages in this Chrome window.
21
- </p>
22
- <p id="agent-disclosure" class="control-detail control-disclosure">
23
- When enabled, Browser Bridge may access page content, styles and layout, console output, network metadata,
24
- screenshots, and browser storage when requested.
25
- </p>
26
- <div class="control-links">
27
- <a class="setup-link" href="https://github.com/koltyakov/browser-bridge" target="_blank"
28
- rel="noopener noreferrer">GitHub ↗</a>
29
- <a class="setup-link" href="https://github.com/koltyakov/browser-bridge/blob/main/PRIVACY.md"
30
- target="_blank" rel="noopener noreferrer">Privacy policy ↗</a>
31
- </div>
32
- </div>
33
- <button id="bridge-toggle" class="power-button" type="button">Enable Window Access</button>
34
- </section>
35
- <details id="installation-section" class="card setup-details" hidden>
36
- <summary>
37
- <span class="setup-details-summary-heading">
38
- <span class="eyebrow">Host setup</span>
39
- <span class="setup-details-summary-icon" aria-hidden="true"></span>
40
- </span>
41
- <span id="setup-status-summary-note" class="setup-summary-note" hidden></span>
42
- </summary>
43
- <div class="setup-details-body">
44
- <p id="setup-status-note" class="muted setup-status-note">Checking global install status…</p>
45
- <div id="setup-status-matrix" class="setup-status-matrix-wrap"></div>
46
- <p class="setup-status-guidance">
47
- Recommended: choose either MCP or the CLI skill. If your agent supports both, start with MCP.
48
- After adding MCP or the CLI skill, restart the agent if Browser Bridge does not appear immediately.
49
- <a class="setup-link" href="https://github.com/koltyakov/browser-bridge/blob/main/docs/mcp-vs-cli.md"
50
- target="_blank" rel="noopener noreferrer">Details ↗</a>
51
- </p>
52
- </div>
53
- </details>
54
- <details id="examples-section" class="card examples-details" hidden>
55
- <summary><span class="eyebrow examples-eyebrow">Prompt examples</span></summary>
56
- <div id="examples-content" class="examples-content"></div>
57
- </details>
58
- <section id="native-setup" class="card">
59
- <div class="eyebrow">Not connected</div>
60
- <p class="control-detail">
61
- Browser Bridge works with a local companion host on this machine. After the host connects, you can enable window
62
- access for the current Chrome window.
63
- </p>
64
- <div class="setup-steps">
65
- <span class="setup-step-hint">1. Install CLI (skip if done):</span>
66
- <code class="setup-cmd">npm install -g @browserbridge/bbx</code>
67
- <span class="setup-step-hint">2. Connect this extension (if didn't run automatically):</span>
68
- <code id="setup-install-cmd" class="setup-cmd">bbx install</code>
69
- <span class="setup-step-hint">3. Install CLI skill for shell-driven agents (optional):</span>
70
- <code id="setup-skill-cmd" class="setup-cmd">bbx install-skill</code>
71
- <span class="setup-step-hint">Or configure MCP for MCP-capable agents (optional):</span>
72
- <code id="setup-mcp-cmd" class="setup-cmd">bbx install-mcp</code>
73
- <p class="setup-status-guidance">
74
- After adding MCP or the CLI skill, restart the agent if Browser Bridge does not appear immediately.
75
- </p>
76
- </div>
77
- <div class="control-links">
78
- <a class="setup-link" href="https://github.com/koltyakov/browser-bridge/blob/main/docs/quickstart.md"
79
- target="_blank" rel="noopener noreferrer">Setup guide on GitHub ↗</a>
80
- <a class="setup-link" href="https://github.com/koltyakov/browser-bridge/blob/main/PRIVACY.md" target="_blank"
81
- rel="noopener noreferrer">Privacy policy ↗</a>
82
- </div>
83
- </section>
84
- <section id="activity-section" hidden>
85
- <div id="activity-histogram" class="activity-histogram" hidden>
86
- <div class="activity-histogram-meta">
87
- <span class="eyebrow activity-histogram-label">Tokens Stats</span>
88
- <span id="activity-histogram-range" class="muted activity-histogram-range"></span>
89
- </div>
90
- <div id="activity-histogram-bars" class="activity-histogram-bars"></div>
91
- </div>
92
- <div class="activity-section-header">
93
- <h2>Recent activity</h2>
94
- <span id="activity-summary-tokens" class="activity-summary-tokens" hidden></span>
95
- </div>
96
- <div id="action-log" class="stack"></div>
97
- </section>
98
- </main>
99
- <script type="module" src="./sidepanel.js"></script>
100
- </body>
101
-
102
- </html>