@defcomm/meetingsdk 0.2.7 → 0.2.8

package/dist/index.d.mts

@@ -22,6 +22,7 @@ type Events = {
     onUserLeft?: (id: string) => void;
     onMeetingLeft?: () => void;
     onChatMessage?: (msg: ChatMessage) => void;
+    onReaction?: (reaction: Reaction) => void;
     onScreenShareStarted?: (peerId: string, stream: MediaStream) => void;
     onScreenShareStopped?: (peerId: string) => void;
     onMuteStateChanged?: (peerId: string, kind: "audio" | "video", muted: boolean) => void;
@@ -39,6 +40,13 @@ type Events = {
         stopped_at: string;
     }) => void;
 };
+type Reaction = {
+    id: string;
+    participant_id: string;
+    sender_name?: string | null;
+    emoji: string;
+    timestamp: string | number;
+};
 type ChatMessage = {
     id: string;
     text: string;
@@ -219,6 +227,7 @@ declare class VideoSDKCore {
         recording: RecordingInfo | null;
     }>;
     sendChatMessage(payload: ChatInput): void;
+    sendReaction(reaction: string): void;
     private cleanupRemoteParticipant;
     disconnect(): Promise<void>;
     private performDisconnect;
@@ -285,6 +294,7 @@ interface SFUClientOptions {
     }) => void;
     onError?: (error: any) => void;
     onChatMessage?: (message: any) => void;
+    onReaction?: (reaction: any) => void;
     onRoomUpdate?: (data: any) => void;
     onParticipantMediaState?: (participantId: string, audioMuted: boolean, videoMuted: boolean) => void;
     autoSubscribe?: boolean;
@@ -307,6 +317,7 @@ declare class SFUClient {
     private iceServers;
     private requestId;
     private publisherRevision;
+    private screenShareGeneration;
     private currentParticipantId;
     private token;
     private room;
@@ -362,6 +373,7 @@ declare class SFUClient {
     private onRecordingStopped;
     private onError;
     private onChatMessage;
+    private onReaction;
     private onRoomUpdate;
     private onParticipantMediaState;
     private autoSubscribe;
@@ -440,6 +452,7 @@ declare class SFUClient {
     rejectJoinRequest(requestId: string, reason?: string): Promise<void>;
     private isSocketOpen;
     private send;
+    sendReaction(reaction: string): void;
     private removeRemoteParticipant;
     leave(): Promise<void>;
     private closePeerConnectionsOnly;
@@ -469,6 +482,7 @@ type MeetingContextValue = {
     startScreenShare: () => Promise<MediaStream>;
     stopScreenShare: () => void;
     sendMessage: (input: ChatInput) => void;
+    sendReaction: (emoji: string) => void;
     room: {
         id: string | null;
         name: string | null;
@@ -491,6 +505,7 @@ type MeetingContextValue = {
     onTrackStateChanged: (cb: (track: any) => void) => () => void;
     onRecordingStarted: (cb: (recording: Recording) => void) => () => void;
     onRecordingStopped: (cb: (recording: any) => void) => () => void;
+    onReaction: (cb: (reaction: Reaction) => void) => () => void;
     onActiveSpeakersChanged: (cb: (participantIds: string[]) => void) => () => void;
 };
 declare const MeetingProvider: ({ config, children, }: {
@@ -507,6 +522,7 @@ declare const useMeeting: (handlers?: {
     onTrackStateChanged?: (track: any) => void;
     onRecordingStarted?: (recording: any) => void;
     onRecordingStopped?: (recording: any) => void;
+    onReaction?: (reaction: any) => void;
     onActiveSpeakersChanged?: (participantIds: string[]) => void;
 }) => {
     join: (config?: Omit<MeetingConfig, "participantId">) => Promise<void>;
@@ -524,6 +540,7 @@ declare const useMeeting: (handlers?: {
     startScreenShare: () => Promise<MediaStream>;
     stopScreenShare: () => void;
     sendMessage: (input: ChatInput) => void;
+    sendReaction: (emoji: string) => void;
     room: {
         id: string | null;
         name: string | null;
@@ -549,6 +566,7 @@ declare const useMeeting: (handlers?: {
     onTrackStateChanged: (cb: (track: any) => void) => () => void;
     onRecordingStarted: (cb: (recording: Recording) => void) => () => void;
     onRecordingStopped: (cb: (recording: any) => void) => () => void;
+    onReaction: (cb: (reaction: Reaction) => void) => () => void;
     onActiveSpeakersChanged: (cb: (participantIds: string[]) => void) => () => void;
 };
 
@@ -629,4 +647,4 @@ declare class ActiveSpeakerDetector {
     destroy(): Promise<void>;
 }
 
-export { ActiveSpeakerDetector, type ChatInput, type MeetingConfig, MeetingProvider, MeetingState, type Participant, type ParticipantInfo, type RecordingInfo, SFUClient, type SFUConnectionState, type TrackInfo, VideoSDKCore, useLocalParticipant, useMeeting, useMeetingContext, useMeetingPreview, useParticipants, useRemoteMedia };
+export { ActiveSpeakerDetector, type ChatInput, type MeetingConfig, MeetingProvider, MeetingState, type Participant, type ParticipantInfo, type Reaction, type RecordingInfo, SFUClient, type SFUConnectionState, type TrackInfo, VideoSDKCore, useLocalParticipant, useMeeting, useMeetingContext, useMeetingPreview, useParticipants, useRemoteMedia };

package/dist/index.d.ts

@@ -22,6 +22,7 @@ type Events = {
     onUserLeft?: (id: string) => void;
     onMeetingLeft?: () => void;
     onChatMessage?: (msg: ChatMessage) => void;
+    onReaction?: (reaction: Reaction) => void;
     onScreenShareStarted?: (peerId: string, stream: MediaStream) => void;
     onScreenShareStopped?: (peerId: string) => void;
     onMuteStateChanged?: (peerId: string, kind: "audio" | "video", muted: boolean) => void;
@@ -39,6 +40,13 @@ type Events = {
         stopped_at: string;
     }) => void;
 };
+type Reaction = {
+    id: string;
+    participant_id: string;
+    sender_name?: string | null;
+    emoji: string;
+    timestamp: string | number;
+};
 type ChatMessage = {
     id: string;
     text: string;
@@ -219,6 +227,7 @@ declare class VideoSDKCore {
         recording: RecordingInfo | null;
     }>;
     sendChatMessage(payload: ChatInput): void;
+    sendReaction(reaction: string): void;
     private cleanupRemoteParticipant;
     disconnect(): Promise<void>;
     private performDisconnect;
@@ -285,6 +294,7 @@ interface SFUClientOptions {
     }) => void;
     onError?: (error: any) => void;
     onChatMessage?: (message: any) => void;
+    onReaction?: (reaction: any) => void;
     onRoomUpdate?: (data: any) => void;
     onParticipantMediaState?: (participantId: string, audioMuted: boolean, videoMuted: boolean) => void;
     autoSubscribe?: boolean;
@@ -307,6 +317,7 @@ declare class SFUClient {
     private iceServers;
     private requestId;
     private publisherRevision;
+    private screenShareGeneration;
     private currentParticipantId;
     private token;
     private room;
@@ -362,6 +373,7 @@ declare class SFUClient {
     private onRecordingStopped;
     private onError;
     private onChatMessage;
+    private onReaction;
     private onRoomUpdate;
     private onParticipantMediaState;
     private autoSubscribe;
@@ -440,6 +452,7 @@ declare class SFUClient {
     rejectJoinRequest(requestId: string, reason?: string): Promise<void>;
     private isSocketOpen;
     private send;
+    sendReaction(reaction: string): void;
     private removeRemoteParticipant;
     leave(): Promise<void>;
     private closePeerConnectionsOnly;
@@ -469,6 +482,7 @@ type MeetingContextValue = {
     startScreenShare: () => Promise<MediaStream>;
     stopScreenShare: () => void;
     sendMessage: (input: ChatInput) => void;
+    sendReaction: (emoji: string) => void;
     room: {
         id: string | null;
         name: string | null;
@@ -491,6 +505,7 @@ type MeetingContextValue = {
     onTrackStateChanged: (cb: (track: any) => void) => () => void;
     onRecordingStarted: (cb: (recording: Recording) => void) => () => void;
     onRecordingStopped: (cb: (recording: any) => void) => () => void;
+    onReaction: (cb: (reaction: Reaction) => void) => () => void;
     onActiveSpeakersChanged: (cb: (participantIds: string[]) => void) => () => void;
 };
 declare const MeetingProvider: ({ config, children, }: {
@@ -507,6 +522,7 @@ declare const useMeeting: (handlers?: {
     onTrackStateChanged?: (track: any) => void;
     onRecordingStarted?: (recording: any) => void;
     onRecordingStopped?: (recording: any) => void;
+    onReaction?: (reaction: any) => void;
     onActiveSpeakersChanged?: (participantIds: string[]) => void;
 }) => {
     join: (config?: Omit<MeetingConfig, "participantId">) => Promise<void>;
@@ -524,6 +540,7 @@ declare const useMeeting: (handlers?: {
     startScreenShare: () => Promise<MediaStream>;
     stopScreenShare: () => void;
     sendMessage: (input: ChatInput) => void;
+    sendReaction: (emoji: string) => void;
     room: {
         id: string | null;
         name: string | null;
@@ -549,6 +566,7 @@ declare const useMeeting: (handlers?: {
     onTrackStateChanged: (cb: (track: any) => void) => () => void;
     onRecordingStarted: (cb: (recording: Recording) => void) => () => void;
     onRecordingStopped: (cb: (recording: any) => void) => () => void;
+    onReaction: (cb: (reaction: Reaction) => void) => () => void;
     onActiveSpeakersChanged: (cb: (participantIds: string[]) => void) => () => void;
 };
 
@@ -629,4 +647,4 @@ declare class ActiveSpeakerDetector {
     destroy(): Promise<void>;
 }
 
-export { ActiveSpeakerDetector, type ChatInput, type MeetingConfig, MeetingProvider, MeetingState, type Participant, type ParticipantInfo, type RecordingInfo, SFUClient, type SFUConnectionState, type TrackInfo, VideoSDKCore, useLocalParticipant, useMeeting, useMeetingContext, useMeetingPreview, useParticipants, useRemoteMedia };
+export { ActiveSpeakerDetector, type ChatInput, type MeetingConfig, MeetingProvider, MeetingState, type Participant, type ParticipantInfo, type Reaction, type RecordingInfo, SFUClient, type SFUConnectionState, type TrackInfo, VideoSDKCore, useLocalParticipant, useMeeting, useMeetingContext, useMeetingPreview, useParticipants, useRemoteMedia };

package/dist/index.js

@@ -393,6 +393,7 @@ var SFUClient = class {
     this.iceServers = [];
     this.requestId = 0;
     this.publisherRevision = 0;
+    this.screenShareGeneration = 0;
     this.currentParticipantId = null;
     this.token = null;
     this.room = null;
@@ -475,6 +476,8 @@ var SFUClient = class {
     this.onError = options.onError || console.error;
     this.onChatMessage = options.onChatMessage || (() => {
     });
+    this.onReaction = options.onReaction || (() => {
+    });
     this.onRoomUpdate = options.onRoomUpdate || (() => {
     });
     this.onParticipantMediaState = options.onParticipantMediaState || (() => {
@@ -601,8 +604,10 @@ var SFUClient = class {
       avatarUrl: options.avatarUrl
     };
     if (options.participantId) this.participantId = options.participantId;
-    if (typeof options.audioMuted === "boolean") this.desiredAudioMuted = options.audioMuted;
-    if (typeof options.videoMuted === "boolean") this.desiredVideoMuted = options.videoMuted;
+    if (typeof options.audioMuted === "boolean")
+      this.desiredAudioMuted = options.audioMuted;
+    if (typeof options.videoMuted === "boolean")
+      this.desiredVideoMuted = options.videoMuted;
     if (!this.resumeToken) {
       this.resumeToken = this.loadResumeToken(this.room);
     }
@@ -987,8 +992,15 @@ var SFUClient = class {
           if (!pid) continue;
           if (pid !== this.currentParticipantId) {
             this.participants.set(pid, participant);
-            this.onParticipantPresence(pid, String(participant.presence || "connected"));
-            this.onParticipantMediaState(pid, Boolean(participant.audio_muted), Boolean(participant.video_muted));
+            this.onParticipantPresence(
+              pid,
+              String(participant.presence || "connected")
+            );
+            this.onParticipantMediaState(
+              pid,
+              Boolean(participant.audio_muted),
+              Boolean(participant.video_muted)
+            );
           }
         }
         for (const [pid] of this.participants) {
@@ -1000,7 +1012,8 @@ var SFUClient = class {
         }
         for (const track of payload.tracks || []) this.rememberTrack(track);
         if (Array.isArray(payload.chat_history)) {
-          for (const message2 of payload.chat_history) this.onChatMessage(message2);
+          for (const message2 of payload.chat_history)
+            this.onChatMessage(message2);
         }
         break;
       }
@@ -1009,6 +1022,11 @@ var SFUClient = class {
         if (msg?.id) this.onChatMessage(msg);
         break;
       }
+      case "reaction": {
+        const reaction = payload.reaction || payload;
+        if (reaction?.id && reaction?.emoji) this.onReaction(reaction);
+        break;
+      }
       case "error": {
         const message2 = payload.message || "SFU signaling error";
         if (this.state === "reconnecting" && message2.includes("participant session is stale")) {
@@ -1033,7 +1051,9 @@ var SFUClient = class {
   }
   onRoomStateReconciled(payload) {
     const participants = payload.participants || [];
-    const local = participants.find((p) => p?.participant_id === this.currentParticipantId);
+    const local = participants.find(
+      (p) => p?.participant_id === this.currentParticipantId
+    );
     if (local) {
       this.desiredAudioMuted = Boolean(local.audio_muted);
       this.desiredVideoMuted = Boolean(local.video_muted);
@@ -1447,9 +1467,27 @@ var SFUClient = class {
     if (!this.screenTransceiver || !this.screenSender) {
       throw new Error("Screen transceiver is not initialized");
     }
-    if (this.screenStream) {
+    const existingTrack = this.screenSender.track;
+    if (this.screenStream && existingTrack && existingTrack.readyState === "live") {
       return this.screenStream;
     }
+    const generation = ++this.screenShareGeneration;
+    try {
+      await this.screenSender.replaceTrack(null);
+    } catch (err) {
+      console.warn("[SFU] Failed to clear previous screen track", err);
+    }
+    if (this.screenStream) {
+      for (const track of this.screenStream.getTracks()) {
+        try {
+          track.onended = null;
+          track.stop();
+        } catch {
+        }
+      }
+    }
+    this.screenStream = null;
+    this.screenTransceiver.direction = "inactive";
     const screenStream = await navigator.mediaDevices.getDisplayMedia({
       video: true,
       audio: false
@@ -1463,74 +1501,87 @@ var SFUClient = class {
     try {
       await this.screenSender.replaceTrack(screenTrack);
       this.screenTransceiver.direction = "sendonly";
+      this.send({
+        type: "start_screen_share"
+      });
+      await new Promise((resolve) => {
+        queueMicrotask(resolve);
+      });
       const offer = await this.publisher.createOffer();
       await this.publisher.setLocalDescription(offer);
+      const localDescription = this.publisher.localDescription;
+      if (!localDescription?.sdp) {
+        throw new Error("Publisher did not produce a valid screen-share SDP");
+      }
+      const revision = ++this.publisherRevision;
       this.send({
         type: "publish_offer",
         payload: {
-          revision: ++this.publisherRevision,
-          sdp: offer.sdp
+          revision,
+          sdp: localDescription.sdp
         }
       });
-      this.send({ type: "start_screen_share" });
       screenTrack.onended = () => {
+        if (generation !== this.screenShareGeneration) {
+          return;
+        }
         void this.stopScreenShare();
       };
-      console.info("[publisher] Screen track attached", {
-        screenTrackId: screenTrack.id,
-        cameraTrackId: this.videoSender?.track?.id,
-        screenMid: this.screenTransceiver.mid,
-        cameraMid: this.cameraTransceiver?.mid
-      });
-      return this.screenStream;
+      return screenStream;
     } catch (error) {
-      try {
-        await this.screenSender.replaceTrack(null);
-      } catch {
-      }
-      this.screenTransceiver.direction = "inactive";
-      screenStream.getTracks().forEach((track) => track.stop());
-      this.screenStream = null;
-      try {
-        this.send({ type: "stop_screen_share" });
-      } catch {
+      if (generation === this.screenShareGeneration) {
+        try {
+          await this.screenSender.replaceTrack(null);
+        } catch {
+        }
+        this.screenTransceiver.direction = "inactive";
+        screenTrack.onended = null;
+        screenStream.getTracks().forEach((track) => {
+          try {
+            track.stop();
+          } catch {
+          }
+        });
+        this.screenStream = null;
+        try {
+          this.send({
+            type: "stop_screen_share"
+          });
+        } catch {
+        }
       }
       throw error;
     }
   }
   async stopScreenShare() {
-    if (!this.screenStream && !this.screenSender?.track) return;
-    const screenTrack = this.screenSender?.track || null;
-    if (screenTrack) screenTrack.onended = null;
+    const stream = this.screenStream;
+    const senderTrack = this.screenSender?.track || null;
+    if (!stream && !senderTrack) return;
+    ++this.screenShareGeneration;
+    if (senderTrack) senderTrack.onended = null;
     try {
       await this.screenSender?.replaceTrack(null);
     } catch (error) {
       this.onError(error);
     }
-    if (this.screenTransceiver) {
-      this.screenTransceiver.direction = "inactive";
-    }
-    this.send({ type: "stop_screen_share" });
+    if (this.screenTransceiver) this.screenTransceiver.direction = "inactive";
     try {
       const offer = await this.publisher?.createOffer();
       if (offer && this.publisher) {
         await this.publisher.setLocalDescription(offer);
         this.send({
           type: "publish_offer",
-          payload: {
-            revision: ++this.publisherRevision,
-            sdp: offer.sdp
-          }
+          payload: { revision: ++this.publisherRevision, sdp: offer.sdp }
         });
       }
     } catch (error) {
       this.onError(error);
     }
-    this.screenStream?.getTracks().forEach((track) => track.stop());
+    this.send({ type: "stop_screen_share" });
+    stream?.getTracks().forEach((track) => track.stop());
     this.screenStream = null;
-    if (this.currentParticipantId) {
+    if (this.currentParticipantId)
       this.onScreenShareStopped(this.currentParticipantId);
-    }
   }
   muteAudio(muted) {
     this.desiredAudioMuted = muted;
@@ -1633,6 +1684,12 @@ var SFUClient = class {
     );
     return true;
   }
+  sendReaction(reaction) {
+    this.send({
+      type: "send_reaction",
+      reaction
+    });
+  }
   removeRemoteParticipant(participantId) {
     const stream = this.remoteStreams.get(participantId);
     if (stream) {
@@ -2051,7 +2108,9 @@ var VideoSDKCore = class {
       // ADMISSION CONTROL
       onRoomUpdate: (payload) => {
         const participants = payload?.participants || [];
-        const local = participants.find((p) => p?.participant_id === this.myId);
+        const local = participants.find(
+          (p) => p?.participant_id === this.myId
+        );
         if (local) {
           const media = this.state.localParticipant?.media;
           this.state.updateLocalParticipant({
@@ -2074,7 +2133,8 @@ var VideoSDKCore = class {
             });
           }
           if (local.screen_sharing) this.state.setPresenterId(this.myId);
-          else if (this.state.presenterId === this.myId) this.state.setPresenterId(null);
+          else if (this.state.presenterId === this.myId)
+            this.state.setPresenterId(null);
         }
         const presenter = participants.find((p) => p?.screen_sharing);
         if (presenter) this.state.setPresenterId(presenter.participant_id);
@@ -2505,7 +2565,7 @@ var VideoSDKCore = class {
         media: {
           isScreenSharing: true,
           screenStream: this.screenStream,
-          screenTrack: this.screenStream.getVideoTracks()[0]
+          screenTrack: this.screenStream?.getVideoTracks()[0]
         }
       });
       return this.screenStream;
@@ -2570,6 +2630,13 @@ var VideoSDKCore = class {
       target: payload.target ?? null
     });
   }
+  sendReaction(reaction) {
+    if (!this.sfuClient) {
+      console.warn("SFU Client not connected");
+      return;
+    }
+    this.sfuClient.sendReaction(reaction);
+  }
   // CLEANUP
   cleanupRemoteParticipant(participantId) {
     this.activeSpeakerDetector.removeParticipant(participantId);
@@ -2656,6 +2723,7 @@ var MeetingProvider = ({
   const trackStateListeners = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
   const recordingStartedListeners = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
   const recordingStoppedListeners = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
+  const reactionListeners = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
   const activeSpeakerListeners = (0, import_react2.useRef)(
     /* @__PURE__ */ new Set()
   );
@@ -2685,6 +2753,9 @@ var MeetingProvider = ({
         },
         onRecordingStopped: (recording) => {
           recordingStoppedListeners.current.forEach((fn) => fn(recording));
+        },
+        onReaction: (reaction) => {
+          reactionListeners.current.forEach((fn) => fn(reaction));
         }
       }
     );
@@ -2731,6 +2802,7 @@ var MeetingProvider = ({
       startScreenShare: sdk.startScreenShare.bind(sdk),
       stopScreenShare: sdk.stopScreenShare.bind(sdk),
       sendMessage: sdk.sendChatMessage.bind(sdk),
+      sendReaction: sdk.sendReaction.bind(sdk),
       room: sdk.getMeeting(),
       localParticipant,
       participants,
@@ -2787,6 +2859,10 @@ var MeetingProvider = ({
         recordingStoppedListeners.current.add(cb);
         return () => recordingStoppedListeners.current.delete(cb);
       },
+      onReaction: (cb) => {
+        reactionListeners.current.add(cb);
+        return () => reactionListeners.current.delete(cb);
+      },
       onActiveSpeakersChanged: (cb) => {
         activeSpeakerListeners.current.add(cb);
         return () => {
@@ -2883,6 +2959,10 @@ var useMeeting = (handlers) => {
     if (!handlers?.onRecordingStopped) return;
     return ctx.onRecordingStopped(handlers.onRecordingStopped);
   }, [handlers?.onRecordingStopped]);
+  (0, import_react4.useEffect)(() => {
+    if (!handlers?.onReaction) return;
+    return ctx.onReaction(handlers.onReaction);
+  }, [handlers?.onReaction]);
   const { sdk: _, ...publicApi } = ctx;
   return publicApi;
 };