@stream-io/video-client 0.0.40 → 0.0.42

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.42](https://github.com/GetStream/stream-video-js/compare/client0.0.41...client0.0.42) (2023-07-12)
+
+
+### Bug Fixes
+
+* Heuristic announcement of track mid ([#785](https://github.com/GetStream/stream-video-js/issues/785)) ([21c1da7](https://github.com/GetStream/stream-video-js/commit/21c1da74a7b1691ccea6cad360dd9e18fa357b2d))
+
+### [0.0.41](https://github.com/GetStream/stream-video-js/compare/client0.0.40...client0.0.41) (2023-07-10)
+
+
+### Documentation
+
+* **react-sdk:** add token snippet to audio rooms tutorial ([#739](https://github.com/GetStream/stream-video-js/issues/739)) ([bf0b46c](https://github.com/GetStream/stream-video-js/commit/bf0b46ce40329458ad545c82b70a4099c4afc8f2))
+
 ### [0.0.40](https://github.com/GetStream/stream-video-js/compare/client0.0.39...client0.0.40) (2023-07-07)
 
 

package/dist/index.browser.es.js

@@ -6053,6 +6053,14 @@ class Publisher {
             [TrackType.SCREEN_SHARE_AUDIO]: undefined,
             [TrackType.UNSPECIFIED]: undefined,
         };
+        /**
+         * An array maintaining the order how transceivers were added to the peer connection.
+         * This is needed because some browsers (Firefox) don't reliably report
+         * trackId and `mid` parameters.
+         *
+         * @private
+         */
+        this.transceiverInitOrder = [];
         this.trackKindMapping = {
             [TrackType.AUDIO]: 'audio',
             [TrackType.VIDEO]: 'video',
@@ -6146,6 +6154,8 @@ class Publisher {
                         : undefined,
                     sendEncodings: videoEncodings,
                 });
+                this.logger('debug', `Added ${TrackType[trackType]} transceiver`);
+                this.transceiverInitOrder.push(trackType);
                 this.transceiverRegistry[trackType] = transceiver;
                 if ('setCodecPreferences' in transceiver && codecPreferences) {
                     this.logger('info', `Setting ${TrackType[trackType]} codec preferences`, codecPreferences);
@@ -6280,7 +6290,7 @@ class Publisher {
         this.onIceCandidate = (e) => __awaiter(this, void 0, void 0, function* () {
             const { candidate } = e;
             if (!candidate) {
-                this.logger('warn', 'null ice candidate');
+                this.logger('debug', 'null ice candidate');
                 return;
             }
             yield this.sfuClient.iceTrickle({
@@ -6368,14 +6378,14 @@ class Publisher {
         this.getCurrentTrackInfos = (sdp) => {
             var _a;
             sdp = sdp || ((_a = this.pc.localDescription) === null || _a === void 0 ? void 0 : _a.sdp);
-            const extractMid = (defaultMid, track) => {
+            const extractMid = (defaultMid, track, trackType) => {
                 if (defaultMid)
                     return defaultMid;
                 if (!sdp) {
                     this.logger('warn', 'No SDP found. Returning empty mid');
                     return '';
                 }
-                this.logger('warn', 'No mid found for track. Trying to find it from SDP');
+                this.logger('debug', `No 'mid' found for track. Trying to find it from the Offer SDP`);
                 const parsedSdp = SDP.parse(sdp);
                 const media = parsedSdp.media.find((m) => {
                     var _a, _b;
@@ -6384,7 +6394,12 @@ class Publisher {
                         ((_b = (_a = m.msid) === null || _a === void 0 ? void 0 : _a.includes(track.id)) !== null && _b !== void 0 ? _b : true));
                 });
                 if (typeof (media === null || media === void 0 ? void 0 : media.mid) === 'undefined') {
-                    this.logger('warn', `No mid found in SDP for track type ${track.kind} and id ${track.id}`);
+                    this.logger('debug', `No mid found in SDP for track type ${track.kind} and id ${track.id}. Attempting to find a heuristic mid`);
+                    const heuristicMid = this.transceiverInitOrder.indexOf(trackType);
+                    if (heuristicMid !== -1) {
+                        return String(heuristicMid);
+                    }
+                    this.logger('debug', 'No heuristic mid found. Returning empty mid');
                     return '';
                 }
                 return String(media.mid);
@@ -6426,7 +6441,7 @@ class Publisher {
                     trackId: track.id,
                     layers: layers,
                     trackType,
-                    mid: extractMid(transceiver.mid, track),
+                    mid: extractMid(transceiver.mid, track, trackType),
                     // FIXME OL: adjust these values
                     stereo: false,
                     dtx: TrackType.AUDIO === trackType && this.isDtxEnabled,
@@ -6440,10 +6455,10 @@ class Publisher {
             this.logger('error', `ICE Candidate error`, errorMessage);
         };
         this.onIceConnectionStateChange = () => {
-            this.logger('error', `ICE Connection state changed`, this.pc.iceConnectionState);
+            this.logger('debug', `ICE Connection state changed`, this.pc.iceConnectionState);
         };
         this.onIceGatheringStateChange = () => {
-            this.logger('error', `ICE Gathering State`, this.pc.iceGatheringState);
+            this.logger('debug', `ICE Gathering State`, this.pc.iceGatheringState);
         };
         this.onSignalingStateChange = () => {
             this.logger('debug', `Signaling state changed`, this.pc.signalingState);
@@ -6610,7 +6625,7 @@ class Subscriber {
         this.onIceCandidate = (e) => __awaiter(this, void 0, void 0, function* () {
             const { candidate } = e;
             if (!candidate) {
-                logger$1('warn', 'null ice candidate');
+                logger$1('debug', 'null ice candidate');
                 return;
             }
             yield this.sfuClient.iceTrickle({
@@ -6919,7 +6934,7 @@ class StreamSfuClient {
                 if (this.lastMessageTimestamp) {
                     const timeSinceLastMessage = new Date().getTime() - this.lastMessageTimestamp.getTime();
                     if (timeSinceLastMessage > this.unhealthyTimeoutInMs) {
-                        this.logger('error', 'SFU connection unhealthy, closing');
+                        this.logger('debug', 'SFU connection unhealthy, closing');
                         this.close(4001, `SFU connection unhealthy. Didn't receive any healthcheck messages for ${this.unhealthyTimeoutInMs}ms`);
                     }
                 }
@@ -8026,6 +8041,16 @@ const watchParticipantCountChanged = (dispatcher, state) => {
         }
     });
 };
+const watchLiveEnded = (dispatcher, call) => {
+    return dispatcher.on('error', (e) => {
+        if (e.eventPayload.oneofKind !== 'error' ||
+            !e.eventPayload.error.error ||
+            e.eventPayload.error.error.code !== ErrorCode.LIVE_ENDED)
+            return;
+        if (!call.permissionsContext.hasPermission(OwnCapability.JOIN_BACKSTAGE))
+            call.leave();
+    });
+};
 /**
  * Watches and logs the errors reported by the currently connected SFU.
  */
@@ -8415,6 +8440,7 @@ const registerEventHandlers = (call, state, dispatcher) => {
         'call.user_muted': () => console.log('call.user_muted received'),
     };
     const eventHandlers = [
+        watchLiveEnded(dispatcher, call),
         watchSfuErrorReports(dispatcher),
         watchChangePublishQuality(dispatcher, call),
         watchConnectionQualityChanged(dispatcher, state),
@@ -8673,7 +8699,7 @@ const createStatsReporter = ({ subscriber, publisher, state, pollingIntervalInMs
     if (pollingIntervalInMs > 0) {
         const loop = () => __awaiter(void 0, void 0, void 0, function* () {
             yield run().catch((e) => {
-                logger('warn', 'Failed to collect stats', e);
+                logger('debug', 'Failed to collect stats', e);
             });
             timeoutId = setTimeout(loop, pollingIntervalInMs);
         });
@@ -11742,7 +11768,7 @@ class StreamClient {
         };
         this.getUserAgent = () => {
             return (this.userAgent ||
-                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.39"}`);
+                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.41"}`);
         };
         this.setUserAgent = (userAgent) => {
             this.userAgent = userAgent;
@@ -12167,7 +12193,7 @@ class StreamVideoClient {
                     return;
                 const { call, members } = event;
                 if (userToConnect.id === call.created_by.id) {
-                    this.logger('warn', 'Received `call.ring` sent by the current user');
+                    this.logger('debug', 'Received `call.ring` sent by the current user so ignoring the event');
                     return;
                 }
                 // The call might already be tracked by the client,