@stream-io/video-client 1.22.0 → 1.22.2

package/dist/index.es.js

@@ -299,6 +299,34 @@ const VideoSettingsResponseCameraFacingEnum = {
 };
 
 class ErrorFromResponse extends Error {
+    constructor({ message, code, status, response, unrecoverable, }) {
+        super(message);
+        this.name = 'ErrorFromResponse';
+        this.code = code;
+        this.response = response;
+        this.status = status;
+        this.unrecoverable = unrecoverable;
+    }
+    // Vitest helper (serialized errors are too large to read)
+    // https://github.com/vitest-dev/vitest/blob/v3.1.3/packages/utils/src/error.ts#L60-L62
+    toJSON() {
+        const extra = [
+            ['status', this.status],
+            ['code', this.code],
+            ['unrecoverable', this.unrecoverable],
+        ];
+        const joinable = [];
+        for (const [key, value] of extra) {
+            if (typeof value !== 'undefined' && value !== null) {
+                joinable.push(`${key}: ${value}`);
+            }
+        }
+        return {
+            message: `(${joinable.join(', ')}) - ${this.message}`,
+            stack: this.stack,
+            name: this.name,
+        };
+    }
 }
 
 // @generated by protobuf-ts 2.9.6 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
@@ -1362,6 +1390,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*/,
+            },
         ]);
     }
 }
@@ -5647,7 +5681,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.22.0";
+const version = "1.22.2";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -5910,6 +5944,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(() => {
@@ -6372,11 +6411,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}`);
@@ -6644,7 +6684,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;
@@ -6661,7 +6701,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)
@@ -6676,7 +6716,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.
@@ -6710,7 +6750,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) {
@@ -6726,9 +6766,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,
     }));
 };
 
@@ -6815,6 +6856,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);
@@ -10994,6 +11038,7 @@ class Call {
                 }
                 this.statsReporter?.stop();
                 this.statsReporter = undefined;
+                this.sfuStatsReporter?.flush();
                 this.sfuStatsReporter?.stop();
                 this.sfuStatsReporter = undefined;
                 this.subscriber?.dispose();
@@ -11307,7 +11352,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}`);
             }
@@ -11559,10 +11604,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;
@@ -11582,6 +11627,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:
@@ -11621,6 +11667,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');
             });
         };
         /**
@@ -13675,13 +13722,13 @@ class StreamClient {
         };
         this.errorFromResponse = (response) => {
             const { data, status } = response;
-            const err = new ErrorFromResponse();
-            err.message = `Stream error code ${data.code}: ${data.message}`;
-            err.code = data.code;
-            err.unrecoverable = data.unrecoverable;
-            err.response = response;
-            err.status = status;
-            return err;
+            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;
@@ -13722,7 +13769,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.2", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),