leeguooooo
8a8106ad75
First step toward zero-confirmation direct connect to the user's real Chrome: Chrome 136 killed --remote-debugging-port on the default profile, so the only sanctioned way to drive the user's live logged-in window is an extension using chrome.debugger (same approach as Codex/Claude, whose extensions are closed). Vendors the MIT-licensed openclaw-browser-relay extension into extensions/ab-connect/, rebranded to "agent-browser connect" (NOTICE.md keeps attribution). It already handles the hard parts: chrome.debugger auto-attach all tabs, new-tab auto-attach, MV3 service-worker keepalive (alarms) + reconnect, sessionId↔tab mapping, token auth, and a CDP-over-WebSocket envelope (connect handshake / forwardCDPCommand / forwardCDPEvent / ping-pong). Inert for now — not wired. Next: an abs-daemon relay that speaks this envelope and bridges it to the existing CdpClient (raw CDP), then a `connect` command.
75 lines
2.4 KiB
JavaScript
75 lines
2.4 KiB
JavaScript
import { deriveRelayToken } from './background-utils.js'
|
|
import { classifyRelayCheckException, classifyRelayCheckResponse } from './options-validation.js'
|
|
|
|
const DEFAULT_PORT = 18792
|
|
|
|
function clampPort(value) {
|
|
const n = Number.parseInt(String(value || ''), 10)
|
|
if (!Number.isFinite(n)) return DEFAULT_PORT
|
|
if (n <= 0 || n > 65535) return DEFAULT_PORT
|
|
return n
|
|
}
|
|
|
|
function updateRelayUrl(port) {
|
|
const el = document.getElementById('relay-url')
|
|
if (!el) return
|
|
el.textContent = `http://127.0.0.1:${port}/`
|
|
}
|
|
|
|
function setStatus(kind, message) {
|
|
const status = document.getElementById('status')
|
|
if (!status) return
|
|
status.dataset.kind = kind || ''
|
|
status.textContent = message || ''
|
|
}
|
|
|
|
async function checkRelayReachable(port, token) {
|
|
const url = `http://127.0.0.1:${port}/json/version`
|
|
const trimmedToken = String(token || '').trim()
|
|
if (!trimmedToken) {
|
|
setStatus('error', 'Gateway token required. Save your gateway token to connect.')
|
|
return
|
|
}
|
|
try {
|
|
const relayToken = await deriveRelayToken(trimmedToken, port)
|
|
// Delegate the fetch to the background service worker to bypass
|
|
// CORS preflight on the custom x-openclaw-relay-token header.
|
|
const res = await chrome.runtime.sendMessage({
|
|
type: 'relayCheck',
|
|
url,
|
|
token: relayToken,
|
|
})
|
|
const result = classifyRelayCheckResponse(res, port)
|
|
if (result.action === 'throw') throw new Error(result.error)
|
|
setStatus(result.kind, result.message)
|
|
} catch (err) {
|
|
const result = classifyRelayCheckException(err, port)
|
|
setStatus(result.kind, result.message)
|
|
}
|
|
}
|
|
|
|
async function load() {
|
|
const stored = await chrome.storage.local.get(['relayPort', 'gatewayToken'])
|
|
const port = clampPort(stored.relayPort)
|
|
const token = String(stored.gatewayToken || '').trim()
|
|
document.getElementById('port').value = String(port)
|
|
document.getElementById('token').value = token
|
|
updateRelayUrl(port)
|
|
await checkRelayReachable(port, token)
|
|
}
|
|
|
|
async function save() {
|
|
const portInput = document.getElementById('port')
|
|
const tokenInput = document.getElementById('token')
|
|
const port = clampPort(portInput.value)
|
|
const token = String(tokenInput.value || '').trim()
|
|
await chrome.storage.local.set({ relayPort: port, gatewayToken: token })
|
|
portInput.value = String(port)
|
|
tokenInput.value = token
|
|
updateRelayUrl(port)
|
|
await checkRelayReachable(port, token)
|
|
}
|
|
|
|
document.getElementById('save').addEventListener('click', () => void save())
|
|
void load()
|