starting socket organizations

2022-05-06 05:28:52 -05:00
parent abf28c8820
commit 0f8902b47d
9 changed files with 177 additions and 219 deletions
@@ -0,0 +1,36 @@
+import React, { useContext } from "react";
+
+import $ws from "./sockets";
+import MasterLineData from "@nirvana/core/models/masterLineData.model";
+import SocketChannels from "@nirvana/core/sockets/channels";
+import { User } from "@nirvana/core/models";
+import { io } from "socket.io-client";
+import { useEffect } from "react";
+import { useUserLines } from "./index";
+
+interface ILineDataContext {
+  // represents the modified and up to date lines data with availability from session
+  lines: MasterLineData[];
+  relevantUsers: User[];
+}
+
+const lineDataContext = React.createContext<ILineDataContext>({
+  lines: [],
+  relevantUsers: [],
+});
+
+export function LineDataProvider() {
+  // persistent store of lines
+  const { data: basicUserLinesData } = useUserLines();
+
+  // connect through ws to enrich basic lines data
+  useEffect(() => {
+    // $ws.on(SocketChannels.CONNECT, );
+  }, [basicUserLinesData]);
+
+  // get updated associations with certain lines
+}
+
+export function useLineDataProvider() {
+  return useContext(lineDataContext);
+}
@@ -1,91 +1,6 @@
-import { useEffect, useState } from "react";
-
 import SocketChannels from "@nirvana/core/sockets/channels";
-import { UserStatus } from "../../../core/models/user.model";
-import { socket } from "../pages/nirvanaApp";
+import { io } from "socket.io-client";

-// import { useGetAllContactBasicDetails } from "./index";
+const $ws = io("http://localhost:5000");

-export default function useSocketData() {
-  // relationshipId's of the conversations where there is someone speaking
-  const [speakingRooms, setSpeakingRooms] = useState<string[]>([]);
-
-  // const { data: allConvosDetsResponse, isFetched } =
-  //   useGetAllContactBasicDetails();
-
-  // useEffect(() => {
-  //   if (allConvosDetsResponse) {
-  //     allConvosDetsResponse.contactsDetails.map((contactDet) => {
-  //       // join the right rooms based on the relevant contacts/conversations returned here
-  //       socket.emit(
-  //         SocketChannels.JOIN_ROOM,
-  //         contactDet.relationship._id.toString()
-  //       );
-  //     });
-  //   }
-  // }, [isFetched]);
-
-  useEffect(() => {
-    socket.on(
-      SocketChannels.SEND_STARTED_SPEAKING,
-      (relationshipId: string) => {
-        console.log(`yayaya someone started speaking in ${relationshipId}!!!!`);
-
-        setSpeakingRooms((prevSpeakingRooms) => [
-          ...prevSpeakingRooms,
-          relationshipId,
-        ]);
-      }
-    );
-
-    socket.on(
-      SocketChannels.SEND_STOPPED_SPEAKING,
-      (relationshipId: string) => {
-        console.log(`stopped speaking in ${relationshipId}!!!!`);
-
-        setSpeakingRooms((prevSpeakingRooms) =>
-          prevSpeakingRooms.filter(
-            (relationshipRoomId) => relationshipRoomId !== relationshipId
-          )
-        );
-      }
-    );
-
-    socket.on(
-      SocketChannels.SEND_AUDIO_CLIP,
-      (relationshipId: string, audioChunks: any) => {
-        console.log(relationshipId);
-        console.log(audioChunks);
-
-        const audioBlob = new Blob(audioChunks);
-        const audioUrl = URL.createObjectURL(audioBlob);
-        const audio = new Audio(audioUrl);
-        audio.play();
-      }
-    );
-
-    socket.on(
-      SocketChannels.SEND_USER_STATUS_UPDATE,
-      (userGoogleId: string, newStatus: UserStatus) => {
-        console.log(`${userGoogleId} updated their status...hmmm`);
-      }
-    );
-
-    return () => {
-      socket.removeAllListeners(SocketChannels.SEND_STARTED_SPEAKING);
-      socket.removeAllListeners(SocketChannels.SEND_STOPPED_SPEAKING);
-      socket.removeAllListeners(SocketChannels.SEND_AUDIO_CLIP);
-      socket.removeAllListeners(SocketChannels.SEND_USER_STATUS_UPDATE);
-    };
-  }, []);
-
-  // todo: go through all content and add in the socket messages
-  // find out which convos have new content for user
-  // sort and get rid of duplicate messages for the clip timeline
-  // set the latest link for the view component
-
-  // sort the conversations according to this:
-  // live -> new messages -> speaking -> incoming requests
-
-  return { speakingRooms };
-}
+export default $ws;