@stream-io/video-client 1.27.1 → 1.27.2

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [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
+
+- improved logging and tracing ([#1874](https://github.com/GetStream/stream-video-js/issues/1874)) ([e450ce2](https://github.com/GetStream/stream-video-js/commit/e450ce2a294d6f80480fcc709591c13d9ede79e4))
+
 ## [1.27.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.27.0...@stream-io/video-client-1.27.1) (2025-07-25)
 
 ### Bug Fixes

package/dist/index.browser.es.js

@@ -5914,7 +5914,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.27.1";
+const version = "1.27.2";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -8069,7 +8069,6 @@ class StreamSfuClient {
             const current = this.joinResponseTask;
             let timeoutId = undefined;
             const unsubscribe = this.dispatcher.on('joinResponse', (joinResponse) => {
-                this.logger('debug', 'Received joinResponse', joinResponse);
                 clearTimeout(timeoutId);
                 unsubscribe();
                 this.keepAlive();
@@ -8077,7 +8076,9 @@ class StreamSfuClient {
             });
             timeoutId = setTimeout(() => {
                 unsubscribe();
-                current.reject(new Error('Waiting for "joinResponse" has timed out'));
+                const message = `Waiting for "joinResponse" has timed out after ${this.joinResponseTimeout}ms`;
+                this.tracer?.trace('joinRequestTimeout', message);
+                current.reject(new Error(message));
             }, this.joinResponseTimeout);
             const joinRequest = SfuRequest.create({
                 requestPayload: {
@@ -9421,6 +9422,25 @@ const CallTypes = new CallTypesRegistry([
     }),
 ]);
 
+/**
+ * Deactivates MediaStream (stops and removes tracks) to be later garbage collected
+ *
+ * @param stream MediaStream
+ * @returns void
+ */
+const disposeOfMediaStream = (stream) => {
+    if (!stream.active)
+        return;
+    stream.getTracks().forEach((track) => {
+        track.stop();
+    });
+    // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the stream
+    if (typeof stream.release === 'function') {
+        // @ts-expect-error - release() is present in react-native-webrtc
+        stream.release();
+    }
+};
+
 class BrowserPermission {
     constructor(permission) {
         this.permission = permission;
@@ -9818,24 +9838,6 @@ const deviceIds$ = typeof navigator !== 'undefined' &&
     typeof navigator.mediaDevices !== 'undefined'
     ? getDeviceChangeObserver().pipe(startWith(undefined), concatMap(() => navigator.mediaDevices.enumerateDevices()), shareReplay(1))
     : undefined;
-/**
- * Deactivates MediaStream (stops and removes tracks) to be later garbage collected
- *
- * @param stream MediaStream
- * @returns void
- */
-const disposeOfMediaStream = (stream) => {
-    if (!stream.active)
-        return;
-    stream.getTracks().forEach((track) => {
-        track.stop();
-    });
-    // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the stream
-    if (typeof stream.release === 'function') {
-        // @ts-expect-error - release() is present in react-native-webrtc
-        stream.release();
-    }
-};
 /**
  * Resolves `default` device id into the real device id. Some browsers (notably,
  * Chromium-based) report device with id `default` among audio input and output
@@ -11849,6 +11851,12 @@ class Call {
                 }
                 catch (err) {
                     this.logger('warn', `Failed to join call (${attempt})`, this.cid);
+                    if (err instanceof ErrorFromResponse && err.unrecoverable) {
+                        // if the error is unrecoverable, we should not retry as that signals
+                        // that connectivity is good, but the coordinator doesn't allow the user
+                        // to join the call due to some reason (e.g., ended call, expired token...)
+                        throw err;
+                    }
                     const sfuId = this.credentials?.server.edge_name || '';
                     const failures = (sfuJoinFailures.get(sfuId) || 0) + 1;
                     sfuJoinFailures.set(sfuId, failures);
@@ -14360,12 +14368,6 @@ class StreamClient {
                 response,
             });
         };
-        this._logApiError = (type, url, error) => {
-            this.logger('error', `client:${type} - Error - url: ${url}`, {
-                url,
-                error,
-            });
-        };
         this.doAxiosRequest = async (type, url, data, options = {}) => {
             if (!options.publicEndpoint) {
                 await Promise.all([
@@ -14412,27 +14414,36 @@ class StreamClient {
                 }
                 this._logApiResponse(type, url, response);
                 this.consecutiveFailures = 0;
-                return this.handleResponse(response);
+                return response.data;
             }
             catch (e /**TODO: generalize error types  */) {
                 e.client_request_id = requestConfig.headers?.['x-client-request-id'];
                 this.consecutiveFailures += 1;
-                if (e.response) {
-                    this._logApiError(type, url, e.response);
-                    /** connection_fallback depends on this token expiration logic */
-                    if (e.response.data.code === KnownCodes.TOKEN_EXPIRED &&
-                        !this.tokenManager.isStatic()) {
-                        if (this.consecutiveFailures > 1) {
-                            await sleep(retryInterval(this.consecutiveFailures));
-                        }
-                        await this.tokenManager.loadToken();
-                        return await this.doAxiosRequest(type, url, data, options);
+                const { response } = e;
+                if (!response || !isErrorResponse(response)) {
+                    this.logger('error', `client:${type} url: ${url}`, e);
+                    throw e;
+                }
+                const { data: responseData, status } = response;
+                const isTokenExpired = responseData.code === KnownCodes.TOKEN_EXPIRED;
+                if (isTokenExpired && !this.tokenManager.isStatic()) {
+                    this.logger('warn', `client:${type}: url: ${url}`, response);
+                    if (this.consecutiveFailures > 1) {
+                        await sleep(retryInterval(this.consecutiveFailures));
                     }
-                    return this.handleResponse(e.response);
+                    // refresh and retry the request
+                    await this.tokenManager.loadToken();
+                    return await this.doAxiosRequest(type, url, data, options);
                 }
                 else {
-                    this._logApiError(type, url, e);
-                    throw e;
+                    this.logger('error', `client:${type} url: ${url}`, response);
+                    throw new ErrorFromResponse({
+                        message: `Stream error code ${responseData.code}: ${responseData.message}`,
+                        code: responseData.code ?? null,
+                        unrecoverable: responseData.unrecoverable ?? null,
+                        response: response,
+                        status: status,
+                    });
                 }
             }
         };
@@ -14455,23 +14466,6 @@ class StreamClient {
                 params,
             });
         };
-        this.errorFromResponse = (response) => {
-            const { data, status } = response;
-            return new ErrorFromResponse({
-                message: `Stream error code ${data.code}: ${data.message}`,
-                code: data.code ?? null,
-                unrecoverable: data.unrecoverable ?? null,
-                response: response,
-                status: status,
-            });
-        };
-        this.handleResponse = (response) => {
-            const data = response.data;
-            if (isErrorResponse(response)) {
-                throw this.errorFromResponse(response);
-            }
-            return data;
-        };
         this.dispatchEvent = (event) => {
             this.logger('debug', `Dispatching event: ${event.type}`, event);
             if (!this.listeners)
@@ -14504,7 +14498,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.27.1", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.27.2", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),