cdp-tunnel 2.7.10 → 2.8.0

package/extension-new/features/screencast.js

@@ -71,8 +71,19 @@ var Screencast = (function() {
     };
   })();
 
-  function startPolling(tabId, params, sessionId) {
-    stopPolling(tabId);
+  function _getStateForTab(tabId) {
+    var entry = ConnectionManager.getConnectionByTabId(tabId);
+    return entry ? entry.state : null;
+  }
+
+  function _getWSManagerForTab(tabId) {
+    var entry = ConnectionManager.getConnectionByTabId(tabId);
+    return entry ? entry.wsManager : null;
+  }
+
+  function startPolling(tabId, params, sessionId, state) {
+    var connState = state || _getStateForTab(tabId);
+    stopPolling(tabId, connState);
 
     var session = {
       tabId: tabId,
@@ -89,27 +100,33 @@ var Screencast = (function() {
       frameId: 0
     };
 
-    State.setScreencastSession(tabId, session);
+    if (connState) connState.setScreencastSession(tabId, session);
 
     return injectChangeDetector(tabId).then(function() {
-      captureAndSendFrame(session);
+      captureAndSendFrame(session, connState);
     });
   }
 
-  function stopPolling(tabId) {
-    var session = State.getScreencastSession(tabId);
-    if (session) {
-      session.stopped = true;
-      State.deleteScreencastSession(tabId);
-      disableChangeNotify(tabId);
+  function stopPolling(tabId, state) {
+    var connState = state || _getStateForTab(tabId);
+    if (connState) {
+      var session = connState.getScreencastSession(tabId);
+      if (session) {
+        session.stopped = true;
+        connState.deleteScreencastSession(tabId);
+        disableChangeNotify(tabId);
+      }
     }
   }
 
-  function ackFrame(tabId, ackSessionId) {
-    var session = State.getScreencastSession(tabId);
-    if (session) {
-      session.pendingAck = false;
-      captureAndSendFrame(session);
+  function ackFrame(tabId, ackSessionId, state) {
+    var connState = state || _getStateForTab(tabId);
+    if (connState) {
+      var session = connState.getScreencastSession(tabId);
+      if (session) {
+        session.pendingAck = false;
+        captureAndSendFrame(session, connState);
+      }
     }
   }
 
@@ -154,12 +171,14 @@ var Screencast = (function() {
     ).catch(function() {});
   }
 
-  function captureAndSendFrame(session) {
+  function captureAndSendFrame(session, connState) {
     if (session.stopped) return;
 
     session.frameCount++;
     if (session.frameCount % session.everyNthFrame !== 0) return;
 
+    var wsManager = _getWSManagerForTab(session.tabId);
+
     chrome.debugger.sendCommand(
       { tabId: session.tabId },
       'Page.captureScreenshot',
@@ -195,7 +214,7 @@ var Screencast = (function() {
           scrollOffsetY: 0,
           timestamp: Date.now()
         }
-      }, session.sessionId);
+      }, session.sessionId, wsManager);
 
       session.pendingAck = true;
     }).catch(function(error) {
@@ -206,9 +225,12 @@ var Screencast = (function() {
   }
 
   function onNotify(tabId) {
-    var session = State.getScreencastSession(tabId);
-    if (session && !session.pendingAck && !session.stopped) {
-      captureAndSendFrame(session);
+    var connState = _getStateForTab(tabId);
+    if (connState) {
+      var session = connState.getScreencastSession(tabId);
+      if (session && !session.pendingAck && !session.stopped) {
+        captureAndSendFrame(session, connState);
+      }
     }
   }
 

package/extension-new/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "CDP Bridge",
-  "version": "2.7.10",
+  "version": "2.8.0",
   "description": "Chrome DevTools Protocol Bridge for Playwright/Puppeteer automation",
   "permissions": [
     "debugger",
@@ -37,7 +37,8 @@
     {
       "resources": [
         "config-page-preview.html",
-        "config-page.js"
+        "config-page.js",
+        "utils/config.js"
       ],
       "matches": [
         "<all_urls>"

package/extension-new/utils/config.js

@@ -12,11 +12,91 @@ var Config = {
   },
   DEFAULT_BROWSER_CONTEXT: 'default',
   DEBUG: true,
+
   getWsUrl: function(callback) {
-    chrome.storage.local.get(['wsAddress'], function(result) {
-      callback(result.wsAddress || Config.WS_URL);
+    Config.getConnections(function(connections) {
+      var enabled = (connections || []).filter(function(c) { return c.enabled; });
+      if (enabled.length > 0) {
+        callback(enabled[0].url);
+        return;
+      }
+      callback(Config.WS_URL);
+    });
+  },
+
+  getConnections: function(callback) {
+    chrome.storage.local.get(['connections', 'wsAddress'], function(result) {
+      if (result.connections) {
+        callback(result.connections);
+        return;
+      }
+      if (result.wsAddress) {
+        var migrated = [
+          {
+            id: 'conn_' + Date.now(),
+            tag: 'default',
+            url: result.wsAddress,
+            enabled: true
+          }
+        ];
+        chrome.storage.local.set({ connections: migrated }, function() {
+          callback(migrated);
+        });
+        return;
+      }
+      callback([]);
+    });
+  },
+
+  setConnections: function(connections, callback) {
+    chrome.storage.local.set({ connections: connections }, callback || function() {});
+  },
+
+  addConnection: function(opts, callback) {
+    Config.getConnections(function(connections) {
+      var conn = {
+        id: 'conn_' + Date.now() + '_' + Math.random().toString(36).substr(2, 6),
+        tag: opts.tag || 'unnamed',
+        url: opts.url || '',
+        enabled: opts.enabled !== undefined ? opts.enabled : true
+      };
+      connections.push(conn);
+      Config.setConnections(connections, function() {
+        if (callback) callback(conn);
+      });
+    });
+  },
+
+  removeConnection: function(id, callback) {
+    Config.getConnections(function(connections) {
+      var filtered = connections.filter(function(c) { return c.id !== id; });
+      Config.setConnections(filtered, callback);
+    });
+  },
+
+  toggleConnection: function(id, enabled, callback) {
+    Config.getConnections(function(connections) {
+      connections.forEach(function(c) {
+        if (c.id === id) {
+          c.enabled = enabled;
+        }
+      });
+      Config.setConnections(connections, callback);
+    });
+  },
+
+  updateConnection: function(id, updates, callback) {
+    Config.getConnections(function(connections) {
+      connections.forEach(function(c) {
+        if (c.id === id) {
+          if (updates.tag !== undefined) c.tag = updates.tag;
+          if (updates.url !== undefined) c.url = updates.url;
+        }
+      });
+      Config.setConnections(connections, callback);
     });
   },
+
   getPluginId: function(callback) {
     chrome.storage.local.get(['pluginId'], function(result) {
       if (result.pluginId) {
@@ -29,6 +109,7 @@ var Config = {
       }
     });
   },
+
   AUTO_MUTE: true,
   getAutoMute: function(callback) {
     chrome.storage.local.get(['autoMute'], function(result) {

package/extension-new/utils/helpers.js

@@ -42,7 +42,7 @@ var CDPUtils = (function() {
     return 0;
   }
 
-  function buildGroupName(clientId) {
+  function buildGroupName(clientId, connectionTag) {
     if (!clientId) return 'CDP';
     var hash = 0;
     for (var i = 0; i < clientId.length; i++) {
@@ -51,11 +51,12 @@ var CDPUtils = (function() {
       hash = hash | 0;
     }
     var suffix = Math.abs(hash).toString(16).substring(0, 8).padStart(8, '0');
-    return 'CDP-' + suffix;
+    var tag = (connectionTag && connectionTag !== 'default') ? connectionTag + '-' : '';
+    return 'CDP-' + tag + suffix;
   }
 
-  function getGroupBaseName(clientId) {
-    return buildGroupName(clientId);
+  function getGroupBaseName(clientId, connectionTag) {
+    return buildGroupName(clientId, connectionTag);
   }
 
   function findGroupByName(allGroups, baseName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cdp-tunnel",
-  "version": "2.7.10",
+  "version": "2.8.0",
   "description": "Bridge Chrome's debugger API to WebSocket — control your existing browser with Playwright/Puppeteer via CDP",
   "main": "server/proxy-server.js",
   "bin": "./cli/index.js",