@defcomm/meetingsdk 0.4.3 → 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);
@@ -2790,6 +2812,10 @@ var MeetingProvider = ({
   const recordingStartedListeners = useRef(/* @__PURE__ */ new Set());
   const recordingStoppedListeners = useRef(/* @__PURE__ */ new Set());
   const reactionListeners = useRef(/* @__PURE__ */ new Set());
+  const pubSubListeners = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const [reactionPubSubMessages, setReactionPubSubMessages] = useState2([]);
   const activeSpeakerListeners = useRef(
     /* @__PURE__ */ new Set()
   );
@@ -2823,8 +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 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,
+            data: {
+              emoji: reaction.emoji
+            }
+          };
+          setReactionPubSubMessages(
+            (previous) => [...previous, message].slice(-50)
+          );
+          pubSubListeners.current.get("REACTION")?.forEach((fn) => fn(message));
         },
         onConnectionStateChanged: (state) => {
           connectionStateListeners.current.forEach(
@@ -2887,12 +2948,48 @@ var MeetingProvider = ({
       activeSpeakerIds,
       recording,
       usePubSub: (topic) => {
-        if (topic !== "SECURE_CHAT") {
-          throw new Error(`Unsupported PubSub argument: "${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);
+            })
+          };
         }
-        return {
-          messages: sdk.state.getChatMessages(),
-          publish: sdk.sendChatMessage.bind(sdk)
+        if (topic === "REACTION") {
+          return {
+            messages: reactionPubSubMessages,
+            publish: ((data) => {
+              if (!data?.emoji) {
+                console.warn("[PubSub] REACTION requires an emoji");
+                return;
+              }
+              sdk.publishPubSub("REACTION", data);
+            })
+          };
+        }
+        throw new Error(`Unsupported PubSub topic: "${topic}"`);
+      },
+      onPubSubMessage: (topic, cb) => {
+        let listeners = pubSubListeners.current.get(topic);
+        if (!listeners) {
+          listeners = /* @__PURE__ */ new Set();
+          pubSubListeners.current.set(topic, listeners);
+        }
+        listeners.add(cb);
+        return () => {
+          listeners?.delete(cb);
+          if (listeners?.size === 0) {
+            pubSubListeners.current.delete(topic);
+          }
         };
       },
       approveJoinRequest: sdk.approveJoinRequest.bind(sdk),
@@ -2961,7 +3058,8 @@ var MeetingProvider = ({
     messages,
     presenterId,
     recording,
-    activeSpeakerIds
+    activeSpeakerIds,
+    reactionPubSubMessages
   ]);
   return /* @__PURE__ */ jsx(MeetingContext.Provider, { value, children });
 };
@@ -2975,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;
@@ -3064,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(() => {
@@ -3082,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(() => {
@@ -3123,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);
@@ -3191,6 +3289,20 @@ function useMeetingPreview(roomId, participantId) {
     error
   };
 }
+
+// src/react/usePubSub.ts
+import { useEffect as useEffect7 } from "react";
+function usePubSub(topic, options) {
+  const ctx = useMeetingContext();
+  useEffect7(() => {
+    if (!options?.onMessageReceived) return;
+    return ctx.onPubSubMessage(
+      topic,
+      options.onMessageReceived
+    );
+  }, [ctx, topic, options?.onMessageReceived]);
+  return ctx.usePubSub(topic);
+}
 export {
   ActiveSpeakerDetector,
   MeetingProvider,
@@ -3201,6 +3313,7 @@ export {
   useMeetingContext,
   useMeetingPreview,
   useParticipants,
+  usePubSub,
   useRemoteMedia
 };
 //# sourceMappingURL=index.mjs.map