@stream-io/video-client 0.0.41 → 0.0.43

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.43](https://github.com/GetStream/stream-video-js/compare/client0.0.42...client0.0.43) (2023-07-12)
+
+
+### Bug Fixes
+
+* Attempt to recover Publisher PeerConnection ([#787](https://github.com/GetStream/stream-video-js/issues/787)) ([0ac2b58](https://github.com/GetStream/stream-video-js/commit/0ac2b5834fba01c01a5d7d0589ce42a5940643af))
+
+### [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)
 
 

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);
@@ -6305,6 +6315,13 @@ class Publisher {
                 yield this.negotiate({ iceRestart: true });
             }
         });
+        /**
+         * Restarts the ICE connection and renegotiates with the SFU.
+         */
+        this.restartIce = () => {
+            this.logger('debug', 'Restarting ICE connection');
+            this.pc.restartIce();
+        };
         this.onNegotiationNeeded = () => __awaiter(this, void 0, void 0, function* () {
             yield this.negotiate();
         });
@@ -6368,14 +6385,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 +6401,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 +6448,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,7 +6462,12 @@ class Publisher {
             this.logger('error', `ICE Candidate error`, errorMessage);
         };
         this.onIceConnectionStateChange = () => {
-            this.logger('debug', `ICE Connection state changed`, this.pc.iceConnectionState);
+            const state = this.pc.iceConnectionState;
+            this.logger('debug', `ICE Connection state changed`, state);
+            if (state === 'failed' || state === 'disconnected') {
+                this.logger('warn', `ICE Connection state changed to ${state}. Attempting to restart ICE`);
+                this.restartIce();
+            }
         };
         this.onIceGatheringStateChange = () => {
             this.logger('debug', `ICE Gathering State`, this.pc.iceGatheringState);
@@ -6567,6 +6594,13 @@ class Subscriber {
             // replace the PeerConnection instance
             this.pc = pc;
         };
+        /**
+         * Restarts the ICE connection and renegotiates with the SFU.
+         */
+        this.restartIce = () => {
+            logger$1('debug', 'Restarting ICE connection');
+            this.pc.restartIce();
+        };
         this.handleOnTrack = (e) => {
             const [primaryStream] = e.streams;
             // example: `e3f6aaf8-b03d-4911-be36-83f47d37a76a:TRACK_TYPE_VIDEO`
@@ -11753,7 +11787,7 @@ class StreamClient {
         };
         this.getUserAgent = () => {
             return (this.userAgent ||
-                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.40"}`);
+                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.42"}`);
         };
         this.setUserAgent = (userAgent) => {
             this.userAgent = userAgent;