@defcomm/meetingsdk 0.4.4 → 0.4.5

package/dist/index.mjs

@@ -1,8 +1,8 @@
 // src/react/useLocalParticipant.tsx
-import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 
 // src/react/MeetingProvider.tsx
-import { createContext, useContext, useMemo, useRef } from "react";
+import { createContext, useContext, useMemo, useRef, useState as useState2 } from "react";
 
 // src/config/ws.ts
 var SDK_CONFIG = {
@@ -2703,6 +2703,28 @@ var VideoSDKCore = class {
     }
     this.sfuClient.sendReaction(reaction);
   }
+  /**
+   * Generic PubSub publishing entry point.
+   *
+   * The public SDK exposes one PubSub API for all topics. The current SFU
+   * protocol still has dedicated wire messages for chat and reactions, so
+   * this method is the compatibility bridge. The application does not need
+   * to know about those wire-level message types.
+   */
+  publishPubSub(topic, data) {
+    switch (topic) {
+      case "SECURE_CHAT":
+        this.sendChatMessage(data);
+        return;
+      case "REACTION":
+        this.sendReaction(data.emoji);
+        return;
+      default: {
+        const exhaustive = topic;
+        throw new Error(`Unsupported PubSub topic: ${exhaustive}`);
+      }
+    }
+  }
   // CLEANUP
   cleanupRemoteParticipant(participantId) {
     this.activeSpeakerDetector.removeParticipant(participantId);
@@ -2793,6 +2815,7 @@ var MeetingProvider = ({
   const pubSubListeners = useRef(
     /* @__PURE__ */ new Map()
   );
+  const [reactionPubSubMessages, setReactionPubSubMessages] = useState2([]);
   const activeSpeakerListeners = useRef(
     /* @__PURE__ */ new Set()
   );
@@ -2826,21 +2849,43 @@ var MeetingProvider = ({
         onRecordingStopped: (recording2) => {
           recordingStoppedListeners.current.forEach((fn) => fn(recording2));
         },
+        onChatMessage: (message) => {
+          const msg = {
+            id: message.id,
+            text: message.text,
+            sender_id: message.sender_id,
+            sender_name: message.sender_name,
+            timestamp: Number(message.timestamp),
+            reply_to: message.reply_to ?? null,
+            target: message.target ?? null
+          };
+          const pubSubMessage = {
+            id: msg.id,
+            topic: "SECURE_CHAT",
+            sender_id: msg.sender_id,
+            sender_name: msg.sender_name,
+            timestamp: msg.timestamp,
+            data: msg
+          };
+          pubSubListeners.current.get("SECURE_CHAT")?.forEach((fn) => fn(pubSubMessage));
+        },
         onReaction: (reaction) => {
           reactionListeners.current.forEach((fn) => fn(reaction));
-          const listeners = pubSubListeners.current.get("REACTION");
-          if (!listeners) return;
+          const timestamp = typeof reaction.timestamp === "number" ? reaction.timestamp : Date.parse(reaction.timestamp);
           const message = {
             id: reaction.id,
             topic: "REACTION",
             sender_id: reaction.participant_id,
             sender_name: reaction.sender_name,
-            timestamp: typeof reaction.timestamp === "number" ? reaction.timestamp : Date.parse(reaction.timestamp),
+            timestamp,
             data: {
               emoji: reaction.emoji
             }
           };
-          listeners.forEach((fn) => fn(message));
+          setReactionPubSubMessages(
+            (previous) => [...previous, message].slice(-50)
+          );
+          pubSubListeners.current.get("REACTION")?.forEach((fn) => fn(message));
         },
         onConnectionStateChanged: (state) => {
           connectionStateListeners.current.forEach(
@@ -2903,32 +2948,32 @@ var MeetingProvider = ({
       activeSpeakerIds,
       recording,
       usePubSub: (topic) => {
+        if (topic === "SECURE_CHAT") {
+          const chatMessages = messages.map((message) => ({
+            id: message.id,
+            topic: "SECURE_CHAT",
+            sender_id: message.sender_id,
+            sender_name: message.sender_name,
+            timestamp: message.timestamp,
+            data: message
+          }));
+          return {
+            messages: chatMessages,
+            publish: ((data) => {
+              sdk.publishPubSub("SECURE_CHAT", data);
+            })
+          };
+        }
         if (topic === "REACTION") {
           return {
-            messages: [],
-            publish: (data) => {
-              const reaction = data;
-              if (!reaction?.emoji) {
+            messages: reactionPubSubMessages,
+            publish: ((data) => {
+              if (!data?.emoji) {
                 console.warn("[PubSub] REACTION requires an emoji");
                 return;
               }
-              sdk.sendReaction(reaction.emoji);
-            }
-          };
-        }
-        if (topic === "SECURE_CHAT") {
-          return {
-            messages: sdk.state.getChatMessages().map((message) => ({
-              id: message.id,
-              topic: "SECURE_CHAT",
-              sender_id: message.sender_id,
-              sender_name: message.sender_name,
-              timestamp: message.timestamp,
-              data: message
-            })),
-            publish: (data) => {
-              sdk.sendChatMessage(data);
-            }
+              sdk.publishPubSub("REACTION", data);
+            })
           };
         }
         throw new Error(`Unsupported PubSub topic: "${topic}"`);
@@ -3013,7 +3058,8 @@ var MeetingProvider = ({
     messages,
     presenterId,
     recording,
-    activeSpeakerIds
+    activeSpeakerIds,
+    reactionPubSubMessages
   ]);
   return /* @__PURE__ */ jsx(MeetingContext.Provider, { value, children });
 };
@@ -3027,7 +3073,7 @@ var useMeetingContext = () => {
 // src/react/useLocalParticipant.tsx
 var useLocalParticipant = () => {
   const { sdk } = useMeetingContext();
-  const [localParticipant, setLocalParticipant] = useState2(
+  const [localParticipant, setLocalParticipant] = useState3(
     () => {
       const current = sdk.state.localParticipant;
       return current && current.id ? current : null;
@@ -3116,10 +3162,10 @@ var useMeeting = (handlers) => {
 };
 
 // src/react/useParticipants.ts
-import { useEffect as useEffect4, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 var useParticipants = () => {
   const { sdk } = useMeetingContext();
-  const [participants, setParticipants] = useState3(
+  const [participants, setParticipants] = useState4(
     () => sdk.state.getParticipants()
   );
   useEffect4(() => {
@@ -3134,12 +3180,12 @@ var useParticipants = () => {
 };
 
 // src/react/useRemoteMedia.ts
-import { useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
 var useRemoteMedia = (participantId) => {
   const { sdk } = useMeetingContext();
   const videoRef = useRef3(null);
   const audioRef = useRef3(null);
-  const [participant, setParticipant] = useState4(
+  const [participant, setParticipant] = useState5(
     () => sdk.state.getParticipant(participantId) || null
   );
   useEffect5(() => {
@@ -3175,12 +3221,12 @@ var useRemoteMedia = (participantId) => {
 };
 
 // src/react/useMeetingPreview.ts
-import { useEffect as useEffect6, useState as useState5 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 function useMeetingPreview(roomId, participantId) {
-  const [room, setRoom] = useState5(null);
-  const [error, setError] = useState5(null);
-  const [isConnected, setIsConnected] = useState5(false);
-  const [isLoading, setIsLoading] = useState5(true);
+  const [room, setRoom] = useState6(null);
+  const [error, setError] = useState6(null);
+  const [isConnected, setIsConnected] = useState6(false);
+  const [isLoading, setIsLoading] = useState6(true);
   useEffect6(() => {
     if (!roomId) {
       setIsLoading(false);
@@ -3250,7 +3296,10 @@ function usePubSub(topic, options) {
   const ctx = useMeetingContext();
   useEffect7(() => {
     if (!options?.onMessageReceived) return;
-    return ctx.onPubSubMessage(topic, options.onMessageReceived);
+    return ctx.onPubSubMessage(
+      topic,
+      options.onMessageReceived
+    );
   }, [ctx, topic, options?.onMessageReceived]);
   return ctx.usePubSub(topic);
 }