@stream-io/video-client 1.56.0 → 1.57.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.57.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.56.0...@stream-io/video-client-1.57.0) (2026-08-07)
+
+### Features
+
+- **react-native:** Expo SDK 57 / RN 0.86.2 upgrade and iOS 27 compatibility fixes ([#2355](https://github.com/GetStream/stream-video-js/issues/2355)) ([ea3c29b](https://github.com/GetStream/stream-video-js/commit/ea3c29b227f7a2a9ddb0eb046325e4783b558c94))
+
+### Bug Fixes
+
+- **client:** require stable playback before resetting watchdog retries ([#2361](https://github.com/GetStream/stream-video-js/issues/2361)) ([3e6b675](https://github.com/GetStream/stream-video-js/commit/3e6b67527702111cd0ea80e3bee1c9e6995406aa))
+
 ## [1.56.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.55.2...@stream-io/video-client-1.56.0) (2026-07-30)
 
 ### Features

package/dist/index.browser.es.js

@@ -4926,7 +4926,7 @@ const toIceCandidate = (iceTrickle) => {
     }
 };
 
-const version = "1.56.0";
+const version = "1.57.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -11196,8 +11196,10 @@ class MediaPlaybackWatchdog {
     tracer;
     controller = new AbortController();
     pendingTimer;
+    settleTimer;
     attempt = 0;
     disposed = false;
+    stopped = false;
     constructor(opts) {
         this.element = opts.element;
         this.kind = opts.kind;
@@ -11218,33 +11220,49 @@ class MediaPlaybackWatchdog {
             return;
         this.disposed = true;
         this.controller.abort();
+        this.clearTimers();
+    };
+    clearTimers = () => {
         if (this.pendingTimer)
             clearTimeout(this.pendingTimer);
         this.pendingTimer = undefined;
+        if (this.settleTimer)
+            clearTimeout(this.settleTimer);
+        this.settleTimer = undefined;
     };
     onPlaying = () => {
-        if (this.attempt > 0) {
-            this.tracer.trace('mediaPlayback.recover.success', {
-                kind: this.kind,
-                attempts: this.attempt,
-            });
-        }
-        this.attempt = 0;
         if (this.pendingTimer)
             clearTimeout(this.pendingTimer);
         this.pendingTimer = undefined;
+        if (this.attempt === 0 || this.settleTimer)
+            return;
+        this.settleTimer ??= setTimeout(this.onSettled, 1000);
+    };
+    onSettled = () => {
+        this.settleTimer = undefined;
+        if (this.element.paused)
+            return;
+        this.tracer.trace('mediaPlayback.recover.success', {
+            kind: this.kind,
+            attempts: this.attempt,
+        });
+        this.attempt = 0;
+        this.stopped = false;
     };
     onPauseOrSuspend = (event) => {
-        if (this.disposed)
+        if (this.disposed || this.stopped)
             return;
         this.tracer.trace('mediaPlayback.paused', {
             kind: this.kind,
             reason: event.type,
         });
+        if (this.settleTimer)
+            clearTimeout(this.settleTimer);
+        this.settleTimer = undefined;
         this.scheduleRecovery();
     };
     scheduleRecovery = () => {
-        if (this.disposed || this.pendingTimer)
+        if (this.disposed || this.stopped || this.pendingTimer)
             return;
         const skipReason = this.computeSkipReason();
         if (skipReason) {
@@ -11254,6 +11272,15 @@ class MediaPlaybackWatchdog {
             });
             return;
         }
+        if (this.attempt >= 10) {
+            this.stopped = true;
+            this.clearTimers();
+            this.tracer.trace('mediaPlayback.recover.giveUp', {
+                kind: this.kind,
+                attempts: this.attempt,
+            });
+            return;
+        }
         const delay = this.attempt === 0 ? 0 : retryInterval(this.attempt);
         this.pendingTimer = setTimeout(this.attemptPlay, delay);
     };
@@ -11289,13 +11316,6 @@ class MediaPlaybackWatchdog {
             if (this.disposed)
                 return;
             this.logger.warn(`Failed to recover ${this.kind} playback`, err);
-            if (this.attempt >= 10) {
-                this.tracer.trace('mediaPlayback.recover.giveUp', {
-                    kind: this.kind,
-                    attempts: this.attempt,
-                });
-                return;
-            }
             this.scheduleRecovery();
         }
     };
@@ -18492,11 +18512,11 @@ class StreamClient {
         return await this.wsConnection.connect(this.defaultWSTimeout);
     };
     getSdkVersion = () => this.options.clientAppIdentifier?.sdkVersion ||
-        "1.56.0";
+        "1.57.0";
     getUserAgent = () => {
         if (!this.cachedUserAgent) {
             const { clientAppIdentifier = {} } = this.options;
-            const { sdkName = 'js', sdkVersion = "1.56.0", ...extras } = clientAppIdentifier;
+            const { sdkName = 'js', sdkVersion = "1.57.0", ...extras } = clientAppIdentifier;
             this.cachedUserAgent = [
                 `stream-video-${sdkName}-v${sdkVersion}`,
                 ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),