diff --git a/src/hooks/use-visibility.ts b/src/hooks/use-visibility.ts index bf8aa9a71a2e26bcca84187fdf00b5b328ba0cc9..31d6d3d735937cca060fa779b60e1e1d97f321a2 100644 --- a/src/hooks/use-visibility.ts +++ b/src/hooks/use-visibility.ts @@ -8,10 +8,17 @@ export const useVisibility = () => { setVisible(document.visibilityState === "visible"); }; + const handleFocus = () => setVisible(true); + const handleClick = () => setVisible(true); + handleVisibilityChange(); + document.addEventListener("focus", handleFocus); + document.addEventListener("pointerdown", handleClick); document.addEventListener("visibilitychange", handleVisibilityChange); return () => { + document.removeEventListener("focus", handleFocus); + document.removeEventListener("pointerdown", handleClick); document.removeEventListener("visibilitychange", handleVisibilityChange); }; }, []); diff --git a/src/hooks/use-websocket.ts b/src/hooks/use-websocket.ts index 1c92e7b24452e7a63e5ca050f186df971a6ae98b..f6b5f3d30f1b4aff8d342127c8ca1c288b399ecf 100644 --- a/src/hooks/use-websocket.ts +++ b/src/hooks/use-websocket.ts @@ -2,12 +2,12 @@ import { useRef } from "react"; export type WsMsgFn = (event: MessageEvent<any>) => void; -interface Options { +export interface WsOptions { errorCount?: number; // default is 5 retryInterval?: number; // default is 2500 } -export const useWebsocket = (onMessage: WsMsgFn, options?: Options) => { +export const useWebsocket = (onMessage: WsMsgFn, options?: WsOptions) => { const wsRef = useRef<WebSocket | null>(null); const timerRef = useRef<any>(null);