@orderly.network/hooks 0.0.27 → 0.0.29

package/dist/index.d.mts

@@ -97,6 +97,8 @@ declare const useEventEmitter: (channel?: string) => EventEmitter<string | symbo
 
 declare function useSessionStorage<T>(key: string, initialValue: T): [T, (data: any) => void];
 
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, any];
+
 type useRunOnceProps = {
     fn: () => any;
     sessionKey?: string;
@@ -223,7 +225,7 @@ declare const useOrderStream: ({ status, symbol, side, size, }?: {
 } | null)[];
 
 interface MarketTradeStreamOptions {
-    level?: number;
+    limit?: number;
 }
 declare const useMarketTradeStream: (symbol: string, options?: MarketTradeStreamOptions) => {
     data: API.Trade[];
@@ -324,4 +326,4 @@ declare namespace index {
   };
 }
 
-export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };
+export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };

package/dist/index.d.ts

@@ -97,6 +97,8 @@ declare const useEventEmitter: (channel?: string) => EventEmitter<string | symbo
 
 declare function useSessionStorage<T>(key: string, initialValue: T): [T, (data: any) => void];
 
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, any];
+
 type useRunOnceProps = {
     fn: () => any;
     sessionKey?: string;
@@ -223,7 +225,7 @@ declare const useOrderStream: ({ status, symbol, side, size, }?: {
 } | null)[];
 
 interface MarketTradeStreamOptions {
-    level?: number;
+    limit?: number;
 }
 declare const useMarketTradeStream: (symbol: string, options?: MarketTradeStreamOptions) => {
     data: API.Trade[];
@@ -324,4 +326,4 @@ declare namespace index {
   };
 }
 
-export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };
+export { AppStateErrors, DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS };

package/dist/index.js

@@ -350,6 +350,18 @@ var useEventEmitter = (channel) => {
     return ee;
   });
 };
+
+// src/utils/json.ts
+function parseJSON(value) {
+  try {
+    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
+  } catch (e) {
+    console.log("parsing error on", { value });
+    return void 0;
+  }
+}
+
+// src/useSessionStorage.ts
 function useSessionStorage(key, initialValue) {
   const readValue = React2.useCallback(() => {
     if (typeof window === "undefined") {
@@ -401,13 +413,41 @@ function useSessionStorage(key, initialValue) {
   );
   return [storedValue, setValue];
 }
-function parseJSON(value) {
-  try {
-    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
-  } catch (e) {
-    console.log("parsing error on", { value });
-    return void 0;
-  }
+function useLocalStorage(key, initialValue) {
+  const readValue = React2.useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key]);
+  const [storedValue, setStoredValue] = React2.useState(readValue);
+  const setValue = React2.useCallback(
+    (value) => {
+      if (typeof window === "undefined") {
+        console.warn(
+          `Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`
+        );
+      }
+      try {
+        const newValue = value instanceof Function ? value(storedValue) : value;
+        window.localStorage.setItem(key, JSON.stringify(newValue));
+        setStoredValue(() => newValue);
+      } catch (error) {
+        console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
+      }
+    },
+    [storedValue]
+  );
+  React2.useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  return [storedValue, setValue];
 }
 var useRunOnce = ({ fn, sessionKey }) => {
   const triggered = React2.useRef(false);
@@ -586,8 +626,6 @@ var useSymbolsInfo = () => {
   });
   return createGetter(data);
 };
-
-// src/orderly/useOrderbookStream.ts
 var paddingFn = (len) => Array(len).fill([Number.NaN, Number.NaN, Number.NaN]);
 var asksSortFn = (a, b) => a[0] - b[0];
 var bidsSortFn = (a, b) => b[0] - a[0];
@@ -605,13 +643,13 @@ var reduceItems = (depth, level, data, asks = false) => {
         continue;
       let priceKey;
       if (asks) {
-        priceKey = Math.ceil(price / depth) * depth;
+        priceKey = new utils.Decimal(Math.ceil(price / depth)).mul(depth).toNumber();
       } else {
-        priceKey = Math.floor(price / depth) * depth;
+        priceKey = new utils.Decimal(Math.floor(price / depth)).mul(depth).toNumber();
       }
       if (prices.has(priceKey)) {
         const item = prices.get(priceKey);
-        const itemPrice = item[1] + quantity;
+        const itemPrice = new utils.Decimal(item[1]).add(quantity).toNumber();
         prices.set(priceKey, [priceKey, itemPrice]);
       } else {
         prices.set(priceKey, [priceKey, quantity]);
@@ -623,11 +661,8 @@ var reduceItems = (depth, level, data, asks = false) => {
     const [price, quantity] = newData[i];
     if (isNaN(price) || isNaN(quantity))
       continue;
-    result.push([
-      price,
-      quantity,
-      quantity + (result.length > 0 ? result[result.length - 1][2] : 0)
-    ]);
+    const newQuantity = new utils.Decimal(quantity).add(result.length > 0 ? result[result.length - 1][2] : 0).toNumber();
+    result.push([price, quantity, newQuantity]);
     if (i + 1 >= level) {
       break;
     }
@@ -645,6 +680,7 @@ var reduceOrderbook = (depth, level, data) => {
 var mergeItems = (data, update) => {
   if (data.length === 0)
     return update;
+  data = data.filter(([price]) => !isNaN(price));
   while (update.length > 0) {
     const item = update.shift();
     if (item) {
@@ -697,6 +733,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
     ws.onceSubscribe(
       {
         event: "request",
+        id: `${symbol}@orderbook`,
         params: {
           type: "orderbook",
           symbol
@@ -826,10 +863,9 @@ function priceInputHandle(inputs) {
     return [values, input, value, markPrice, config];
   }
   const total = price.mul(values.order_quantity);
-  const quantityDP = total.dp();
   return [
     __spreadProps(__spreadValues({}, values), {
-      total: total.todp(Math.max(quantityDP, config.baseDP)).toString()
+      total: total.todp(2).toString()
     }),
     input,
     value,
@@ -853,10 +889,10 @@ function quantityInputHandle(inputs) {
     price = Number(values.order_price);
   }
   const total = quantity.mul(price);
-  const totalDP = total.dp();
+  total.dp();
   return [
     __spreadProps(__spreadValues({}, values), {
-      total: total.todp(Math.min(config.quoteDP, totalDP)).toNumber()
+      total: total.todp(2).toNumber()
     }),
     input,
     value,
@@ -1773,29 +1809,48 @@ var useMarketTradeStream = (symbol, options = {}) => {
     throw new Error("useTradeStream: symbol is required");
   }
   const [trades, setTrades] = React2.useState([]);
-  const { level = 20 } = options;
-  const { isLoading } = useQuery(
-    `/v1/public/market_trades?symbol=${symbol}&limit=${level}`,
-    {
-      onSuccess: (data) => {
-        if (Array.isArray(data)) {
+  const [isLoading, setIsLoading] = React2.useState(false);
+  const { limit = 50 } = options;
+  const ws = useWS();
+  React2.useEffect(() => {
+    setIsLoading(true);
+    setTrades(() => []);
+    ws.onceSubscribe(
+      {
+        id: `${symbol}@trade`,
+        event: "request",
+        params: {
+          type: "trade",
+          symbol,
+          limit
+        }
+      },
+      {
+        onMessage: (data) => {
+          setIsLoading(false);
           setTrades(() => data);
         }
-        return data;
       }
-    }
-  );
-  const ws = useWS();
+    );
+  }, [symbol]);
   React2.useEffect(() => {
+    if (trades.length <= 0)
+      return;
     const unsubscript = ws.subscribe(`@${symbol}/@trade`, {
       onMessage: (data) => {
-        console.log("ws: trade", data);
+        setTrades((prev) => {
+          const arr = [data, ...prev];
+          if (arr.length > limit) {
+            arr.pop();
+          }
+          return arr;
+        });
       }
     });
     return () => {
       unsubscript == null ? void 0 : unsubscript();
     };
-  }, []);
+  }, [symbol, trades]);
   return { data: trades, isLoading };
 };
 var useMarginRatio = () => {
@@ -1969,6 +2024,7 @@ exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
 exports.useHolding = useHolding;
 exports.useLeverage = useLeverage;
+exports.useLocalStorage = useLocalStorage;
 exports.useMarginRatio = useMarginRatio;
 exports.useMarkPrice = useMarkPrice;
 exports.useMarkPricesStream = useMarkPricesStream;