cdp-tunnel 1.0.13 → 1.0.15

package/test-context-features.js

@@ -1,113 +0,0 @@
-const { chromium } = require('playwright');
-
-async function testContextFeatures(port, label) {
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    console.log(`[${label}] Connected successfully!`);
-    
-    const contexts = browser.contexts();
-    console.log(`[${label}] Found ${contexts.length} context(s)`);
-    
-    let context;
-    if (contexts.length === 0) {
-      console.log(`[${label}] Creating new context...`);
-      context = await browser.newContext();
-    } else {
-      context = contexts[0];
-    }
-    
-    console.log(`[${label}] Testing exposeFunction...`);
-    await context.exposeFunction('myCustomFunction', (arg) => {
-      console.log(`[${label}] myCustomFunction called with:`, arg);
-      return `Hello from ${label}: ${arg}`;
-    });
-    
-    console.log(`[${label}] Testing addInitScript...`);
-    await context.addInitScript(() => {
-      window.myInitScript = 'This is from addInitScript!';
-      console.log('Init script executed!');
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto('https://www.example.com');
-    
-    console.log(`[${label}] Testing in first page...`);
-    const result1 = await page1.evaluate(async () => {
-      const funcResult = await window.myCustomFunction('test1');
-      const initResult = window.myInitScript;
-      return { funcResult, initResult };
-    });
-    console.log(`[${label}] First page result:`, result1);
-    
-    console.log(`[${label}] Creating second page (new tab)...`);
-    const page2 = await context.newPage();
-    await page2.goto('https://www.example.com');
-    
-    console.log(`[${label}] Testing in second page (should persist)...`);
-    const result2 = await page2.evaluate(async () => {
-      const funcResult = await window.myCustomFunction('test2');
-      const initResult = window.myInitScript;
-      return { funcResult, initResult };
-    });
-    console.log(`[${label}] Second page result:`, result2);
-    
-    console.log(`[${label}] Switching back to first page...`);
-    const result1Again = await page1.evaluate(async () => {
-      const funcResult = await window.myCustomFunction('test1-again');
-      const initResult = window.myInitScript;
-      return { funcResult, initResult };
-    });
-    console.log(`[${label}] First page (after switch) result:`, result1Again);
-    
-    console.log(`[${label}] Creating third page...`);
-    const page3 = await context.newPage();
-    await page3.goto('https://www.example.com');
-    
-    console.log(`[${label}] Testing in third page...`);
-    const result3 = await page3.evaluate(async () => {
-      const funcResult = await window.myCustomFunction('test3');
-      const initResult = window.myInitScript;
-      return { funcResult, initResult };
-    });
-    console.log(`[${label}] Third page result:`, result3);
-    
-    console.log(`[${label}] ✓ All tests passed!`);
-    
-    await browser.close();
-    
-    return true;
-  } catch (error) {
-    console.error(`[${label}] ✗ Error:`, error.message);
-    console.error(`[${label}] Stack:`, error.stack);
-    return false;
-  }
-}
-
-async function main() {
-  console.log('Testing Context-level features persistence across tabs');
-  console.log('This tests if exposeFunction and addInitScript persist across different tabs\n');
-  
-  const nativeResult = await testContextFeatures(9333, 'Native CDP');
-  const tunnelResult = await testContextFeatures(9221, 'CDP Tunnel');
-  
-  console.log('\n' + '='.repeat(60));
-  console.log('COMPARISON RESULTS');
-  console.log('='.repeat(60));
-  console.log(`Native CDP (port 9333): ${nativeResult ? '✓ PASS' : '✗ FAIL'}`);
-  console.log(`CDP Tunnel (port 9221): ${tunnelResult ? '✓ PASS' : '✗ FAIL'}`);
-  
-  if (nativeResult && tunnelResult) {
-    console.log('\n✓ Both implementations behave identically!');
-  } else if (nativeResult && !tunnelResult) {
-    console.log('\n✗ CDP Tunnel has issues with Context-level features!');
-  } else {
-    console.log('\n✗ Native CDP has issues (unexpected)!');
-  }
-}
-
-main();

package/test-create-tab.js

@@ -1,113 +0,0 @@
-const WebSocket = require('ws');
-const http = require('http');
-
-async function test() {
-  // 创建本地服务器
-  const html = `
-    <!DOCTYPE html>
-    <html>
-    <head><title>Test</title></head>
-    <body>
-      <h1>Test Page</h1>
-      <a href="about:blank" target="_blank" id="link">Open New Tab</a>
-    </body>
-    </html>
-  `;
-  
-  const server = http.createServer((req, res) => {
-    res.writeHead(200, { 'Content-Type': 'text/html' });
-    res.end(html);
-  });
-  
-  await new Promise(r => server.listen(9999, r));
-  console.log('Server: http://localhost:9999');
-  
-  // 连接到 CDP Tunnel
-  console.log('\nConnecting to CDP Tunnel...');
-  const ws = new WebSocket('ws://localhost:9221/client');
-  
-  let targetCreatedCount = 0;
-  
-  ws.on('open', () => {
-    console.log('Connected!');
-    
-    // 1. 获取所有 targets
-    ws.send(JSON.stringify({
-      id: 1,
-      method: 'Target.getTargets',
-      params: {}
-    }));
-  });
-  
-  ws.on('message', (data) => {
-    try {
-      const msg = JSON.parse(data.toString());
-      
-      // 打印所有 Target 相关事件
-      if (msg.method && msg.method.startsWith('Target.')) {
-        console.log('[EVENT]', msg.method);
-        if (msg.method === 'Target.targetCreated') {
-          targetCreatedCount++;
-          console.log('  targetId:', msg.params?.targetInfo?.targetId?.substring(0, 8));
-          console.log('  type:', msg.params?.targetInfo?.type);
-          console.log('  url:', msg.params?.targetInfo?.url?.substring(0, 50));
-        }
-      }
-      
-      // 收到 getTargets 响应后，启用 discover
-      if (msg.id === 1 && msg.result) {
-        console.log('\nGot', msg.result.targetInfos.length, 'targets');
-        
-        // 2. 启用 Target.setDiscoverTargets
-        ws.send(JSON.stringify({
-          id: 2,
-          method: 'Target.setDiscoverTargets',
-          params: { discover: true }
-        }));
-        console.log('Sent Target.setDiscoverTargets');
-      }
-      
-      // 收到 setDiscoverTargets 响应后，创建新 target
-      if (msg.id === 2 && msg.result !== undefined) {
-        console.log('\nDiscover enabled, creating new target...');
-        
-        // 3. 创建新 target
-        setTimeout(() => {
-          ws.send(JSON.stringify({
-            id: 3,
-            method: 'Target.createTarget',
-            params: { url: 'http://localhost:9999' }
-          }));
-          console.log('Sent Target.createTarget');
-        }, 1000);
-      }
-      
-      // 收到 createTarget 响应
-      if (msg.id === 3 && msg.result) {
-        console.log('\nNew target created:', msg.result.targetId?.substring(0, 8));
-        
-        // 等待一段时间，看看是否收到 targetCreated 事件
-        setTimeout(() => {
-          console.log('\n=== RESULTS ===');
-          console.log('Target.targetCreated events received:', targetCreatedCount);
-          ws.close();
-          server.close();
-        }, 3000);
-      }
-      
-    } catch (e) {
-      console.log('[ERROR]', e.message);
-    }
-  });
-  
-  ws.on('close', () => {
-    console.log('Connection closed');
-    process.exit(0);
-  });
-  
-  ws.on('error', (err) => {
-    console.error('Error:', err.message);
-  });
-}
-
-test();

package/test-debug-broadcast.js

@@ -1,52 +0,0 @@
-const WebSocket = require('ws');
-
-// 连接到代理服务器
-const ws = new WebSocket('ws://localhost:9221/client');
-
-ws.on('open', () => {
-  console.log('[TEST] Connected to proxy server');
-  
-  // 启用 Target 域来接收 targetCreated 事件
-  ws.send(JSON.stringify({
-    id: 1,
-    method: 'Target.setDiscoverTargets',
-    params: { discover: true }
-  }));
-  
-  console.log('[TEST] Sent Target.setDiscoverTargets');
-});
-
-ws.on('message', (data) => {
-  try {
-    const msg = JSON.parse(data.toString());
-    
-    // 只打印 Target 相关的事件
-    if (msg.method && msg.method.startsWith('Target.')) {
-      console.log('[EVENT]', msg.method, {
-        targetId: msg.params?.targetInfo?.targetId?.substring(0, 8),
-        type: msg.params?.targetInfo?.type,
-        url: msg.params?.targetInfo?.url?.substring(0, 50)
-      });
-    }
-  } catch (e) {
-    console.log('[RAW]', data.toString().substring(0, 100));
-  }
-});
-
-ws.on('close', (code, reason) => {
-  console.log('[TEST] Connection closed:', code, reason.toString());
-});
-
-ws.on('error', (err) => {
-  console.error('[TEST] Error:', err.message);
-});
-
-// 30秒后关闭
-setTimeout(() => {
-  console.log('[TEST] Closing connection...');
-  ws.close();
-  process.exit(0);
-}, 30000);
-
-console.log('[TEST] Waiting for Target events...');
-console.log('[TEST] Please open a new tab manually in Chrome');

package/test-debug-targets.js

@@ -1,127 +0,0 @@
-const { chromium } = require('playwright');
-const fs = require('fs');
-const path = require('path');
-
-let serverPort = 9300;
-
-async function testWithDebugging(label, port) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1</h1>
-        <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - New Tab</h1>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-debug';
-    if (!fs.existsSync(serverDir)) {
-      fs.mkdirSync(serverDir, { recursive: true });
-    }
-    fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-    fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-    
-    const http = require('http');
-    const server = http.createServer((req, res) => {
-      let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-      if (fs.existsSync(filePath)) {
-        const content = fs.readFileSync(filePath);
-        res.writeHead(200, { 'Content-Type': 'text/html' });
-        res.end(content);
-      } else {
-        res.writeHead(404);
-        res.end('Not found');
-      }
-    });
-    
-    await new Promise(resolve => server.listen(currentPort, resolve));
-    console.log(`[${label}] Server on port ${currentPort}`);
-    
-    console.log(`[${label}] Connecting to browser...`);
-    const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    console.log(`[${label}] Connected!`);
-    
-    console.log(`[${label}] Getting all targets via CDP...`);
-    const session = await browser.newBrowserCDPSession();
-    const targets = await session.send('Target.getTargets');
-    
-    console.log(`[${label}] Current targets:`);
-    const pageTargets = targets.targetInfos.filter(t => t.type === 'page');
-    pageTargets.forEach(t => {
-      console.log(`  - ${t.targetId}: ${t.url} (attached: ${t.attached})`);
-    });
-    
-    console.log(`[${label}] Creating context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-    
-    await new Promise(r => setTimeout(r, 1000));
-    
-    console.log(`[${label}] Checking targets after creating first page...`);
-    const targets2 = await session.send('Target.getTargets');
-    const pageTargets2 = targets2.targetInfos.filter(t => t.type === 'page');
-    pageTargets2.forEach(t => {
-      console.log(`  - ${t.targetId}: ${t.url} (attached: ${t.attached})`);
-    });
-    
-    console.log(`[${label}] Clicking link...`);
-    await page1.click('#link1');
-    
-    console.log(`[${label}] Waiting 5 seconds...`);
-    await new Promise(r => setTimeout(r, 5000));
-    
-    console.log(`[${label}] Checking targets after clicking link...`);
-    const targets3 = await session.send('Target.getTargets');
-    const pageTargets3 = targets3.targetInfos.filter(t => t.type === 'page');
-    pageTargets3.forEach(t => {
-      console.log(`  - ${t.targetId}: ${t.url} (attached: ${t.attached})`);
-    });
-    
-    console.log(`[${label}] Checking context pages...`);
-    const allPages = context.pages();
-    console.log(`[${label}] Total pages in context: ${allPages.length}`);
-    allPages.forEach((p, i) => {
-      console.log(`  Page ${i}: ${p.url()}`);
-    });
-    
-    server.close();
-    await browser.close();
-    
-  } catch (error) {
-    console.error(`[${label}] Error:`, error.message);
-  }
-}
-
-async function main() {
-  console.log('=== CDP Target Debugging Test ===\n');
-  
-  console.log('### Test with CDP Tunnel (port 9221) ###');
-  await testWithDebugging('CDP Tunnel', 9221);
-  
-  process.exit(0);
-}
-
-main();

package/test-expose-newtab.js

@@ -1,164 +0,0 @@
-const { chromium } = require('playwright');
-const { spawn } = require('child_process');
-const fs = require('fs');
-const path = require('path');
-
-let serverPort = 8800;
-
-async function testExposeFunctionNewTab(port, label) {
-  serverPort++;
-  const currentPort = serverPort;
-  
-  console.log(`\n${'='.repeat(60)}`);
-  console.log(`Testing ${label} (port ${port})`);
-  console.log('='.repeat(60));
-  
-  try {
-    const sharedState = { counter: 0 };
-    
-    const htmlContent1 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 1</title></head>
-      <body>
-        <h1>Page 1</h1>
-        <a href="page2.html" target="_blank" id="link1">Open New Tab</a>
-        <button id="btn" onclick="window.getCounter().then(r => alert('Counter: ' + r))">Get Counter</button>
-      </body>
-      </html>
-    `;
-    
-    const htmlContent2 = `
-      <!DOCTYPE html>
-      <html>
-      <head><title>Page 2</title></head>
-      <body>
-        <h1>Page 2 - New Tab</h1>
-        <button id="btn" onclick="window.getCounter().then(r => alert('Counter: ' + r))">Get Counter</button>
-      </body>
-      </html>
-    `;
-    
-    const serverDir = '/tmp/test-expose-newtab';
-    if (!fs.existsSync(serverDir)) {
-      fs.mkdirSync(serverDir, { recursive: true });
-    }
-    fs.writeFileSync(path.join(serverDir, 'page1.html'), htmlContent1);
-    fs.writeFileSync(path.join(serverDir, 'page2.html'), htmlContent2);
-    
-    const http = require('http');
-    const server = http.createServer((req, res) => {
-      let filePath = path.join(serverDir, req.url === '/' ? 'page1.html' : req.url);
-      if (fs.existsSync(filePath)) {
-        const content = fs.readFileSync(filePath);
-        res.writeHead(200, { 'Content-Type': 'text/html' });
-        res.end(content);
-      } else {
-        res.writeHead(404);
-        res.end('Not found');
-      }
-    });
-    
-    await new Promise(resolve => server.listen(currentPort, resolve));
-    console.log(`[${label}] Test server started on port ${currentPort}`);
-    
-    const browser = await chromium.connectOverCDP(`http://localhost:${port}`);
-    console.log(`[${label}] Connected successfully!`);
-    
-    console.log(`[${label}] Creating new context...`);
-    const context = await browser.newContext();
-    
-    console.log(`[${label}] exposeFunction getCounter...`);
-    await context.exposeFunction('getCounter', () => {
-      sharedState.counter += 1;
-      console.log(`[${label}] getCounter called, counter: ${sharedState.counter}`);
-      return sharedState.counter;
-    });
-    
-    console.log(`[${label}] Creating first page...`);
-    const page1 = await context.newPage();
-    await page1.goto(`http://localhost:${currentPort}/page1.html`, { waitUntil: 'domcontentloaded' });
-    
-    console.log(`[${label}] Calling getCounter in first page...`);
-    const r1 = await page1.evaluate(() => window.getCounter());
-    console.log(`[${label}] First page result: ${r1}`);
-    
-    console.log(`[${label}] Clicking link to open new tab...`);
-    const [page2] = await Promise.all([
-      context.waitForEvent('page', { timeout: 10000 }),
-      page1.click('#link1')
-    ]);
-    
-    console.log(`[${label}] Waiting for new tab...`);
-    await page2.waitForLoadState('domcontentloaded');
-    console.log(`[${label}] New tab URL: ${page2.url()}`);
-    
-    console.log(`[${label}] Calling getCounter in new tab...`);
-    const r2 = await page2.evaluate(() => window.getCounter());
-    console.log(`[${label}] New tab result: ${r2}`);
-    
-    console.log(`[${label}] First page again...`);
-    const r1a = await page1.evaluate(() => window.getCounter());
-    console.log(`[${label}] First page again result: ${r1a}`);
-    
-    console.log(`[${label}] New tab again...`);
-    const r2a = await page2.evaluate(() => window.getCounter());
-    console.log(`[${label}] New tab again result: ${r2a}`);
-    
-    const success = r1 === 1 && r2 === 2 && r1a === 3 && r2a === 4;
-    
-    server.close();
-    
-    if (success) {
-      console.log(`[${label}] ✓ PASS! Counter: 1 -> 2 -> 3 -> 4`);
-    } else {
-      console.log(`[${label}] ✗ FAIL! Expected: 1,2,3,4 Got: ${r1},${r2},${r1a},${r2a}`);
-    }
-    
-    await browser.close();
-    return success;
-    
-  } catch (error) {
-    console.error(`[${label}] ✗ Error:`, error.message);
-    return false;
-  }
-}
-
-async function main() {
-  console.log('Testing: Click link -> New tab -> getCounter (shared state)');
-  console.log('Expected: 1 -> 2 -> 3 -> 4\n');
-  
-  console.log('Step 1: Starting fresh Chromium on port 9230...');
-  const chromiumProcess = spawn('/Applications/Chromium.app/Contents/MacOS/Chromium', [
-    '--remote-debugging-port=9230',
-    '--user-data-dir=/tmp/chromium-test-newtab',
-    '--no-first-run',
-    '--no-default-browser-check'
-  ], { detached: true, stdio: 'ignore' });
-  
-  await new Promise(resolve => setTimeout(resolve, 3000));
-  
-  console.log('\nStep 2: Testing Native CDP...');
-  const nativeResult = await testExposeFunctionNewTab(9230, 'Native CDP');
-  
-  await new Promise(resolve => setTimeout(resolve, 1000));
-  
-  console.log('\nStep 3: Testing CDP Tunnel...');
-  const tunnelResult = await testExposeFunctionNewTab(9221, 'CDP Tunnel');
-  
-  try { process.kill(-chromiumProcess.pid); } catch (e) {}
-  
-  console.log('\n' + '='.repeat(60));
-  console.log(`Native CDP: ${nativeResult ? '✓ PASS' : '✗ FAIL'}`);
-  console.log(`CDP Tunnel: ${tunnelResult ? '✓ PASS' : '✗ FAIL'}`);
-  
-  if (nativeResult && tunnelResult) {
-    console.log('\n✓ Both work identically!');
-  } else if (!nativeResult && tunnelResult) {
-    console.log('\n✓ CDP Tunnel works! Native CDP has limitations.');
-  }
-  
-  process.exit(0);
-}
-
-main();