@pear-protocol/hyperliquid-sdk 0.0.66-usdh-1 → 0.0.66-usdh-2

package/dist/index.js

@@ -777,7 +777,21 @@ const useHyperliquidNativeWebSocket = ({ address, enabled = true, }) => {
                     case 'allDexsAssetCtxs':
                         {
                             const data = response.data;
-                            const finalAssetContexts = (data.ctxs || []).flatMap(([, ctxs]) => ctxs || []);
+                            // Filter out vntl and hyna to match perpMetaAssets filtering
+                            const FILTERED_DEX_PREFIXES = ['vntl', 'hyna'];
+                            const filtered = (data.ctxs || [])
+                                .filter(([prefix]) => !FILTERED_DEX_PREFIXES.includes((prefix || '').toLowerCase()))
+                                .sort((a, b) => {
+                                // Sort to match perpMetaAssets order: default market first, then alphabetically
+                                const prefixA = a[0] || '';
+                                const prefixB = b[0] || '';
+                                if (prefixA === '' && prefixB !== '')
+                                    return -1;
+                                if (prefixA !== '' && prefixB === '')
+                                    return 1;
+                                return prefixA.localeCompare(prefixB);
+                            });
+                            const finalAssetContexts = filtered.flatMap(([, ctxs]) => ctxs || []);
                             setFinalAssetContexts(finalAssetContexts);
                         }
                         break;
@@ -1484,19 +1498,11 @@ class TokenMetadataExtractor {
             // No prefix specified - match non-HIP3 asset (no marketPrefix) or first matching asset
             return !asset.marketPrefix;
         });
-        // If no exact match found and prefix was specified, try finding the specific market variant
-        const finalIndex = universeIndex === -1 && marketPrefix
-            ? perpMetaAssets.findIndex((asset) => asset.name === symbol && asset.marketPrefix === marketPrefix)
-            : universeIndex;
-        // Fallback: if still not found and no prefix, find first matching by name (for backward compatibility)
-        const resolvedIndex = finalIndex === -1
-            ? perpMetaAssets.findIndex((asset) => asset.name === symbol)
-            : finalIndex;
-        if (resolvedIndex === -1) {
+        if (universeIndex === -1) {
             return null;
         }
-        const universeAsset = perpMetaAssets[resolvedIndex];
-        const assetCtx = finalAssetContexts[resolvedIndex];
+        const universeAsset = perpMetaAssets[universeIndex];
+        const assetCtx = finalAssetContexts[universeIndex];
         if (!assetCtx) {
             return null;
         }
@@ -8191,15 +8197,18 @@ const PearHyperliquidProvider = ({ children, apiBaseUrl = 'https://hl-ui.pearpro
                 .then((res) => {
                 const assetToMarkets = new Map();
                 const marketPrefixes = new Map();
-                const cleanedPerpMetas = [];
-                const allPerpMetas = [];
                 const FILTERED_PREFIXES = ['vntl', 'hyna'];
+                // Group assets by market prefix to match WebSocket flattening order
+                // WebSocket sends in order: "", "flx", "hyna", "vntl", "xyz"
+                const assetsByPrefix = new Map();
+                const allAssetsByPrefix = new Map();
                 res.data.forEach((item) => {
                     const collateralToken = item.collateralToken === 360 ? 'USDH' : 'USDC';
                     item.universe.forEach((asset) => {
                         var _a;
                         const [maybePrefix, maybeMarket] = asset.name.split(':');
                         if (maybeMarket) {
+                            // HIP3 asset with market prefix
                             const prefix = maybePrefix.toLowerCase();
                             const displayName = maybeMarket;
                             const fullName = `${prefix}:${displayName}`;
@@ -8219,21 +8228,60 @@ const PearHyperliquidProvider = ({ children, apiBaseUrl = 'https://hl-ui.pearpro
                                 marketPrefix: prefix,
                                 collateralToken,
                             };
-                            allPerpMetas.push(assetWithMeta);
+                            // Group by market prefix
+                            const allList = allAssetsByPrefix.get(prefix) || [];
+                            allList.push(assetWithMeta);
+                            allAssetsByPrefix.set(prefix, allList);
                             if (!FILTERED_PREFIXES.includes(prefix)) {
-                                cleanedPerpMetas.push(assetWithMeta);
+                                const cleanedList = assetsByPrefix.get(prefix) || [];
+                                cleanedList.push(assetWithMeta);
+                                assetsByPrefix.set(prefix, cleanedList);
                             }
                         }
                         else {
+                            // Default market asset (no prefix)
                             const assetWithMeta = {
                                 ...asset,
                                 collateralToken,
                             };
-                            cleanedPerpMetas.push(assetWithMeta);
-                            allPerpMetas.push(assetWithMeta);
+                            // Add to default market group ("")
+                            const defaultList = assetsByPrefix.get('') || [];
+                            defaultList.push(assetWithMeta);
+                            assetsByPrefix.set('', defaultList);
+                            const allDefaultList = allAssetsByPrefix.get('') || [];
+                            allDefaultList.push(assetWithMeta);
+                            allAssetsByPrefix.set('', allDefaultList);
                         }
                     });
                 });
+                // Flatten in consistent order: default market first, then HIP3 markets alphabetically
+                // This ensures both REST API and WebSocket data align properly
+                const cleanedPrefixes = Array.from(assetsByPrefix.keys()).sort((a, b) => {
+                    // Empty prefix (default market) always comes first
+                    if (a === '' && b !== '')
+                        return -1;
+                    if (a !== '' && b === '')
+                        return 1;
+                    // HIP3 markets sorted alphabetically
+                    return a.localeCompare(b);
+                });
+                const allPrefixes = Array.from(allAssetsByPrefix.keys()).sort((a, b) => {
+                    if (a === '' && b !== '')
+                        return -1;
+                    if (a !== '' && b === '')
+                        return 1;
+                    return a.localeCompare(b);
+                });
+                const cleanedPerpMetas = [];
+                const allPerpMetas = [];
+                cleanedPrefixes.forEach((prefix) => {
+                    const assets = assetsByPrefix.get(prefix) || [];
+                    cleanedPerpMetas.push(...assets);
+                });
+                allPrefixes.forEach((prefix) => {
+                    const assets = allAssetsByPrefix.get(prefix) || [];
+                    allPerpMetas.push(...assets);
+                });
                 setHip3Assets(assetToMarkets);
                 setHip3MarketPrefixes(marketPrefixes);
                 setPerpMetaAssets(cleanedPerpMetas);

package/package.json

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