nicer icons. different port

extension-new/COMPARISON.md

@@ -44,7 +44,7 @@ class ExtensionConnection {
 
 ### New (Functional):**
 ```typescript
-export async function startRelayServer({ port = 9988 }) {
+export async function startRelayServer({ port = 19988 }) {
   const targetsRegistry = createTargetsRegistry()
   let playwrightWs: WSContext | null = null
   let extensionWs: WSContext | null = null
@@ -230,13 +230,13 @@ The new implementation is a drop-in replacement:
 
 **Old:**
 ```typescript
-const httpServer = await startHttpServer({ port: 9988 })
+const httpServer = await startHttpServer({ port: 19988 })
 const cdpRelayServer = new CDPRelayServer(httpServer)
 cdpRelayServer.stop()
 ```
 
 **New:**
 ```typescript
-const server = await startRelayServer({ port: 9988 })
+const server = await startRelayServer({ port: 19988 })
 server.close()
 ```

extension-new/MIGRATION.md

@@ -28,7 +28,7 @@ cdpRelayServer.stop()
 
 **After:**
 ```typescript
-const server = await startRelayServer({ port: 9988 })
+const server = await startRelayServer({ port: 19988 })
 // Simple object API
 server.close()
 ```

extension-new/README.md

@@ -49,12 +49,12 @@ Tab → chrome.debugger → Extension → /extension → /cdp → Playwright
 **Clean API:**
 
 ```typescript
-const server = await startRelayServer({ port: 9988 })
+const server = await startRelayServer({ port: 19988 })
 
 // Returns:
 // {
-//   cdpEndpoint: 'ws://localhost:9988/cdp',
-//   extensionEndpoint: 'ws://localhost:9988/extension',
+//   cdpEndpoint: 'ws://localhost:19988/cdp',
+//   extensionEndpoint: 'ws://localhost:19988/extension',
 //   close: () => void
 // }
 
@@ -67,7 +67,7 @@ server.close()
 ```typescript
 import { startRelayServer } from './relay-server.js'
 
-const server = await startRelayServer({ port: 9988 })
+const server = await startRelayServer({ port: 19988 })
 
 console.log('Extension endpoint:', server.extensionEndpoint)
 console.log('CDP endpoint:', server.cdpEndpoint)