@stream-io/video-client 0.0.1-alpha.174 → 0.0.1-alpha.176

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.176](https://github.com/GetStream/stream-video-js/compare/client0.0.1-alpha.175...client0.0.1-alpha.176) (2023-05-23)
+
+
+### Features
+
+* Participant information from track events ([#536](https://github.com/GetStream/stream-video-js/issues/536)) ([e8c8d7b](https://github.com/GetStream/stream-video-js/commit/e8c8d7bdf6d21321908ce1cb3a113b445b41d5c8))
+
+
+
+## [0.0.1-alpha.175](https://github.com/GetStream/stream-video-js/compare/client0.0.1-alpha.174...client0.0.1-alpha.175) (2023-05-23)
+
+
+
 ## [0.0.1-alpha.174](https://github.com/GetStream/stream-video-js/compare/client0.0.1-alpha.173...client0.0.1-alpha.174) (2023-05-23)
 
 

package/dist/index.browser.es.js

@@ -6815,6 +6815,28 @@ class CallState {
             const updatedParticipant = Object.assign(Object.assign({}, participant), thePatch);
             return this.setParticipants((participants) => participants.map((p) => p.sessionId === sessionId ? updatedParticipant : p));
         };
+        /**
+         * Updates a participant in the current call identified by the given `sessionId`.
+         * If a participant with matching `sessionId` can't be found, the provided
+         * `participant` is added to the list of participants.
+         *
+         * @param sessionId the session ID of the participant to update.
+         * @param participant the participant to update or add.
+         */
+        this.updateOrAddParticipant = (sessionId, participant) => {
+            if (!this.findParticipantBySessionId(sessionId)) {
+                return this.setParticipants((participants) => [
+                    ...participants,
+                    participant,
+                ]);
+            }
+            return this.setParticipants((participants) => participants.map((p) => {
+                if (p.sessionId === sessionId) {
+                    return Object.assign(Object.assign({}, p), participant);
+                }
+                return p;
+            }));
+        };
         /**
          * Updates all participants in the current call whose session ID is in the given `sessionIds`.
          * If no patches are provided, this operation is no-op.
@@ -7311,10 +7333,19 @@ const watchTrackPublished = (dispatcher, state) => {
     return dispatcher.on('trackPublished', (e) => {
         if (e.eventPayload.oneofKind !== 'trackPublished')
             return;
-        const { trackPublished: { type, sessionId }, } = e.eventPayload;
-        state.updateParticipant(sessionId, (p) => ({
-            publishedTracks: [...p.publishedTracks, type].filter(unique),
-        }));
+        const { trackPublished: { type, sessionId, participant }, } = e.eventPayload;
+        // An optimization for large calls.
+        // After a certain threshold, the SFU would stop emitting `participantJoined`
+        // events, and instead, it would only provide the participant's information
+        // once they start publishing a track.
+        if (participant) {
+            state.updateOrAddParticipant(participant.sessionId, participant);
+        }
+        else {
+            state.updateParticipant(sessionId, (p) => ({
+                publishedTracks: [...p.publishedTracks, type].filter(unique),
+            }));
+        }
     });
 };
 /**
@@ -7325,10 +7356,16 @@ const watchTrackUnpublished = (dispatcher, state) => {
     return dispatcher.on('trackUnpublished', (e) => {
         if (e.eventPayload.oneofKind !== 'trackUnpublished')
             return;
-        const { trackUnpublished: { type, sessionId }, } = e.eventPayload;
-        state.updateParticipant(sessionId, (p) => ({
-            publishedTracks: p.publishedTracks.filter((t) => t !== type),
-        }));
+        const { trackUnpublished: { type, sessionId, participant }, } = e.eventPayload;
+        // An optimization for large calls. See `watchTrackPublished`.
+        if (participant) {
+            state.updateOrAddParticipant(participant.sessionId, participant);
+        }
+        else {
+            state.updateParticipant(sessionId, (p) => ({
+                publishedTracks: p.publishedTracks.filter((t) => t !== type),
+            }));
+        }
     });
 };
 const unique = (v, i, arr) => arr.indexOf(v) === i;
@@ -10759,7 +10796,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.1-alpha.174"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.1-alpha.175"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;