Hubcap Bridge: Persistente bidirektionale Kommunikation zwischen CLI und Browser-JavaScript via CDP

Was Hubcap Bridge leistet

Hubcap Bridge richtet einen persistenten bidirektionalen Nachrichtenkanal zwischen einem lokalen Prozess und in einer Browser-Seite laufendem JavaScript über das Chrome DevTools Protocol ein. Dies schließt die Lücke, wenn Web-Apps keine öffentlichen APIs haben oder Entwickler keinen Zugang dazu haben, die Apps aber umfangreiche clientseitige JavaScript-APIs für ihre Benutzeroberfläche nutzen.

Wichtige Funktionen und Verwendung

Die Syntax des Bridge-Befehls lautet:

hubcap bridge --target "$TAB" ' for await (const msg of messages) { const result = await window.appAPI.query(msg.sql); send({rows: result}); } '

Die Kommunikation erfolgt über stdin/stdout im LDJSON-Format. Herzschläge erkennen Verbindungsabbrüche, und mehrere Bridges können im gleichen Tab laufen.

Praktische Anwendungen

Dies ermöglicht die Entwicklung von Claude Code-Fähigkeiten, die einen lokalen Server enthalten, der über interne APIs mit einer Webseite synchronisiert wird. Der Server nutzt bridge, um Daten durch die JavaScript-Schicht der Seite zu schieben und zu ziehen, während Claude mit dem Server kommuniziert. Dieser Ansatz vermeidet HTML-Scraping und erfordert nicht, auf den Bau eines MCP-Servers zu warten.

Da CDP-injizierter Code im eigenen Kontext der Seite läuft, gibt es keine CORS-, CSP- oder gemischte Inhaltsprobleme zu umgehen. Der Autor merkt an: "Wenn Sie es von der Browser-Konsole aus aufrufen können, können Sie es durch bridge leiten."

Weitere Veröffentlichungsnotizen

Ebenfalls in dieser Version: eval unterstützt jetzt await auf oberster Ebene.

Wichtiger Hinweis

Die Quelle enthält diesen Hinweis: "(Stellen Sie sicher, dass Sie innerhalb der Nutzungsbedingungen dessen bleiben, womit Sie sich integrieren.)"

Ressourcen

• Blogbeitrag: https://tomyandell.dev/blog/hubcap-bridge
• Hubcap-Plugin: https://github.com/tomyan/claude-skill-hubcap
• Dokumentation: https://hubcap.tomyandell.dev
• Source: https://github.com/tomyan/hubcap