diagnosis of the reconnection problem not receiving events

packages/desktop/src/controller/lineDataProvider.tsx

@@ -35,29 +35,30 @@ function useSocketHandler(linesData: MasterLineData[]) {
   /**
    * handle ws connection
    */
+
+  // ! POTENTIAL DIAGNOSIS with socket reconnections on electron idle causing
+  // no more event listeners being fired off: potentially because the listeners were for an older manager or instance
+  // so when the client reconnects, with another instance,
+
   useEffect(() => {
     $ws = io("http://localhost:5000", {
       query: { token: jwtToken },
+      transports: ["websocket"],
+      upgrade: false,
+      forceNew: true,
+      reconnection: false, // ! TESTING THE PROBLEM WITH RECONNECTION CLIENT LISTENERS NOT ACTIVATING
     });
 
-    $ws.on("connect", () => toast.success("you are connected"));
-
-    // client-side errors
-    $ws.on("connect_error", (err) => {
-      console.error(err.message); // prints the message associated with the error
-      toast.error("sorry...this is our bad...please refresh with cmd + r");
-
-      // force refetch of server status as well as these generally go hand in hand
-
-      // this should overall remount this component currently which is what we want for new data
-      queryClient.invalidateQueries("SERVER_CHECK");
-    });
-  }, []);
+    $ws.on("connect", () => {
+      console.log(
+        "SOCKETS | CLIENT CONNECTED in socket handler, setting up client side listeners for requests"
+      );
+      toast.success("you are connected");
 
       /**
        * initiate listeners
        */
-  useEffect(() => {
+
       /**
        * TODO: P0 : notified that someone else added me to a line they created
        */
@@ -190,7 +191,28 @@ function useSocketHandler(linesData: MasterLineData[]) {
           });
         }
       );
-  }, [setLinesMap]);
+    });
+
+    $ws.io.on("close", () => {
+      console.error(
+        "there was a problem with your app...connection closed likely due to idling"
+      );
+      toast.error(
+        "SOCKETS | connection closed with websockets!!!! either reload app or manually reconnect here"
+      );
+    });
+
+    // client-side errors
+    $ws.on("connect_error", (err) => {
+      console.error(`SOCKETS | ${err.message}`); // prints the message associated with the error
+      toast.error("sorry...this is our bad...please refresh with cmd + r");
+
+      // force refetch of server status as well as these generally go hand in hand
+
+      // this should overall remount this component currently which is what we want for new data
+      queryClient.invalidateQueries("SERVER_CHECK");
+    });
+  }, []);
 
   /** handle initial data coming in and creating the initial line map
    * and doing initial connections/tune ins ?could trigger this later?