chore(useSyncQueriesExternal): remove unecessary format

Author: Eliel Calebi Nabas da Silveira

src/react-query-external-sync/useMySocket.ts

@@ -1,8 +1,8 @@
-import { useEffect, useRef, useState } from "react";
-import { io as socketIO, Socket } from "socket.io-client";
+import { useEffect, useRef, useState } from 'react';
+import { io as socketIO, Socket } from 'socket.io-client';
 
-import { log } from "./utils/logger";
-import { getPlatformSpecificURL, PlatformOS } from "./platformUtils";
+import { log } from './utils/logger';
+import { getPlatformSpecificURL, PlatformOS } from './platformUtils';
 
 interface Props {
   deviceName: string; // Unique name to identify the device
@@ -16,20 +16,20 @@ interface Props {
    * @default false
    */
   enableLogs?: boolean;
-  /**
+   /**
    * Whether the app is running on a physical device or an emulator/simulator
    * This can affect how the socket URL is constructed, especially on Android
    * @default false
    */
-  isDevice?: boolean; // Whether the app is running on a physical device
+  isDevice?: boolean // Whether the app is running on a physical device
 }
 
 /**
  * Create a singleton socket instance that persists across component renders
  * This way multiple components can share the same socket connection
  */
 let globalSocketInstance: Socket | null = null;
-let currentSocketURL = "";
+let currentSocketURL = '';
 
 /**
  * Hook that handles socket connection for device-dashboard communication
@@ -49,7 +49,7 @@ export function useMySocket({
   envVariables,
   platform,
   enableLogs = false,
-  isDevice = false,
+  isDevice = false
 }: Props) {
   const socketRef = useRef<Socket | null>(null);
   const [socket, setSocket] = useState<Socket | null>(null);
@@ -85,15 +85,11 @@ export function useMySocket({
     };
 
     const onConnectError = (error: Error) => {
-      log(
-        `${logPrefix} Socket connection error: ${error.message}`,
-        enableLogs,
-        "error"
-      );
+      log(`${logPrefix} Socket connection error: ${error.message}`, enableLogs, 'error');
     };
 
     const onConnectTimeout = () => {
-      log(`${logPrefix} Socket connection timeout`, enableLogs, "error");
+      log(`${logPrefix} Socket connection timeout`, enableLogs, 'error');
     };
 
     // Get the platform-specific URL
@@ -113,21 +109,18 @@ export function useMySocket({
             envVariables: JSON.stringify(envVariables),
           },
           reconnection: false,
-          transports: ["websocket"], // Prefer websocket transport for React Native
+          transports: ['websocket'], // Prefer websocket transport for React Native
         });
       } else {
-        log(
-          `${logPrefix} Reusing existing socket instance to ${platformUrl}`,
-          enableLogs
-        );
+        log(`${logPrefix} Reusing existing socket instance to ${platformUrl}`, enableLogs);
       }
 
       socketRef.current = globalSocketInstance;
       setSocket(socketRef.current);
 
       // Setup error event listener
-      socketRef.current.on("connect_error", onConnectError);
-      socketRef.current.on("connect_timeout", onConnectTimeout);
+      socketRef.current.on('connect_error', onConnectError);
+      socketRef.current.on('connect_timeout', onConnectTimeout);
 
       // Check initial connection state
       if (socketRef.current.connected) {
@@ -136,39 +129,31 @@ export function useMySocket({
       }
 
       // Set up event handlers
-      socketRef.current.on("connect", onConnect);
-      socketRef.current.on("disconnect", onDisconnect);
+      socketRef.current.on('connect', onConnect);
+      socketRef.current.on('disconnect', onDisconnect);
 
       // Clean up event listeners on unmount but don't disconnect
       return () => {
         if (socketRef.current) {
           log(`${logPrefix} Cleaning up socket event listeners`, enableLogs);
-          socketRef.current.off("connect", onConnect);
-          socketRef.current.off("disconnect", onDisconnect);
-          socketRef.current.off("connect_error", onConnectError);
-          socketRef.current.off("connect_timeout", onConnectTimeout);
+          socketRef.current.off('connect', onConnect);
+          socketRef.current.off('disconnect', onDisconnect);
+          socketRef.current.off('connect_error', onConnectError);
+          socketRef.current.off('connect_timeout', onConnectTimeout);
           // Don't disconnect socket on component unmount
           // We want it to remain connected for the app's lifetime
         }
       };
     } catch (error) {
-      log(
-        `${logPrefix} Failed to initialize socket: ${error}`,
-        enableLogs,
-        "error"
-      );
+      log(`${logPrefix} Failed to initialize socket: ${error}`, enableLogs, 'error');
     }
     // ## DON'T ADD ANYTHING ELSE TO THE DEPENDENCY ARRAY ###
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [persistentDeviceId]);
 
   // Update the socket query parameters when deviceName changes
   useEffect(() => {
-    if (
-      socketRef.current &&
-      socketRef.current.io.opts.query &&
-      persistentDeviceId
-    ) {
+    if (socketRef.current && socketRef.current.io.opts.query && persistentDeviceId) {
       socketRef.current.io.opts.query = {
         ...socketRef.current.io.opts.query,
         deviceName,
@@ -184,25 +169,15 @@ export function useMySocket({
     const platformUrl = getPlatformSpecificURL(socketURL, platform, isDevice);
 
     // Compare with last known URL to avoid direct property access
-    if (
-      socketRef.current &&
-      currentSocketURL !== platformUrl &&
-      persistentDeviceId
-    ) {
-      log(
-        `${logPrefix} Socket URL changed from ${currentSocketURL} to ${platformUrl}`,
-        enableLogs
-      );
+    if (socketRef.current && currentSocketURL !== platformUrl && persistentDeviceId) {
+      log(`${logPrefix} Socket URL changed from ${currentSocketURL} to ${platformUrl}`, enableLogs);
 
       try {
         // Only recreate socket if URL actually changed
         socketRef.current.disconnect();
         currentSocketURL = platformUrl;
 
-        log(
-          `${logPrefix} Creating new socket connection to ${platformUrl}`,
-          enableLogs
-        );
+        log(`${logPrefix} Creating new socket connection to ${platformUrl}`, enableLogs);
         globalSocketInstance = socketIO(platformUrl, {
           autoConnect: true,
           query: {
@@ -213,29 +188,16 @@ export function useMySocket({
             envVariables: JSON.stringify(envVariables),
           },
           reconnection: false,
-          transports: ["websocket"], // Prefer websocket transport for React Native
+          transports: ['websocket'], // Prefer websocket transport for React Native
         });
 
         socketRef.current = globalSocketInstance;
         setSocket(socketRef.current);
       } catch (error) {
-        log(
-          `${logPrefix} Failed to update socket connection: ${error}`,
-          enableLogs,
-          "error"
-        );
+        log(`${logPrefix} Failed to update socket connection: ${error}`, enableLogs, 'error');
       }
     }
-  }, [
-    socketURL,
-    deviceName,
-    logPrefix,
-    persistentDeviceId,
-    platform,
-    enableLogs,
-    extraDeviceInfo,
-    envVariables,
-  ]);
+  }, [socketURL, deviceName, logPrefix, persistentDeviceId, platform, enableLogs, extraDeviceInfo, envVariables]);
 
   /**
    * Manually connect to the socket server