@stream-io/video-client 1.12.3 → 1.12.4

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.12.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.12.3...@stream-io/video-client-1.12.4) (2024-12-17)
+
+
+* improve test coverage reporting ([#1624](https://github.com/GetStream/stream-video-js/issues/1624)) ([32bb870](https://github.com/GetStream/stream-video-js/commit/32bb870187f0627c32d2b5692ce3de633d743582))
+
+
+### Bug Fixes
+
+* adjust dynascale debouncing for upscaling and downscaling ([#1621](https://github.com/GetStream/stream-video-js/issues/1621)) [skip ci] ([7b3a721](https://github.com/GetStream/stream-video-js/commit/7b3a72192fab79d8af8d1c392a9f0135e2d25b16))
+* prevent auto-dropping already accepted or rejected calls ([#1619](https://github.com/GetStream/stream-video-js/issues/1619)) ([113406a](https://github.com/GetStream/stream-video-js/commit/113406a9ba7fdf2e193a1933b73963e0011f28f0))
+
 ## [1.12.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.12.2...@stream-io/video-client-1.12.3) (2024-12-13)
 
 

package/dist/index.browser.es.js

@@ -3299,7 +3299,7 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
-const version = "1.12.3";
+const version = "1.12.4";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -7955,17 +7955,27 @@ class DynascaleManager {
             const resizeObserver = boundParticipant.isLocalParticipant
                 ? null
                 : new ResizeObserver(() => {
-                    const currentDimensions = `${videoElement.clientWidth},${videoElement.clientHeight}`;
+                    const currentDimensions = {
+                        width: videoElement.clientWidth,
+                        height: videoElement.clientHeight,
+                    };
                     // skip initial trigger
                     if (!lastDimensions) {
                         lastDimensions = currentDimensions;
                         return;
                     }
-                    if (lastDimensions === currentDimensions ||
+                    if ((lastDimensions.width === currentDimensions.width &&
+                        lastDimensions.height === currentDimensions.height) ||
                         viewportVisibilityState === VisibilityState.INVISIBLE) {
                         return;
                     }
-                    requestTrackWithDimensions(DebounceType.SLOW, {
+                    const relativeDelta = Math.max(currentDimensions.width / lastDimensions.width, currentDimensions.height / lastDimensions.height);
+                    // Low quality video in an upscaled video element is very noticable.
+                    // We try to upscale faster, and downscale slower. We also update debounce
+                    // more if the size change is not significant, gurading against fast-firing
+                    // resize events.
+                    const debounceType = relativeDelta > 1.2 ? DebounceType.IMMEDIATE : DebounceType.MEDIUM;
+                    requestTrackWithDimensions(debounceType, {
                         width: videoElement.clientWidth,
                         height: videoElement.clientHeight,
                     });
@@ -7981,7 +7991,7 @@ class DynascaleManager {
                     .subscribe((isPublishing) => {
                     if (isPublishing) {
                         // the participant just started to publish a track
-                        requestTrackWithDimensions(DebounceType.FAST, {
+                        requestTrackWithDimensions(DebounceType.IMMEDIATE, {
                             width: videoElement.clientWidth,
                             height: videoElement.clientHeight,
                         });
@@ -11261,26 +11271,35 @@ class Call {
          * Applicable only for ringing calls.
          */
         this.scheduleAutoDrop = () => {
-            clearTimeout(this.dropTimeout);
-            this.leaveCallHooks.add(createSubscription(this.state.settings$, (settings) => {
-                if (!settings)
-                    return;
-                // ignore if the call is not ringing
+            this.cancelAutoDrop();
+            const settings = this.state.settings;
+            if (!settings)
+                return;
+            // ignore if the call is not ringing
+            if (this.state.callingState !== CallingState.RINGING)
+                return;
+            const timeoutInMs = this.isCreatedByMe
+                ? settings.ring.auto_cancel_timeout_ms
+                : settings.ring.incoming_call_timeout_ms;
+            // 0 means no auto-drop
+            if (timeoutInMs <= 0)
+                return;
+            this.dropTimeout = setTimeout(() => {
+                // the call might have stopped ringing by this point,
+                // e.g. it was already accepted and joined
                 if (this.state.callingState !== CallingState.RINGING)
                     return;
-                const timeoutInMs = this.isCreatedByMe
-                    ? settings.ring.auto_cancel_timeout_ms
-                    : settings.ring.incoming_call_timeout_ms;
-                // 0 means no auto-drop
-                if (timeoutInMs <= 0)
-                    return;
-                clearTimeout(this.dropTimeout);
-                this.dropTimeout = setTimeout(() => {
-                    this.leave({ reject: true, reason: 'timeout' }).catch((err) => {
-                        this.logger('error', 'Failed to drop call', err);
-                    });
-                }, timeoutInMs);
-            }));
+                this.leave({ reject: true, reason: 'timeout' }).catch((err) => {
+                    this.logger('error', 'Failed to drop call', err);
+                });
+            }, timeoutInMs);
+        };
+        /**
+         * Cancels a scheduled auto-drop timeout.
+         */
+        this.cancelAutoDrop = () => {
+            clearTimeout(this.dropTimeout);
+            this.dropTimeout = undefined;
         };
         /**
          * Retrieves the list of recordings for the current call or call session.
@@ -11616,15 +11635,17 @@ class Call {
             }
         }));
         this.leaveCallHooks.add(
-        // watch for auto drop cancellation
-        createSubscription(this.state.callingState$, (callingState) => {
+        // cancel auto-drop when call is
+        createSubscription(this.state.session$, (session) => {
             if (!this.ringing)
                 return;
-            if (callingState === CallingState.JOINED ||
-                callingState === CallingState.JOINING ||
-                callingState === CallingState.LEFT) {
-                clearTimeout(this.dropTimeout);
-                this.dropTimeout = undefined;
+            const receiverId = this.clientStore.connectedUser?.id;
+            if (!receiverId)
+                return;
+            const isAcceptedByMe = Boolean(session?.accepted_by[receiverId]);
+            const isRejectedByMe = Boolean(session?.rejected_by[receiverId]);
+            if (isAcceptedByMe || isRejectedByMe) {
+                this.cancelAutoDrop();
             }
         }));
         this.leaveCallHooks.add(
@@ -12811,7 +12832,7 @@ class StreamClient {
             return await this.wsConnection.connect(this.defaultWSTimeout);
         };
         this.getUserAgent = () => {
-            const version = "1.12.3";
+            const version = "1.12.4";
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };