@stream-io/video-client 1.12.2 → 1.12.4

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 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)
+
+
+### Bug Fixes
+
+* multiple rare ringing issues in react-native ([#1611](https://github.com/GetStream/stream-video-js/issues/1611)) ([4e25264](https://github.com/GetStream/stream-video-js/commit/4e25264808eab469b7b7ab184fb19961d47bdff3))
+
 ## [1.12.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.12.1...@stream-io/video-client-1.12.2) (2024-12-11)
 
 

package/dist/index.browser.es.js

@@ -3299,7 +3299,7 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
-const version = "1.12.2";
+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,
                         });
@@ -8321,7 +8331,7 @@ class BrowserPermission {
                 (this.wasPrompted && !forcePrompt)) {
                 const isGranted = this.state === 'granted';
                 if (!isGranted && throwOnNotAllowed) {
-                    throw new DOMException('Permission was not granted previously, and prompting again is not allowed', 'NotAllowedError');
+                    throw new Error('Permission was not granted previously, and prompting again is not allowed');
                 }
                 return isGranted;
             }
@@ -8333,7 +8343,10 @@ class BrowserPermission {
                 return true;
             }
             catch (e) {
-                if (e instanceof DOMException && e.name === 'NotAllowedError') {
+                if (e &&
+                    typeof e === 'object' &&
+                    'name' in e &&
+                    (e.name === 'NotAllowedError' || e.name === 'SecurityError')) {
                     this.logger('info', 'Browser permission was not granted', {
                         permission: this.permission,
                     });
@@ -8488,6 +8501,14 @@ const getStream = async (constraints) => {
     }
     return stream;
 };
+function isOverconstrainedError(error) {
+    return (error &&
+        typeof error === 'object' &&
+        (('name' in error && error.name === 'OverconstrainedError') ||
+            ('message' in error &&
+                typeof error.message === 'string' &&
+                error.message.startsWith('OverconstrainedError'))));
+}
 /**
  * Returns an audio media stream that fulfills the given constraints.
  * If no constraints are provided, it uses the browser's default ones.
@@ -8511,12 +8532,10 @@ const getAudioStream = async (trackConstraints) => {
         return await getStream(constraints);
     }
     catch (error) {
-        if (error instanceof DOMException &&
-            error.name === 'OverconstrainedError' &&
-            trackConstraints?.deviceId) {
-            const { deviceId, ...relaxedContraints } = trackConstraints;
-            getLogger(['devices'])('warn', 'Failed to get audio stream, will try again with relaxed contraints', { error, constraints, relaxedContraints });
-            return getAudioStream(relaxedContraints);
+        if (isOverconstrainedError(error) && trackConstraints?.deviceId) {
+            const { deviceId, ...relaxedConstraints } = trackConstraints;
+            getLogger(['devices'])('warn', 'Failed to get audio stream, will try again with relaxed constraints', { error, constraints, relaxedConstraints });
+            return getAudioStream(relaxedConstraints);
         }
         getLogger(['devices'])('error', 'Failed to get audio stream', {
             error,
@@ -8548,12 +8567,10 @@ const getVideoStream = async (trackConstraints) => {
         return await getStream(constraints);
     }
     catch (error) {
-        if (error instanceof DOMException &&
-            error.name === 'OverconstrainedError' &&
-            trackConstraints?.deviceId) {
-            const { deviceId, ...relaxedContraints } = trackConstraints;
-            getLogger(['devices'])('warn', 'Failed to get video stream, will try again with relaxed contraints', { error, constraints, relaxedContraints });
-            return getVideoStream(relaxedContraints);
+        if (isOverconstrainedError(error) && trackConstraints?.deviceId) {
+            const { deviceId, ...relaxedConstraints } = trackConstraints;
+            getLogger(['devices'])('warn', 'Failed to get video stream, will try again with relaxed constraints', { error, constraints, relaxedConstraints });
+            return getVideoStream(relaxedConstraints);
         }
         getLogger(['devices'])('error', 'Failed to get video stream', {
             error,
@@ -11254,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.
@@ -11609,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(
@@ -12804,7 +12832,7 @@ class StreamClient {
             return await this.wsConnection.connect(this.defaultWSTimeout);
         };
         this.getUserAgent = () => {
-            const version = "1.12.2";
+            const version = "1.12.4";
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };