Change ts-client-sdk to branch debug_reconnect

Author: Rados13

assets/package-lock.json

@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@fishjam-dev/react-client": "github:fishjam-dev/react-client-sdk#reconnet-on-network-change",
+    "@fishjam-dev/ts-client": "github:fishjam-dev/ts-client-sdk#debug_reconnect",
     "@mediapipe/tasks-vision": "^0.10.12",
     "axios": "^1.6.8",
     "chartist": "^1.3.0",

assets/package.json

@@ -67,22 +67,22 @@ export const StreamingErrorBoundary: FC<PropsWithChildren> = ({ children }) => {
       }, 2000);
     };
 
-    const onSocketError: ClientEvents<PeerMetadata, TrackMetadata>["socketError"] = (error: Event) => {
-      console.warn(error);
-      handleError(`Socket error occurred.`, "onSocketError");
-    };
-
-    const onConnectionError: ClientEvents<PeerMetadata, TrackMetadata>["connectionError"] = (error, client) => {
-      if (client.isReconnecting()) {
-        console.log("%c" + "During reconnection: connectionError %o", "color:gray", {
-          error,
-          iceConnectionState: error?.event?.target?.["iceConnectionState"]
-        });
-      } else {
-        console.warn({ error, state: error?.event?.target?.["iceConnectionState"] });
-        handleError(`Connection error occurred. ${error?.message ?? ""}`);
-      }
-    };
+    // const onSocketError: ClientEvents<PeerMetadata, TrackMetadata>["socketError"] = (error: Event) => {
+    //   console.warn(error);
+    //   handleError(`Socket error occurred.`, "onSocketError");
+    // };
+
+    // const onConnectionError: ClientEvents<PeerMetadata, TrackMetadata>["connectionError"] = (error, client) => {
+    //   if (client.isReconnecting()) {
+    //     console.log("%c" + "During reconnection: connectionError %o", "color:gray", {
+    //       error,
+    //       iceConnectionState: error?.event?.target?.["iceConnectionState"]
+    //     });
+    //   } else {
+    //     console.warn({ error, state: error?.event?.target?.["iceConnectionState"] });
+    //     handleError(`Connection error occurred. ${error?.message ?? ""}`);
+    //   }
+    // };
 
     const onJoinError: ClientEvents<PeerMetadata, TrackMetadata>["joinError"] = (event) => {
       console.log(event);
@@ -110,8 +110,8 @@ export const StreamingErrorBoundary: FC<PropsWithChildren> = ({ children }) => {
     client.on("reconnected", onReconnected);
     client.on("reconnectionRetriesLimitReached", onReconnectionRetriesLimitReached);
 
-    client.on("socketError", onSocketError);
-    client.on("connectionError", onConnectionError);
+    // client.on("socketError", onSocketError);
+    // client.on("connectionError", onConnectionError);
     client.on("joinError", onJoinError);
     client.on("authError", onAuthError);
     client.on("socketClose", onSocketClose);
@@ -121,8 +121,8 @@ export const StreamingErrorBoundary: FC<PropsWithChildren> = ({ children }) => {
       client.off("reconnected", onReconnected);
       client.off("reconnectionRetriesLimitReached", onReconnectionRetriesLimitReached);
 
-      client.off("socketError", onSocketError);
-      client.off("connectionError", onConnectionError);
+      // client.off("socketError", onSocketError);
+      // client.off("connectionError", onConnectionError);
       client.off("joinError", onJoinError);
       client.off("authError", onAuthError);
       client.off("socketClose", onSocketClose);