@stream-io/video-client 1.27.2 → 1.27.3

package/dist/index.es.js

@@ -5915,7 +5915,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.27.2";
+const version = "1.27.3";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -7634,19 +7634,22 @@ class Subscriber extends BasePeerConnection {
 }
 
 const createWebSocketSignalChannel = (opts) => {
-    const { endpoint, onMessage, tag } = opts;
+    const { endpoint, onMessage, tag, tracer } = opts;
     const logger = getLogger(['SfuClientWS', tag]);
     logger('debug', 'Creating signaling WS channel:', endpoint);
     const ws = new WebSocket(endpoint);
     ws.binaryType = 'arraybuffer'; // do we need this?
     ws.addEventListener('error', (e) => {
         logger('error', 'Signaling WS channel error', e);
+        tracer?.trace('signal.ws.error', e);
     });
     ws.addEventListener('close', (e) => {
         logger('info', 'Signaling WS channel is closed', e);
+        tracer?.trace('signal.ws.close', e);
     });
     ws.addEventListener('open', (e) => {
         logger('info', 'Signaling WS channel is open', e);
+        tracer?.trace('signal.ws.open', e);
     });
     ws.addEventListener('message', (e) => {
         try {
@@ -7656,7 +7659,9 @@ const createWebSocketSignalChannel = (opts) => {
             onMessage(message);
         }
         catch (err) {
-            logger('error', 'Failed to decode a message. Check whether the Proto models match.', { event: e, error: err });
+            const message = 'Failed to decode a message. Check whether the Proto models match.';
+            logger('error', message, { event: e, error: err });
+            tracer?.trace('signal.ws.message.error', message);
         }
     });
     return ws;
@@ -7928,6 +7933,7 @@ class StreamSfuClient {
             this.signalWs = createWebSocketSignalChannel({
                 tag: this.tag,
                 endpoint: `${this.credentials.server.ws_endpoint}?${new URLSearchParams(params).toString()}`,
+                tracer: this.tracer,
                 onMessage: (message) => {
                     this.lastMessageTimestamp = new Date();
                     this.scheduleConnectionCheck();
@@ -7938,9 +7944,13 @@ class StreamSfuClient {
                     this.dispatcher.dispatch(message, this.tag);
                 },
             });
+            let timeoutId;
             this.signalReady = makeSafePromise(Promise.race([
                 new Promise((resolve, reject) => {
+                    let didOpen = false;
                     const onOpen = () => {
+                        didOpen = true;
+                        clearTimeout(timeoutId);
                         this.signalWs.removeEventListener('open', onOpen);
                         resolve(this.signalWs);
                     };
@@ -7948,19 +7958,25 @@ class StreamSfuClient {
                     this.signalWs.addEventListener('close', (e) => {
                         this.handleWebSocketClose(e);
                         // Normally, this shouldn't have any effect, because WS should never emit 'close'
-                        // before emitting 'open'. However, strager things have happened, and we don't
-                        // want to leave signalReady in pending state.
-                        reject(new Error(`SFU WS closed or connection can't be established`));
+                        // before emitting 'open'. However, stranger things have happened, and we don't
+                        // want to leave signalReady in a pending state.
+                        const message = didOpen
+                            ? `SFU WS closed: ${e.code} ${e.reason}`
+                            : `SFU WS connection can't be established: ${e.code} ${e.reason}`;
+                        this.tracer?.trace('signal.close', message);
+                        clearTimeout(timeoutId);
+                        reject(new Error(message));
                     });
                 }),
                 new Promise((resolve, reject) => {
-                    setTimeout(() => reject(new Error('SFU WS connection timed out')), this.joinResponseTimeout);
+                    timeoutId = setTimeout(() => {
+                        const message = `SFU WS connection failed to open after ${this.joinResponseTimeout}ms`;
+                        this.tracer?.trace('signal.timeout', message);
+                        reject(new Error(message));
+                    }, this.joinResponseTimeout);
                 }),
             ]));
         };
-        this.cleanUpWebSocket = () => {
-            this.signalWs.removeEventListener('close', this.handleWebSocketClose);
-        };
         this.handleWebSocketClose = (e) => {
             this.signalWs.removeEventListener('close', this.handleWebSocketClose);
             getTimers().clearInterval(this.keepAliveInterval);
@@ -7972,7 +7988,7 @@ class StreamSfuClient {
             if (this.signalWs.readyState === WebSocket.OPEN) {
                 this.logger('debug', `Closing SFU WS connection: ${code} - ${reason}`);
                 this.signalWs.close(code, `js-client: ${reason}`);
-                this.cleanUpWebSocket();
+                this.signalWs.removeEventListener('close', this.handleWebSocketClose);
             }
             this.dispose();
         };
@@ -14497,7 +14513,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.27.2", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.27.3", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),