Unraveling the timing.

client/peer-exchange.js

@@ -1,6 +1,6 @@
 import { createUUID } from './random.js';
 
-export function createPeerExchange(address) {
+export async function createPeerExchange(address) {
     const uuid = createUUID();
 
     const server = new WebSocket(address);
@@ -26,8 +26,12 @@ export function createPeerExchange(address) {
 
     server.addEventListener('message', onMessage);
 
-    return {
+    return new Promise(resolve => {
+        server.addEventListener('open', () => {
+            resolve({
                 listen,
                 send,
-    };
+            });
+        });
+    });
 }

client/webrtc.js

@@ -5,16 +5,16 @@ import { createPeer } from './peer.js';
 var peerConnection;
 var serverConnection;
 
-function pageReady() {
+async function pageReady() {
     document.querySelector("button#start")
     .addEventListener("click", extendOffer);
 
-    serverConnection = createPeerExchange('wss://' + window.location.hostname + ':8443');
+    serverConnection = await createPeerExchange('wss://' + window.location.hostname + ':8443');
 
     setup();
 }
 
-function setup() {
+async function setup() {
     peerConnection = createPeer(serverConnection, peerConnectionConfig);
 
     peerConnection.addEventListener('addstream', stream => {
@@ -30,10 +30,14 @@ function setup() {
     .then(stream => {
         document.getElementById('localVideo').srcObject = stream;
         peerConnection.addStream(stream);
+        extendOffer();
     });
+
+    //setTimeout(extendOffer, 50);
 }
 
 function extendOffer() {
+    console.log('Extending offer');
     peerConnection.createOffer().then(createdDescription).catch(errorHandler);
 }