/** * Copyright (c) Microsoft Corporation. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { RelayConnection, debugLog } from './relayConnection.js'; type PageMessage = { type: 'connectToMCPRelay'; mcpRelayUrl: string; tabId: number; windowId: number; } | { type: 'getTabs'; }; class TabShareExtension { private _activeConnection: RelayConnection | undefined; private _connectedTabId: number | null = null; constructor() { chrome.tabs.onRemoved.addListener(this._onTabRemoved.bind(this)); chrome.tabs.onUpdated.addListener(this._onTabUpdated.bind(this)); chrome.runtime.onMessage.addListener(this._onMessage.bind(this)); } // Promise-based message handling is not supported in Chrome: https://issues.chromium.org/issues/40753031 private _onMessage(message: PageMessage, sender: chrome.runtime.MessageSender, sendResponse: (response: any) => void) { switch (message.type) { case 'connectToMCPRelay': this._connectTab(message.tabId, message.windowId, message.mcpRelayUrl!).then( () => sendResponse({ success: true }), (error: any) => sendResponse({ success: false, error: error.message })); return true; // Return true to indicate that the response will be sent asynchronously case 'getTabs': this._getTabs().then( tabs => sendResponse({ success: true, tabs, currentTabId: sender.tab?.id }), (error: any) => sendResponse({ success: false, error: error.message })); return true; } return false; } private async _connectTab(tabId: number, windowId: number, mcpRelayUrl: string): Promise { try { debugLog(`Connecting tab ${tabId} to bridge at ${mcpRelayUrl}`); const socket = new WebSocket(mcpRelayUrl); await new Promise((resolve, reject) => { socket.onopen = () => resolve(); socket.onerror = () => reject(new Error('WebSocket error')); setTimeout(() => reject(new Error('Connection timeout')), 5000); }); const connection = new RelayConnection(socket, tabId); const connectionClosed = (m: string) => { debugLog(m); if (this._activeConnection === connection) { this._activeConnection = undefined; void this._setConnectedTabId(null); } }; socket.onclose = () => connectionClosed('WebSocket closed'); socket.onerror = error => connectionClosed(`WebSocket error: ${error}`); this._activeConnection = connection; await Promise.all([ this._setConnectedTabId(tabId), chrome.tabs.update(tabId, { active: true }), chrome.windows.update(windowId, { focused: true }), ]); debugLog(`Connected to MCP bridge`); } catch (error: any) { await this._setConnectedTabId(null); debugLog(`Failed to connect tab ${tabId}:`, error.message); throw error; } } private async _setConnectedTabId(tabId: number | null): Promise { const oldTabId = this._connectedTabId; this._connectedTabId = tabId; if (oldTabId && oldTabId !== tabId) await this._updateBadge(oldTabId, { text: '', color: null }); if (tabId) await this._updateBadge(tabId, { text: '●', color: '#4CAF50' }); } private async _updateBadge(tabId: number, { text, color }: { text: string; color: string | null }): Promise { await chrome.action.setBadgeText({ tabId, text }); if (color) await chrome.action.setBadgeBackgroundColor({ tabId, color }); } private async _onTabRemoved(tabId: number): Promise { if (this._connectedTabId !== tabId) return; this._activeConnection?.close('Browser tab closed'); this._activeConnection = undefined; this._connectedTabId = null; } private async _onTabUpdated(tabId: number, changeInfo: chrome.tabs.TabChangeInfo, tab: chrome.tabs.Tab): Promise { if (changeInfo.status === 'complete' && this._connectedTabId === tabId) await this._setConnectedTabId(tabId); } private async _getTabs(): Promise { const tabs = await chrome.tabs.query({}); return tabs; } } new TabShareExtension();