nicer icons. different port

playwriter/scripts/extension-connect.ts

@@ -1,7 +1,7 @@
 import playwright from 'playwright-core'
 
 async function main() {
-    const cdpEndpoint = `ws://localhost:9988/cdp/${Date.now()}`
+    const cdpEndpoint = `ws://localhost:19988/cdp/${Date.now()}`
     const browser = await playwright.chromium.connectOverCDP(cdpEndpoint, {
 
     })

playwriter/scripts/extension-new-page.ts

@@ -1,7 +1,7 @@
 import playwright from 'playwright-core'
 
 async function main() {
-    const cdpEndpoint = `ws://localhost:9988/cdp/${Date.now()}`
+    const cdpEndpoint = `ws://localhost:19988/cdp/${Date.now()}`
     const browser = await playwright.chromium.connectOverCDP(cdpEndpoint)
 
     const contexts = browser.contexts()

playwriter/scripts/extension-server.ts

@@ -1,7 +1,7 @@
 import { startRelayServer } from '../src/extension/cdp-relay.js'
 
 async function main() {
-  const server = await startRelayServer({ port: 9988 })
+  const server = await startRelayServer({ port: 19988 })
 
   console.log('Server running. Press Ctrl+C to stop.')
 

playwriter/src/extension/cdp-relay.ts

@@ -20,7 +20,7 @@ type PlaywrightClient = {
   ws: WSContext
 }
 
-export async function startRelayServer({ port = 9988, logger = console }: { port?: number; logger?: { log(...args: any[]): void; error(...args: any[]): void } } = {}) {
+export async function startRelayServer({ port = 19988, logger = console }: { port?: number; logger?: { log(...args: any[]): void; error(...args: any[]): void } } = {}) {
   const connectedTargets = new Map<string, ConnectedTarget>()
 
   const playwrightClients = new Map<string, PlaywrightClient>()

playwriter/src/mcp.test.ts

@@ -31,7 +31,7 @@ describe('MCP Server Tests', () => {
     let cleanup: (() => Promise<void>) | null = null
 
     beforeAll(async () => {
-        await killProcessOnPort(9988)
+        await killProcessOnPort(19988)
         const result = await createMCPClient()
         client = result.client
         cleanup = result.cleanup

playwriter/src/mcp.ts

@@ -22,7 +22,7 @@ const state: ToolState = {
   browser: null,
 }
 
-const RELAY_PORT = 9988
+const RELAY_PORT = 19988
 
 async function isPortTaken(port: number): Promise<boolean> {
   try {

playwriter/src/start-relay-server.ts

@@ -9,7 +9,7 @@ const logFilePath = path.join(__dirname, '..', 'relay-server.log')
 fs.writeFileSync(logFilePath, '')
 
 const log = (...args: any[]) => {
-  const message = args.map(arg => 
+  const message = args.map(arg =>
     typeof arg === 'string' ? arg : JSON.stringify(arg)
   ).join(' ')
   fs.appendFileSync(logFilePath, message + '\n')
@@ -20,7 +20,7 @@ const logger = {
   error: log
 }
 
-export async function startServer({ port = 9988 }: { port?: number } = {}) {
+export async function startServer({ port = 19988 }: { port?: number } = {}) {
   const server = await startRelayServer({ port, logger })
 
   console.log('CDP Relay Server running. Press Ctrl+C to stop.')