@stream-io/video-client 1.27.2 → 1.27.3

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.27.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.27.2...@stream-io/video-client-1.27.3) (2025-08-07)
+
+### Bug Fixes
+
+- extended telemetry data for the signal websocket ([#1881](https://github.com/GetStream/stream-video-js/issues/1881)) ([984703d](https://github.com/GetStream/stream-video-js/commit/984703dabb8c6189eaf4d6925421568f6d0fd7fc))
+
 ## [1.27.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.27.1...@stream-io/video-client-1.27.2) (2025-08-05)
 
 ### Bug Fixes

package/dist/index.browser.es.js

@@ -5914,7 +5914,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,
@@ -7633,19 +7633,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 {
@@ -7655,7 +7658,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;
@@ -7927,6 +7932,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();
@@ -7937,9 +7943,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);
                     };
@@ -7947,19 +7957,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);
@@ -7971,7 +7987,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();
         };
@@ -14498,7 +14514,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}`),