@browserbridge/bbx 1.0.0 → 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.
- package/README.md +6 -4
- package/package.json +53 -53
- package/packages/agent-client/src/cli-helpers.js +43 -5
- package/packages/agent-client/src/cli.js +176 -171
- package/packages/agent-client/src/client.js +66 -21
- package/packages/agent-client/src/command-registry.js +104 -69
- package/packages/agent-client/src/detect.js +162 -54
- package/packages/agent-client/src/install.js +34 -28
- package/packages/agent-client/src/mcp-config.js +40 -40
- package/packages/agent-client/src/runtime.js +41 -20
- package/packages/agent-client/src/setup-status.js +23 -30
- package/packages/mcp-server/src/bin.js +57 -5
- package/packages/mcp-server/src/handlers.js +573 -256
- package/packages/mcp-server/src/server.js +568 -257
- package/packages/native-host/bin/bridge-daemon.js +39 -6
- package/packages/native-host/bin/install-manifest.js +26 -4
- package/packages/native-host/bin/postinstall.js +4 -2
- package/packages/native-host/src/config.js +142 -13
- package/packages/native-host/src/daemon-process.js +396 -0
- package/packages/native-host/src/daemon.js +350 -150
- package/packages/native-host/src/framing.js +131 -11
- package/packages/native-host/src/install-manifest.js +194 -29
- package/packages/native-host/src/native-host.js +154 -102
- package/packages/protocol/src/budget.js +3 -7
- package/packages/protocol/src/capabilities.js +6 -3
- package/packages/protocol/src/defaults.js +1 -0
- package/packages/protocol/src/errors.js +15 -11
- package/packages/protocol/src/payload-cost.js +19 -6
- package/packages/protocol/src/protocol.js +242 -73
- package/packages/protocol/src/registry.js +311 -45
- package/packages/protocol/src/summary.js +260 -109
- package/packages/protocol/src/types.js +29 -4
- package/skills/browser-bridge/SKILL.md +3 -2
- package/skills/browser-bridge/agents/openai.yaml +3 -3
- package/skills/browser-bridge/references/interaction.md +34 -11
- package/skills/browser-bridge/references/patch-workflow.md +3 -0
- package/skills/browser-bridge/references/protocol.md +127 -71
- package/skills/browser-bridge/references/tailwind.md +12 -11
- package/skills/browser-bridge/references/token-efficiency.md +23 -22
- package/skills/browser-bridge/references/ui-workflows.md +8 -0
- package/CHANGELOG.md +0 -55
- package/assets/banner.jpg +0 -0
- package/assets/logo.png +0 -0
- package/assets/logo.svg +0 -65
- package/docs/api-reference.md +0 -157
- package/docs/cli-guide.md +0 -128
- package/docs/index.md +0 -25
- package/docs/manual-setup.md +0 -140
- package/docs/mcp-vs-cli.md +0 -258
- package/docs/publishing.md +0 -114
- package/docs/quickstart.md +0 -104
- package/docs/troubleshooting.md +0 -59
- package/docs/usage-scenarios.md +0 -136
- package/manifest.json +0 -52
- package/packages/extension/assets/icon-128.png +0 -0
- package/packages/extension/assets/icon-16.png +0 -0
- package/packages/extension/assets/icon-32.png +0 -0
- package/packages/extension/assets/icon-48.png +0 -0
- package/packages/extension/src/background-helpers.js +0 -459
- package/packages/extension/src/background-routing.js +0 -91
- package/packages/extension/src/background.js +0 -3227
- package/packages/extension/src/content-script-helpers.js +0 -281
- package/packages/extension/src/content-script.js +0 -1977
- package/packages/extension/src/debugger-coordinator.js +0 -188
- package/packages/extension/src/sidepanel-helpers.js +0 -102
- package/packages/extension/ui/offscreen.html +0 -6
- package/packages/extension/ui/offscreen.js +0 -61
- package/packages/extension/ui/popup.html +0 -35
- package/packages/extension/ui/popup.js +0 -279
- package/packages/extension/ui/sidepanel.html +0 -102
- package/packages/extension/ui/sidepanel.js +0 -1854
- package/packages/extension/ui/ui.css +0 -1159
|
@@ -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>
|