@pear-protocol/hyperliquid-sdk 0.1.12 → 0.1.13

package/dist/index.js

@@ -384,19 +384,19 @@ class TokenMetadataExtractor {
         if (!assetCtx) {
             return null;
         }
-        // Get current price - prefer assetCtx.midPx as it's already index-matched,
-        // fall back to allMids lookup if midPx is null
+        // Get current price - prefer allMids (real-time WebSocket data),
+        // fall back to assetCtx.midPx if not available
         const actualSymbol = foundAsset.name;
         let currentPrice = 0;
-        // Fallback: assetCtx.midPx (already properly indexed)
-        if (!currentPrice || isNaN(currentPrice)) {
-            const currentPriceStr = allMids.mids[actualSymbol] || allMids.mids[symbol];
-            currentPrice = currentPriceStr ? parseFloat(currentPriceStr) : 0;
-        }
-        // Primary source: allMids lookup
+        // Fallback: assetCtx.midPx (from REST API, less frequent)
         if (assetCtx.midPx) {
             currentPrice = parseFloat(assetCtx.midPx);
         }
+        // Primary source: allMids (real-time WebSocket data)
+        const currentPriceStr = allMids.mids[actualSymbol] || allMids.mids[symbol];
+        if (currentPriceStr) {
+            currentPrice = parseFloat(currentPriceStr);
+        }
         // Get previous day price
         const prevDayPrice = parseFloat(assetCtx.prevDayPx);
         // Calculate 24h price change
@@ -906,6 +906,7 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
     const reconnectAttemptsRef = useRef(0);
     const manualCloseRef = useRef(false);
     const onUserFillsRef = useRef(onUserFills);
+    const reconnectTimeoutRef = useRef(null);
     const [readyState, setReadyState] = useState(ReadyState.CONNECTING);
     // Keep the ref updated with the latest callback
     useEffect(() => {
@@ -1045,6 +1046,11 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         console.log('[HyperLiquid WS] connect() called, enabled:', enabled);
         if (!enabled)
             return;
+        // Clear any pending reconnect timeout
+        if (reconnectTimeoutRef.current) {
+            clearTimeout(reconnectTimeoutRef.current);
+            reconnectTimeoutRef.current = null;
+        }
         try {
             // Avoid opening multiple sockets if one is already active or connecting
             if (wsRef.current &&
@@ -1070,12 +1076,17 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
             };
             ws.onclose = () => {
                 setReadyState(ReadyState.CLOSED);
-                if (!manualCloseRef.current && reconnectAttemptsRef.current < 5) {
+                // Reset subscription state so effects will resubscribe on reconnect
+                setSubscribedAddress(null);
+                setSubscribedTokens([]);
+                setSubscribedCandleTokens([]);
+                setClearinghouseStateReceived(false);
+                if (!manualCloseRef.current) {
                     reconnectAttemptsRef.current += 1;
-                    if (reconnectAttemptsRef.current === 5) {
-                        console.error('[HyperLiquid WS] Reconnection stopped after 5 attempts');
-                    }
-                    setTimeout(() => connect(), 3000);
+                    // Exponential backoff: 1s, 2s, 4s, 8s, 16s, 30s (max), then stay at 30s
+                    const delay = Math.min(1000 * Math.pow(2, reconnectAttemptsRef.current - 1), 30000);
+                    console.log(`[HyperLiquid WS] Reconnecting in ${delay}ms (attempt ${reconnectAttemptsRef.current})`);
+                    reconnectTimeoutRef.current = setTimeout(() => connect(), delay);
                 }
             };
         }
@@ -1086,9 +1097,53 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
     useEffect(() => {
         console.log('[HyperLiquid WS] Connection effect running - calling connect()');
         connect();
+        // Handle online/offline events to reconnect when internet is restored
+        const handleOnline = () => {
+            console.log('[HyperLiquid WS] Browser went online, attempting reconnect');
+            // Reset reconnect attempts when internet comes back
+            reconnectAttemptsRef.current = 0;
+            // Clear any pending reconnect timeout
+            if (reconnectTimeoutRef.current) {
+                clearTimeout(reconnectTimeoutRef.current);
+                reconnectTimeoutRef.current = null;
+            }
+            // Reset subscription state so effects will resubscribe on reconnect
+            setSubscribedAddress(null);
+            setSubscribedTokens([]);
+            setSubscribedCandleTokens([]);
+            setClearinghouseStateReceived(false);
+            // Close existing socket if in a bad state
+            if (wsRef.current &&
+                wsRef.current.readyState !== WebSocket.OPEN &&
+                wsRef.current.readyState !== WebSocket.CONNECTING) {
+                try {
+                    wsRef.current.close();
+                }
+                catch (_a) { }
+                wsRef.current = null;
+            }
+            // Attempt to reconnect
+            connect();
+        };
+        const handleOffline = () => {
+            console.log('[HyperLiquid WS] Browser went offline');
+            // Clear pending reconnect timeout since we're offline
+            if (reconnectTimeoutRef.current) {
+                clearTimeout(reconnectTimeoutRef.current);
+                reconnectTimeoutRef.current = null;
+            }
+        };
+        window.addEventListener('online', handleOnline);
+        window.addEventListener('offline', handleOffline);
         return () => {
             console.log('[HyperLiquid WS] Connection effect cleanup - closing existing connection');
+            window.removeEventListener('online', handleOnline);
+            window.removeEventListener('offline', handleOffline);
             manualCloseRef.current = true;
+            if (reconnectTimeoutRef.current) {
+                clearTimeout(reconnectTimeoutRef.current);
+                reconnectTimeoutRef.current = null;
+            }
             if (wsRef.current) {
                 try {
                     wsRef.current.close();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pear-protocol/hyperliquid-sdk",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "React SDK for Pear Protocol Hyperliquid API integration",
   "type": "module",
   "main": "dist/index.js",