use websocket protocols in workerd when making a new websocket connection

Author: threepointone

packages/agents-realtime/src/openaiRealtimeWebsocket.ts

@@ -1,5 +1,6 @@
 import {
   isBrowserEnvironment,
+  useWebSocketProtocols,
   WebSocket,
 } from '@openai/agents-realtime/_shims';
 import {
@@ -149,7 +150,8 @@ export class OpenAIRealtimeWebSocket
       );
     }
 
-    const websocketArguments = isBrowserEnvironment()
+    // browsers and workerd should use the protocols argument, node should use the headers argument
+    const websocketArguments = useWebSocketProtocols
       ? [
           'realtime',
           // Auth

packages/agents-realtime/src/shims/shims-browser.ts

@@ -4,3 +4,4 @@ export const WebSocket = globalThis.WebSocket;
 export function isBrowserEnvironment(): boolean {
   return true;
 }
+export const useWebSocketProtocols = true;

packages/agents-realtime/src/shims/shims-node.ts

@@ -2,3 +2,4 @@ export { WebSocket } from 'ws';
 export function isBrowserEnvironment(): boolean {
   return false;
 }
+export const useWebSocketProtocols = false;

packages/agents-realtime/src/shims/shims-workerd.ts

@@ -2,3 +2,4 @@ export const WebSocket = globalThis.WebSocket;
 export function isBrowserEnvironment(): boolean {
   return false;
 }
+export const useWebSocketProtocols = true;