@hyperix/hooks 0.1.15 → 0.1.17

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 export * from "./use-all-mids.js";
+export * from "./use-active-asset-data.js";
+export * from "./use-all-dexs-asset-ctxs.js";
 export * from "./use-l2-book.js";
+export * from "./use-mid.js";
 export * from "./use-all-dexs-clearing-house-state.js";
 export * from "./use-historical-orders.js";
 export * from "./use-open-orders.js";

package/dist/index.js

@@ -1,5 +1,8 @@
 export * from "./use-all-mids.js";
+export * from "./use-active-asset-data.js";
+export * from "./use-all-dexs-asset-ctxs.js";
 export * from "./use-l2-book.js";
+export * from "./use-mid.js";
 export * from "./use-all-dexs-clearing-house-state.js";
 export * from "./use-historical-orders.js";
 export * from "./use-open-orders.js";

package/dist/use-active-asset-data.d.ts

@@ -0,0 +1,8 @@
+import { type UseSubscribeState } from "@outofgas/react-stream";
+import type { ActiveAssetDataEvent } from "@nktkas/hyperliquid/api/subscription";
+export type ActiveAssetData = ActiveAssetDataEvent;
+export type UseActiveAssetDataOptions = {
+    enabled?: boolean;
+    onUpdate?: (event: ActiveAssetDataEvent) => void;
+};
+export declare function useActiveAssetData(coin: string, user: `0x${string}`, options?: UseActiveAssetDataOptions): UseSubscribeState<ActiveAssetData>;

package/dist/use-active-asset-data.js

@@ -0,0 +1,26 @@
+import { useSubscribe } from "@outofgas/react-stream";
+import { wsClient } from "./config/hl.js";
+export function useActiveAssetData(coin, user, options = {}) {
+    const { enabled: enabledOverride, onUpdate } = options;
+    const enabled = enabledOverride ?? Boolean(coin && user);
+    return useSubscribe({
+        key: ["active-asset-data", coin, user],
+        enabled,
+        subscribe: async ({ onData, onError }) => {
+            const subscription = await wsClient.activeAssetData({ coin, user }, (event) => {
+                try {
+                    onUpdate?.(event);
+                    onData(event);
+                }
+                catch (error) {
+                    onError(error instanceof Error
+                        ? error
+                        : new Error("Failed to process active asset data event"));
+                }
+            });
+            return {
+                unsubscribe: () => subscription.unsubscribe(),
+            };
+        },
+    });
+}

package/dist/use-all-dexs-asset-ctxs.d.ts

@@ -0,0 +1,8 @@
+import { type UseSubscribeState } from "@outofgas/react-stream";
+import type { AllDexsAssetCtxsEvent } from "@nktkas/hyperliquid/api/subscription";
+export type AllDexsAssetCtxsData = AllDexsAssetCtxsEvent;
+export type UseAllDexsAssetCtxsOptions = {
+    enabled?: boolean;
+    onUpdate?: (event: AllDexsAssetCtxsEvent) => void;
+};
+export declare function useAllDexsAssetCtxs(options?: UseAllDexsAssetCtxsOptions): UseSubscribeState<AllDexsAssetCtxsData>;

package/dist/use-all-dexs-asset-ctxs.js

@@ -0,0 +1,25 @@
+import { useSubscribe } from "@outofgas/react-stream";
+import { wsClient } from "./config/hl.js";
+export function useAllDexsAssetCtxs(options = {}) {
+    const { enabled = true, onUpdate } = options;
+    return useSubscribe({
+        key: ["all-dexs-asset-ctxs"],
+        enabled,
+        subscribe: async ({ onData, onError }) => {
+            const subscription = await wsClient.allDexsAssetCtxs((event) => {
+                try {
+                    onUpdate?.(event);
+                    onData(event);
+                }
+                catch (error) {
+                    onError(error instanceof Error
+                        ? error
+                        : new Error("Failed to process all dexs asset ctxs event"));
+                }
+            });
+            return {
+                unsubscribe: () => subscription.unsubscribe(),
+            };
+        },
+    });
+}

package/dist/use-mid.d.ts

@@ -0,0 +1,9 @@
+export type MidSource = "all-mids" | "all-dexs-asset-ctxs";
+export type UseMidResult = {
+    data: string | undefined;
+    loading: boolean;
+    ready: boolean;
+    error: string | undefined;
+    source: MidSource | undefined;
+};
+export declare function useMid(coin: string): UseMidResult;

package/dist/use-mid.js

@@ -0,0 +1,64 @@
+import { useMemo } from "react";
+import { useAllDexsAssetCtxs } from "./use-all-dexs-asset-ctxs.js";
+import { useAllMids } from "./use-all-mids.js";
+import { useSymbolConverter } from "./use-symbol-converter.js";
+function isSpotCoin(coin) {
+    return coin.includes("/");
+}
+function getPerpCtx(coin, assetCtxs, symbolConverter) {
+    if (!symbolConverter || !assetCtxs) {
+        return undefined;
+    }
+    const assetId = symbolConverter.getAssetId(coin);
+    if (assetId === undefined) {
+        return undefined;
+    }
+    const builder = coin.includes(":") ? coin.split(":")[0] : "";
+    const index = assetId % 10_000;
+    const prices = assetCtxs.ctxs.find(([dex]) => dex === builder)?.[1];
+    return prices?.[index];
+}
+export function useMid(coin) {
+    const symbolConverter = useSymbolConverter();
+    const spot = isSpotCoin(coin);
+    const midsState = useAllMids({ enabled: spot && Boolean(coin) });
+    const assetCtxsState = useAllDexsAssetCtxs({ enabled: !spot && Boolean(coin) });
+    return useMemo(() => {
+        if (!coin) {
+            return {
+                data: undefined,
+                loading: false,
+                ready: false,
+                error: undefined,
+                source: undefined,
+            };
+        }
+        if (!symbolConverter) {
+            return {
+                data: undefined,
+                loading: true,
+                ready: false,
+                error: undefined,
+                source: undefined,
+            };
+        }
+        if (spot) {
+            const id = symbolConverter.getSpotPairId(coin);
+            return {
+                data: id ? midsState.data?.mids?.[id] : undefined,
+                loading: midsState.loading,
+                ready: midsState.ready,
+                error: midsState.error,
+                source: "all-mids",
+            };
+        }
+        const ctx = getPerpCtx(coin, assetCtxsState.data, symbolConverter);
+        return {
+            data: ctx?.midPx ?? undefined,
+            loading: assetCtxsState.loading,
+            ready: assetCtxsState.ready,
+            error: assetCtxsState.error,
+            source: "all-dexs-asset-ctxs",
+        };
+    }, [coin, spot, symbolConverter, midsState.data, midsState.loading, midsState.ready, midsState.error, assetCtxsState.data, assetCtxsState.loading, assetCtxsState.ready, assetCtxsState.error]);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperix/hooks",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@nktkas/hyperliquid": "^0.32.1",
-    "@outofgas/react-stream": "0.1.3",
+    "@outofgas/react-stream": "^0.1.4",
     "react": "^19.1.1"
   },
   "devDependencies": {