@orderly.network/hooks 0.0.91 → 0.0.93

package/dist/index.mjs

@@ -6,7 +6,7 @@ import useSWRMutation from 'swr/mutation';
 import useConstant from 'use-constant';
 export { default as useConstant } from 'use-constant';
 import { SimpleDI, Account, EventEmitter, utils } from '@orderly.network/core';
-import { AccountStatusEnum, OrderSide, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, WS_WalletStatusEnum, OrderType } from '@orderly.network/types';
+import { AccountStatusEnum, OrderStatus, OrderSide, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, WS_WalletStatusEnum, OrderType } from '@orderly.network/types';
 import { Decimal, zero, getPrecisionByNumber, timeConvertString } from '@orderly.network/utils';
 import useSWRSubscription from 'swr/subscription';
 import { pathOr, propOr, compose, head, prop, mergeDeepRight, pick } from 'ramda';
@@ -156,7 +156,7 @@ var useMutation = (url, method = "POST", options) => {
 };
 var signatureMiddleware = (useSWRNext) => {
   const { apiBaseUrl } = useContext(OrderlyContext);
-  return (key, fetcher4, config) => {
+  return (key, fetcher3, config) => {
     try {
       const extendedFetcher = async (args) => {
         let url = Array.isArray(args) ? args[0] : args;
@@ -168,7 +168,7 @@ var signatureMiddleware = (useSWRNext) => {
           url
         };
         const signature = await signer.sign(payload);
-        return fetcher4(fullUrl, {
+        return fetcher3(fullUrl, {
           headers: {
             ...signature,
             "orderly-account-id": account5.accountId
@@ -709,15 +709,10 @@ var mergeItems = (data, update) => {
   return data;
 };
 var mergeOrderbook = (data, update) => {
-  const asks = mergeItems(data.asks, update.asks).sort(asksSortFn);
-  const bids = mergeItems(data.bids, update.bids).sort(bidsSortFn);
-  if (asks.length > 0) {
-    const firstPrice = asks[0][0];
-    const index = bids.findIndex((item) => item[0] < firstPrice);
-    if (index > 0) {
-      bids.splice(0, index + 1);
-    }
-  }
+  let asks = [...data.asks];
+  let bids = [...data.bids];
+  asks = mergeItems(asks, update.asks).sort(asksSortFn);
+  bids = mergeItems(bids, update.bids).sort(bidsSortFn);
   return {
     asks,
     bids
@@ -761,9 +756,12 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
           if (ignore)
             return;
           if (!!message) {
-            const reduceOrderbookData = reduceOrderbook(depth, level, message);
-            setRequestData(reduceOrderbookData);
-            setData(reduceOrderbookData);
+            let bids = [...message.bids.sort(bidsSortFn)];
+            bids = bids.filter((item) => !isNaN(item[0]) && item[1] > 0);
+            let asks = [...message.asks.sort(asksSortFn)];
+            asks = asks.filter((item) => !isNaN(item[0]) && item[1] > 0);
+            setRequestData({ bids, asks });
+            setData({ bids: [...bids], asks: [...asks] });
           }
           setIsLoading(false);
         }
@@ -779,6 +777,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   useEffect(() => {
     if (!requestData)
       return;
+    let ignore = false;
     const subscription = ws.subscribe(
       {
         event: "subscribe",
@@ -786,15 +785,17 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
       },
       {
         onMessage: (message) => {
+          if (ignore)
+            return;
           setData((data2) => {
             const mergedData = !message.asks && !message.bids ? data2 : mergeOrderbook(data2, message);
-            const reducedData = reduceOrderbook(depth, level, mergedData);
-            return reducedData;
+            return mergedData;
           });
         }
       }
     );
     return () => {
+      ignore = true;
       subscription?.();
     };
   }, [symbol, requestData]);
@@ -820,10 +821,11 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   useEffect(() => {
     prevMiddlePrice.current = middlePrice;
   }, [middlePrice]);
+  const reducedData = reduceOrderbook(depth, level, data);
   return [
     {
-      asks: data.asks.slice(-level),
-      bids: data.bids.slice(0, level),
+      asks: reducedData.asks.slice(-level),
+      bids: reducedData.bids.slice(0, level),
       markPrice,
       middlePrice: [prevMiddlePrice.current, middlePrice]
     },
@@ -1254,6 +1256,197 @@ var useHoldingStream = () => {
     isLoading
   };
 };
+var usePrivateInfiniteQuery = (getKey, options) => {
+  const { formatter, ...restOptions } = options || {};
+  const account5 = useAccount();
+  const middleware = Array.isArray(restOptions?.use) ? restOptions?.use ?? [] : [];
+  const result = useSWRInfinite(
+    (pageIndex, previousPageData) => account5.state.status >= AccountStatusEnum.EnableTrading ? getKey(pageIndex, previousPageData) : null,
+    (url, init) => get(url, init, formatter),
+    {
+      ...restOptions,
+      use: [signatureMiddleware, ...middleware]
+    }
+  );
+  return result;
+};
+var useOrderStream = ({
+  status,
+  symbol,
+  side,
+  size = 100
+} = {}) => {
+  const ws = useWS();
+  const { data: markPrices = {} } = useMarkPricesStream();
+  const [doCancelOrder] = useMutation("/v1/order", "DELETE");
+  const [doUpdateOrder] = useMutation("/v1/order", "PUT");
+  const ordersResponse = usePrivateInfiniteQuery(
+    (pageIndex, previousPageData) => {
+      if (previousPageData && !previousPageData.length)
+        return null;
+      const search = new URLSearchParams([
+        ["size", size.toString()],
+        ["page", `${pageIndex + 1}`]
+      ]);
+      if (status) {
+        search.set(`status`, status);
+      }
+      if (symbol) {
+        search.set(`symbol`, symbol);
+      }
+      if (side) {
+        search.set(`side`, side);
+      }
+      return `/v1/orders?${search.toString()}`;
+    },
+    {
+      initialSize: 1,
+      onError: (err) => {
+        console.error("fetch failed::::", err);
+      },
+      formatter: (data) => data
+    }
+  );
+  const orders = useMemo(() => {
+    if (!ordersResponse.data) {
+      return null;
+    }
+    return ordersResponse.data?.map((item) => item.rows)?.flat().map((item) => {
+      return {
+        ...item,
+        mark_price: markPrices[item.symbol] ?? 0
+      };
+    });
+  }, [ordersResponse.data, markPrices]);
+  const total = useMemo(() => {
+    return ordersResponse.data?.[0]?.meta?.total || 0;
+  }, [ordersResponse.data]);
+  useEffect(() => {
+    const unsubscribe = ws.privateSubscribe(
+      {
+        id: "executionreport_orders",
+        event: "subscribe",
+        topic: "executionreport",
+        ts: Date.now()
+      },
+      {
+        onMessage: (data) => {
+          const { status: status2, orderId, timestamp } = data;
+          ordersResponse.mutate((prevData) => {
+            const newOrder = {
+              order_id: data.orderId,
+              symbol: data.symbol,
+              created_time: data.timestamp,
+              quantity: data.quantity,
+              side: data.side,
+              executed: data.totalExecutedQuantity,
+              price: data.price
+            };
+            const dataList = prevData?.map((item) => item.rows)?.flat() || [];
+            if (status2 === OrderStatus.NEW) {
+              if (!prevData) {
+                return {
+                  meta: {
+                    total: 1,
+                    records_per_page: size,
+                    current_page: 1
+                  },
+                  rows: [newOrder]
+                };
+              }
+              const total2 = (prevData?.[0]?.meta?.total || 0) + 1;
+              const isNew = !dataList.find((item) => item.order_id === orderId);
+              if (isNew) {
+                const list = [newOrder, ...dataList];
+                return rePageData(list, total2, size);
+              }
+              return prevData;
+            }
+            if (status2 === OrderStatus.CANCELLED || status2 === OrderStatus.FILLED) {
+              const total2 = (prevData?.[0]?.meta?.total || 0) - 1;
+              const list = dataList.filter(
+                (order2) => order2.order_id !== orderId
+              );
+              return rePageData(list, total2, size);
+            }
+            if (status2 === OrderStatus.PARTIAL_FILLED) {
+              return editPageData(dataList, newOrder);
+            }
+            if (status2 === OrderStatus.REPLACED) {
+              return editPageData(dataList, newOrder);
+            }
+            return prevData;
+          });
+        }
+      }
+    );
+    return () => unsubscribe();
+  }, []);
+  const cancelAllOrders = useCallback(() => {
+  }, [ordersResponse.data]);
+  const updateOrder = useCallback((orderId, order2) => {
+    return doUpdateOrder({ ...order2, order_id: orderId });
+  }, []);
+  const cancelOrder = useCallback((orderId, symbol2) => {
+    return doCancelOrder(null, {
+      order_id: orderId,
+      symbol: symbol2
+    }).then((res) => {
+      if (res.success) ; else {
+        throw new Error(res.message);
+      }
+    });
+  }, []);
+  const loadMore = () => {
+    ordersResponse.setSize(ordersResponse.size + 1);
+  };
+  return [
+    orders,
+    {
+      total,
+      isLoading: ordersResponse.isLoading,
+      loadMore,
+      cancelAllOrders,
+      updateOrder,
+      cancelOrder
+    }
+  ];
+};
+function rePageData(list, total, pageSize) {
+  const newData = [];
+  let rows = [];
+  let current_page = 0;
+  for (let i = 0; i < list.length; i++) {
+    rows.push(list[i]);
+    if ((i + 1) % pageSize === 0 || i === list.length - 1) {
+      newData.push({
+        meta: {
+          records_per_page: pageSize,
+          total,
+          current_page: current_page + 1
+        },
+        rows: [...rows]
+      });
+      rows = [];
+    }
+  }
+  console.log("rePageData", list, total, newData);
+  return newData;
+}
+function editPageData(list, newOrder) {
+  const newData = list.map((item) => {
+    return {
+      ...item,
+      rows: item.rows.map((row) => {
+        if (row.order_id === newOrder.order_id) {
+          return { ...row, newOrder };
+        }
+        return row;
+      })
+    };
+  });
+  return newData;
+}
 
 // src/orderly/useCollateral.ts
 var positionsPath = pathOr([], [0, "rows"]);
@@ -1261,9 +1454,7 @@ pathOr(0, [0, "totalCollateral"]);
 var useCollateral = (options = { dp: 6 }) => {
   const { dp } = options;
   const positions2 = usePositionStream();
-  const { data: orders } = usePrivateQuery(
-    `/v1/orders?status=NEW`
-  );
+  const [orders] = useOrderStream({ status: OrderStatus.NEW });
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const symbolInfo = useSymbolsInfo();
   const { data: markPrices } = useMarkPricesStream();
@@ -1310,9 +1501,7 @@ var useCollateral = (options = { dp: 6 }) => {
 var positionsPath2 = pathOr([], [0, "rows"]);
 var useMaxQty = (symbol, side, reduceOnly = false) => {
   const positionsData = usePositionStream();
-  const { data: orders } = usePrivateQuery(
-    `/v1/orders?status=NEW`
-  );
+  const [orders] = useOrderStream({ status: OrderStatus.NEW });
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const symbolInfo = useSymbolsInfo();
   const { totalCollateral } = useCollateral();
@@ -1801,119 +1990,6 @@ var useFundingRate = (symbol) => {
     countDown
   };
 };
-var fetcher3 = (url, init) => get(url, init);
-var usePrivateInfiniteQuery = (getKey, options) => {
-  const account5 = useAccount();
-  const middleware = Array.isArray(options?.use) ? options?.use ?? [] : [];
-  const result = useSWRInfinite(
-    (pageIndex, previousPageData) => account5.state.status >= AccountStatusEnum.EnableTrading ? getKey(pageIndex, previousPageData) : null,
-    fetcher3,
-    {
-      ...options,
-      use: [signatureMiddleware, ...middleware]
-    }
-  );
-  return result;
-};
-var OrderStatus = /* @__PURE__ */ ((OrderStatus2) => {
-  OrderStatus2["FILLED"] = "FILLED";
-  OrderStatus2["PARTIAL_FILLED"] = "PARTIAL_FILLED";
-  OrderStatus2["CANCELED"] = "CANCELED";
-  OrderStatus2["NEW"] = "NEW";
-  OrderStatus2["COMPLETED"] = "COMPLETED";
-  OrderStatus2["INCOMPLETE"] = "INCOMPLETE";
-  return OrderStatus2;
-})(OrderStatus || {});
-var useOrderStream = ({
-  status,
-  symbol,
-  side,
-  size = 10
-} = {}) => {
-  const ee = useEventEmitter();
-  const { data: markPrices = {} } = useMarkPricesStream();
-  const [doCancelOrder] = useMutation("/v1/order", "DELETE");
-  const [doUpdateOrder] = useMutation("/v1/order", "PUT");
-  const ordersResponse = usePrivateInfiniteQuery(
-    (pageIndex, previousPageData) => {
-      if (previousPageData && !previousPageData.length)
-        return null;
-      const search = new URLSearchParams([
-        ["size", size.toString()],
-        ["page", `${pageIndex + 1}`]
-        // [`status`, status],
-      ]);
-      if (status) {
-        search.set(`status`, status);
-      }
-      if (symbol) {
-        search.set(`symbol`, symbol);
-      }
-      if (side) {
-        search.set(`side`, side);
-      }
-      return `/v1/orders?${search.toString()}`;
-    },
-    {
-      initialSize: 1,
-      onError: (err) => {
-        console.error("fetch failed::::", err);
-      }
-    }
-  );
-  const orders = useMemo(() => {
-    if (!ordersResponse.data) {
-      return null;
-    }
-    return ordersResponse.data?.flat().map((item) => {
-      return {
-        ...item,
-        mark_price: markPrices[item.symbol] ?? 0
-      };
-    });
-  }, [ordersResponse.data, markPrices]);
-  useEffect(() => {
-    const handler = () => {
-      ordersResponse.mutate();
-    };
-    ee.on("orders:changed", handler);
-    return () => {
-      ee.off("orders:changed", handler);
-    };
-  }, []);
-  const cancelAllOrders = useCallback(() => {
-  }, [ordersResponse.data]);
-  const updateOrder = useCallback((orderId, order2) => {
-    return doUpdateOrder({ ...order2, order_id: orderId });
-  }, []);
-  const cancelOrder = useCallback((orderId, symbol2) => {
-    return doCancelOrder(null, {
-      order_id: orderId,
-      symbol: symbol2
-    }).then((res) => {
-      if (res.success) {
-        return ordersResponse.mutate().then(() => {
-          return res;
-        });
-      } else {
-        throw new Error(res.message);
-      }
-    });
-  }, []);
-  const loadMore = () => {
-    ordersResponse.setSize(ordersResponse.size + 1);
-  };
-  return [
-    orders,
-    {
-      isLoading: ordersResponse.isLoading,
-      loadMore,
-      cancelAllOrders,
-      updateOrder,
-      cancelOrder
-    }
-  ];
-};
 var useMarketTradeStream = (symbol, options = {}) => {
   if (!symbol) {
     throw new Error("useTradeStream: symbol is required");
@@ -3459,16 +3535,7 @@ var useBalance = () => {
 var usePrivateDataObserver = () => {
   const ws = useWS();
   const { mutate: mutate2 } = useSWRConfig();
-  const ee = useEventEmitter();
   const { state } = useAccount();
-  useEffect(() => {
-    const unsubscribe = ws.privateSubscribe("executionreport", {
-      onMessage: (data) => {
-        ee.emit("orders:changed");
-      }
-    });
-    return () => unsubscribe?.();
-  }, [state.accountId]);
   useEffect(() => {
     if (!state.accountId)
       return;
@@ -3518,24 +3585,6 @@ var usePrivateDataObserver = () => {
     };
   }, [state.accountId]);
 };
-var useExecutionReport = (options) => {
-  const ws = useWS();
-  const { data } = useSWRSubscription("executionreport", (_, { next }) => {
-    const unsubscribe = ws.privateSubscribe({
-      id: "executionreport",
-      event: "subscribe",
-      topic: "executionreport",
-      ts: Date.now()
-    }, {
-      onMessage: (data2) => {
-        options?.onMessage?.(data2);
-        next(data2);
-      }
-    });
-    return () => unsubscribe();
-  });
-  return data;
-};
 
 // src/apis/index.ts
 var apis_exports = {};
@@ -4165,6 +4214,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, 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 };
+export { DataSourceProvider, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, 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