@orderly.network/hooks 0.0.27 → 0.0.29

package/dist/index.mjs

@@ -341,6 +341,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 = useCallback(() => {
     if (typeof window === "undefined") {
@@ -392,13 +404,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 = 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] = useState(readValue);
+  const setValue = 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]
+  );
+  useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  return [storedValue, setValue];
 }
 var useRunOnce = ({ fn, sessionKey }) => {
   const triggered = useRef(false);
@@ -577,8 +617,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];
@@ -596,13 +634,13 @@ var reduceItems = (depth, level, data, asks = false) => {
         continue;
       let priceKey;
       if (asks) {
-        priceKey = Math.ceil(price / depth) * depth;
+        priceKey = new Decimal(Math.ceil(price / depth)).mul(depth).toNumber();
       } else {
-        priceKey = Math.floor(price / depth) * depth;
+        priceKey = new 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 Decimal(item[1]).add(quantity).toNumber();
         prices.set(priceKey, [priceKey, itemPrice]);
       } else {
         prices.set(priceKey, [priceKey, quantity]);
@@ -614,11 +652,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 Decimal(quantity).add(result.length > 0 ? result[result.length - 1][2] : 0).toNumber();
+    result.push([price, quantity, newQuantity]);
     if (i + 1 >= level) {
       break;
     }
@@ -636,6 +671,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) {
@@ -688,6 +724,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
     ws.onceSubscribe(
       {
         event: "request",
+        id: `${symbol}@orderbook`,
         params: {
           type: "orderbook",
           symbol
@@ -817,10 +854,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,
@@ -844,10 +880,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,
@@ -1764,29 +1800,48 @@ var useMarketTradeStream = (symbol, options = {}) => {
     throw new Error("useTradeStream: symbol is required");
   }
   const [trades, setTrades] = 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] = useState(false);
+  const { limit = 50 } = options;
+  const ws = useWS();
+  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]);
   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 = () => {
@@ -1934,6 +1989,6 @@ var useFundingRateBySymbol = (symbol) => {
   return useQuery(`/public/funding_rate/${symbol}`);
 };
 
-export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports 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 { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports 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 };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map