video-saas-client 0.1.5 → 0.1.7

package/README.md

@@ -8,6 +8,33 @@ Video calling SDK for Video SaaS. Connect to video rooms with token-based authen
 npm install video-saas-client
 ```
 
+## Getting a token
+
+Tokens are generated server-side using [video-saas-admin](https://www.npmjs.com/package/video-saas-admin). Never expose your API key in the browser.
+
+1. **Install the admin package** in your backend:
+   ```bash
+   npm install video-saas-admin
+   ```
+
+2. **Create an API route** that returns a token for a given room (example: Next.js):
+   ```js
+   // app/api/room-token/route.js
+   import { createRoomToken } from "video-saas-admin";
+
+   export async function GET(request) {
+     const roomId = request.nextUrl.searchParams.get("roomId");
+     const token = await createRoomToken(roomId, { apiKey: process.env.VIDEO_SAAS_API_KEY });
+     return Response.json({ token });
+   }
+   ```
+
+3. **Fetch the token** on the frontend before joining:
+   ```jsx
+   const { token } = await fetch(`/api/room-token?roomId=${roomId}`).then(r => r.json());
+   useVideoCall(roomId, { token });
+   ```
+
 ## Usage
 
 ```jsx

package/dist/index.js

@@ -14968,7 +14968,6 @@ function useVideoCall(roomId, options = {}) {
   const sendTransportRef = (0, import_react.useRef)(null);
   const recvTransportRef = (0, import_react.useRef)(null);
   const localStreamRef = (0, import_react.useRef)(null);
-  const videoProducerRef = (0, import_react.useRef)(null);
   const recordingIdsRef = (0, import_react.useRef)({ doctor: null, patient: null });
   (0, import_react.useEffect)(() => {
     if (!roomId) return;
@@ -15045,8 +15044,7 @@ function useVideoCall(roomId, options = {}) {
       }
       setLocalStream(stream);
       for (const track of stream.getTracks()) {
-        const producer = await sendTransport.produce({ track });
-        if (track.kind === "video") videoProducerRef.current = producer;
+        await sendTransport.produce({ track });
       }
       return stream;
     }
@@ -15120,13 +15118,7 @@ function useVideoCall(roomId, options = {}) {
       cancelled = true;
       cleanup();
     };
-  }, [roomId, token]);
-  (0, import_react.useEffect)(() => {
-    if (!videoTrack || !videoProducerRef.current) return;
-    videoProducerRef.current.replaceTrack({ track: videoTrack }).catch((err) => {
-      console.error("[video-saas-client] replaceTrack failed:", err);
-    });
-  }, [videoTrack]);
+  }, [roomId, token, videoTrack]);
   function cleanup() {
     localStreamRef.current?.getTracks().forEach((t) => t.stop());
     sendTransportRef.current?.close();
@@ -15137,7 +15129,6 @@ function useVideoCall(roomId, options = {}) {
     sendTransportRef.current = null;
     recvTransportRef.current = null;
     localStreamRef.current = null;
-    videoProducerRef.current = null;
   }
   function leaveRoom() {
     cleanup();

package/dist/index.mjs

@@ -14960,7 +14960,6 @@ function useVideoCall(roomId, options = {}) {
   const sendTransportRef = useRef(null);
   const recvTransportRef = useRef(null);
   const localStreamRef = useRef(null);
-  const videoProducerRef = useRef(null);
   const recordingIdsRef = useRef({ doctor: null, patient: null });
   useEffect(() => {
     if (!roomId) return;
@@ -15037,8 +15036,7 @@ function useVideoCall(roomId, options = {}) {
       }
       setLocalStream(stream);
       for (const track of stream.getTracks()) {
-        const producer = await sendTransport.produce({ track });
-        if (track.kind === "video") videoProducerRef.current = producer;
+        await sendTransport.produce({ track });
       }
       return stream;
     }
@@ -15112,13 +15110,7 @@ function useVideoCall(roomId, options = {}) {
       cancelled = true;
       cleanup();
     };
-  }, [roomId, token]);
-  useEffect(() => {
-    if (!videoTrack || !videoProducerRef.current) return;
-    videoProducerRef.current.replaceTrack({ track: videoTrack }).catch((err) => {
-      console.error("[video-saas-client] replaceTrack failed:", err);
-    });
-  }, [videoTrack]);
+  }, [roomId, token, videoTrack]);
   function cleanup() {
     localStreamRef.current?.getTracks().forEach((t) => t.stop());
     sendTransportRef.current?.close();
@@ -15129,7 +15121,6 @@ function useVideoCall(roomId, options = {}) {
     sendTransportRef.current = null;
     recvTransportRef.current = null;
     localStreamRef.current = null;
-    videoProducerRef.current = null;
   }
   function leaveRoom() {
     cleanup();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "video-saas-client",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Video calling SDK for Video SaaS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",