@pear-protocol/hyperliquid-sdk 0.1.7 → 0.1.9

package/dist/index.js

@@ -903,8 +903,14 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
     const wsRef = useRef(null);
     const reconnectAttemptsRef = useRef(0);
     const manualCloseRef = useRef(false);
+    const onUserFillsRef = useRef(onUserFills);
     const [readyState, setReadyState] = useState(ReadyState.CONNECTING);
+    // Keep the ref updated with the latest callback
+    useEffect(() => {
+        onUserFillsRef.current = onUserFills;
+    }, [onUserFills]);
     const handleMessage = useCallback((event) => {
+        var _a;
         try {
             const message = JSON.parse(event.data);
             // Handle subscription responses
@@ -924,7 +930,7 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
                 switch (response.channel) {
                     case 'userFills':
                         {
-                            const maybePromise = onUserFills === null || onUserFills === void 0 ? void 0 : onUserFills();
+                            const maybePromise = (_a = onUserFillsRef.current) === null || _a === void 0 ? void 0 : _a.call(onUserFillsRef);
                             if (maybePromise instanceof Promise) {
                                 maybePromise.catch((err) => console.error('[HyperLiquid WS] userFills callback error', err));
                             }
@@ -1031,9 +1037,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         setRawClearinghouseStates,
         setAssetContextsByDex,
         setSpotState,
-        onUserFills,
     ]);
     const connect = useCallback(() => {
+        console.log('[HyperLiquid WS] connect() called, enabled:', enabled);
         if (!enabled)
             return;
         try {
@@ -1041,11 +1047,13 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
             if (wsRef.current &&
                 (wsRef.current.readyState === WebSocket.OPEN ||
                     wsRef.current.readyState === WebSocket.CONNECTING)) {
+                console.log('[HyperLiquid WS] connect() returning early - socket already exists, readyState:', wsRef.current.readyState);
                 return;
             }
+            console.log('[HyperLiquid WS] Creating new WebSocket connection');
             manualCloseRef.current = false;
             setReadyState(ReadyState.CONNECTING);
-            const ws = new WebSocket("wss://api.hyperliquid.xyz/ws");
+            const ws = new WebSocket('wss://api.hyperliquid.xyz/ws');
             wsRef.current = ws;
             ws.onopen = () => {
                 reconnectAttemptsRef.current = 0;
@@ -1054,8 +1062,8 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
             };
             ws.onmessage = handleMessage;
             ws.onerror = (event) => {
-                console.error("[HyperLiquid WS] Connection error:", event);
-                setLastError("WebSocket error");
+                console.error('[HyperLiquid WS] Connection error:', event);
+                setLastError('WebSocket error');
             };
             ws.onclose = () => {
                 setReadyState(ReadyState.CLOSED);
@@ -1073,8 +1081,10 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         }
     }, [handleMessage, enabled]);
     useEffect(() => {
+        console.log('[HyperLiquid WS] Connection effect running - calling connect()');
         connect();
         return () => {
+            console.log('[HyperLiquid WS] Connection effect cleanup - closing existing connection');
             manualCloseRef.current = true;
             if (wsRef.current) {
                 try {
@@ -1096,7 +1106,7 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         if (isConnected) {
             // Send ping every 30 seconds
             pingIntervalRef.current = setInterval(() => {
-                sendJsonMessage({ method: "ping" });
+                sendJsonMessage({ method: 'ping' });
             }, 30000);
         }
         else {
@@ -1114,18 +1124,27 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
     }, [isConnected, sendJsonMessage]);
     // Handle address subscription changes
     useEffect(() => {
-        if (!isConnected)
+        const DEFAULT_ADDRESS = '0x0000000000000000000000000000000000000000';
+        const userAddress = (address || DEFAULT_ADDRESS).toLowerCase();
+        const normalizedSubscribedAddress = (subscribedAddress === null || subscribedAddress === void 0 ? void 0 : subscribedAddress.toLowerCase()) || null;
+        console.log('[HyperLiquid WS] Address subscription effect running');
+        console.log('[HyperLiquid WS] address:', address, 'userAddress:', userAddress, 'subscribedAddress:', subscribedAddress, 'normalizedSubscribedAddress:', normalizedSubscribedAddress);
+        console.log('[HyperLiquid WS] isConnected:', isConnected);
+        if (normalizedSubscribedAddress === userAddress) {
+            console.log('[HyperLiquid WS] Address unchanged, skipping subscription update');
             return;
-        const DEFAULT_ADDRESS = "0x0000000000000000000000000000000000000000";
-        const userAddress = address || DEFAULT_ADDRESS;
-        if (subscribedAddress === userAddress)
+        }
+        if (!isConnected) {
+            console.log('[HyperLiquid WS] Not connected, skipping subscription update');
             return;
+        }
         // Unsubscribe from previous address if exists
         if (subscribedAddress) {
+            console.log('[HyperLiquid WS] Unsubscribing from previous address:', subscribedAddress);
             const unsubscribeMessage = {
-                method: "unsubscribe",
+                method: 'unsubscribe',
                 subscription: {
-                    type: "webData3",
+                    type: 'webData3',
                     user: subscribedAddress,
                 },
             };
@@ -1142,9 +1161,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
                 sendJsonMessage(unsubscribeSpotState);
             }
             const unsubscribeAllDexsClearinghouseState = {
-                method: "unsubscribe",
+                method: 'unsubscribe',
                 subscription: {
-                    type: "allDexsClearinghouseState",
+                    type: 'allDexsClearinghouseState',
                     user: subscribedAddress,
                 },
             };
@@ -1159,42 +1178,34 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
             sendJsonMessage(unsubscribeUserFills);
         }
         const subscribeWebData3 = {
-            method: "subscribe",
-            subscription: {
-                type: "webData3",
-                user: userAddress,
-            },
-        };
-        // Subscribe to allDexsClearinghouseState with the same payload as webData3
-        const subscribeAllDexsClearinghouseState = {
-            method: "subscribe",
+            method: 'subscribe',
             subscription: {
-                type: "allDexsClearinghouseState",
+                type: 'webData3',
                 user: userAddress,
             },
         };
         // Subscribe to allMids
         const subscribeAllMids = {
-            method: "subscribe",
+            method: 'subscribe',
             subscription: {
-                type: "allMids",
-                dex: "ALL_DEXS",
+                type: 'allMids',
+                dex: 'ALL_DEXS',
             },
         };
         // Subscribe to allDexsAssetCtxs (no payload params, global feed)
         const subscribeAllDexsAssetCtxs = {
-            method: "subscribe",
+            method: 'subscribe',
             subscription: {
-                type: "allDexsAssetCtxs",
+                type: 'allDexsAssetCtxs',
             },
         };
+        console.log('[HyperLiquid WS] Subscribing to new address:', userAddress);
         sendJsonMessage(subscribeWebData3);
-        sendJsonMessage(subscribeAllDexsClearinghouseState);
         sendJsonMessage(subscribeAllMids);
         sendJsonMessage(subscribeAllDexsAssetCtxs);
         // Subscribe to spotState for real-time spot balances (USDH, USDC, etc.)
         // Only subscribe if we have a real user address (not the default)
-        if (userAddress !== DEFAULT_ADDRESS) {
+        if (userAddress !== DEFAULT_ADDRESS.toLowerCase()) {
             const subscribeSpotState = {
                 method: 'subscribe',
                 subscription: {
@@ -1204,9 +1215,22 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
             };
             sendJsonMessage(subscribeSpotState);
         }
+        // Subscribe to allDexsClearinghouseState with the same payload as webData3
+        // Only subscribe if we have a real user address (not the default)
+        if (userAddress !== DEFAULT_ADDRESS.toLowerCase()) {
+            const subscribeAllDexsClearinghouseState = {
+                method: 'subscribe',
+                subscription: {
+                    type: 'allDexsClearinghouseState',
+                    user: userAddress,
+                },
+            };
+            sendJsonMessage(subscribeAllDexsClearinghouseState);
+        }
         setSubscribedAddress(userAddress);
         // Clear previous data when address changes
-        if (subscribedAddress && subscribedAddress !== userAddress) {
+        if (normalizedSubscribedAddress &&
+            normalizedSubscribedAddress !== userAddress) {
             // clear aggregatedClearingHouseState
             setAggregatedClearingHouseState(null);
             setRawClearinghouseStates(null);
@@ -1225,7 +1249,10 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         setSpotState,
     ]);
     useEffect(() => {
-        if (!isConnected || !subscribedAddress || !clearinghouseStateReceived || !userSummary)
+        if (!isConnected ||
+            !subscribedAddress ||
+            !clearinghouseStateReceived ||
+            !userSummary)
             return;
         const subscribeUserFills = {
             method: 'subscribe',
@@ -1235,7 +1262,13 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
             },
         };
         sendJsonMessage(subscribeUserFills);
-    }, [isConnected, subscribedAddress, clearinghouseStateReceived, userSummary, sendJsonMessage]);
+    }, [
+        isConnected,
+        subscribedAddress,
+        clearinghouseStateReceived,
+        userSummary,
+        sendJsonMessage,
+    ]);
     // Handle token subscriptions for activeAssetData
     useEffect(() => {
         if (!isConnected || !address)
@@ -1246,9 +1279,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         // Unsubscribe from tokens no longer in the list
         tokensToUnsubscribe.forEach((token) => {
             const unsubscribeMessage = {
-                method: "unsubscribe",
+                method: 'unsubscribe',
                 subscription: {
-                    type: "activeAssetData",
+                    type: 'activeAssetData',
                     user: address,
                     coin: token,
                 },
@@ -1258,9 +1291,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         // Subscribe to new tokens
         tokensToSubscribe.forEach((token) => {
             const subscribeMessage = {
-                method: "subscribe",
+                method: 'subscribe',
                 subscription: {
-                    type: "activeAssetData",
+                    type: 'activeAssetData',
                     user: address,
                     coin: token,
                 },
@@ -1289,9 +1322,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         if (prevInterval && prevInterval !== candleInterval) {
             subscribedCandleTokens.forEach((token) => {
                 const unsubscribeMessage = {
-                    method: "unsubscribe",
+                    method: 'unsubscribe',
                     subscription: {
-                        type: "candle",
+                        type: 'candle',
                         coin: token,
                         interval: prevInterval,
                     },
@@ -1306,9 +1339,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         // Unsubscribe from tokens no longer in the list
         tokensToUnsubscribe.forEach((token) => {
             const unsubscribeMessage = {
-                method: "unsubscribe",
+                method: 'unsubscribe',
                 subscription: {
-                    type: "candle",
+                    type: 'candle',
                     coin: token,
                     interval: candleInterval,
                 },
@@ -1318,9 +1351,9 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, onUserFills, }
         // Subscribe to new tokens
         tokensToSubscribe.forEach((token) => {
             const subscribeMessage = {
-                method: "subscribe",
+                method: 'subscribe',
                 subscription: {
-                    type: "candle",
+                    type: 'candle',
                     coin: token,
                     interval: candleInterval,
                 },
@@ -1423,6 +1456,11 @@ const useAccountSummary = () => {
     const aggregatedClearingHouseState = useHyperliquidData((state) => state.aggregatedClearingHouseState);
     const registeredAgentWallets = useUserData((state) => state.userExtraAgents);
     const isLoading = useMemo(() => {
+        console.log('[USE ACCOUNT SUMMARY DEBUG] Loading check:', {
+            platformAccountSummary,
+            registeredAgentWallets,
+            aggregatedClearingHouseState,
+        });
         return !platformAccountSummary || !registeredAgentWallets || !aggregatedClearingHouseState;
     }, [platformAccountSummary, registeredAgentWallets, aggregatedClearingHouseState]);
     // Create calculator and compute account summary
@@ -7691,7 +7729,7 @@ const useAllUserBalances = () => {
             }
         }
         if (!availableToTrades['USDC']) {
-            availableToTrades['USDC'] = parseFloat((aggregatedClearingHouseState === null || aggregatedClearingHouseState === void 0 ? void 0 : aggregatedClearingHouseState.marginSummary.totalRawUsd) || '0');
+            availableToTrades['USDC'] = parseFloat((aggregatedClearingHouseState === null || aggregatedClearingHouseState === void 0 ? void 0 : aggregatedClearingHouseState.marginSummary.accountValue) || '0') - parseFloat((aggregatedClearingHouseState === null || aggregatedClearingHouseState === void 0 ? void 0 : aggregatedClearingHouseState.marginSummary.totalMarginUsed) || '0');
         }
         return {
             spotBalances,

package/package.json

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