@openhands/agent-canvas 1.0.0-rc.11 → 1.0.0-rc.12

package/dist/hooks/use-websocket.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-websocket.cjs","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [messages, setMessages] = React.useState<T[]>([]);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      setMessages((prev) => [...prev, event.data]);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    messages,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-websocket.cjs","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/use-websocket.d.ts

@@ -12,7 +12,6 @@ export interface WebSocketHookOptions {
 export declare const useWebSocket: <T = string>(url: string, options?: WebSocketHookOptions) => {
     isConnected: boolean;
     lastMessage: T | null;
-    messages: T[];
     error: Error | null;
     socket: WebSocket | null;
     sendMessage: (data: string | Blob | BufferSource) => void;

package/dist/hooks/use-websocket.js

@@ -1,60 +1,59 @@
 import e from "react";
 //#region src/hooks/use-websocket.ts
 var t = (t, n) => {
-	let [r, i] = e.useState(!1), [a, o] = e.useState(null), [s, c] = e.useState([]), [l, u] = e.useState(null), [d, f] = e.useState(!1), p = e.useRef(null), m = e.useRef(0), h = e.useRef(null), g = e.useRef(!0), _ = e.useRef(/* @__PURE__ */ new WeakSet()), v = e.useRef(n);
+	let [r, i] = e.useState(!1), [a, o] = e.useState(null), [s, c] = e.useState(null), [l, u] = e.useState(!1), d = e.useRef(null), f = e.useRef(0), p = e.useRef(null), m = e.useRef(!0), h = e.useRef(/* @__PURE__ */ new WeakSet()), g = e.useRef(n);
 	e.useEffect(() => {
-		v.current = n;
+		g.current = n;
 	}, [n]);
-	let y = e.useCallback(() => {
+	let _ = e.useCallback(() => {
 		let e = t;
-		if (v.current?.queryParams) {
-			let n = Object.entries(v.current.queryParams).reduce((e, [t, n]) => (e[t] = String(n), e), {});
+		if (g.current?.queryParams) {
+			let n = Object.entries(g.current.queryParams).reduce((e, [t, n]) => (e[t] = String(n), e), {});
 			e = `${t}?${new URLSearchParams(n).toString()}`;
 		}
 		let n = new WebSocket(e);
-		p.current = n, _.current.add(n), n.onopen = (e) => {
-			i(!0), u(null), f(!1), m.current = 0, v.current?.onOpen?.(e);
+		d.current = n, h.current.add(n), n.onopen = (e) => {
+			i(!0), c(null), u(!1), f.current = 0, g.current?.onOpen?.(e);
 		}, n.onmessage = (e) => {
-			o(e.data), c((t) => [...t, e.data]), v.current?.onMessage?.(e);
+			o(e.data), g.current?.onMessage?.(e);
 		}, n.onclose = (e) => {
-			let t = _.current.has(n);
-			i(!1), e.code !== 1e3 && (u(/* @__PURE__ */ Error(`WebSocket closed with code ${e.code}: ${e.reason || "Connection closed unexpectedly"}`)), t && v.current?.onError?.(e)), v.current?.onClose?.(e);
-			let r = v.current?.reconnect?.enabled ?? !1, a = v.current?.reconnect?.maxAttempts ?? Infinity;
-			r && t && g.current && m.current < a ? (f(!0), m.current += 1, h.current = setTimeout(() => {
-				y();
-			}, 3e3)) : f(!1);
+			let t = h.current.has(n);
+			i(!1), e.code !== 1e3 && (c(/* @__PURE__ */ Error(`WebSocket closed with code ${e.code}: ${e.reason || "Connection closed unexpectedly"}`)), t && g.current?.onError?.(e)), g.current?.onClose?.(e);
+			let r = g.current?.reconnect?.enabled ?? !1, a = g.current?.reconnect?.maxAttempts ?? Infinity;
+			r && t && m.current && f.current < a ? (u(!0), f.current += 1, p.current = setTimeout(() => {
+				_();
+			}, 3e3)) : u(!1);
 		}, n.onerror = (e) => {
-			i(!1), v.current?.onError?.(e);
+			i(!1), g.current?.onError?.(e);
 		};
 	}, [t]);
-	e.useEffect(() => (g.current = !0, m.current = 0, t && t.trim() !== "" && y(), () => {
-		if (g.current = !1, h.current &&= (clearTimeout(h.current), null), p.current) {
-			let { readyState: e } = p.current;
-			_.current.delete(p.current), (e === WebSocket.CONNECTING || e === WebSocket.OPEN) && p.current.close(), p.current = null;
+	e.useEffect(() => (m.current = !0, f.current = 0, t && t.trim() !== "" && _(), () => {
+		if (m.current = !1, p.current &&= (clearTimeout(p.current), null), d.current) {
+			let { readyState: e } = d.current;
+			h.current.delete(d.current), (e === WebSocket.CONNECTING || e === WebSocket.OPEN) && d.current.close(), d.current = null;
 		}
-	}), [t, y]);
-	let b = e.useCallback((e) => {
-		p.current?.readyState === WebSocket.OPEN && p.current.send(e);
-	}, []), x = e.useCallback(() => {
-		g.current = !1, f(!1), h.current &&= (clearTimeout(h.current), null), p.current && (_.current.delete(p.current), p.current.close());
-	}, []), S = e.useCallback(() => {
-		if (g.current = !0, m.current = 0, f(!0), u(null), h.current &&= (clearTimeout(h.current), null), p.current) {
-			let e = p.current;
-			_.current.delete(e), p.current = null, (e.readyState === WebSocket.CONNECTING || e.readyState === WebSocket.OPEN) && e.close();
+	}), [t, _]);
+	let v = e.useCallback((e) => {
+		d.current?.readyState === WebSocket.OPEN && d.current.send(e);
+	}, []), y = e.useCallback(() => {
+		m.current = !1, u(!1), p.current &&= (clearTimeout(p.current), null), d.current && (h.current.delete(d.current), d.current.close());
+	}, []), b = e.useCallback(() => {
+		if (m.current = !0, f.current = 0, u(!0), c(null), p.current &&= (clearTimeout(p.current), null), d.current) {
+			let e = d.current;
+			h.current.delete(e), d.current = null, (e.readyState === WebSocket.CONNECTING || e.readyState === WebSocket.OPEN) && e.close();
 		}
-		y();
-	}, [y]);
+		_();
+	}, [_]);
 	return {
 		isConnected: r,
 		lastMessage: a,
-		messages: s,
-		error: l,
-		socket: p.current,
-		sendMessage: b,
-		isReconnecting: d,
-		attemptCount: m.current,
-		disconnect: x,
-		reconnect: S
+		error: s,
+		socket: d.current,
+		sendMessage: v,
+		isReconnecting: l,
+		attemptCount: f.current,
+		disconnect: y,
+		reconnect: b
 	};
 };
 //#endregion

package/dist/hooks/use-websocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-websocket.js","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [messages, setMessages] = React.useState<T[]>([]);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      setMessages((prev) => [...prev, event.data]);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    messages,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":";;AAcA,IAAa,KACX,GACA,MACG;CACH,IAAM,CAAC,GAAa,KAAkB,EAAM,SAAS,GAAM,EACrD,CAAC,GAAa,KAAkB,EAAM,SAAmB,KAAK,EAC9D,CAAC,GAAU,KAAe,EAAM,SAAc,EAAE,CAAC,EACjD,CAAC,GAAO,KAAY,EAAM,SAAuB,KAAK,EACtD,CAAC,GAAgB,KAAqB,EAAM,SAAS,GAAM,EAC3D,IAAQ,EAAM,OAAyB,KAAK,EAC5C,IAAkB,EAAM,OAAO,EAAE,EACjC,IAAsB,EAAM,OAA8B,KAAK,EAC/D,IAAqB,EAAM,OAAO,GAAK,EAEvC,IAAwB,EAAM,uBAA2B,IAAI,SAAS,CAAC,EAGvE,IAAa,EAAM,OAAO,EAAQ;AACxC,GAAM,gBAAgB;AACpB,IAAW,UAAU;IACpB,CAAC,EAAQ,CAAC;CAEb,IAAM,IAAmB,EAAM,kBAAkB;EAE/C,IAAI,IAAQ;AACZ,MAAI,EAAW,SAAS,aAAa;GACnC,IAAM,IAAe,OAAO,QAC1B,EAAW,QAAQ,YACpB,CAAC,QACC,GAAK,CAAC,GAAK,QACV,EAAI,KAAO,OAAO,EAAM,EACjB,IAET,EAAE,CACH;AAED,OAAQ,GAAG,EAAI,GAAG,IADC,gBAAgB,EACjB,CAAO,UAAU;;EAGrC,IAAM,IAAK,IAAI,UAAU,EAAM;AA6D/B,EA5DA,EAAM,UAAU,GAEhB,EAAsB,QAAQ,IAAI,EAAG,EAErC,EAAG,UAAU,MAAU;AAKrB,GAJA,EAAe,GAAK,EACpB,EAAS,KAAK,EACd,EAAkB,GAAM,EACxB,EAAgB,UAAU,GAC1B,EAAW,SAAS,SAAS,EAAM;KAGrC,EAAG,aAAa,MAAU;AAGxB,GAFA,EAAe,EAAM,KAAK,EAC1B,GAAa,MAAS,CAAC,GAAG,GAAM,EAAM,KAAK,CAAC,EAC5C,EAAW,SAAS,YAAY,EAAM;KAGxC,EAAG,WAAW,MAAU;GAEtB,IAAM,IAAe,EAAsB,QAAQ,IAAI,EAAG;AAe1D,GAdA,EAAe,GAAM,EAEjB,EAAM,SAAS,QAEjB,EACE,gBAAI,MACF,8BAA8B,EAAM,KAAK,IAAI,EAAM,UAAU,mCAC9D,CACF,EAEG,KACF,EAAW,SAAS,UAAU,EAAM,GAGxC,EAAW,SAAS,UAAU,EAAM;GAIpC,IAAM,IAAmB,EAAW,SAAS,WAAW,WAAW,IAC7D,IACJ,EAAW,SAAS,WAAW,eAAe;AAEhD,GACE,KACA,KACA,EAAmB,WACnB,EAAgB,UAAU,KAE1B,EAAkB,GAAK,EACvB,EAAgB,WAAW,GAE3B,EAAoB,UAAU,iBAAiB;AAC7C,OAAkB;MACjB,IAAK,IAER,EAAkB,GAAM;KAI5B,EAAG,WAAW,MAAU;AAEtB,GADA,EAAe,GAAM,EACrB,EAAW,SAAS,UAAU,EAAM;;IAErC,CAAC,EAAI,CAAC;AAET,GAAM,iBAEJ,EAAmB,UAAU,IAC7B,EAAgB,UAAU,GAGtB,KAAO,EAAI,MAAM,KAAK,MACxB,GAAkB,QAGP;AAUX,MAPA,EAAmB,UAAU,IAE7B,AAEE,EAAoB,aADpB,aAAa,EAAoB,QAAQ,EACX,OAG5B,EAAM,SAAS;GACjB,IAAM,EAAE,kBAAe,EAAM;AAW7B,GARA,EAAsB,QAAQ,OAAO,EAAM,QAAQ,GAGjD,MAAe,UAAU,cACzB,MAAe,UAAU,SAEzB,EAAM,QAAQ,OAAO,EAEvB,EAAM,UAAU;;KAGnB,CAAC,GAAK,EAAiB,CAAC;CAE3B,IAAM,IAAc,EAAM,aACvB,MAAuC;AACtC,EAAI,EAAM,SAAS,eAAe,UAAU,QAC1C,EAAM,QAAQ,KAAK,EAAK;IAG5B,EAAE,CACH,EAEK,IAAa,EAAM,kBAAkB;AAOzC,EANA,EAAmB,UAAU,IAC7B,EAAkB,GAAM,EACxB,AAEE,EAAoB,aADpB,aAAa,EAAoB,QAAQ,EACX,OAE5B,EAAM,YAER,EAAsB,QAAQ,OAAO,EAAM,QAAQ,EACnD,EAAM,QAAQ,OAAO;IAEtB,EAAE,CAAC,EAEA,IAAY,EAAM,kBAAkB;AAWxC,MAVA,EAAmB,UAAU,IAC7B,EAAgB,UAAU,GAC1B,EAAkB,GAAK,EACvB,EAAS,KAAK,EAEd,AAEE,EAAoB,aADpB,aAAa,EAAoB,QAAQ,EACX,OAG5B,EAAM,SAAS;GACjB,IAAM,IAAK,EAAM;AAGjB,GAFA,EAAsB,QAAQ,OAAO,EAAG,EACxC,EAAM,UAAU,OAEd,EAAG,eAAe,UAAU,cAC5B,EAAG,eAAe,UAAU,SAE5B,EAAG,OAAO;;AAId,KAAkB;IACjB,CAAC,EAAiB,CAAC;AAEtB,QAAO;EACL;EACA;EACA;EACA;EACA,QAAQ,EAAM;EACd;EACA;EACA,cAAc,EAAgB;EAC9B;EACA;EACD"}
+{"version":3,"file":"use-websocket.js","names":[],"sources":["../../src/hooks/use-websocket.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface WebSocketHookOptions {\n  queryParams?: Record<string, string | boolean>;\n  onOpen?: (event: Event) => void;\n  onClose?: (event: CloseEvent) => void;\n  onMessage?: (event: MessageEvent) => void;\n  onError?: (event: Event) => void;\n  reconnect?: {\n    enabled?: boolean;\n    maxAttempts?: number;\n  };\n}\n\nexport const useWebSocket = <T = string>(\n  url: string,\n  options?: WebSocketHookOptions,\n) => {\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [lastMessage, setLastMessage] = React.useState<T | null>(null);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isReconnecting, setIsReconnecting] = React.useState(false);\n  const wsRef = React.useRef<WebSocket | null>(null);\n  const attemptCountRef = React.useRef(0);\n  const reconnectTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n  const shouldReconnectRef = React.useRef(true); // Only set to false by disconnect()\n  // Track which WebSocket instances are allowed to reconnect using a WeakSet\n  const allowedToReconnectRef = React.useRef<WeakSet<WebSocket>>(new WeakSet());\n\n  // Store options in a ref to avoid reconnecting when callbacks change\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const connectWebSocket = React.useCallback(() => {\n    // Build URL with query parameters if provided\n    let wsUrl = url;\n    if (optionsRef.current?.queryParams) {\n      const stringParams = Object.entries(\n        optionsRef.current.queryParams,\n      ).reduce(\n        (acc, [key, value]) => {\n          acc[key] = String(value);\n          return acc;\n        },\n        {} as Record<string, string>,\n      );\n      const params = new URLSearchParams(stringParams);\n      wsUrl = `${url}?${params.toString()}`;\n    }\n\n    const ws = new WebSocket(wsUrl);\n    wsRef.current = ws;\n    // Mark this WebSocket instance as allowed to reconnect\n    allowedToReconnectRef.current.add(ws);\n\n    ws.onopen = (event) => {\n      setIsConnected(true);\n      setError(null); // Clear any previous errors\n      setIsReconnecting(false);\n      attemptCountRef.current = 0; // Reset attempt count on successful connection\n      optionsRef.current?.onOpen?.(event);\n    };\n\n    ws.onmessage = (event) => {\n      setLastMessage(event.data);\n      optionsRef.current?.onMessage?.(event);\n    };\n\n    ws.onclose = (event) => {\n      // Check if this specific WebSocket instance is allowed to reconnect\n      const canReconnect = allowedToReconnectRef.current.has(ws);\n      setIsConnected(false);\n      // If the connection closes with an error code, treat it as an error\n      if (event.code !== 1000) {\n        // 1000 is normal closure\n        setError(\n          new Error(\n            `WebSocket closed with code ${event.code}: ${event.reason || \"Connection closed unexpectedly\"}`,\n          ),\n        );\n        // Also call onError handler for error closures (only if allowed to reconnect)\n        if (canReconnect) {\n          optionsRef.current?.onError?.(event);\n        }\n      }\n      optionsRef.current?.onClose?.(event);\n\n      // Attempt reconnection if enabled and allowed\n      // IMPORTANT: Only reconnect if this specific instance is allowed to reconnect\n      const reconnectEnabled = optionsRef.current?.reconnect?.enabled ?? false;\n      const maxAttempts =\n        optionsRef.current?.reconnect?.maxAttempts ?? Infinity;\n\n      if (\n        reconnectEnabled &&\n        canReconnect &&\n        shouldReconnectRef.current &&\n        attemptCountRef.current < maxAttempts\n      ) {\n        setIsReconnecting(true);\n        attemptCountRef.current += 1;\n\n        reconnectTimeoutRef.current = setTimeout(() => {\n          connectWebSocket();\n        }, 3000); // 3 second delay\n      } else {\n        setIsReconnecting(false);\n      }\n    };\n\n    ws.onerror = (event) => {\n      setIsConnected(false);\n      optionsRef.current?.onError?.(event);\n    };\n  }, [url]);\n\n  React.useEffect(() => {\n    // Reset shouldReconnect flag and attempt count when creating a new connection\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n\n    // Only attempt connection if we have a valid URL\n    if (url && url.trim() !== \"\") {\n      connectWebSocket();\n    }\n\n    return () => {\n      // Disable reconnection on unmount to prevent reconnection attempts\n      // This must be set BEFORE closing the socket, so the onclose handler sees it\n      shouldReconnectRef.current = false;\n      // Clear any pending reconnection timeouts\n      if (reconnectTimeoutRef.current) {\n        clearTimeout(reconnectTimeoutRef.current);\n        reconnectTimeoutRef.current = null;\n      }\n      // Close the WebSocket connection\n      if (wsRef.current) {\n        const { readyState } = wsRef.current;\n        // Remove this WebSocket from the allowed list BEFORE closing\n        // so its onclose handler won't try to reconnect\n        allowedToReconnectRef.current.delete(wsRef.current);\n        // Only close if not already closed/closing\n        if (\n          readyState === WebSocket.CONNECTING ||\n          readyState === WebSocket.OPEN\n        ) {\n          wsRef.current.close();\n        }\n        wsRef.current = null;\n      }\n    };\n  }, [url, connectWebSocket]);\n\n  const sendMessage = React.useCallback(\n    (data: string | Blob | BufferSource) => {\n      if (wsRef.current?.readyState === WebSocket.OPEN) {\n        wsRef.current.send(data);\n      }\n    },\n    [],\n  );\n\n  const disconnect = React.useCallback(() => {\n    shouldReconnectRef.current = false;\n    setIsReconnecting(false);\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n    if (wsRef.current) {\n      // Remove from allowed list before closing\n      allowedToReconnectRef.current.delete(wsRef.current);\n      wsRef.current.close();\n    }\n  }, []);\n\n  const reconnect = React.useCallback(() => {\n    shouldReconnectRef.current = true;\n    attemptCountRef.current = 0;\n    setIsReconnecting(true);\n    setError(null);\n\n    if (reconnectTimeoutRef.current) {\n      clearTimeout(reconnectTimeoutRef.current);\n      reconnectTimeoutRef.current = null;\n    }\n\n    if (wsRef.current) {\n      const ws = wsRef.current;\n      allowedToReconnectRef.current.delete(ws);\n      wsRef.current = null;\n      if (\n        ws.readyState === WebSocket.CONNECTING ||\n        ws.readyState === WebSocket.OPEN\n      ) {\n        ws.close();\n      }\n    }\n\n    connectWebSocket();\n  }, [connectWebSocket]);\n\n  return {\n    isConnected,\n    lastMessage,\n    error,\n    socket: wsRef.current,\n    sendMessage,\n    isReconnecting,\n    attemptCount: attemptCountRef.current,\n    disconnect,\n    reconnect,\n  };\n};\n"],"mappings":"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"}