@stream-io/video-client 1.52.0 → 1.52.1-beta.0

package/dist/index.browser.es.js

@@ -507,6 +507,7 @@ class ErrorFromResponse extends Error {
     }
 }
 
+/* eslint-disable */
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "google/protobuf/struct.proto" (package "google.protobuf", syntax proto3)
 // tslint:disable
@@ -772,6 +773,7 @@ class ListValue$Type extends MessageType {
  */
 const ListValue = new ListValue$Type();
 
+/* eslint-disable */
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "google/protobuf/timestamp.proto" (package "google.protobuf", syntax proto3)
 // tslint:disable
@@ -1838,6 +1840,12 @@ class TrackInfo$Type extends MessageType {
                 kind: 'scalar',
                 T: 5 /*ScalarType.INT32*/,
             },
+            {
+                no: 13,
+                name: 'self_sub_audio_video',
+                kind: 'scalar',
+                T: 8 /*ScalarType.BOOL*/,
+            },
         ]);
     }
 }
@@ -6640,7 +6648,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.52.0";
+const version = "1.52.1-beta.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -6784,7 +6792,7 @@ const getClientDetails = async () => {
                 .join(' '),
             version: '',
         },
-        webrtcVersion: browserVersion,
+        webrtcVersion: webRtcInfo?.version || '',
     };
 };
 
@@ -8408,7 +8416,7 @@ class Publisher extends BasePeerConnection {
     /**
      * Constructs a new `Publisher` instance.
      */
-    constructor(baseOptions, publishOptions) {
+    constructor(baseOptions, publishOptions, opts = {}) {
         super(PeerType.PUBLISHER_UNSPECIFIED, baseOptions);
         this.transceiverCache = new TransceiverCache();
         this.clonedTracks = new Set();
@@ -8829,6 +8837,7 @@ class Publisher extends BasePeerConnection {
                 muted: !isTrackLive,
                 codec: publishOption.codec,
                 publishOptionId: publishOption.id,
+                selfSubAudioVideo: this.selfSubEnabled,
             };
         };
         this.cloneTrack = (track) => {
@@ -8909,6 +8918,7 @@ class Publisher extends BasePeerConnection {
             });
         };
         this.publishOptions = publishOptions;
+        this.selfSubEnabled = opts.selfSubEnabled ?? false;
         this.on('iceRestart', (iceRestart) => {
             if (iceRestart.peerType !== PeerType.PUBLISHER_UNSPECIFIED)
                 return;
@@ -8990,6 +9000,13 @@ class Subscriber extends BasePeerConnection {
      */
     constructor(opts) {
         super(PeerType.SUBSCRIBER, opts);
+        /**
+         * Remote streams received from the SFU. For a self-sub case
+         * we need to be able to distinguish between the local capture stream.
+         * The map will never contain local streams so we can safely use it to
+         * check if the stream is remote and dispose it when needed.
+         */
+        this.trackedStreams = new WeakSet();
         /**
          * Restarts the ICE connection and renegotiates with the SFU.
          */
@@ -9024,6 +9041,7 @@ class Subscriber extends BasePeerConnection {
             // example: `e3f6aaf8-b03d-4911-be36-83f47d37a76a:TRACK_TYPE_VIDEO`
             const [trackId, rawTrackType] = primaryStream.id.split(':');
             const participantToUpdate = this.state.participants.find((p) => p.trackLookupPrefix === trackId);
+            const isSelfSub = !!participantToUpdate?.isLocalParticipant;
             this.logger.debug(`[onTrack]: Got remote ${rawTrackType} track for userId: ${participantToUpdate?.userId}`, track.id, track);
             const trackType = toTrackType(rawTrackType);
             if (!trackType) {
@@ -9047,6 +9065,9 @@ class Subscriber extends BasePeerConnection {
                 this.setRemoteTrackInterrupted(trackId, trackType, true);
             }
             this.trackIdToTrackType.set(track.id, trackType);
+            if (isSelfSub) {
+                this.trackedStreams.add(primaryStream);
+            }
             if (!participantToUpdate) {
                 this.logger.warn(`[onTrack]: Received track for unknown participant: ${trackId}`, e);
                 this.state.registerOrphanedTrack({
@@ -9062,6 +9083,12 @@ class Subscriber extends BasePeerConnection {
                 this.logger.error(`Unknown track type: ${rawTrackType}`);
                 return;
             }
+            // Self-sub loopback audio routes to the speaker by default, which
+            // would echo the local user's voice. Default-mute here; consumers
+            // (the loopback recording hook) re-enable explicitly when needed.
+            if (isSelfSub && e.track.kind === 'audio') {
+                e.track.enabled = false;
+            }
             // get the previous stream to dispose it later
             // usually this happens during migration, when the stream is replaced
             // with a new one but the old one is still in the state
@@ -9070,8 +9097,12 @@ class Subscriber extends BasePeerConnection {
             this.state.updateParticipant(participantToUpdate.sessionId, {
                 [streamKindProp]: primaryStream,
             });
-            // now, dispose the previous stream if it exists
             if (previousStream) {
+                if (isSelfSub && !this.trackedStreams.has(previousStream)) {
+                    // this is the local capture stream, we don't want to dispose it
+                    this.logger.debug(`[onTrack]: Skipping cleanup of previous ${e.track.kind} stream for userId: ${participantToUpdate.userId} because it is not tracked`);
+                    return;
+                }
                 this.logger.info(`[onTrack]: Cleaning up previous remote ${track.kind} tracks for userId: ${participantToUpdate.userId}`);
                 previousStream.getTracks().forEach((t) => {
                     t.stop();
@@ -13829,6 +13860,7 @@ class Call {
         // maintain the order of publishing tracks to restore them after a reconnection
         // it shouldn't contain duplicates
         this.trackPublishOrder = [];
+        this.selfSubEnabled = false;
         this.hasJoinedOnce = false;
         this.deviceSettingsAppliedOnce = false;
         this.initialized = false;
@@ -14173,6 +14205,30 @@ class Call {
                 await Promise.all(stopOnLeavePromises);
             });
         };
+        /**
+         * The largest video publish dimension across the current publish options.
+         *
+         * @internal
+         */
+        this.getMaxVideoPublishDimension = () => {
+            if (!this.currentPublishOptions)
+                return undefined;
+            let maxDimension;
+            let maxArea = 0;
+            for (const opt of this.currentPublishOptions) {
+                if (opt.trackType !== TrackType.VIDEO)
+                    continue;
+                const dim = opt.videoDimension;
+                if (!dim || !dim.width || !dim.height)
+                    continue;
+                const area = dim.width * dim.height;
+                if (area > maxArea) {
+                    maxDimension = dim;
+                    maxArea = area;
+                }
+            }
+            return maxDimension;
+        };
         /**
          * Update from the call response from the "call.ring" event
          * @internal
@@ -14319,7 +14375,7 @@ class Call {
          *
          * @returns a promise which resolves once the call join-flow has finished.
          */
-        this.join = async ({ maxJoinRetries = 3, joinResponseTimeout, rpcRequestTimeout, ...data } = {}) => {
+        this.join = async ({ maxJoinRetries = 3, joinResponseTimeout, rpcRequestTimeout, selfSubEnabled = false, ...data } = {}) => {
             const callingState = this.state.callingState;
             if ([CallingState.JOINED, CallingState.JOINING].includes(callingState)) {
                 throw new Error(`Illegal State: call.join() shall be called only once`);
@@ -14327,6 +14383,9 @@ class Call {
             if (data?.ring) {
                 this.ringingSubject.next(true);
             }
+            // we need this to be set before the callingx.joinCall() is
+            // called to avoid registering the test call in the CallKit/Telecom
+            this.selfSubEnabled = selfSubEnabled;
             const callingX = globalThis.streamRNVideoSDK?.callingX;
             if (callingX) {
                 // for Android/iOS, we need to start the call in the callingx library as soon as possible
@@ -14694,7 +14753,9 @@ class Call {
                 if (closePreviousInstances && this.publisher) {
                     await this.publisher.dispose();
                 }
-                this.publisher = new Publisher(basePeerConnectionOptions, publishOptions);
+                this.publisher = new Publisher(basePeerConnectionOptions, publishOptions, {
+                    selfSubEnabled: this.selfSubEnabled,
+                });
             }
             this.statsReporter?.stop();
             if (this.statsReportingIntervalInMs > 0) {
@@ -16124,6 +16185,12 @@ class Call {
     get currentUserId() {
         return this.clientStore.connectedUser?.id;
     }
+    /**
+     * A flag indicating whether self-subscription is enabled for the call.
+     */
+    get isSelfSubEnabled() {
+        return this.selfSubEnabled;
+    }
     /**
      * A flag indicating whether the call was created by the current user.
      */
@@ -17315,7 +17382,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.52.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.52.1-beta.0", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),