@defcomm/meetingsdk 0.6.6 → 0.6.8

package/dist/index.d.mts

@@ -11,6 +11,7 @@ type Events = {
     onUserJoined?: (p: Participant) => void;
     /** Fired when a remote participant permanently joins the meeting. */
     onParticipantJoined?: (p: Participant) => void;
+    onParticipantPresence?: (participantId: string, presence: string) => void;
     onEntryRequested?: (req: EntryRequest) => void;
     onEntryResponded?: (payload: {
         participantId: string;
@@ -285,6 +286,12 @@ declare class MeetingState {
     clearRecording(): void;
     setNetworkQuality(quality: NetworkQuality | null): void;
     addParticipant(p: Participant): boolean;
+    /**
+     * Reconcile a participant received from a room snapshot without emitting a
+     * lifecycle/join event. Snapshot data is authoritative for current room
+     * membership, including after a reconnect/resume.
+     */
+    upsertParticipantSnapshot(p: Participant): void;
     removeParticipant(id: string): void;
     updateParticipantMedia(id: string, patch: Partial<NonNullable<Participant["media"]>>): void;
     updateLocalParticipant(patch: LocalParticipantPatch): void;
@@ -468,6 +475,7 @@ type MeetingContextValue = {
     onNetworkQuality: (cb: (quality: NetworkQuality) => void) => () => void;
     onChatMessage: (cb: (message: ChatMessage) => void) => () => void;
     onParticipantJoined: (cb: (participant: Participant) => void) => () => void;
+    onParticipantPresence: (cb: (participantId: string, presence: string) => void) => () => void;
     onParticipantLeft: (cb: (participant: Participant) => void) => () => void;
 };
 declare const MeetingProvider: ({ config, children, }: {
@@ -564,6 +572,7 @@ declare const useMeeting: (handlers?: {
     onNetworkQuality: (cb: (quality: NetworkQuality) => void) => () => void;
     onChatMessage: (cb: (message: ChatMessage) => void) => () => void;
     onParticipantJoined: (cb: (participant: Participant) => void) => () => void;
+    onParticipantPresence: (cb: (participantId: string, presence: string) => void) => () => void;
     onParticipantLeft: (cb: (participant: Participant) => void) => () => void;
 };
 

package/dist/index.d.ts

@@ -11,6 +11,7 @@ type Events = {
     onUserJoined?: (p: Participant) => void;
     /** Fired when a remote participant permanently joins the meeting. */
     onParticipantJoined?: (p: Participant) => void;
+    onParticipantPresence?: (participantId: string, presence: string) => void;
     onEntryRequested?: (req: EntryRequest) => void;
     onEntryResponded?: (payload: {
         participantId: string;
@@ -285,6 +286,12 @@ declare class MeetingState {
     clearRecording(): void;
     setNetworkQuality(quality: NetworkQuality | null): void;
     addParticipant(p: Participant): boolean;
+    /**
+     * Reconcile a participant received from a room snapshot without emitting a
+     * lifecycle/join event. Snapshot data is authoritative for current room
+     * membership, including after a reconnect/resume.
+     */
+    upsertParticipantSnapshot(p: Participant): void;
     removeParticipant(id: string): void;
     updateParticipantMedia(id: string, patch: Partial<NonNullable<Participant["media"]>>): void;
     updateLocalParticipant(patch: LocalParticipantPatch): void;
@@ -468,6 +475,7 @@ type MeetingContextValue = {
     onNetworkQuality: (cb: (quality: NetworkQuality) => void) => () => void;
     onChatMessage: (cb: (message: ChatMessage) => void) => () => void;
     onParticipantJoined: (cb: (participant: Participant) => void) => () => void;
+    onParticipantPresence: (cb: (participantId: string, presence: string) => void) => () => void;
     onParticipantLeft: (cb: (participant: Participant) => void) => () => void;
 };
 declare const MeetingProvider: ({ config, children, }: {
@@ -564,6 +572,7 @@ declare const useMeeting: (handlers?: {
     onNetworkQuality: (cb: (quality: NetworkQuality) => void) => () => void;
     onChatMessage: (cb: (message: ChatMessage) => void) => () => void;
     onParticipantJoined: (cb: (participant: Participant) => void) => () => void;
+    onParticipantPresence: (cb: (participantId: string, presence: string) => void) => () => void;
     onParticipantLeft: (cb: (participant: Participant) => void) => () => void;
 };
 

package/dist/index.js

@@ -279,6 +279,36 @@ var MeetingState = class {
     this.notify("participants");
     return true;
   }
+  /**
+   * Reconcile a participant received from a room snapshot without emitting a
+   * lifecycle/join event. Snapshot data is authoritative for current room
+   * membership, including after a reconnect/resume.
+   */
+  upsertParticipantSnapshot(p) {
+    if (!p?.id) return;
+    const current = this.participants.get(p.id);
+    const updated = {
+      ...current ?? {},
+      ...p,
+      media: {
+        stream: current?.media?.stream ?? null,
+        screenStream: current?.media?.screenStream,
+        cameraTrack: current?.media?.cameraTrack,
+        screenTrack: current?.media?.screenTrack,
+        audioTrack: current?.media?.audioTrack,
+        micEnabled: current?.media?.micEnabled ?? !(p.media?.micEnabled === false),
+        camEnabled: current?.media?.camEnabled ?? !(p.media?.camEnabled === false),
+        isScreenSharing: current?.media?.isScreenSharing ?? false,
+        ...current?.media,
+        ...p.media
+      }
+    };
+    const next = new Map(this.participants);
+    next.set(p.id, updated);
+    this.participants = next;
+    this.notify(`participant:${p.id}`);
+    this.notify("participants");
+  }
   removeParticipant(id) {
     const next = new Map(this.participants);
     next.delete(id);
@@ -850,6 +880,22 @@ var SFUClient = class {
         const participantId = payload.user_id || payload.participant_id;
         this.pendingJoinRequestId = requestId;
         this.onJoinApproved(requestId, participantId);
+        if (this.ws?.readyState === WebSocket.OPEN) {
+          this.setState("joining");
+          this.send({
+            type: "join",
+            request_id: requestId,
+            payload: {
+              token: this.token,
+              room_code: this.room,
+              resume_token: this.resumeToken,
+              display_name: this.joinOptions.displayName,
+              avatar_url: this.joinOptions.avatarUrl,
+              audio_muted: this.desiredAudioMuted,
+              video_muted: this.desiredVideoMuted
+            }
+          });
+        }
         break;
       }
       case "join_rejected": {
@@ -1227,7 +1273,6 @@ var SFUClient = class {
     }
     for (const participant of this.participants.values()) {
       if (participant.participant_id !== this.currentParticipantId) {
-        this.onParticipantJoined(participant);
         this.onParticipantPresence(
           participant.participant_id,
           String(participant.presence || "connected")
@@ -2512,6 +2557,36 @@ var VideoSDKCore = class {
       },
       onRoomUpdate: (payload) => {
         const participants = payload?.participants || [];
+        const snapshotParticipantIds = /* @__PURE__ */ new Set();
+        for (const participant of participants) {
+          const pid = participant?.participant_id;
+          if (!pid || pid === this.myId) continue;
+          snapshotParticipantIds.add(pid);
+          const current = this.state.getParticipant(pid);
+          const name = participant?.user_metadata?.name || participant?.display_name || current?.name || "Participant";
+          this.state.upsertParticipantSnapshot({
+            id: pid,
+            name,
+            isModerator: Boolean(participant?.permissions?.moderate),
+            isHost: Boolean(
+              participant?.is_host ?? participant?.isHost ?? participant?.permissions?.host
+            ),
+            handRaised: Boolean(participant?.hand_raised),
+            permissions: participant?.permissions,
+            connectionState: participant?.presence === "reconnecting" ? "reconnecting" : participant?.presence === "disconnected" ? "disconnected" : "connected",
+            media: {
+              ...current?.media || {},
+              micEnabled: !Boolean(participant?.audio_muted),
+              camEnabled: !Boolean(participant?.video_muted),
+              isScreenSharing: Boolean(participant?.screen_sharing)
+            }
+          });
+        }
+        for (const [pid] of this.state.participants) {
+          if (pid === this.myId || snapshotParticipantIds.has(pid)) continue;
+          this.cleanupRemoteParticipant(pid);
+          this.state.removeParticipant(pid);
+        }
         const local = participants.find(
           (p) => p?.participant_id === this.myId
         );
@@ -3325,6 +3400,9 @@ var MeetingProvider = ({
   const participantJoinedListeners = (0, import_react2.useRef)(
     /* @__PURE__ */ new Set()
   );
+  const participantPresenceListeners = (0, import_react2.useRef)(
+    /* @__PURE__ */ new Set()
+  );
   const participantLeftListeners = (0, import_react2.useRef)(
     /* @__PURE__ */ new Set()
   );
@@ -3413,7 +3491,9 @@ var MeetingProvider = ({
           pubSubListeners.current.get("REACTION")?.forEach((fn) => fn(message));
         },
         onHandRaised: (participantId, raised) => {
-          handRaisedListeners.current.forEach((fn) => fn(participantId, raised));
+          handRaisedListeners.current.forEach(
+            (fn) => fn(participantId, raised)
+          );
         },
         onNetworkQuality: (quality) => {
           networkQualityListeners.current.forEach((fn) => fn(quality));
@@ -3426,6 +3506,11 @@ var MeetingProvider = ({
         onParticipantJoined: (participant) => {
           participantJoinedListeners.current.forEach((fn) => fn(participant));
         },
+        onParticipantPresence: (participantId, presence) => {
+          participantPresenceListeners.current.forEach(
+            (fn) => fn(participantId, presence)
+          );
+        },
         onParticipantLeft: (participant) => {
           participantLeftListeners.current.forEach((fn) => fn(participant));
         }
@@ -3638,6 +3723,10 @@ var MeetingProvider = ({
         participantJoinedListeners.current.add(cb);
         return () => participantJoinedListeners.current.delete(cb);
       },
+      onParticipantPresence: (cb) => {
+        participantPresenceListeners.current.add(cb);
+        return () => participantPresenceListeners.current.delete(cb);
+      },
       onChatMessage: (cb) => {
         chatMessageListeners.current.add(cb);
         return () => chatMessageListeners.current.delete(cb);