cdp-tunnel 2.9.0 → 2.9.1

package/extension-new/background.js

@@ -466,14 +466,14 @@ importScripts('features/automation-badge.js');
               status = 'error';
             }
           }
-          return { id: conn.id, tag: conn.tag, url: conn.url, status: status, attachedCount: attachedCount };
+          return { id: conn.id, tag: conn.tag, url: conn.url, mode: conn.mode || 'create', status: status, attachedCount: attachedCount };
         });
         sendResponse({ connections: list });
       });
       return true;
     } else if (message.type === 'add-connection') {
-      Logger.info('[Runtime] Adding connection:', message.tag, message.url);
-      Config.addConnection({ tag: message.tag, url: message.url }, function(conn) {
+      Logger.info('[Runtime] Adding connection:', message.tag, message.url, 'mode:', message.mode);
+      Config.addConnection({ tag: message.tag, url: message.url, mode: message.mode || 'create' }, function(conn) {
         if (conn && conn.enabled) {
           ConnectionManager.addConnection(conn);
           var entry = ConnectionManager.getConnection(conn.id);

package/extension-new/config-page-preview.html

@@ -814,6 +814,10 @@
             <div class="add-conn-form">
               <input type="text" class="input-tag" id="newConnTag" placeholder="名称" value="local">
               <input type="text" class="input-url" id="newConnUrl" placeholder="ws://localhost:9221/plugin" value="ws://localhost:9221/plugin">
+              <select id="inputMode" style="padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;transition:border-color 0.2s;flex-shrink:0;">
+                <option value="create">创建模式</option>
+                <option value="takeover">接管模式</option>
+              </select>
               <button class="btn btn-primary btn-sm" id="addConnBtn">添加连接</button>
             </div>
           </div>

package/extension-new/config-page.js

@@ -27,6 +27,7 @@
     newConnTag: document.getElementById('newConnTag'),
     newConnUrl: document.getElementById('newConnUrl'),
     addConnBtn: document.getElementById('addConnBtn'),
+    inputMode: document.getElementById('inputMode'),
     autoMuteToggle: document.getElementById('autoMuteToggle'),
     pluginIdDisplay: document.getElementById('pluginIdDisplay')
   };
@@ -99,7 +100,7 @@
           '<input type="checkbox" class="conn-toggle" data-id="' + conn.id + '"' + (conn.enabled ? ' checked' : '') + ' title="启用/禁用">' +
           '<span class="status-dot ' + statusClass + '" title="' + statusClass + '"></span>' +
           '<div class="conn-config-info">' +
-            '<div class="conn-config-tag">' + escapeHtml(conn.tag) + '</div>' +
+            '<div class="conn-config-tag">' + (conn.mode === 'takeover' ? '🔗 ' : '🆕 ') + escapeHtml(conn.tag) + '</div>' +
             '<div class="conn-config-url" title="' + escapeAttr(conn.url) + '">' + escapeHtml(conn.url) + '</div>' +
           '</div>' +
           '<button class="btn-delete" data-id="' + conn.id + '" title="删除">删除</button>' +
@@ -333,6 +334,7 @@
   elements.addConnBtn.addEventListener('click', function() {
     var tag = elements.newConnTag.value.trim();
     var url = elements.newConnUrl.value.trim();
+    var mode = elements.inputMode.value || 'create';
 
     if (!tag) {
       showToast('请输入连接名称', 'error');
@@ -344,16 +346,18 @@
     }
 
     if (typeof chrome !== 'undefined' && chrome.runtime) {
-      chrome.runtime.sendMessage({ type: 'add-connection', tag: tag, url: url }, function() {
+      chrome.runtime.sendMessage({ type: 'add-connection', tag: tag, url: url, mode: mode }, function() {
         elements.newConnTag.value = '';
         elements.newConnUrl.value = '';
+        elements.inputMode.value = 'create';
         loadAndRenderConnections();
         showToast('连接已添加');
       });
     } else if (typeof Config !== 'undefined') {
-      Config.addConnection({ tag: tag, url: url }, function() {
+      Config.addConnection({ tag: tag, url: url, mode: mode }, function() {
         elements.newConnTag.value = '';
         elements.newConnUrl.value = '';
+        elements.inputMode.value = 'create';
         loadAndRenderConnections();
         showToast('连接已添加');
       });

package/extension-new/core/connection-manager.js

@@ -23,7 +23,7 @@ var ConnectionManager = (function() {
       return;
     }
 
-    var state = new ConnectionState(config.id);
+    var state = new ConnectionState(config.id, config.mode);
     var wsManager = new WebSocketConnection(config.id, state, config);
 
     _connections.set(config.id, {

package/extension-new/core/connection-state.js

@@ -1,5 +1,6 @@
-function ConnectionState(connectionId) {
+function ConnectionState(connectionId, mode) {
   this.connectionId = connectionId;
+  this.mode = mode || 'create';
   this.ws = null;
   this.reconnectTimer = null;
   this._hasConnectedClient = false;

package/extension-new/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "CDP Bridge",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "Chrome DevTools Protocol Bridge for Playwright/Puppeteer automation",
   "permissions": [
     "debugger",

package/extension-new/popup.js

@@ -32,9 +32,11 @@
       var dot = document.createElement('span');
       dot.className = 'conn-dot ' + conn.status;
 
+      var modeIcon = conn.mode === 'takeover' ? '🔗 ' : '🆕 ';
+
       var tag = document.createElement('span');
       tag.className = 'conn-tag';
-      tag.textContent = conn.tag;
+      tag.textContent = modeIcon + conn.tag;
 
       header.appendChild(dot);
       header.appendChild(tag);

package/extension-new/utils/config.js

@@ -58,6 +58,7 @@ var Config = {
         id: 'conn_' + Date.now() + '_' + Math.random().toString(36).substr(2, 6),
         tag: opts.tag || 'unnamed',
         url: opts.url || '',
+        mode: opts.mode || 'create',
         enabled: opts.enabled !== undefined ? opts.enabled : true
       };
       connections.push(conn);
@@ -91,6 +92,7 @@ var Config = {
         if (c.id === id) {
           if (updates.tag !== undefined) c.tag = updates.tag;
           if (updates.url !== undefined) c.url = updates.url;
+          if (updates.mode !== undefined) c.mode = updates.mode;
         }
       });
       Config.setConnections(connections, callback);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cdp-tunnel",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "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",