@stream-io/video-client 1.22.0 → 1.22.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.22.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.22.0...@stream-io/video-client-1.22.1) (2025-05-14)
+
+### Bug Fixes
+
+- fixes an edge case where tracks weren't restored after a reconnect ([#1789](https://github.com/GetStream/stream-video-js/issues/1789)) ([d825e8e](https://github.com/GetStream/stream-video-js/commit/d825e8e39ac8cbd072ec9d5124e1ea0226216e08))
+
 ## [1.22.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.21.0...@stream-io/video-client-1.22.0) (2025-05-08)
 
 ### Features

package/dist/index.browser.es.js

@@ -1361,6 +1361,12 @@ class PublishOption$Type extends MessageType {
                 T: () => VideoDimension,
             },
             { no: 8, name: 'id', kind: 'scalar', T: 5 /*ScalarType.INT32*/ },
+            {
+                no: 9,
+                name: 'use_single_layer',
+                kind: 'scalar',
+                T: 8 /*ScalarType.BOOL*/,
+            },
         ]);
     }
 }
@@ -5646,7 +5652,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.22.0";
+const version = "1.22.1";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -5909,6 +5915,11 @@ class SfuStatsReporter {
             clearTimeout(this.timeoutId);
             this.timeoutId = undefined;
         };
+        this.flush = () => {
+            this.run().catch((err) => {
+                this.logger('warn', 'Failed to flush report stats', err);
+            });
+        };
         this.scheduleOne = (timeout) => {
             clearTimeout(this.timeoutId);
             this.timeoutId = setTimeout(() => {
@@ -6371,11 +6382,12 @@ class BasePeerConnection {
             // do nothing when ICE is restarting
             if (this.isIceRestarting)
                 return;
-            if (state === 'failed' || state === 'disconnected') {
+            if (state === 'failed') {
+                this.onUnrecoverableError?.('ICE connection failed');
+            }
+            else if (state === 'disconnected') {
                 this.logger('debug', `Attempting to restart ICE`);
                 this.restartIce().catch((e) => {
-                    if (this.isDisposed)
-                        return;
                     const reason = `ICE restart failed`;
                     this.logger('error', reason, e);
                     this.onUnrecoverableError?.(`${reason}: ${e}`);
@@ -6643,7 +6655,7 @@ const computeVideoLayers = (videoTrack, publishOption) => {
     const optimalVideoLayers = [];
     const settings = videoTrack.getSettings();
     const { width = 0, height = 0 } = settings;
-    const { bitrate, codec, fps, maxSpatialLayers = 3, maxTemporalLayers = 3, videoDimension = { width: 1280, height: 720 }, } = publishOption;
+    const { bitrate, codec, fps, maxSpatialLayers = 3, maxTemporalLayers = 3, videoDimension = { width: 1280, height: 720 }, useSingleLayer, } = publishOption;
     const maxBitrate = getComputedMaxBitrate(videoDimension, width, height, bitrate);
     let downscaleFactor = 1;
     let bitrateFactor = 1;
@@ -6660,7 +6672,7 @@ const computeVideoLayers = (videoTrack, publishOption) => {
         if (svcCodec) {
             // for SVC codecs, we need to set the scalability mode, and the
             // codec will handle the rest (layers, temporal layers, etc.)
-            layer.scalabilityMode = toScalabilityMode(maxSpatialLayers, maxTemporalLayers);
+            layer.scalabilityMode = toScalabilityMode(useSingleLayer ? 1 : maxSpatialLayers, maxTemporalLayers);
         }
         else {
             // for non-SVC codecs, we need to downscale proportionally (simulcast)
@@ -6675,7 +6687,7 @@ const computeVideoLayers = (videoTrack, publishOption) => {
     }
     // for simplicity, we start with all layers enabled, then this function
     // will clear/reassign the layers that are not needed
-    return withSimulcastConstraints(settings, optimalVideoLayers);
+    return withSimulcastConstraints(settings, optimalVideoLayers, useSingleLayer);
 };
 /**
  * Computes the maximum bitrate for a given resolution.
@@ -6709,7 +6721,7 @@ const getComputedMaxBitrate = (targetResolution, currentWidth, currentHeight, bi
  *
  * https://chromium.googlesource.com/external/webrtc/+/refs/heads/main/media/engine/simulcast.cc#90
  */
-const withSimulcastConstraints = (settings, optimalVideoLayers) => {
+const withSimulcastConstraints = (settings, optimalVideoLayers, useSingleLayer) => {
     let layers;
     const size = Math.max(settings.width || 0, settings.height || 0);
     if (size <= 320) {
@@ -6725,9 +6737,10 @@ const withSimulcastConstraints = (settings, optimalVideoLayers) => {
         layers = optimalVideoLayers;
     }
     const ridMapping = ['q', 'h', 'f'];
-    return layers.map((layer, index) => ({
+    return layers.map((layer, index, arr) => ({
         ...layer,
         rid: ridMapping[index], // reassign rid
+        active: useSingleLayer && index < arr.length - 1 ? false : layer.active,
     }));
 };
 
@@ -6814,6 +6827,9 @@ class Publisher extends BasePeerConnection {
                 direction: 'sendonly',
                 sendEncodings,
             });
+            const params = transceiver.sender.getParameters();
+            params.degradationPreference = 'maintain-framerate';
+            await transceiver.sender.setParameters(params);
             const trackType = publishOption.trackType;
             this.logger('debug', `Added ${TrackType[trackType]} transceiver`);
             this.transceiverCache.add(publishOption, transceiver);
@@ -10993,6 +11009,7 @@ class Call {
                 }
                 this.statsReporter?.stop();
                 this.statsReporter = undefined;
+                this.sfuStatsReporter?.flush();
                 this.sfuStatsReporter?.stop();
                 this.sfuStatsReporter = undefined;
                 this.subscriber?.dispose();
@@ -11306,7 +11323,7 @@ class Call {
             if (!performingRejoin && !performingFastReconnect && !performingMigration) {
                 this.sfuStatsReporter?.sendConnectionTime((Date.now() - connectStartTime) / 1000);
             }
-            if (performingRejoin) {
+            if (performingRejoin && isWsHealthy) {
                 const strategy = WebsocketReconnectStrategy[this.reconnectStrategy];
                 await previousSfuClient?.leaveAndClose(`Closing previous WS after reconnect with strategy: ${strategy}`);
             }
@@ -11558,10 +11575,10 @@ class Call {
          */
         this.reconnect = async (strategy, reason) => {
             if (this.state.callingState === CallingState.RECONNECTING ||
+                this.state.callingState === CallingState.MIGRATING ||
                 this.state.callingState === CallingState.RECONNECTING_FAILED)
                 return;
             return withoutConcurrency(this.reconnectConcurrencyTag, async () => {
-                this.logger('info', `[Reconnect] Reconnecting with strategy ${WebsocketReconnectStrategy[strategy]}`);
                 const reconnectStartTime = Date.now();
                 this.reconnectStrategy = strategy;
                 this.reconnectReason = reason;
@@ -11581,6 +11598,7 @@ class Call {
                     try {
                         // wait until the network is available
                         await this.networkAvailableTask?.promise;
+                        this.logger('info', `[Reconnect] Reconnecting with strategy ${WebsocketReconnectStrategy[this.reconnectStrategy]}`);
                         switch (this.reconnectStrategy) {
                             case WebsocketReconnectStrategy.UNSPECIFIED:
                             case WebsocketReconnectStrategy.DISCONNECT:
@@ -11620,6 +11638,7 @@ class Call {
                 } while (this.state.callingState !== CallingState.JOINED &&
                     this.state.callingState !== CallingState.RECONNECTING_FAILED &&
                     this.state.callingState !== CallingState.LEFT);
+                this.logger('info', '[Reconnect] Reconnection flow finished');
             });
         };
         /**
@@ -13723,7 +13742,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.22.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.22.1", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),