@defcomm/meetingsdk 0.1.4 → 0.1.6

package/dist/index.mjs

@@ -392,7 +392,7 @@ var SFUClient = class {
     this.subscriberStatsTimer = null;
     this.apiBase = options.apiBase || "https://api.example.com/api";
     this.wsBase = options.wsBase || "wss://api.example.com/ws";
-    this.userId = options.userId || this.createId();
+    this.participantId = options.participantId || this.createId();
     this.onStateChange = options.onStateChange || (() => {
     });
     this.onParticipantJoined = options.onParticipantJoined || (() => {
@@ -513,12 +513,17 @@ var SFUClient = class {
     });
   }
   async getRoom(roomCode) {
-    return this.request(`${this.apiBase}/rooms/${encodeURIComponent(roomCode)}`);
+    return this.request(
+      `${this.apiBase}/rooms/${encodeURIComponent(roomCode)}`
+    );
   }
   async deleteRoom(roomCode) {
-    return this.request(`${this.apiBase}/rooms/${encodeURIComponent(roomCode)}`, {
-      method: "DELETE"
-    });
+    return this.request(
+      `${this.apiBase}/rooms/${encodeURIComponent(roomCode)}`,
+      {
+        method: "DELETE"
+      }
+    );
   }
   async getToken(roomCode, options = {}) {
     const nextRoom = roomCode.trim();
@@ -530,7 +535,7 @@ var SFUClient = class {
       displayName: options.displayName,
       avatarUrl: options.avatarUrl
     };
-    if (options.userId) this.userId = options.userId;
+    if (options.participantId) this.participantId = options.participantId;
     if (!this.resumeToken) {
       this.resumeToken = this.loadResumeToken(this.room);
     }
@@ -538,7 +543,7 @@ var SFUClient = class {
       method: "POST",
       body: JSON.stringify({
         room_code: this.room,
-        user_id: this.userId,
+        user_id: this.participantId,
         display_name: options.displayName,
         avatar_url: options.avatarUrl
       })
@@ -553,7 +558,7 @@ var SFUClient = class {
       method: "POST",
       body: JSON.stringify({
         room_code: this.room,
-        user_id: this.userId,
+        user_id: this.participantId,
         display_name: this.joinOptions.displayName,
         avatar_url: this.joinOptions.avatarUrl
       })
@@ -756,7 +761,8 @@ var SFUClient = class {
       case "participant_joined": {
         const participant = payload.participant || payload;
         const participantId = participant?.participant_id || payload.participant_id;
-        if (!participantId || participantId === this.currentParticipantId) break;
+        if (!participantId || participantId === this.currentParticipantId)
+          break;
         if (participant) this.participants.set(participantId, participant);
         this.onParticipantJoined(participant);
         break;
@@ -786,14 +792,21 @@ var SFUClient = class {
           if (track.source === "audio") {
             this.localTrackIds.set("audio", track.track_id);
             const muted = !(this.localStream?.getAudioTracks()[0]?.enabled ?? true);
-            this.send({ type: "track_state", payload: { track_id: track.track_id, muted } });
+            this.send({
+              type: "track_state",
+              payload: { track_id: track.track_id, muted }
+            });
           }
           if (track.source === "camera") {
             this.localTrackIds.set("camera", track.track_id);
             const muted = !(this.localStream?.getVideoTracks()[0]?.enabled ?? true);
-            this.send({ type: "track_state", payload: { track_id: track.track_id, muted } });
+            this.send({
+              type: "track_state",
+              payload: { track_id: track.track_id, muted }
+            });
           }
-          if (track.source === "screen") this.localTrackIds.set("screen", track.track_id);
+          if (track.source === "screen")
+            this.localTrackIds.set("screen", track.track_id);
           break;
         }
         this.onTrackPublished(track);
@@ -1024,10 +1037,7 @@ var SFUClient = class {
         }
         if (screenStream?.getTracks().length === 0) {
           this.remoteScreenStreams.delete(participantId);
-          this.onScreenShareStopped(
-            participantId,
-            metadata.track_id
-          );
+          this.onScreenShareStopped(participantId, metadata.track_id);
         }
       };
       this.onScreenShareStarted(participantId, metadata);
@@ -1114,7 +1124,9 @@ var SFUClient = class {
     try {
       await pc.addIceCandidate(candidate);
     } catch (error) {
-      this.onError(new Error(`Failed to add ${peer} ICE candidate: ${String(error)}`));
+      this.onError(
+        new Error(`Failed to add ${peer} ICE candidate: ${String(error)}`)
+      );
     }
   }
   async flushPendingIce(peer) {
@@ -1126,7 +1138,11 @@ var SFUClient = class {
       try {
         await pc.addIceCandidate(candidate);
       } catch (error) {
-        this.onError(new Error(`Failed to add queued ${peer} ICE candidate: ${String(error)}`));
+        this.onError(
+          new Error(
+            `Failed to add queued ${peer} ICE candidate: ${String(error)}`
+          )
+        );
       }
     }
   }
@@ -1156,7 +1172,9 @@ var SFUClient = class {
       } catch (error) {
         const waiters = this.subscriptionWaiters.splice(0);
         waiters.forEach((w) => w.reject(error));
-        this.onError(new Error(`Failed to process subscriber offer: ${String(error)}`));
+        this.onError(
+          new Error(`Failed to process subscriber offer: ${String(error)}`)
+        );
       } finally {
         this.subscriberNegotiating = false;
       }
@@ -1204,9 +1222,13 @@ var SFUClient = class {
     }
   }
   async publish({ audio = true, video = true } = {}) {
-    if (!this.publisher) throw new Error("Publisher PeerConnection is not initialized");
+    if (!this.publisher)
+      throw new Error("Publisher PeerConnection is not initialized");
     if (!this.localStream) {
-      this.localStream = await navigator.mediaDevices.getUserMedia({ audio, video });
+      this.localStream = await navigator.mediaDevices.getUserMedia({
+        audio,
+        video
+      });
     }
     await this.publishExistingTracks(audio, video);
     return this.localStream;
@@ -1219,9 +1241,13 @@ var SFUClient = class {
     const audioTrack = this.localStream.getAudioTracks().find((track) => track.readyState === "live");
     const cameraTrack = this.localStream.getVideoTracks().find((track) => track.readyState === "live");
     const screenTrack = this.screenStream?.getVideoTracks().find((track) => track.readyState === "live");
-    await this.audioSender?.replaceTrack(audio && audioTrack ? audioTrack : null);
+    await this.audioSender?.replaceTrack(
+      audio && audioTrack ? audioTrack : null
+    );
     this.audioTransceiver.direction = audio && audioTrack ? "sendonly" : "inactive";
-    await this.videoSender?.replaceTrack(video && cameraTrack ? cameraTrack : null);
+    await this.videoSender?.replaceTrack(
+      video && cameraTrack ? cameraTrack : null
+    );
     this.cameraTransceiver.direction = video && cameraTrack ? "sendonly" : "inactive";
     await this.screenSender?.replaceTrack(screenTrack || null);
     this.screenTransceiver.direction = screenTrack ? "sendonly" : "inactive";
@@ -1394,7 +1420,10 @@ var SFUClient = class {
   }
   async rejectJoinRequest(requestId, reason) {
     if (!requestId) throw new Error("requestId is required");
-    if (!this.send({ type: "reject_join", payload: { request_id: requestId, reason } })) {
+    if (!this.send({
+      type: "reject_join",
+      payload: { request_id: requestId, reason }
+    })) {
       throw new Error("SFU signaling is not connected");
     }
   }
@@ -1463,10 +1492,14 @@ var SFUClient = class {
           }
           setTimeout(check, 25);
         };
-        ws.addEventListener("close", () => {
-          clearTimeout(timeout);
-          finish();
-        }, { once: true });
+        ws.addEventListener(
+          "close",
+          () => {
+            clearTimeout(timeout);
+            finish();
+          },
+          { once: true }
+        );
         this.send({ type: "leave" });
         check();
       });
@@ -1545,7 +1578,8 @@ var SFUClient = class {
     }
   }
   async logSubscriberVideoStats() {
-    if (!this.subscriber || this.subscriber.connectionState === "closed") return;
+    if (!this.subscriber || this.subscriber.connectionState === "closed")
+      return;
     try {
       const stats = await this.subscriber.getStats();
       stats.forEach((report) => {
@@ -1566,7 +1600,7 @@ var SFUClient = class {
 
 // src/core/VideoCore.ts
 var VideoSDKCore = class {
-  constructor(events = {}, apiBase = SDK_CONFIG.apiBase, wsBase = SDK_CONFIG.wsBase) {
+  constructor(options, events = {}, apiBase = SDK_CONFIG.apiBase, wsBase = SDK_CONFIG.wsBase) {
     this.events = events;
     this.apiBase = apiBase;
     this.wsBase = wsBase;
@@ -1592,18 +1626,7 @@ var VideoSDKCore = class {
         this.events.onActiveSpeakersChanged?.(participantIds);
       }
     });
-    let storedId = null;
-    try {
-      storedId = typeof localStorage !== "undefined" ? localStorage.getItem("defcomm:participant_id") : null;
-    } catch {
-    }
-    this.myId = storedId || (typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : `user_${Date.now()}`);
-    try {
-      if (typeof localStorage !== "undefined") {
-        localStorage.setItem("defcomm:participant_id", this.myId);
-      }
-    } catch {
-    }
+    this.myId = options.participantId;
   }
   emitError(code, message, raw, recoverable = true) {
     const err = {
@@ -1611,7 +1634,7 @@ var VideoSDKCore = class {
       message,
       raw,
       roomId: this.room.id,
-      userId: this.myId,
+      participantId: this.myId,
       recoverable
     };
     this.events.onError?.(err);
@@ -1671,7 +1694,7 @@ var VideoSDKCore = class {
     const client = this.sfuClient ?? new SFUClient({
       apiBase: this.apiBase,
       wsBase: this.wsBase,
-      userId: this.myId
+      participantId: this.myId
     });
     return client.createRoom(input);
   }
@@ -1679,7 +1702,7 @@ var VideoSDKCore = class {
     const client = this.sfuClient ?? new SFUClient({
       apiBase: this.apiBase,
       wsBase: this.wsBase,
-      userId: this.myId
+      participantId: this.myId
     });
     return client.getRoom(roomCode);
   }
@@ -1687,29 +1710,23 @@ var VideoSDKCore = class {
     const client = this.sfuClient ?? new SFUClient({
       apiBase: this.apiBase,
       wsBase: this.wsBase,
-      userId: this.myId
+      participantId: this.myId
     });
     return client.deleteRoom(roomCode);
   }
   // JOIN
   async joinMeeting(config) {
-    const {
-      roomId,
-      name,
-      audioMuted = false,
-      videoMuted = false,
-      userId
-    } = config;
+    const { roomId, name, audioMuted = false, videoMuted = false } = config;
     if (!roomId || !name) {
       throw new Error("roomId and name are required to join meeting");
     }
-    if (userId) {
-      this.myId = userId;
+    if (!this.myId) {
+      throw new Error("participantId is required");
     }
     if (this.sfuClient && this.room.id === roomId && this.sfuClient.getConnectionState() === "connected") {
       console.info("[SDK] Already connected; duplicate join ignored", {
         roomId,
-        userId: this.myId
+        participantId: this.myId
       });
       return;
     }
@@ -1718,7 +1735,7 @@ var VideoSDKCore = class {
         "[SDK] Join already in progress; waiting for existing join",
         {
           roomId,
-          userId: this.myId
+          participantId: this.myId
         }
       );
       return this.joinPromise;
@@ -1780,7 +1797,7 @@ var VideoSDKCore = class {
     const client = new SFUClient({
       apiBase: this.apiBase,
       wsBase: this.wsBase,
-      userId: this.myId,
+      participantId: this.myId,
       autoSubscribe: true,
       // CONNECTION STATE
       onStateChange: (state) => {
@@ -1804,7 +1821,7 @@ var VideoSDKCore = class {
         console.log("[SFU] Join request pending", info);
         this.events.onEntryRequested?.({
           requestId: info.request_id,
-          userId: this.myId,
+          participantId: this.myId,
           name: this.participantName
         });
       },
@@ -1841,14 +1858,14 @@ var VideoSDKCore = class {
       },
       onJoinRequested: (request) => {
         const requestId = request?.request_id || request?.requestId;
-        const userId = request?.user_id || request?.userId;
+        const participantId = request?.user_id || request?.participantId;
         const nameValue = request?.user_metadata?.name || request?.display_name || request?.name || "Participant";
-        if (!requestId || !userId) {
+        if (!requestId || !participantId) {
           return;
         }
         this.events.onEntryRequested?.({
           requestId,
-          userId,
+          participantId,
           name: nameValue
         });
       },
@@ -1975,11 +1992,18 @@ var VideoSDKCore = class {
       },
       // SCREEN SHARE
       onScreenShareStarted: (participantId, _track) => {
+        console.log("[SFU] Screen share started", participantId);
+        this.state.setPresenterId(participantId);
         if (participantId === this.myId) {
+          this.state.updateLocalParticipant({
+            media: {
+              isScreenSharing: true,
+              screenStream: this.screenStream,
+              screenTrack: this.screenStream?.getVideoTracks()[0]
+            }
+          });
           return;
         }
-        console.log("[SFU] Screen share started", participantId);
-        this.state.setPresenterId(participantId);
         const current = this.state.getParticipant(participantId);
         if (current) {
           this.state.updateParticipantMedia(participantId, {
@@ -1989,7 +2013,17 @@ var VideoSDKCore = class {
         }
       },
       onScreenShareStopped: (participantId) => {
+        if (this.state.presenterId === participantId) {
+          this.state.setPresenterId(null);
+        }
         if (participantId === this.myId) {
+          this.state.updateLocalParticipant({
+            media: {
+              isScreenSharing: false,
+              screenStream: null,
+              screenTrack: void 0
+            }
+          });
           return;
         }
         const screen = this.remoteScreenStreams.get(participantId);
@@ -2005,6 +2039,10 @@ var VideoSDKCore = class {
       // ERROR
       onError: (error) => {
         console.error("[SFU] Error:", error);
+        if (error?.code === "request_failed" || error?.code === "authorization") {
+          this.emitError("PERMISSION_DENIED", error.message, error, false);
+          return;
+        }
         this.emitError(
           "SFU_ERROR",
           error?.message || String(error),
@@ -2017,7 +2055,7 @@ var VideoSDKCore = class {
     client.setLocalStream(this.localStream);
     await client.getToken(roomId, {
       displayName: name,
-      userId: this.myId
+      participantId: this.myId
     });
   }
   // SFU STATE
@@ -2339,6 +2377,7 @@ var MeetingProvider = ({
   );
   if (!sdkRef.current) {
     sdkRef.current = new VideoSDKCore({
+      participantId: config.participantId,
       onError: (err) => errorListeners.current.forEach((fn) => fn(err)),
       onEntryRequested: (req) => entryRequestListeners.current.forEach((fn) => fn(req)),
       onEntryResponded: (p, d) => entryResponseListeners.current.forEach((fn) => fn(p, d)),
@@ -2375,13 +2414,6 @@ var MeetingProvider = ({
     (s) => s.getChatMessages()
   );
   const value = useMemo(() => {
-    if (!sdkRef.current) {
-      sdkRef.current = new VideoSDKCore({
-        onError: (err) => {
-          errorListeners.current.forEach((fn) => fn(err));
-        }
-      });
-    }
     return {
       sdk,
       join: (joinConfig) => sdk.joinMeeting({
@@ -2613,7 +2645,7 @@ var useRemoteMedia = (participantId) => {
 
 // src/react/useMeetingPreview.ts
 import { useEffect as useEffect6, useState as useState5 } from "react";
-function useMeetingPreview(roomId, userId) {
+function useMeetingPreview(roomId, participantId) {
   const [room, setRoom] = useState5(null);
   const [error, setError] = useState5(null);
   const [isConnected, setIsConnected] = useState5(false);
@@ -2672,7 +2704,7 @@ function useMeetingPreview(roomId, userId) {
       stopped = true;
       if (timer) clearTimeout(timer);
     };
-  }, [roomId, userId]);
+  }, [roomId, participantId]);
   return {
     room,
     isConnected,