@browserbridge/bbx 1.3.0 → 1.4.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 +3 -1
- package/package.json +2 -2
- package/packages/agent-client/src/cli.js +32 -15
- package/packages/agent-client/src/client.js +74 -20
- package/packages/agent-client/src/command-registry.js +2 -3
- package/packages/agent-client/src/mcp-config.js +19 -2
- package/packages/agent-client/src/types.ts +8 -0
- package/packages/mcp-server/src/guidance.js +241 -0
- package/packages/mcp-server/src/handlers-capture.js +74 -11
- package/packages/mcp-server/src/handlers-dom.js +48 -0
- package/packages/mcp-server/src/handlers-navigation.js +22 -2
- package/packages/mcp-server/src/handlers-page.js +4 -9
- package/packages/mcp-server/src/handlers-utils.js +47 -1
- package/packages/mcp-server/src/server.js +111 -29
- package/packages/native-host/src/auth-token.js +92 -0
- package/packages/native-host/src/daemon.js +171 -27
- package/packages/native-host/src/native-host.js +18 -2
- package/packages/protocol/src/defaults.js +3 -0
- package/packages/protocol/src/json-lines.js +29 -1
- package/packages/protocol/src/protocol.js +3 -0
- package/packages/protocol/src/types.ts +2 -0
- package/skills/browser-bridge/SKILL.md +21 -5
- package/skills/browser-bridge/agents/openai.yaml +1 -1
- package/skills/browser-bridge/references/interaction.md +6 -6
- package/skills/browser-bridge/references/protocol.md +57 -54
- package/skills/browser-bridge/references/ui-workflows.md +1 -1
|
@@ -36,6 +36,11 @@ import {
|
|
|
36
36
|
getBridgeTransport,
|
|
37
37
|
getSocketPath,
|
|
38
38
|
} from './config.js';
|
|
39
|
+
import {
|
|
40
|
+
ensureBridgeAuthToken,
|
|
41
|
+
normalizeBridgeAuthToken,
|
|
42
|
+
readBridgeAuthToken,
|
|
43
|
+
} from './auth-token.js';
|
|
39
44
|
import { normalizeDaemonLogger } from './daemon-logger.js';
|
|
40
45
|
import { writeJsonLine } from './framing.js';
|
|
41
46
|
|
|
@@ -47,7 +52,7 @@ const DAEMON_VERSION = loadDaemonVersion();
|
|
|
47
52
|
/** @typedef {import('../../protocol/src/types.js').SetupStatus} SetupStatus */
|
|
48
53
|
/** @typedef {import('./config.js').BridgeTransport} BridgeTransport */
|
|
49
54
|
/** @typedef {import('./daemon-logger.js').DaemonLoggerLike} DaemonLoggerLike */
|
|
50
|
-
/** @typedef {import('node:net').Socket & { __clientId?: string, __extensionId?: string, __browserName?: string, __profileLabel?: string, __accessEnabled?: boolean, __lastActiveAt?: number }} ClientSocket */
|
|
55
|
+
/** @typedef {import('node:net').Socket & { __clientId?: string, __extensionId?: string, __browserName?: string, __profileLabel?: string, __accessEnabled?: boolean, __lastActiveAt?: number, __authenticated?: boolean }} ClientSocket */
|
|
51
56
|
/** @typedef {{ socket: ClientSocket, timeoutId: NodeJS.Timeout, source?: string, method?: string, targets: Set<ClientSocket>, lastErrorResponse?: import('../../protocol/src/types.js').BridgeResponse }} PendingEntry */
|
|
52
57
|
/**
|
|
53
58
|
* @typedef {{
|
|
@@ -134,6 +139,7 @@ export function isWindowsNamedPipePath(socketPath) {
|
|
|
134
139
|
* browserName?: string,
|
|
135
140
|
* profileLabel?: string,
|
|
136
141
|
* accessEnabled?: boolean,
|
|
142
|
+
* authToken?: string,
|
|
137
143
|
* at?: number
|
|
138
144
|
* }} DaemonMessage
|
|
139
145
|
*/
|
|
@@ -146,7 +152,8 @@ export class BridgeDaemon {
|
|
|
146
152
|
* listenOptions?: import('node:net').ListenOptions | null,
|
|
147
153
|
* setupStatusLoader?: () => Promise<SetupStatus>,
|
|
148
154
|
* setupInstaller?: (params: Record<string, unknown>) => Promise<SetupInstallResult>,
|
|
149
|
-
* logger?: DaemonLoggerLike | Pick<Console, 'log' | 'error'
|
|
155
|
+
* logger?: DaemonLoggerLike | Pick<Console, 'log' | 'error'>,
|
|
156
|
+
* authToken?: string | null
|
|
150
157
|
* }} [options={}]
|
|
151
158
|
*/
|
|
152
159
|
constructor({
|
|
@@ -156,6 +163,7 @@ export class BridgeDaemon {
|
|
|
156
163
|
setupStatusLoader = collectSetupStatus,
|
|
157
164
|
setupInstaller = installSetupTarget,
|
|
158
165
|
logger = undefined,
|
|
166
|
+
authToken = undefined,
|
|
159
167
|
} = {}) {
|
|
160
168
|
this.transport = socketPath ? createSocketBridgeTransport(socketPath) : transport;
|
|
161
169
|
this.socketPath =
|
|
@@ -196,6 +204,15 @@ export class BridgeDaemon {
|
|
|
196
204
|
this.totalResponseTimeMs = 0;
|
|
197
205
|
/** @type {Map<string, number>} */
|
|
198
206
|
this.requestStartTimes = new Map();
|
|
207
|
+
/** @type {string | null | undefined} */
|
|
208
|
+
this.authToken = authToken;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
/**
|
|
212
|
+
* @returns {boolean}
|
|
213
|
+
*/
|
|
214
|
+
isAuthRequired() {
|
|
215
|
+
return Boolean(this.authToken);
|
|
199
216
|
}
|
|
200
217
|
|
|
201
218
|
/**
|
|
@@ -260,6 +277,7 @@ export class BridgeDaemon {
|
|
|
260
277
|
if (!pending) {
|
|
261
278
|
return undefined;
|
|
262
279
|
}
|
|
280
|
+
clearTimeout(pending.timeoutId);
|
|
263
281
|
this.pendingRequests.delete(requestId);
|
|
264
282
|
this.removePendingRequestIndex(this.pendingRequestsByOwnerSocket, pending.socket, requestId);
|
|
265
283
|
for (const targetSocket of pending.targets) {
|
|
@@ -306,7 +324,20 @@ export class BridgeDaemon {
|
|
|
306
324
|
* @returns {void}
|
|
307
325
|
*/
|
|
308
326
|
registerSocket(socket, message) {
|
|
327
|
+
if (this.isAuthRequired() && normalizeBridgeAuthToken(message.authToken) !== this.authToken) {
|
|
328
|
+
this.logger.error('socket registration rejected', { role: message.role ?? null });
|
|
329
|
+
void writeJsonLine(socket, {
|
|
330
|
+
type: 'registration_failed',
|
|
331
|
+
error: {
|
|
332
|
+
code: ERROR_CODES.ACCESS_DENIED,
|
|
333
|
+
message: 'Bridge daemon authentication failed.',
|
|
334
|
+
},
|
|
335
|
+
}).finally(() => socket.destroy());
|
|
336
|
+
return;
|
|
337
|
+
}
|
|
338
|
+
|
|
309
339
|
if (message.role === 'extension') {
|
|
340
|
+
socket.__authenticated = true;
|
|
310
341
|
const extensionId = randomUUID();
|
|
311
342
|
socket.__extensionId = extensionId;
|
|
312
343
|
socket.__browserName =
|
|
@@ -326,6 +357,7 @@ export class BridgeDaemon {
|
|
|
326
357
|
}
|
|
327
358
|
|
|
328
359
|
if (message.role === 'agent') {
|
|
360
|
+
socket.__authenticated = true;
|
|
329
361
|
const clientId = message.clientId || randomUUID();
|
|
330
362
|
this.agentSockets.set(clientId, socket);
|
|
331
363
|
socket.__clientId = clientId;
|
|
@@ -342,6 +374,10 @@ export class BridgeDaemon {
|
|
|
342
374
|
* @returns {Promise<BridgeDaemon>}
|
|
343
375
|
*/
|
|
344
376
|
async start() {
|
|
377
|
+
if (this.authToken === undefined) {
|
|
378
|
+
this.authToken = this.transport.type === 'tcp' ? await ensureBridgeAuthToken() : null;
|
|
379
|
+
}
|
|
380
|
+
|
|
345
381
|
if (this.transport.type === 'socket' && !isWindowsNamedPipePath(this.socketPath)) {
|
|
346
382
|
const socketDir = path.dirname(this.socketPath);
|
|
347
383
|
await fs.promises.mkdir(socketDir, { recursive: true });
|
|
@@ -372,14 +408,22 @@ export class BridgeDaemon {
|
|
|
372
408
|
typedSocket.on('error', (err) => {
|
|
373
409
|
this.logger.error('socket error', { message: err.message });
|
|
374
410
|
});
|
|
375
|
-
parseJsonLines(
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
411
|
+
parseJsonLines(
|
|
412
|
+
typedSocket,
|
|
413
|
+
(raw) => {
|
|
414
|
+
const message = /** @type {DaemonMessage} */ (raw);
|
|
415
|
+
void this.handleClientMessage(typedSocket, message).catch((err) => {
|
|
416
|
+
this.logger.error('handler error', {
|
|
417
|
+
message: err instanceof Error ? err.message : String(err),
|
|
418
|
+
});
|
|
380
419
|
});
|
|
381
|
-
}
|
|
382
|
-
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
onProtocolError: (error) => {
|
|
423
|
+
this.logger.error('socket protocol error', { message: error.message });
|
|
424
|
+
},
|
|
425
|
+
}
|
|
426
|
+
);
|
|
383
427
|
typedSocket.on('close', () => this.handleSocketClose(typedSocket));
|
|
384
428
|
});
|
|
385
429
|
|
|
@@ -477,6 +521,10 @@ export class BridgeDaemon {
|
|
|
477
521
|
return this.registerSocket(socket, message);
|
|
478
522
|
}
|
|
479
523
|
|
|
524
|
+
if (this.isAuthRequired() && !socket.__authenticated) {
|
|
525
|
+
return this.rejectUnauthenticatedMessage(socket, message);
|
|
526
|
+
}
|
|
527
|
+
|
|
480
528
|
if (message?.type === 'log') {
|
|
481
529
|
this.pushLog(message.entry ?? {});
|
|
482
530
|
return;
|
|
@@ -515,13 +563,73 @@ export class BridgeDaemon {
|
|
|
515
563
|
});
|
|
516
564
|
}
|
|
517
565
|
|
|
566
|
+
/**
|
|
567
|
+
* @param {ClientSocket} socket
|
|
568
|
+
* @param {DaemonMessage} message
|
|
569
|
+
* @returns {Promise<void>}
|
|
570
|
+
*/
|
|
571
|
+
async rejectUnauthenticatedMessage(socket, message) {
|
|
572
|
+
if (message?.type === 'agent.request') {
|
|
573
|
+
const candidate =
|
|
574
|
+
message.request && typeof message.request === 'object'
|
|
575
|
+
? /** @type {Record<string, unknown>} */ (/** @type {unknown} */ (message.request))
|
|
576
|
+
: {};
|
|
577
|
+
const response = createFailure(
|
|
578
|
+
typeof candidate.id === 'string' && candidate.id.trim() ? candidate.id : 'unauthenticated',
|
|
579
|
+
ERROR_CODES.ACCESS_DENIED,
|
|
580
|
+
'Register with the daemon auth token before sending bridge requests.',
|
|
581
|
+
null,
|
|
582
|
+
typeof candidate.method === 'string' ? { method: candidate.method } : {}
|
|
583
|
+
);
|
|
584
|
+
await writeJsonLine(socket, { type: 'agent.response', response });
|
|
585
|
+
return;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
await writeJsonLine(socket, {
|
|
589
|
+
type: 'error',
|
|
590
|
+
error: {
|
|
591
|
+
code: ERROR_CODES.ACCESS_DENIED,
|
|
592
|
+
message: 'Register with the daemon auth token before sending bridge messages.',
|
|
593
|
+
},
|
|
594
|
+
});
|
|
595
|
+
}
|
|
596
|
+
|
|
518
597
|
/**
|
|
519
598
|
* @param {ClientSocket} socket
|
|
520
599
|
* @param {DaemonMessage} message
|
|
521
600
|
* @returns {Promise<void>}
|
|
522
601
|
*/
|
|
523
602
|
async handleAgentRequest(socket, message) {
|
|
524
|
-
|
|
603
|
+
/** @type {BridgeRequest} */
|
|
604
|
+
let request;
|
|
605
|
+
try {
|
|
606
|
+
request = validateBridgeRequest(message.request);
|
|
607
|
+
} catch (error) {
|
|
608
|
+
const candidate =
|
|
609
|
+
message.request && typeof message.request === 'object'
|
|
610
|
+
? /** @type {Record<string, unknown>} */ (/** @type {unknown} */ (message.request))
|
|
611
|
+
: {};
|
|
612
|
+
const response = createFailure(
|
|
613
|
+
typeof candidate.id === 'string' && candidate.id.trim() ? candidate.id : 'invalid_request',
|
|
614
|
+
ERROR_CODES.INVALID_REQUEST,
|
|
615
|
+
error instanceof Error ? error.message : String(error),
|
|
616
|
+
null,
|
|
617
|
+
typeof candidate.method === 'string' ? { method: candidate.method } : {}
|
|
618
|
+
);
|
|
619
|
+
await writeJsonLine(socket, { type: 'agent.response', response });
|
|
620
|
+
return;
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
if (this.pendingRequests.has(request.id)) {
|
|
624
|
+
const response = createFailure(
|
|
625
|
+
request.id,
|
|
626
|
+
ERROR_CODES.INVALID_REQUEST,
|
|
627
|
+
`Request id ${JSON.stringify(request.id)} is already in flight.`
|
|
628
|
+
);
|
|
629
|
+
await writeJsonLine(socket, { type: 'agent.response', response });
|
|
630
|
+
return;
|
|
631
|
+
}
|
|
632
|
+
|
|
525
633
|
if (request.method === 'health.ping') {
|
|
526
634
|
if (this.extensionSockets.size === 0) {
|
|
527
635
|
const response = createSuccess(request.id, {
|
|
@@ -669,6 +777,12 @@ export class BridgeDaemon {
|
|
|
669
777
|
void writeJsonLine(pending.socket, {
|
|
670
778
|
type: 'agent.response',
|
|
671
779
|
response,
|
|
780
|
+
}).catch((error) => {
|
|
781
|
+
this.logger.error('timeout response write failed', {
|
|
782
|
+
requestId: request.id,
|
|
783
|
+
method: pending.method,
|
|
784
|
+
message: error instanceof Error ? error.message : String(error),
|
|
785
|
+
});
|
|
672
786
|
});
|
|
673
787
|
}, this.pendingTimeoutMs),
|
|
674
788
|
});
|
|
@@ -792,7 +906,6 @@ export class BridgeDaemon {
|
|
|
792
906
|
this.removePendingTarget(responseMessage.id, pending, socket);
|
|
793
907
|
|
|
794
908
|
if (responseMessage.ok) {
|
|
795
|
-
clearTimeout(pending.timeoutId);
|
|
796
909
|
this.clearPendingRequest(responseMessage.id, pending);
|
|
797
910
|
this.recordRequestCompletion(responseMessage.id, true);
|
|
798
911
|
this.pushLog({
|
|
@@ -849,7 +962,9 @@ export class BridgeDaemon {
|
|
|
849
962
|
|
|
850
963
|
if (socket.__clientId) {
|
|
851
964
|
this.logger.info('agent disconnected', { clientId: socket.__clientId });
|
|
852
|
-
this.agentSockets.
|
|
965
|
+
if (this.agentSockets.get(socket.__clientId) === socket) {
|
|
966
|
+
this.agentSockets.delete(socket.__clientId);
|
|
967
|
+
}
|
|
853
968
|
}
|
|
854
969
|
|
|
855
970
|
const ownedRequestIds = this.pendingRequestsByOwnerSocket.get(socket);
|
|
@@ -859,7 +974,6 @@ export class BridgeDaemon {
|
|
|
859
974
|
if (!pending) {
|
|
860
975
|
continue;
|
|
861
976
|
}
|
|
862
|
-
clearTimeout(pending.timeoutId);
|
|
863
977
|
this.clearPendingRequest(id, pending);
|
|
864
978
|
this.recordRequestCompletion(id, false);
|
|
865
979
|
}
|
|
@@ -873,7 +987,13 @@ export class BridgeDaemon {
|
|
|
873
987
|
continue;
|
|
874
988
|
}
|
|
875
989
|
this.removePendingTarget(id, pending, socket);
|
|
876
|
-
void this.finishPendingRequestIfExhausted(id, pending)
|
|
990
|
+
void this.finishPendingRequestIfExhausted(id, pending).catch((error) => {
|
|
991
|
+
this.logger.error('pending exhaustion response failed', {
|
|
992
|
+
requestId: id,
|
|
993
|
+
method: pending.method,
|
|
994
|
+
message: error instanceof Error ? error.message : String(error),
|
|
995
|
+
});
|
|
996
|
+
});
|
|
877
997
|
}
|
|
878
998
|
}
|
|
879
999
|
}
|
|
@@ -891,7 +1011,6 @@ export class BridgeDaemon {
|
|
|
891
1011
|
return;
|
|
892
1012
|
}
|
|
893
1013
|
|
|
894
|
-
clearTimeout(pending.timeoutId);
|
|
895
1014
|
this.clearPendingRequest(requestId, pending);
|
|
896
1015
|
this.recordRequestCompletion(requestId, false);
|
|
897
1016
|
|
|
@@ -958,10 +1077,22 @@ export class BridgeDaemon {
|
|
|
958
1077
|
export async function pingExistingDaemon(transport) {
|
|
959
1078
|
const resolvedTransport =
|
|
960
1079
|
typeof transport === 'string' ? createSocketBridgeTransport(transport) : transport;
|
|
1080
|
+
const authToken = resolvedTransport.type === 'tcp' ? await readBridgeAuthToken() : null;
|
|
961
1081
|
return new Promise((resolve) => {
|
|
962
|
-
|
|
1082
|
+
let settled = false;
|
|
1083
|
+
/** @param {boolean} value */
|
|
1084
|
+
function finish(value) {
|
|
1085
|
+
if (settled) {
|
|
1086
|
+
return;
|
|
1087
|
+
}
|
|
1088
|
+
settled = true;
|
|
1089
|
+
clearTimeout(timeout);
|
|
963
1090
|
socket.destroy();
|
|
964
|
-
resolve(
|
|
1091
|
+
resolve(value);
|
|
1092
|
+
}
|
|
1093
|
+
|
|
1094
|
+
const timeout = setTimeout(() => {
|
|
1095
|
+
finish(false);
|
|
965
1096
|
}, DAEMON_EXISTING_SOCKET_PING_TIMEOUT_MS);
|
|
966
1097
|
|
|
967
1098
|
const socket =
|
|
@@ -969,27 +1100,37 @@ export async function pingExistingDaemon(transport) {
|
|
|
969
1100
|
? net.createConnection({ host: resolvedTransport.host, port: resolvedTransport.port })
|
|
970
1101
|
: net.createConnection(resolvedTransport.socketPath);
|
|
971
1102
|
socket.once('error', () => {
|
|
972
|
-
|
|
973
|
-
resolve(false);
|
|
1103
|
+
finish(false);
|
|
974
1104
|
});
|
|
975
1105
|
|
|
976
1106
|
let buf = '';
|
|
977
1107
|
socket.setEncoding('utf8');
|
|
978
1108
|
socket.on('data', (chunk) => {
|
|
979
1109
|
buf += chunk;
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
1110
|
+
while (buf.includes('\n')) {
|
|
1111
|
+
const index = buf.indexOf('\n');
|
|
1112
|
+
const line = buf.slice(0, index).trim();
|
|
1113
|
+
buf = buf.slice(index + 1);
|
|
1114
|
+
if (!line) {
|
|
1115
|
+
continue;
|
|
1116
|
+
}
|
|
983
1117
|
try {
|
|
984
|
-
const msg = JSON.parse(
|
|
985
|
-
|
|
1118
|
+
const msg = JSON.parse(line);
|
|
1119
|
+
if (msg?.type === 'agent.response') {
|
|
1120
|
+
finish(msg?.response?.result?.daemon === 'ok');
|
|
1121
|
+
}
|
|
986
1122
|
} catch {
|
|
987
|
-
|
|
1123
|
+
finish(false);
|
|
988
1124
|
}
|
|
989
1125
|
}
|
|
990
1126
|
});
|
|
991
1127
|
|
|
992
1128
|
socket.once('connect', () => {
|
|
1129
|
+
if (authToken) {
|
|
1130
|
+
socket.write(
|
|
1131
|
+
`${JSON.stringify({ type: 'register', role: 'agent', clientId: 'ping_probe', authToken })}\n`
|
|
1132
|
+
);
|
|
1133
|
+
}
|
|
993
1134
|
socket.write(
|
|
994
1135
|
`${JSON.stringify({
|
|
995
1136
|
type: 'agent.request',
|
|
@@ -1011,7 +1152,10 @@ export async function pingExistingDaemon(transport) {
|
|
|
1011
1152
|
* @returns {SetupInstallParams & { action: 'install' | 'uninstall', kind: 'mcp' | 'skill', target: string }}
|
|
1012
1153
|
*/
|
|
1013
1154
|
export function normalizeSetupInstallParams(params) {
|
|
1014
|
-
const action = params.action
|
|
1155
|
+
const action = params.action == null ? 'install' : params.action;
|
|
1156
|
+
if (action !== 'install' && action !== 'uninstall') {
|
|
1157
|
+
throw new Error('setup.install action must be "install" or "uninstall".');
|
|
1158
|
+
}
|
|
1015
1159
|
const kind = params.kind === 'mcp' || params.kind === 'skill' ? params.kind : null;
|
|
1016
1160
|
const target = typeof params.target === 'string' ? params.target.trim().toLowerCase() : '';
|
|
1017
1161
|
if (!kind) {
|
|
@@ -1020,7 +1164,7 @@ export function normalizeSetupInstallParams(params) {
|
|
|
1020
1164
|
if (!target) {
|
|
1021
1165
|
throw new Error('setup.install requires a target.');
|
|
1022
1166
|
}
|
|
1023
|
-
return { action, kind, target };
|
|
1167
|
+
return { action: /** @type {'install' | 'uninstall'} */ (action), kind, target };
|
|
1024
1168
|
}
|
|
1025
1169
|
|
|
1026
1170
|
/**
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import net from 'node:net';
|
|
4
4
|
|
|
5
|
-
import { createFailure, ERROR_CODES } from '../../protocol/src/index.js';
|
|
5
|
+
import { createFailure, ERROR_CODES, MAX_JSON_LINE_BYTES } from '../../protocol/src/index.js';
|
|
6
|
+
import { readBridgeAuthToken } from './auth-token.js';
|
|
6
7
|
import { createSocketBridgeTransport, getBridgeTransport } from './config.js';
|
|
7
8
|
import { spawnBridgeDaemonProcess } from './daemon-process.js';
|
|
8
9
|
import { createNativeMessageReader, createNativeMessageWriter, writeJsonLine } from './framing.js';
|
|
@@ -146,11 +147,21 @@ export async function runNativeHost({
|
|
|
146
147
|
socket.once('close', cleanupStdinEndListener);
|
|
147
148
|
socket.once('end', cleanupStdinEndListener);
|
|
148
149
|
socket.once('error', cleanupStdinEndListener);
|
|
149
|
-
|
|
150
|
+
const authToken = resolvedTransport.type === 'tcp' ? await readBridgeAuthToken() : null;
|
|
151
|
+
await writeJsonLine(socket, {
|
|
152
|
+
type: 'register',
|
|
153
|
+
role: 'extension',
|
|
154
|
+
...(authToken ? { authToken } : {}),
|
|
155
|
+
});
|
|
150
156
|
|
|
151
157
|
let lineBuffer = '';
|
|
152
158
|
socket.on('data', (chunk) => {
|
|
153
159
|
lineBuffer += chunk;
|
|
160
|
+
if (!lineBuffer.includes('\n') && Buffer.byteLength(lineBuffer, 'utf8') > MAX_JSON_LINE_BYTES) {
|
|
161
|
+
console.error(`native-host: daemon JSON line exceeded ${MAX_JSON_LINE_BYTES} bytes`);
|
|
162
|
+
socket.destroy();
|
|
163
|
+
return;
|
|
164
|
+
}
|
|
154
165
|
while (lineBuffer.includes('\n')) {
|
|
155
166
|
const index = lineBuffer.indexOf('\n');
|
|
156
167
|
const line = lineBuffer.slice(0, index).trim();
|
|
@@ -158,6 +169,11 @@ export async function runNativeHost({
|
|
|
158
169
|
if (!line) {
|
|
159
170
|
continue;
|
|
160
171
|
}
|
|
172
|
+
if (Buffer.byteLength(line, 'utf8') > MAX_JSON_LINE_BYTES) {
|
|
173
|
+
console.error(`native-host: daemon JSON line exceeded ${MAX_JSON_LINE_BYTES} bytes`);
|
|
174
|
+
socket.destroy();
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
161
177
|
let message;
|
|
162
178
|
try {
|
|
163
179
|
message = JSON.parse(line);
|
|
@@ -24,6 +24,9 @@ export const DEFAULT_DEVICE_SCALE_FACTOR = 0;
|
|
|
24
24
|
/** Maximum size of a Chrome native messaging message in bytes. */
|
|
25
25
|
export const MAX_NATIVE_MESSAGE_BYTES = 1_048_576;
|
|
26
26
|
|
|
27
|
+
/** Maximum size of one newline-delimited daemon socket message in bytes. */
|
|
28
|
+
export const MAX_JSON_LINE_BYTES = MAX_NATIVE_MESSAGE_BYTES;
|
|
29
|
+
|
|
27
30
|
/** Default timeout for a bridge request awaiting an extension response (ms). */
|
|
28
31
|
export const DEFAULT_DAEMON_PENDING_TIMEOUT_MS = 30_000;
|
|
29
32
|
|
|
@@ -1,18 +1,42 @@
|
|
|
1
1
|
// @ts-check
|
|
2
2
|
|
|
3
|
+
import { MAX_JSON_LINE_BYTES } from './defaults.js';
|
|
4
|
+
|
|
3
5
|
/**
|
|
4
6
|
* Install a newline-delimited JSON parser on a socket's `data` event.
|
|
5
7
|
*
|
|
6
8
|
* @param {import('node:net').Socket} socket
|
|
7
9
|
* @param {(message: unknown) => void} onMessage
|
|
10
|
+
* @param {{ maxLineBytes?: number, onProtocolError?: (error: Error) => void }} [options]
|
|
8
11
|
* @returns {void}
|
|
9
12
|
*/
|
|
10
|
-
export function parseJsonLines(socket, onMessage) {
|
|
13
|
+
export function parseJsonLines(socket, onMessage, options = {}) {
|
|
11
14
|
let buffer = '';
|
|
15
|
+
const maxLineBytes =
|
|
16
|
+
typeof options.maxLineBytes === 'number' && Number.isFinite(options.maxLineBytes)
|
|
17
|
+
? Math.max(1, Math.floor(options.maxLineBytes))
|
|
18
|
+
: MAX_JSON_LINE_BYTES;
|
|
12
19
|
socket.setEncoding('utf8');
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* @param {Error} error
|
|
23
|
+
* @returns {void}
|
|
24
|
+
*/
|
|
25
|
+
function fail(error) {
|
|
26
|
+
options.onProtocolError?.(error);
|
|
27
|
+
const destroy = /** @type {{ destroy?: (() => void) | undefined }} */ (socket).destroy;
|
|
28
|
+
if (typeof destroy === 'function') {
|
|
29
|
+
destroy.call(socket);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
13
33
|
/** @param {string} chunk */
|
|
14
34
|
socket.on('data', (chunk) => {
|
|
15
35
|
buffer += chunk;
|
|
36
|
+
if (!buffer.includes('\n') && Buffer.byteLength(buffer, 'utf8') > maxLineBytes) {
|
|
37
|
+
fail(new Error(`JSON line exceeds ${maxLineBytes} bytes.`));
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
16
40
|
while (buffer.includes('\n')) {
|
|
17
41
|
const index = buffer.indexOf('\n');
|
|
18
42
|
const line = buffer.slice(0, index).trim();
|
|
@@ -20,6 +44,10 @@ export function parseJsonLines(socket, onMessage) {
|
|
|
20
44
|
if (!line) {
|
|
21
45
|
continue;
|
|
22
46
|
}
|
|
47
|
+
if (Buffer.byteLength(line, 'utf8') > maxLineBytes) {
|
|
48
|
+
fail(new Error(`JSON line exceeds ${maxLineBytes} bytes.`));
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
23
51
|
try {
|
|
24
52
|
onMessage(JSON.parse(line));
|
|
25
53
|
} catch {
|
|
@@ -672,6 +672,9 @@ export function normalizeHoverParams(params = {}) {
|
|
|
672
672
|
: undefined
|
|
673
673
|
),
|
|
674
674
|
duration: clampInt(params.duration, 0, 5_000, 0),
|
|
675
|
+
modifiers: Array.isArray(params.modifiers)
|
|
676
|
+
? params.modifiers.filter((modifier) => typeof modifier === 'string' && modifier.trim())
|
|
677
|
+
: [],
|
|
675
678
|
};
|
|
676
679
|
}
|
|
677
680
|
|
|
@@ -460,11 +460,13 @@ export interface NormalizedGetHtmlParams extends BridgeParams {
|
|
|
460
460
|
export interface HoverParams {
|
|
461
461
|
target?: InputTarget;
|
|
462
462
|
duration?: number;
|
|
463
|
+
modifiers?: string[];
|
|
463
464
|
}
|
|
464
465
|
|
|
465
466
|
export interface NormalizedHoverParams extends BridgeParams {
|
|
466
467
|
target: InputTarget;
|
|
467
468
|
duration: number;
|
|
469
|
+
modifiers: string[];
|
|
468
470
|
}
|
|
469
471
|
|
|
470
472
|
export interface DragParams {
|
|
@@ -10,14 +10,16 @@ Token-efficient Chrome tab inspection, interaction, and CSS/DOM patching through
|
|
|
10
10
|
This CLI skill is for agents that can run shell commands and where direct `bbx` control fits better than MCP tools: manual debugging, terminal reproduction, install/doctor flows, raw protocol access, or environments without MCP.
|
|
11
11
|
|
|
12
12
|
Skill name: `browser-bridge` (also known as `bbx`). In GitHub Copilot, invoke as `/browser-bridge`. `bbx` is the CLI command used throughout this skill.
|
|
13
|
-
|
|
14
|
-
For open-ended investigation,
|
|
13
|
+
When the runtime supports subagents, delegate bridge inspection to a smaller, lower-cost worker and return only concise findings to the parent.
|
|
14
|
+
For open-ended investigation, start with structured reads (`page.get_state`, `dom.query`, `page.get_text`, `styles.get_computed`, `bbx batch`) and escalate to screenshots or debugger-backed methods only when structured evidence is insufficient.
|
|
15
15
|
|
|
16
16
|
## CLI
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
19
|
bbx status # daemon + extension health
|
|
20
20
|
bbx doctor # install/access readiness
|
|
21
|
+
bbx access-request # ask user to enable access for the focused window
|
|
22
|
+
bbx restart # start/restart the local daemon non-interactively
|
|
21
23
|
bbx call <method> '{...}' # any RPC method (raw output)
|
|
22
24
|
bbx <method> '{...}' # direct alias for an exact bridge method such as page.get_state
|
|
23
25
|
bbx call --tab 123 <method> '{...}' # explicit tab override
|
|
@@ -59,6 +61,7 @@ bbx navigate <url> # navigate to URL
|
|
|
59
61
|
bbx reload # reload current page
|
|
60
62
|
bbx back # navigate back
|
|
61
63
|
bbx forward # navigate forward
|
|
64
|
+
bbx scroll <top> [left] # scroll viewport
|
|
62
65
|
bbx resize <width> <height> # resize viewport
|
|
63
66
|
```
|
|
64
67
|
|
|
@@ -77,7 +80,7 @@ bbx patch-text <ref> <text...> # apply text patch
|
|
|
77
80
|
bbx patches # list active patches
|
|
78
81
|
bbx rollback <patchId> # rollback a patch
|
|
79
82
|
bbx screenshot <ref> [outPath] # capture partial element screenshot
|
|
80
|
-
bbx call screenshot.capture_full_page '{}' #
|
|
83
|
+
bbx call screenshot.capture_full_page '{}' # raw base64; avoid unless document context matters
|
|
81
84
|
```
|
|
82
85
|
|
|
83
86
|
## Access Flow
|
|
@@ -114,8 +117,8 @@ After access is enabled:
|
|
|
114
117
|
| `EXTENSION_DISCONNECTED` | After 3s | Check Chrome is running; `bbx status` to verify, then retry |
|
|
115
118
|
| `NATIVE_HOST_UNAVAILABLE` | No | Run `bbx doctor` to diagnose the installation |
|
|
116
119
|
| `INTERNAL_ERROR` | Once | Retry once; if persistent, check `page.get_console` for details |
|
|
117
|
-
| `DAEMON_OFFLINE` | No | Daemon not running - start with `bbx
|
|
118
|
-
| `CONNECTION_LOST` | Yes | Socket dropped mid-request - retry; if persistent, restart
|
|
120
|
+
| `DAEMON_OFFLINE` | No | Daemon not running - start with `bbx restart` |
|
|
121
|
+
| `CONNECTION_LOST` | Yes | Socket dropped mid-request - retry; if persistent, run `bbx restart` |
|
|
119
122
|
| `BRIDGE_TIMEOUT` | Once | Extension took too long - retry once with simpler call |
|
|
120
123
|
|
|
121
124
|
Error responses now include a machine-readable `error.recovery` field with `retry`, `retryAfterMs`, `alternativeMethod`, and `hint`.
|
|
@@ -160,6 +163,12 @@ For a natural-language inspection task:
|
|
|
160
163
|
4. Escalate to `screenshot.capture_element`, `screenshot.capture_region`, or other debugger-backed methods only when structured reads are ambiguous or visual confirmation is required.
|
|
161
164
|
5. Return concise findings and evidence, not raw dumps.
|
|
162
165
|
|
|
166
|
+
CLI-first starter:
|
|
167
|
+
|
|
168
|
+
```bash
|
|
169
|
+
bbx batch '[{"method":"page.get_state"},{"method":"dom.query","params":{"selector":"main","maxNodes":10,"maxDepth":3,"textBudget":400,"attributeAllowlist":["id","class","data-testid"]}},{"method":"page.get_text","params":{"textBudget":2000}}]'
|
|
170
|
+
```
|
|
171
|
+
|
|
163
172
|
## Common Workflows
|
|
164
173
|
|
|
165
174
|
### Debug a CSS layout issue
|
|
@@ -269,6 +278,13 @@ Return: verdict, tab id + origin, minimal evidence set. No raw HTML or base64 im
|
|
|
269
278
|
|
|
270
279
|
Every CLI shortcut command produces consistent `{ok, summary, evidence}` JSON. Use `bbx call <method>` for raw protocol output when needed.
|
|
271
280
|
|
|
281
|
+
## CLI Raw Params Gotchas
|
|
282
|
+
|
|
283
|
+
- Use `selector`, not `scope`, to narrow `dom.find_by_text` and `dom.find_by_role`.
|
|
284
|
+
- Wrap interaction targets as `target: { elementRef }` or `target: { selector }`; `viewport.scroll` also uses the `target` wrapper for element scrolling.
|
|
285
|
+
- `input.drag` uses `source`, `destination`, and optional destination offsets `offsetX` / `offsetY`.
|
|
286
|
+
- Raw `screenshot.capture_region` and `screenshot.capture_full_page` return base64 JSON; prefer `bbx screenshot <ref> [outPath]` when one element is enough.
|
|
287
|
+
|
|
272
288
|
## Response Shapes
|
|
273
289
|
|
|
274
290
|
The summarizer auto-detects response types and produces concise summaries:
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
interface:
|
|
2
2
|
display_name: 'Browser Bridge'
|
|
3
3
|
short_description: 'Token-efficient Chrome tab inspection, interaction, and patching via local bridge'
|
|
4
|
-
default_prompt: 'Use the browser-bridge skill for Chrome tab inspection, interaction, and patching. Start with `bbx status` to confirm connectivity
|
|
4
|
+
default_prompt: 'Use the browser-bridge skill for Chrome tab inspection, interaction, and patching. Start with `bbx status` to confirm connectivity; if the daemon is offline, run `bbx restart`. If ACCESS_DENIED, ask the user to click Enable in the extension popup/side panel, then retry. Default routing follows the active tab; use `--tab` only for a different tab. Prefer structured reads (`dom.query`, `styles.get_computed`) over screenshots. Batch independent reads with `bbx batch`. Use `bbx skill` for runtime presets.'
|
|
@@ -32,7 +32,7 @@ bbx call navigation.go_forward
|
|
|
32
32
|
|
|
33
33
|
```bash
|
|
34
34
|
bbx call viewport.scroll '{"top":640,"behavior":"smooth"}'
|
|
35
|
-
bbx call viewport.scroll '{"elementRef":"el_123","top":200}'
|
|
35
|
+
bbx call viewport.scroll '{"target":{"elementRef":"el_123"},"top":200}'
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
Scrolls the window or a specific scrollable element.
|
|
@@ -125,10 +125,10 @@ bbx scroll 640 # scroll down 640px
|
|
|
125
125
|
bbx scroll 0 200 # scroll right 200px
|
|
126
126
|
bbx scroll 0 # scroll to top (top=0)
|
|
127
127
|
bbx call viewport.scroll '{"top":640,"behavior":"smooth"}'
|
|
128
|
-
bbx call viewport.scroll '{"elementRef":"el_123","top":200}'
|
|
128
|
+
bbx call viewport.scroll '{"target":{"elementRef":"el_123"},"top":200}'
|
|
129
129
|
```
|
|
130
130
|
|
|
131
|
-
Scrolls the window by default. Pass
|
|
131
|
+
Scrolls the window by default. Pass `target: { elementRef }` to scroll an inner scrollable container.
|
|
132
132
|
|
|
133
133
|
### Scroll target into view
|
|
134
134
|
|
|
@@ -205,7 +205,7 @@ bbx call input.drag '{"source":{"elementRef":"el_src"},"destination":{"elementRe
|
|
|
205
205
|
With pixel offsets for precise positioning:
|
|
206
206
|
|
|
207
207
|
```bash
|
|
208
|
-
bbx call input.drag '{"source":{"elementRef":"el_src"},"destination":{"elementRef":"el_dst"},"
|
|
208
|
+
bbx call input.drag '{"source":{"elementRef":"el_src"},"destination":{"elementRef":"el_dst"},"offsetX":5,"offsetY":5}'
|
|
209
209
|
```
|
|
210
210
|
|
|
211
211
|
Event sequence: `mousedown → dragstart → drag → dragenter → dragover → drop → dragend → mouseup`.
|
|
@@ -225,10 +225,10 @@ Find elements matching visible text. Faster than `dom.query` when you know the l
|
|
|
225
225
|
|
|
226
226
|
```bash
|
|
227
227
|
bbx find 'Submit Order'
|
|
228
|
-
bbx call dom.find_by_text '{"text":"Add to Cart","
|
|
228
|
+
bbx call dom.find_by_text '{"text":"Add to Cart","selector":"button","exact":false}'
|
|
229
229
|
```
|
|
230
230
|
|
|
231
|
-
- `
|
|
231
|
+
- `selector`: optional CSS selector to narrow search (e.g. `"button"`, `".sidebar"`)
|
|
232
232
|
- `exact`: `true` for exact match, `false` (default) for substring/case-insensitive
|
|
233
233
|
|
|
234
234
|
### By ARIA role
|