@defcomm/meetingsdk 0.4.5 → 0.4.7

package/dist/index.mjs

@@ -2,7 +2,13 @@
 import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 
 // src/react/MeetingProvider.tsx
-import { createContext, useContext, useMemo, useRef, useState as useState2 } from "react";
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useRef,
+  useState as useState2
+} from "react";
 
 // src/config/ws.ts
 var SDK_CONFIG = {
@@ -368,6 +374,9 @@ var SFUClient = class {
     this.publisherRevision = 0;
     this.screenShareGeneration = 0;
     this.currentParticipantId = null;
+    // Provider/application token used for authenticated REST calls.
+    this.authToken = null;
+    // Room/SFU token returned by /token and used for the WebSocket.
     this.token = null;
     this.room = null;
     this.resumeToken = null;
@@ -408,6 +417,7 @@ var SFUClient = class {
     this.apiBase = options.apiBase || "https://api.example.com/api";
     this.wsBase = options.wsBase || "wss://api.example.com/ws";
     this.participantId = options.participantId || this.createId();
+    this.authToken = options.token ?? null;
     this.onStateChange = options.onStateChange || (() => {
     });
     this.onParticipantJoined = options.onParticipantJoined || (() => {
@@ -531,9 +541,14 @@ var SFUClient = class {
     return (++this.requestId).toString();
   }
   async request(url, options = {}) {
+    const headers = new Headers(options.headers);
+    headers.set("Content-Type", "application/json");
+    if (this.authToken) {
+      headers.set("Authorization", `Bearer ${this.authToken}`);
+    }
     const res = await fetch(url, {
-      headers: { "Content-Type": "application/json" },
-      ...options
+      ...options,
+      headers
     });
     if (!res.ok) {
       let body = {};
@@ -541,7 +556,9 @@ var SFUClient = class {
         body = await res.json();
       } catch {
       }
-      throw new Error(body.message || res.statusText);
+      throw new Error(
+        body.message || `Request failed: ${res.status} ${res.statusText}`
+      );
     }
     return res.json();
   }
@@ -1945,6 +1962,7 @@ var VideoSDKCore = class {
       }
     });
     this.myId = options.participantId;
+    this.sfuClient = this.createSFUClient(options.token);
   }
   emitError(code, message, raw, recoverable = true) {
     const err = {
@@ -2009,36 +2027,16 @@ var VideoSDKCore = class {
   }
   // ROOM MANAGEMENT
   async createRoom(input) {
-    const client = this.sfuClient ?? new SFUClient({
-      apiBase: this.apiBase,
-      wsBase: this.wsBase,
-      participantId: this.myId
-    });
-    return client.createRoom(input);
+    return this.sfuClient.createRoom(input);
   }
   async getRoom(roomCode) {
-    const client = this.sfuClient ?? new SFUClient({
-      apiBase: this.apiBase,
-      wsBase: this.wsBase,
-      participantId: this.myId
-    });
-    return client.getRoom(roomCode);
+    return this.sfuClient.getRoom(roomCode);
   }
   async getJoinState(roomCode) {
-    const client = this.sfuClient ?? new SFUClient({
-      apiBase: this.apiBase,
-      wsBase: this.wsBase,
-      participantId: this.myId
-    });
-    return client.getJoinState(roomCode);
+    return this.sfuClient.getJoinState(roomCode);
   }
   async deleteRoom(roomCode) {
-    const client = this.sfuClient ?? new SFUClient({
-      apiBase: this.apiBase,
-      wsBase: this.wsBase,
-      participantId: this.myId
-    });
-    return client.deleteRoom(roomCode);
+    return this.sfuClient.deleteRoom(roomCode);
   }
   // JOIN
   async joinMeeting(config) {
@@ -2104,26 +2102,36 @@ var VideoSDKCore = class {
   }
   // SFU CONNECTION
   async connect(roomId, name) {
-    if (this.sfuClient) {
-      const state = this.sfuClient.getConnectionState();
-      if (this.room.id === roomId && (state === "connecting" || state === "connected" || state === "reconnecting")) {
-        console.info(
-          "[SDK] Existing SFU connection is active; connect ignored",
-          {
-            roomId,
-            state
-          }
-        );
-        return;
-      }
+    if (!this.sfuClient) {
+      throw new Error("SFU client is not initialized");
+    }
+    const state = this.sfuClient.getConnectionState();
+    if (this.room.id === roomId && (state === "connecting" || state === "joining" || state === "waiting_approval" || state === "connected" || state === "reconnecting")) {
+      console.info("[SDK] Existing SFU connection is active; connect ignored", {
+        roomId,
+        state
+      });
+      return;
+    }
+    if (state !== "idle" && state !== "disconnected") {
       throw new Error(
-        `SFU client already exists in state "${state}". Disconnect explicitly before creating another connection.`
+        `SFU client is already active in state "${state}". Leave the current meeting before joining another room.`
       );
     }
-    const client = new SFUClient({
+    this.sfuClient.setLocalStream(this.localStream);
+    await this.sfuClient.getToken(roomId, {
+      displayName: name,
+      participantId: this.myId,
+      audioMuted: !(this.localStream?.getAudioTracks()[0]?.enabled ?? true),
+      videoMuted: !(this.localStream?.getVideoTracks()[0]?.enabled ?? true)
+    });
+  }
+  createSFUClient(token) {
+    return new SFUClient({
       apiBase: this.apiBase,
       wsBase: this.wsBase,
       participantId: this.myId,
+      token,
       autoSubscribe: true,
       // CONNECTION STATE
       onStateChange: (state) => {
@@ -2462,14 +2470,6 @@ var VideoSDKCore = class {
         );
       }
     });
-    this.sfuClient = client;
-    client.setLocalStream(this.localStream);
-    await client.getToken(roomId, {
-      displayName: name,
-      participantId: this.myId,
-      audioMuted: !(this.localStream?.getAudioTracks()[0]?.enabled ?? true),
-      videoMuted: !(this.localStream?.getVideoTracks()[0]?.enabled ?? true)
-    });
   }
   // SFU STATE
   handleSFUState(state) {
@@ -2750,10 +2750,8 @@ var VideoSDKCore = class {
   async performDisconnect() {
     this.intentionalDisconnect = true;
     this.joinPromise = null;
-    const client = this.sfuClient;
-    this.sfuClient = null;
-    if (client) {
-      await client.leave();
+    if (this.sfuClient) {
+      await this.sfuClient.leave();
     }
     if (this.localStream) {
       this.localStream.getTracks().forEach((track) => track.stop());
@@ -2825,7 +2823,8 @@ var MeetingProvider = ({
   if (!sdkRef.current) {
     sdkRef.current = new VideoSDKCore(
       {
-        participantId: config.participantId
+        participantId: config.participantId,
+        token: config.token
       },
       {
         onError: (err) => {
@@ -2949,14 +2948,16 @@ var MeetingProvider = ({
       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
-          }));
+          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) => {