add CORS support to relay server for local extension development (#25)

* fix: add CORS middleware to allow extension connection

* fix(cors): validate extension ID to prevent other extensions from accessing endpoints

---------

Co-authored-by: Tommy D. Rossi <beats.by.morse@gmail.com>

playwriter/src/cdp-relay.ts

@@ -1,4 +1,5 @@
 import { Hono } from 'hono'
+import { cors } from 'hono/cors'
 import { serve } from '@hono/node-server'
 import { getConnInfo } from '@hono/node-server/conninfo'
 import { createNodeWebSocket } from '@hono/node-ws'
@@ -418,6 +419,22 @@ export async function startPlayWriterCDPRelayServer({ port = 19988, host = '127.
   }
 
   const app = new Hono()
+  // CORS middleware for HTTP endpoints - only allows our specific extension IDs.
+  // This prevents other extensions from reading responses via fetch/XHR.
+  // WebSocket connections have their own separate origin validation.
+  app.use('*', cors({
+    origin: (origin) => {
+      if (!origin.startsWith('chrome-extension://')) {
+        return null
+      }
+      const extensionId = origin.replace('chrome-extension://', '')
+      if (!OUR_EXTENSION_IDS.includes(extensionId)) {
+        return null
+      }
+      return origin
+    },
+    allowMethods: ['GET', 'POST', 'HEAD', 'OPTIONS'],
+  }))
   const { injectWebSocket, upgradeWebSocket } = createNodeWebSocket({ app })
 
   const getCdpWsUrl = (c: { req: { header: (name: string) => string | undefined } }) => {