@orderly.network/hooks 0.0.28 → 0.0.30

package/dist/index.mjs

@@ -435,7 +435,6 @@ function useLocalStorage(key, initialValue) {
     },
     [storedValue]
   );
-  console.log("storedValue", storedValue);
   useEffect(() => {
     setStoredValue(readValue());
   }, []);
@@ -672,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) {
@@ -724,6 +724,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
     ws.onceSubscribe(
       {
         event: "request",
+        id: `${symbol}@orderbook`,
         params: {
           type: "orderbook",
           symbol
@@ -879,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,
@@ -1799,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 = () => {
@@ -1829,6 +1849,9 @@ var useMarginRatio = () => {
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
   const marginRatio = useMemo(() => {
+    if (!rows || !markPrices || !totalCollateral) {
+      return 0;
+    }
     const ratio = account.totalMarginRatio({
       totalCollateral,
       markPrices,
@@ -1839,7 +1862,7 @@ var useMarginRatio = () => {
   const currentLeverage = useMemo(() => {
     return account.currentLeverage(marginRatio);
   }, [marginRatio]);
-  return [marginRatio, currentLeverage];
+  return { marginRatio, currentLeverage };
 };
 var useChains = (networkId, options = {}) => {
   const _a = options, swrOptions = __objRest(_a, ["filter", "pick"]);