@browserbridge/bbx 1.0.1 → 1.2.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 (70) 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 +122 -45
  5. package/packages/agent-client/src/client.js +134 -8
  6. package/packages/agent-client/src/command-registry.js +4 -1
  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-capture.js +279 -0
  13. package/packages/mcp-server/src/handlers-dom.js +196 -0
  14. package/packages/mcp-server/src/handlers-navigation.js +79 -0
  15. package/packages/mcp-server/src/handlers-page.js +365 -0
  16. package/packages/mcp-server/src/handlers-utils.js +296 -0
  17. package/packages/mcp-server/src/handlers.js +63 -1159
  18. package/packages/mcp-server/src/server.js +13 -3
  19. package/packages/native-host/bin/bridge-daemon.js +34 -4
  20. package/packages/native-host/bin/install-manifest.js +32 -2
  21. package/packages/native-host/bin/postinstall.js +16 -0
  22. package/packages/native-host/src/config.js +131 -6
  23. package/packages/native-host/src/daemon-logger.js +157 -0
  24. package/packages/native-host/src/daemon-process.js +422 -0
  25. package/packages/native-host/src/daemon.js +322 -77
  26. package/packages/native-host/src/framing.js +131 -11
  27. package/packages/native-host/src/install-manifest.js +121 -7
  28. package/packages/native-host/src/native-host.js +110 -73
  29. package/packages/protocol/src/capabilities.js +4 -0
  30. package/packages/protocol/src/defaults.js +1 -0
  31. package/packages/protocol/src/errors.js +4 -0
  32. package/packages/protocol/src/payload-cost.js +19 -6
  33. package/packages/protocol/src/protocol.js +143 -7
  34. package/packages/protocol/src/registry.js +13 -0
  35. package/packages/protocol/src/summary.js +18 -10
  36. package/packages/protocol/src/types.js +28 -3
  37. package/skills/browser-bridge/SKILL.md +2 -1
  38. package/skills/browser-bridge/references/interaction.md +1 -0
  39. package/skills/browser-bridge/references/protocol.md +2 -1
  40. package/CHANGELOG.md +0 -55
  41. package/assets/banner.jpg +0 -0
  42. package/assets/logo.png +0 -0
  43. package/assets/logo.svg +0 -65
  44. package/docs/api-reference.md +0 -157
  45. package/docs/cli-guide.md +0 -128
  46. package/docs/index.md +0 -25
  47. package/docs/manual-setup.md +0 -140
  48. package/docs/mcp-vs-cli.md +0 -258
  49. package/docs/publishing.md +0 -112
  50. package/docs/quickstart.md +0 -104
  51. package/docs/troubleshooting.md +0 -59
  52. package/docs/unpacked-extension.md +0 -72
  53. package/docs/usage-scenarios.md +0 -136
  54. package/manifest.json +0 -38
  55. package/packages/extension/assets/icon-128.png +0 -0
  56. package/packages/extension/assets/icon-16.png +0 -0
  57. package/packages/extension/assets/icon-32.png +0 -0
  58. package/packages/extension/assets/icon-48.png +0 -0
  59. package/packages/extension/src/background-helpers.js +0 -474
  60. package/packages/extension/src/background-routing.js +0 -89
  61. package/packages/extension/src/background.js +0 -3490
  62. package/packages/extension/src/content-script-helpers.js +0 -282
  63. package/packages/extension/src/content-script.js +0 -2043
  64. package/packages/extension/src/debugger-coordinator.js +0 -188
  65. package/packages/extension/src/sidepanel-helpers.js +0 -104
  66. package/packages/extension/ui/popup.html +0 -35
  67. package/packages/extension/ui/popup.js +0 -298
  68. package/packages/extension/ui/sidepanel.html +0 -102
  69. package/packages/extension/ui/sidepanel.js +0 -1771
  70. 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>