@orderly.network/hooks 0.0.80 → 0.0.82

package/dist/index.d.mts

@@ -207,8 +207,13 @@ declare const useMarkPricesStream: () => swr_subscription.SWRSubscriptionRespons
 
 declare const useMarkPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
 
+declare const useIndexPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
+
+declare const useOpenInterest: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
+
 declare const useLeverage: () => ({
     update: (data: any) => any;
+    config: any;
 } | undefined)[];
 
 declare const useTickerStream: (symbol: string) => any;
@@ -481,4 +486,4 @@ declare const useSwap: () => {
     status: WS_WalletStatusEnum;
 };
 
-export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index 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 { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index 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 };

package/dist/index.d.ts

@@ -207,8 +207,13 @@ declare const useMarkPricesStream: () => swr_subscription.SWRSubscriptionRespons
 
 declare const useMarkPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
 
+declare const useIndexPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
+
+declare const useOpenInterest: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
+
 declare const useLeverage: () => ({
     update: (data: any) => any;
+    config: any;
 } | undefined)[];
 
 declare const useTickerStream: (symbol: string) => any;
@@ -481,4 +486,4 @@ declare const useSwap: () => {
     status: WS_WalletStatusEnum;
 };
 
-export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index 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 { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index 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 };

package/dist/index.js

@@ -480,6 +480,48 @@ var useConfig = () => {
   const { configStore } = React2.useContext(OrderlyContext);
   return configStore;
 };
+var useMarkPrice = (symbol) => {
+  const ws = useWS();
+  return useSWRSubscription__default.default(`${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__default.default(`${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__default.default(`${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");
@@ -515,17 +557,31 @@ var useTickerStream = (symbol) => {
       unsubscribe?.();
     };
   }, [symbol]);
+  const { data: markPrice } = useMarkPrice(symbol);
+  const { data: indexPrice } = useIndexPrice(symbol);
+  const { data: openInterest } = useOpenInterest(symbol);
   const value = React2.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;
@@ -537,19 +593,6 @@ var useTickerStream = (symbol) => {
   }, [info, symbol, ticker]);
   return value;
 };
-var useMarkPrice = (symbol) => {
-  const ws = useWS();
-  return useSWRSubscription__default.default(`${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) {
@@ -689,7 +732,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");
   }
@@ -710,6 +754,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   const ticker = useTickerStream(symbol);
   const eventEmitter = useEventEmitter();
   React2.useEffect(() => {
+    setIsLoading(true);
     ws.onceSubscribe(
       {
         event: "request",
@@ -732,6 +777,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
     );
     return () => {
       setRequestData(null);
+      setData(INIT_DATA);
     };
   }, [symbol, depth]);
   const { data: markPrice } = useMarkPrice(symbol);
@@ -1684,12 +1730,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 = React2.useCallback((data2) => {
     return update(data2).then((res) => {
-      return mutate2();
+      console.log(res);
+      if (res.success) {
+        return mutate2();
+      } else {
+        throw new Error(res.message);
+      }
     });
   }, []);
-  return [ramda.prop("max_leverage", data), { update: updateLeverage }];
+  return [
+    ramda.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) {
@@ -2937,7 +2996,7 @@ var useChains = (networkId, options = {}) => {
   const { filter, pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
   const { configStore, networkId: envNetworkId } = React2.useContext(OrderlyContext);
   const field = options?.pick;
-  const map = React2.useRef(
+  const map2 = React2.useRef(
     /* @__PURE__ */ new Map()
   );
   const { data, error: swapSupportError } = useSWR__default.default(
@@ -2995,7 +3054,7 @@ var useChains = (networkId, options = {}) => {
           if (!options.filter(_chain))
             return;
         }
-        map.current.set(chainId, _chain);
+        map2.current.set(chainId, _chain);
         orderlyChainsArr.push(_chain);
       });
     });
@@ -3044,7 +3103,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;
@@ -3079,7 +3138,7 @@ var useChains = (networkId, options = {}) => {
   }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
   const findByChainId = React2.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
@@ -3090,7 +3149,7 @@ var useChains = (networkId, options = {}) => {
       }
       return chain;
     },
-    [chains, map.current]
+    [chains, map2.current]
   );
   return [
     chains,
@@ -4146,6 +4205,7 @@ exports.useExecutionReport = useExecutionReport;
 exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
 exports.useHoldingStream = useHoldingStream;
+exports.useIndexPrice = useIndexPrice;
 exports.useLazyQuery = useLazyQuery;
 exports.useLeverage = useLeverage;
 exports.useLocalStorage = useLocalStorage;
@@ -4156,6 +4216,7 @@ exports.useMarketTradeStream = useMarketTradeStream;
 exports.useMarketsStream = useMarketsStream;
 exports.useMaxQty = useMaxQty;
 exports.useMutation = useMutation;
+exports.useOpenInterest = useOpenInterest;
 exports.useOrderEntry = useOrderEntry;
 exports.useOrderStream = useOrderStream;
 exports.useOrderbookStream = useOrderbookStream;