maybe working full?

services/agoraService.ts

@@ -1,22 +1,94 @@
-import {
+import AgoraRTC, {
   ClientConfig,
   IAgoraRTCRemoteUser,
   ICameraVideoTrack,
   IMicrophoneAudioTrack,
 } from "agora-rtc-sdk-ng";
-import {
-  AgoraVideoPlayer,
-  createClient,
-  createMicrophoneAndCameraTracks,
-  createMicrophoneAudioTrack,
-} from "agora-rtc-react";
+// import {
+//   AgoraVideoPlayer,
+//   createClient,
+//   createMicrophoneAndCameraTracks,
+//   createMicrophoneAudioTrack,
+// } from "agora-rtc-react";
+import { getFunctions, httpsCallable } from "firebase/functions";
+import toast from "react-hot-toast";
 
 const config: ClientConfig = {
   mode: "rtc",
   codec: "vp8",
 };
-const useClient = createClient(config);
-const useMicrophoneTracks = createMicrophoneAudioTrack();
+
+// const useClient = createClient(config);
+// const useMicrophoneTracks = createMicrophoneAudioTrack();
 
 // TODO: move this to env file
 const appId: string = "c8dfd65deb5c4741bd564085627139d0"; //ENTER APP ID HERE
+
+export default class AgoraService {
+  private functions = getFunctions();
+  // private rtcClient = useClient();
+
+  async getAgoraToken(channelName: string): Promise<string> {
+    const cfResult = httpsCallable(this.functions, "agoraToken");
+
+    return await cfResult({ channelName })
+      .then((result: { data: { token: string } }) => {
+        const data = result.data;
+
+        if (!data.token) {
+          throw new Error("No token retrieved from agora");
+        }
+
+        return data.token;
+      })
+      .catch((error) => {
+        // Getting the Error details.
+        const code = error.code;
+        const message = error.message;
+        const details = error.details;
+        throw error;
+      });
+  }
+
+  // async handleJoinChannel(channelName: string, agoraToken: string) {
+  //   const localTrack: IMicrophoneAudioTrack =
+  //     await AgoraRTC.createMicrophoneAudioTrack();
+
+  //   let init = async (name: string) => {
+  //     this.rtcClient.on("user-published", async (user, mediaType) => {
+  //       await this.rtcClient.subscribe(user, mediaType);
+  //       console.log("subscribe success");
+
+  //       if (mediaType === "audio") {
+  //         user.audioTrack?.play();
+  //       }
+  //     });
+
+  //     this.rtcClient.on("user-unpublished", async (user, type) => {
+  //       console.log("unpublished", user, type);
+  //       if (type === "audio") {
+  //         user.audioTrack?.stop();
+  //       }
+
+  //       await this.rtcClient.unsubscribe(user);
+  //     });
+
+  //     this.rtcClient.on("user-left", (user) => {
+  //       console.log("user left", user);
+  //     });
+
+  //     await this.rtcClient.join(appId, name, agoraToken, null);
+  //     if (localTrack) await this.rtcClient.publish(localTrack);
+  //   };
+
+  //   if (localTrack) {
+  //     console.log("init ready");
+  //     init(channelName);
+  //   } else {
+  //     toast.error("Not ready for joining call");
+  //     return;
+  //   }
+  // }
+}
+
+export { appId };

services/officeRoomService.tsx

@@ -10,17 +10,14 @@ import {
   writeBatch,
 } from "firebase/firestore";
 import OfficeRoom, { OfficeRoomState } from "../models/officeRoom";
+// import AgoraService from "./agoraService";
 import { Collections } from "./collections";
-import { getFunctions, httpsCallable } from "firebase/functions";
-
-interface IAgoraTokenResult {
-  data: { token: string };
-}
 
 export default class OfficeRoomService {
   private db: Firestore = getFirestore();
   private batch = writeBatch(this.db);
-  private functions = getFunctions();
+
+  // private agoraService = new AgoraService();
 
   async createInitialOfficeRooms(createdByUserId: string, teamId: string) {
     const entrance = new OfficeRoom("Entrance", teamId, createdByUserId);
@@ -51,47 +48,16 @@ export default class OfficeRoomService {
     await this.batch.commit();
   }
 
-  // async createOrUpdateRoom(room: Room) {
-  //   if (room.id) {
-  //     //update
-  //     await this.updateRoom(room);
-  //   } else {
-  //     //create
-  //     const roomDocRef = await addDoc(collection(this.db, Collections.rooms), {
-  //       ...room,
-  //       createdDate: serverTimestamp(),
-  //     });
-  //   }
-  // }
+  async joinOfficeRoom(officeRoom: OfficeRoom, userId: string) {
+    // get agoraToken
+    // const agoraToken = await this.agoraService.getAgoraToken();
 
-  async getAgoraToken(): Promise<string> {
-    // const agoraToken = await fetch("/api/agora/token", {
-    //   method: "post",
-    //   headers: {
-    //     "Content-Type": "application/json",
-    //   },
-    //   body: JSON.stringify({ channelName: "testChannel" }),
-    // });
+    // join channel
+    // await this.agoraService.handleJoinChannel(officeRoom.id, agoraToken);
 
-    const cfResult = httpsCallable(this.functions, "agoraToken");
-
-    return await cfResult({ channelName: "testChannel" })
-      .then((result: IAgoraTokenResult) => {
-        const data = result.data;
-
-        if (!data.token) {
-          throw new Error("No token retrieved from agora");
-        }
-
-        return data.token;
-      })
-      .catch((error) => {
-        // Getting the Error details.
-        const code = error.code;
-        const message = error.message;
-        const details = error.details;
-        throw error;
-      });
+    // update members list in firestore
+    const newMembers = [...officeRoom.members, userId];
+    await this.updateMembersInOfficeRoom(officeRoom.id, newMembers);
   }
 
   async updateMembersInOfficeRoom(