@stream-io/video-client 0.0.29 → 0.0.31

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.31](https://github.com/GetStream/stream-video-js/compare/client0.0.30...client0.0.31) (2023-07-03)
+
+
+### Bug Fixes
+
+* safeguard against potential race conditions during join-flow ([#741](https://github.com/GetStream/stream-video-js/issues/741)) ([54f1ef6](https://github.com/GetStream/stream-video-js/commit/54f1ef636d3c46b29c538a8c2c7bc5031fde43c9))
+
+### [0.0.30](https://github.com/GetStream/stream-video-js/compare/client0.0.29...client0.0.30) (2023-07-03)
+
+
+### Bug Fixes
+
+* dont use window search in react native ([4883512](https://github.com/GetStream/stream-video-js/commit/4883512692bf6626b5ac9df6e80384843ec0917d))
+
 ### [0.0.29](https://github.com/GetStream/stream-video-js/compare/client0.0.28...client0.0.29) (2023-07-03)
 
 

package/dist/index.browser.es.js

@@ -8162,38 +8162,45 @@ const watchCallMemberUpdated = (state) => {
 /**
  * An event responder which handles the `participantJoined` event.
  */
-const watchParticipantJoined = (dispatcher, state) => {
-    return dispatcher.on('participantJoined', (e) => {
+const watchParticipantJoined = (state) => {
+    return function onParticipantJoined(e) {
         if (e.eventPayload.oneofKind !== 'participantJoined')
             return;
         const { participant } = e.eventPayload.participantJoined;
         if (!participant)
             return;
-        state.setParticipants((participants) => [
-            ...participants,
-            Object.assign(Object.assign({}, participant), { viewportVisibilityState: VisibilityState.UNKNOWN }),
-        ]);
-    });
+        // `state.updateOrAddParticipant` acts as a safeguard against
+        // potential duplicate events from the SFU.
+        //
+        // Although the SFU should not send duplicate events, we have seen
+        // some race conditions in the past during the `join-flow` where
+        // the SFU would send participant info as part of the `join`
+        // response and then follow up with a `participantJoined` event for
+        // already announced participants.
+        state.updateOrAddParticipant(participant.sessionId, Object.assign(participant, {
+            viewportVisibilityState: VisibilityState.UNKNOWN,
+        }));
+    };
 };
 /**
  * An event responder which handles the `participantLeft` event.
  */
-const watchParticipantLeft = (dispatcher, state) => {
-    return dispatcher.on('participantLeft', (e) => {
+const watchParticipantLeft = (state) => {
+    return function onParticipantLeft(e) {
         if (e.eventPayload.oneofKind !== 'participantLeft')
             return;
         const { participant } = e.eventPayload.participantLeft;
         if (!participant)
             return;
         state.setParticipants((participants) => participants.filter((p) => p.sessionId !== participant.sessionId));
-    });
+    };
 };
 /**
  * An event responder which handles the `trackPublished` event.
  * The SFU will send this event when a participant publishes a track.
  */
-const watchTrackPublished = (dispatcher, state) => {
-    return dispatcher.on('trackPublished', (e) => {
+const watchTrackPublished = (state) => {
+    return function onTrackPublished(e) {
         if (e.eventPayload.oneofKind !== 'trackPublished')
             return;
         const { trackPublished: { type, sessionId, participant }, } = e.eventPayload;
@@ -8202,34 +8209,34 @@ const watchTrackPublished = (dispatcher, state) => {
         // events, and instead, it would only provide the participant's information
         // once they start publishing a track.
         if (participant) {
-            state.updateOrAddParticipant(participant.sessionId, participant);
+            state.updateOrAddParticipant(sessionId, participant);
         }
         else {
             state.updateParticipant(sessionId, (p) => ({
                 publishedTracks: [...p.publishedTracks, type].filter(unique),
             }));
         }
-    });
+    };
 };
 /**
  * An event responder which handles the `trackUnpublished` event.
  * The SFU will send this event when a participant unpublishes a track.
  */
-const watchTrackUnpublished = (dispatcher, state) => {
-    return dispatcher.on('trackUnpublished', (e) => {
+const watchTrackUnpublished = (state) => {
+    return function onTrackUnpublished(e) {
         if (e.eventPayload.oneofKind !== 'trackUnpublished')
             return;
         const { trackUnpublished: { type, sessionId, participant }, } = e.eventPayload;
         // An optimization for large calls. See `watchTrackPublished`.
         if (participant) {
-            state.updateOrAddParticipant(participant.sessionId, participant);
+            state.updateOrAddParticipant(sessionId, participant);
         }
         else {
             state.updateParticipant(sessionId, (p) => ({
                 publishedTracks: p.publishedTracks.filter((t) => t !== type),
             }));
         }
-    });
+    };
 };
 const unique = (v, i, arr) => arr.indexOf(v) === i;
 
@@ -8477,10 +8484,10 @@ const registerEventHandlers = (call, state, dispatcher) => {
         watchChangePublishQuality(dispatcher, call),
         watchConnectionQualityChanged(dispatcher, state),
         watchParticipantCountChanged(dispatcher, state),
-        watchParticipantJoined(dispatcher, state),
-        watchParticipantLeft(dispatcher, state),
-        watchTrackPublished(dispatcher, state),
-        watchTrackUnpublished(dispatcher, state),
+        call.on('participantJoined', watchParticipantJoined(state)),
+        call.on('participantLeft', watchParticipantLeft(state)),
+        call.on('trackPublished', watchTrackPublished(state)),
+        call.on('trackUnpublished', watchTrackUnpublished(state)),
         watchAudioLevelChanged(dispatcher, state),
         watchDominantSpeakerChanged(dispatcher, state),
         call.on('callGrantsUpdated', watchCallGrantsUpdated(state)),
@@ -8589,9 +8596,10 @@ const toRtcConfiguration = (config) => {
     return rtcConfig;
 };
 const getCascadingModeParams = () => {
+    var _a;
     if (typeof window === 'undefined')
         return null;
-    const params = new URLSearchParams(window.location.search);
+    const params = new URLSearchParams((_a = window.location) === null || _a === void 0 ? void 0 : _a.search);
     const cascadingEnabled = params.get('cascading') !== null;
     if (cascadingEnabled) {
         const rawParams = {};
@@ -9299,7 +9307,7 @@ class Call {
          * @returns a promise which resolves once the call join-flow has finished.
          */
         this.join = (data) => __awaiter(this, void 0, void 0, function* () {
-            var _e;
+            var _e, _f;
             const callingState = this.state.callingState;
             if ([CallingState.JOINED, CallingState.JOINING].includes(callingState)) {
                 this.logger('warn', 'Join method called twice, you should only call this once');
@@ -9340,7 +9348,7 @@ class Call {
                 throw error;
             }
             // FIXME OL: remove once cascading is implemented
-            if (typeof window !== 'undefined' && window.location.search) {
+            if (typeof window !== 'undefined' && ((_e = window.location) === null || _e === void 0 ? void 0 : _e.search)) {
                 const params = new URLSearchParams(window.location.search);
                 sfuServer.url = params.get('sfuUrl') || sfuServer.url;
                 sfuServer.ws_endpoint = params.get('sfuWsUrl') || sfuServer.ws_endpoint;
@@ -9486,7 +9494,7 @@ class Call {
                     connectionConfig,
                 });
             }
-            const audioSettings = (_e = this.data) === null || _e === void 0 ? void 0 : _e.settings.audio;
+            const audioSettings = (_f = this.data) === null || _f === void 0 ? void 0 : _f.settings.audio;
             const isDtxEnabled = !!(audioSettings === null || audioSettings === void 0 ? void 0 : audioSettings.opus_dtx_enabled);
             const isRedEnabled = !!(audioSettings === null || audioSettings === void 0 ? void 0 : audioSettings.redundant_coding_enabled);
             if (!this.publisher) {
@@ -9684,9 +9692,9 @@ class Call {
          * @param trackType the track type to stop publishing.
          */
         this.stopPublish = (trackType) => __awaiter(this, void 0, void 0, function* () {
-            var _f;
+            var _g;
             this.logger('info', `stopPublish ${TrackType[trackType]}`);
-            yield ((_f = this.publisher) === null || _f === void 0 ? void 0 : _f.unpublishStream(trackType));
+            yield ((_g = this.publisher) === null || _g === void 0 ? void 0 : _g.unpublishStream(trackType));
         });
         /**
          * Update track subscription configuration for one or more participants.
@@ -9827,8 +9835,8 @@ class Call {
          * @returns
          */
         this.updatePublishQuality = (enabledRids) => __awaiter(this, void 0, void 0, function* () {
-            var _g;
-            return (_g = this.publisher) === null || _g === void 0 ? void 0 : _g.updateVideoPublishQuality(enabledRids);
+            var _h;
+            return (_h = this.publisher) === null || _h === void 0 ? void 0 : _h.updateVideoPublishQuality(enabledRids);
         });
         /**
          * Sends a reaction to the other call participants.
@@ -11870,7 +11878,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.28"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.30"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;