fix: use hf-cloudflare turn server

static/client.js

@@ -200,6 +200,22 @@ document.addEventListener('DOMContentLoaded', function() {
             dataChannel.onmessage = handleMessage;  // Set message handler
             console.log('Created data channel');
 
+            // Add ICE candidate handler to send candidates as they're discovered
+            peerConnection.onicecandidate = ({ candidate }) => {
+                if (candidate) {
+                    console.log("Sending ICE candidate", candidate);
+                    fetch('/webrtc/offer', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            candidate: candidate.toJSON(),
+                            webrtc_id: webrtc_id,
+                            type: "ice-candidate",
+                        })
+                    });
+                }
+            };
+
             // Create connection offer
             console.log('Creating connection offer...');
             const offer = await peerConnection.createOffer();
@@ -207,30 +223,11 @@ document.addEventListener('DOMContentLoaded', function() {
             await peerConnection.setLocalDescription(offer);
             console.log('Local description set');
 
-            // Wait for ICE gathering to complete (finding connection methods)
-            console.log('Waiting for ICE gathering...');
-            await new Promise((resolve) => {
-                if (peerConnection.iceGatheringState === "complete") {
-                    resolve(); // Already complete
-                } else {
-                    // Function to check ICE gathering state
-                    const checkState = () => {
-                        if (peerConnection.iceGatheringState === "complete") {
-                            peerConnection.removeEventListener("icegatheringstatechange", checkState);
-                            resolve(); // Complete gathering
-                        }
-                    };
-                    // Listen for ICE gathering state changes
-                    peerConnection.addEventListener("icegatheringstatechange", checkState);
-                }
-            });
-            console.log('ICE gathering complete');
-
             // Generate random ID for this connection
             webrtc_id = Math.random().toString(36).substring(7);
             console.log('Generated webrtc_id:', webrtc_id);
 
-            // Send connection offer to server
+            // Send connection offer to server immediately
             console.log('Sending offer to server...');
             const response = await fetch('/webrtc/offer', {
                 method: 'POST',