@stream-io/video-client 1.19.1 → 1.19.3

package/dist/index.es.js

@@ -5644,7 +5644,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.19.1";
+const version = "1.19.3";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -6042,7 +6042,7 @@ class BasePeerConnection {
     /**
      * Constructs a new `BasePeerConnection` instance.
      */
-    constructor(peerType, { sfuClient, connectionConfig, state, dispatcher, onUnrecoverableError, logTag, enableTracing, }) {
+    constructor(peerType, { sfuClient, connectionConfig, state, dispatcher, onUnrecoverableError, logTag, clientDetails, enableTracing, }) {
         this.isIceRestarting = false;
         this.isDisposed = false;
         this.subscriptions = [];
@@ -6186,7 +6186,9 @@ class BasePeerConnection {
         ]);
         this.pc = new RTCPeerConnection(connectionConfig);
         if (enableTracing) {
-            this.tracer = new Tracer(logTag);
+            const tag = `${logTag}-${peerType === PeerType.SUBSCRIBER ? 'sub' : 'pub'}`;
+            this.tracer = new Tracer(tag);
+            this.tracer.trace('clientDetails', clientDetails);
             this.tracer.trace('create', connectionConfig);
             traceRTCPeerConnection(this.pc, this.tracer.trace);
         }
@@ -7265,6 +7267,10 @@ class StreamSfuClient {
          * This is set to `true` when the user initiates the leave process.
          */
         this.isLeaving = false;
+        /**
+         * Flag to indicate if the client is in the process of closing the connection.
+         */
+        this.isClosing = false;
         this.pingIntervalInMs = 10 * 1000;
         this.unhealthyTimeoutInMs = this.pingIntervalInMs + 5 * 1000;
         /**
@@ -7316,6 +7322,7 @@ class StreamSfuClient {
             this.onSignalClose?.(`${e.code} ${e.reason}`);
         };
         this.close = (code = StreamSfuClient.NORMAL_CLOSURE, reason) => {
+            this.isClosing = true;
             if (this.signalWs.readyState === WebSocket.OPEN) {
                 this.logger('debug', `Closing SFU WS connection: ${code} - ${reason}`);
                 this.signalWs.close(code, `js-client: ${reason}`);
@@ -8392,6 +8399,7 @@ class DynascaleManager {
                         const { selectedDevice } = this.speaker.state;
                         if (selectedDevice && 'setSinkId' in audioElement) {
                             audioElement.setSinkId(selectedDevice);
+                            tracer.trace('navigator.mediaDevices.setSinkId', selectedDevice);
                         }
                     }
                 });
@@ -8401,6 +8409,7 @@ class DynascaleManager {
                 : this.speaker.state.selectedDevice$.subscribe((deviceId) => {
                     if (deviceId) {
                         audioElement.setSinkId(deviceId);
+                        tracer.trace('navigator.mediaDevices.setSinkId', deviceId);
                     }
                 });
             const volumeSubscription = combineLatest([
@@ -10504,6 +10513,11 @@ class Call {
          */
         this.leaveCallHooks = new Set();
         this.streamClientEventHandlers = new Map();
+        /**
+         * Sets up the call instance.
+         *
+         * @internal an internal method and should not be used outside the SDK.
+         */
         this.setup = async () => {
             await withoutConcurrency(this.joinLeaveConcurrencyTag, async () => {
                 if (this.initialized)
@@ -11170,6 +11184,7 @@ class Call {
                 state: this.state,
                 connectionConfig,
                 logTag: String(this.sfuClientTag),
+                clientDetails,
                 enableTracing,
                 onUnrecoverableError: (reason) => {
                     this.reconnect(WebsocketReconnectStrategy.REJOIN, reason).catch((err) => {
@@ -11191,6 +11206,7 @@ class Call {
                     connectionConfig,
                     publishOptions,
                     logTag: String(this.sfuClientTag),
+                    clientDetails,
                     enableTracing,
                     onUnrecoverableError: (reason) => {
                         this.reconnect(WebsocketReconnectStrategy.REJOIN, reason).catch((err) => {
@@ -11272,7 +11288,7 @@ class Call {
                 callingState === CallingState.LEFT)
                 return;
             // normal close, no need to reconnect
-            if (sfuClient.isLeaving)
+            if (sfuClient.isLeaving || sfuClient.isClosing)
                 return;
             this.reconnect(WebsocketReconnectStrategy.REJOIN, reason).catch((err) => {
                 this.logger('warn', '[Reconnect] Error reconnecting', err);
@@ -11483,9 +11499,10 @@ class Call {
                     this.sfuStatsReporter?.start();
                 }
             });
-            this.leaveCallHooks.add(unregisterGoAway);
-            this.leaveCallHooks.add(unregisterOnError);
-            this.leaveCallHooks.add(unregisterNetworkChanged);
+            this.leaveCallHooks
+                .add(unregisterGoAway)
+                .add(unregisterOnError)
+                .add(unregisterNetworkChanged);
         };
         /**
          * Restores the published tracks after a reconnection.
@@ -13425,7 +13442,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.19.1", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.19.3", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),
@@ -13812,6 +13829,7 @@ class StreamVideoClient {
                 call.state.updateFromCallResponse(c.call);
                 await call.applyDeviceConfig(c.call.settings, false);
                 if (data.watch) {
+                    await call.setup();
                     this.writeableStateStore.registerCall(call);
                 }
                 calls.push(call);