@orderly.network/hooks 0.0.80 → 0.0.82

package/dist/index.mjs

@@ -471,6 +471,48 @@ var useConfig = () => {
   const { configStore } = useContext(OrderlyContext);
   return configStore;
 };
+var useMarkPrice = (symbol) => {
+  const ws = useWS();
+  return useSWRSubscription(`${symbol}@markprice`, (key, { next }) => {
+    const unsubscribe = ws.subscribe(`${symbol}@markprice`, {
+      onMessage: (message) => {
+        next(null, message.price);
+      }
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  });
+};
+var useIndexPrice = (symbol) => {
+  symbol = symbol.replace("PERP", "SPOT");
+  const ws = useWS();
+  return useSWRSubscription(`${symbol}@indexprice`, (key, { next }) => {
+    const unsubscribe = ws.subscribe(`${symbol}@indexprice`, {
+      onMessage: (message) => {
+        next(null, message.price);
+      }
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  });
+};
+var useOpenInterest = (symbol) => {
+  const ws = useWS();
+  return useSWRSubscription(`${symbol}@openinterest`, (key, { next }) => {
+    const unsubscribe = ws.subscribe(`${symbol}@openinterest`, {
+      onMessage: (message) => {
+        next(null, message.openInterest);
+      }
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  });
+};
+
+// src/orderly/useTickerStream.ts
 var useTickerStream = (symbol) => {
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
@@ -506,17 +548,31 @@ var useTickerStream = (symbol) => {
       unsubscribe?.();
     };
   }, [symbol]);
+  const { data: markPrice } = useMarkPrice(symbol);
+  const { data: indexPrice } = useIndexPrice(symbol);
+  const { data: openInterest } = useOpenInterest(symbol);
   const value = useMemo(() => {
     if (!info)
       return null;
     if (!ticker)
       return info;
-    const config = { ...info };
+    const config = {
+      ...info,
+      mark_price: markPrice,
+      index_price: indexPrice,
+      open_interest: openInterest
+    };
+    if (ticker.open !== void 0) {
+      config["24h_open"] = ticker.open;
+    }
     if (ticker.close !== void 0) {
       config["24h_close"] = ticker.close;
     }
-    if (ticker.open !== void 0) {
-      config["24h_open"] = ticker.open;
+    if (ticker.high !== void 0) {
+      config["24h_high"] = ticker.high;
+    }
+    if (ticker.low !== void 0) {
+      config["24h_low"] = ticker.low;
     }
     if (ticker.volume !== void 0) {
       config["24h_volumn"] = ticker.volume;
@@ -528,19 +584,6 @@ var useTickerStream = (symbol) => {
   }, [info, symbol, ticker]);
   return value;
 };
-var useMarkPrice = (symbol) => {
-  const ws = useWS();
-  return useSWRSubscription(`${symbol}@markprice`, (key, { next }) => {
-    const unsubscribe = ws.subscribe(`${symbol}@markprice`, {
-      onMessage: (message) => {
-        next(null, message.price);
-      }
-    });
-    return () => {
-      unsubscribe?.();
-    };
-  });
-};
 
 // src/utils/createGetter.ts
 function createGetter(data, depth = 2) {
@@ -680,7 +723,8 @@ var mergeOrderbook = (data, update) => {
     bids
   };
 };
-var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) => {
+var INIT_DATA = { asks: [], bids: [] };
+var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   if (!symbol) {
     throw new Error("useOrderbookStream requires a symbol");
   }
@@ -701,6 +745,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   const ticker = useTickerStream(symbol);
   const eventEmitter = useEventEmitter();
   useEffect(() => {
+    setIsLoading(true);
     ws.onceSubscribe(
       {
         event: "request",
@@ -723,6 +768,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
     );
     return () => {
       setRequestData(null);
+      setData(INIT_DATA);
     };
   }, [symbol, depth]);
   const { data: markPrice } = useMarkPrice(symbol);
@@ -1675,12 +1721,25 @@ var useMarketsStream = () => {
 var useLeverage = () => {
   const { data, mutate: mutate2 } = usePrivateQuery("/v1/client/info");
   const [update] = useMutation("/v1/client/leverage");
+  const { data: config } = useQuery("/v1/public/config");
   const updateLeverage = useCallback((data2) => {
     return update(data2).then((res) => {
-      return mutate2();
+      console.log(res);
+      if (res.success) {
+        return mutate2();
+      } else {
+        throw new Error(res.message);
+      }
     });
   }, []);
-  return [prop("max_leverage", data), { update: updateLeverage }];
+  return [
+    prop("max_leverage", data),
+    {
+      update: updateLeverage,
+      // config: [1, 2, 3, 4, 5, 10, 15, 20],
+      config: config ? config?.available_futures_leverage?.split(",").map((item) => parseInt(item)) : []
+    }
+  ];
 };
 var useFundingRate = (symbol) => {
   if (!symbol) {
@@ -2928,7 +2987,7 @@ var useChains = (networkId, options = {}) => {
   const { filter, pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
   const { configStore, networkId: envNetworkId } = useContext(OrderlyContext);
   const field = options?.pick;
-  const map = useRef(
+  const map2 = useRef(
     /* @__PURE__ */ new Map()
   );
   const { data, error: swapSupportError } = useSWR(
@@ -2986,7 +3045,7 @@ var useChains = (networkId, options = {}) => {
           if (!options.filter(_chain))
             return;
         }
-        map.current.set(chainId, _chain);
+        map2.current.set(chainId, _chain);
         orderlyChainsArr.push(_chain);
       });
     });
@@ -3035,7 +3094,7 @@ var useChains = (networkId, options = {}) => {
         });
         if (item.token_infos?.length === 0)
           return;
-        map.current.set(item.network_infos.chain_id, item);
+        map2.current.set(item.network_infos.chain_id, item);
         if (typeof options?.filter === "function") {
           if (!options.filter(item))
             return;
@@ -3070,7 +3129,7 @@ var useChains = (networkId, options = {}) => {
   }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
   const findByChainId = useCallback(
     (chainId, field2) => {
-      const chain = map.current.get(chainId);
+      const chain = map2.current.get(chainId);
       if (chain) {
         chain.nativeToken = chain.token_infos?.find(
           (item) => item.address === nativeTokenAddress
@@ -3081,7 +3140,7 @@ var useChains = (networkId, options = {}) => {
       }
       return chain;
     },
-    [chains, map.current]
+    [chains, map2.current]
   );
   return [
     chains,
@@ -4103,6 +4162,6 @@ var useSwap = () => {
   };
 };
 
-export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHoldingStream, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
+export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOpenInterest, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map