@orderly.network/hooks 1.0.14 → 1.0.15

package/dist/index.mjs

@@ -7,12 +7,14 @@ import useConstant4 from 'use-constant';
 export { default as useConstant } from 'use-constant';
 import { SimpleDI, Account, EventEmitter, DefaultConfigStore, LocalStorageStore, EtherAdapter, utils } from '@orderly.network/core';
 import { AccountStatusEnum, OrderStatus, OrderSide, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, WS_WalletStatusEnum, OrderType } from '@orderly.network/types';
-import useSWRInfinite from 'swr/infinite';
+import useSWRInfinite, { unstable_serialize } from 'swr/infinite';
+import { useDebouncedCallback } from 'use-debounce';
+export * from 'use-debounce';
+import { jsx } from 'react/jsx-runtime';
 import { Decimal, zero, getPrecisionByNumber, timeConvertString } from '@orderly.network/utils';
 import useSWRSubscription from 'swr/subscription';
 import { pathOr, propOr, compose, head, prop, mergeDeepRight, pick, min } from 'ramda';
 import { positions, account, order } from '@orderly.network/perp';
-export * from 'use-debounce';
 import { createClient } from '@layerzerolabs/scan-client';
 
 // src/useQuery.ts
@@ -174,7 +176,6 @@ var signatureMiddleware = (useSWRNext) => {
           url
         };
         const signature = await signer.sign(payload);
-        console.log("signature:", fullUrl);
         return fetcher3(fullUrl, {
           headers: {
             ...signature,
@@ -259,8 +260,16 @@ var usePrivateInfiniteQuery = (getKey, 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),
+    (pageIndex, previousPageData) => {
+      const queryKey = getKey(pageIndex, previousPageData);
+      if (account5.state.status < AccountStatusEnum.EnableTrading || !queryKey) {
+        return null;
+      }
+      return [queryKey, account5.state.accountId];
+    },
+    (url, init) => {
+      return get(url, init, formatter);
+    },
     {
       ...restOptions,
       use: [signatureMiddleware, ...middleware]
@@ -423,12 +432,113 @@ var useWS = () => {
           websocketClient.openPrivate(nextState.accountId);
         }
       });
+      if (typeof window !== "undefined") {
+        window["__Orderly_WS"] = websocketClient;
+      }
       SimpleDI.registerByName(WS_NAME, websocketClient);
     }
     return websocketClient;
   });
   return ws;
 };
+var usePrivateDataObserver = () => {
+  const ws = useWS();
+  const { mutate: mutate2 } = useSWRConfig();
+  const ee = useEventEmitter();
+  const { state } = useAccount();
+  const updateOrders = useDebouncedCallback(() => {
+    mutate2(
+      unstable_serialize(() => [
+        `/v1/orders?size=100&page=1&status=${OrderStatus.INCOMPLETE}`,
+        state.accountId
+      ])
+    );
+    mutate2(
+      unstable_serialize(() => [
+        `/v1/orders?size=100&page=1&status=${OrderStatus.NEW}`,
+        state.accountId
+      ])
+    );
+  }, 500);
+  useEffect(() => {
+    if (!state.accountId)
+      return;
+    const unsubscribe = ws.privateSubscribe("executionreport", {
+      onMessage: (data) => {
+        updateOrders();
+        ee.emit("orders:changed", data);
+      }
+    });
+    return () => unsubscribe?.();
+  }, [state.accountId]);
+  useEffect(() => {
+    if (!state.accountId)
+      return;
+    const key = ["/v1/positions", state.accountId];
+    const unsubscribe = ws.privateSubscribe("position", {
+      onMessage: (data) => {
+        const { positions: nextPostions } = data;
+        mutate2(
+          key,
+          (prevPositions) => {
+            if (!!prevPositions) {
+              return {
+                ...prevPositions,
+                rows: prevPositions.rows.map((row) => {
+                  const item = nextPostions.find(
+                    (item2) => item2.symbol === row.symbol
+                  );
+                  if (item) {
+                    return {
+                      symbol: item.symbol,
+                      position_qty: item.positionQty,
+                      cost_position: item.costPosition,
+                      last_sum_unitary_funding: item.lastSumUnitaryFunding,
+                      pending_long_qty: item.pendingLongQty,
+                      pending_short_qty: item.pendingShortQty,
+                      settle_price: item.settlePrice,
+                      average_open_price: item.averageOpenPrice,
+                      unsettled_pnl: item.unsettledPnl,
+                      mark_price: item.markPrice,
+                      est_liq_price: item.estLiqPrice,
+                      timestamp: Date.now(),
+                      imr: item.imr,
+                      mmr: item.mmr,
+                      IMR_withdraw_orders: item.imrwithOrders,
+                      MMR_with_orders: item.mmrwithOrders,
+                      pnl_24_h: item.pnl24H,
+                      fee_24_h: item.fee24H
+                    };
+                  }
+                  return row;
+                })
+              };
+            }
+          },
+          {
+            revalidate: false
+          }
+        );
+      }
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  }, [state.accountId]);
+};
+var DataCenterContext = createContext(
+  {}
+);
+var DataCenterProvider = ({ children }) => {
+  const { error, done } = usePreLoadData();
+  usePrivateDataObserver();
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { children: "Data load failed" });
+  }
+  if (!done)
+    return null;
+  return /* @__PURE__ */ jsx(DataCenterContext.Provider, { value: {}, children });
+};
 var OrderlyConfigProvider = (props) => {
   const [account5, setAccount] = React.useState(null);
   const {
@@ -466,7 +576,7 @@ var OrderlyConfigProvider = (props) => {
   if (!account5) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     OrderlyProvider,
     {
       value: {
@@ -476,9 +586,9 @@ var OrderlyConfigProvider = (props) => {
         networkId,
         enableSwapDeposit
         // apiBaseUrl,
-      }
-    },
-    props.children
+      },
+      children: /* @__PURE__ */ jsx(DataCenterProvider, { children: props.children })
+    }
   );
 };
 var WalletConnectorContext = createContext({});
@@ -1100,7 +1210,7 @@ var usePositionStream = (symbol, options) => {
   } = usePrivateQuery(`/v1/positions`, {
     // revalidateOnFocus: false,
     // revalidateOnReconnect: false,
-    // dedupingInterval: 100,
+    // dedupingInterval: 200,
     // keepPreviousData: false,
     // revalidateIfStale: true,
     ...options,
@@ -1108,10 +1218,6 @@ var usePositionStream = (symbol, options) => {
     onError: (err) => {
     }
   });
-  usePositionUpdateStream((positions2) => {
-    console.log("position message", positions2);
-    updatePositions();
-  });
   const { data: markPrices } = useMarkPricesStream();
   const formatedPositions = useMemo(() => {
     if (!data?.rows || !symbolInfo || !accountInfo)
@@ -1260,41 +1366,6 @@ var pathOr_unsettledPnLPathOr = pathOr(0, [
   "aggregated",
   "unsettledPnL"
 ]);
-var usePositionUpdateStream = (callback) => {
-  const ws = useWS();
-  const positionList = useRef({});
-  return useSWRSubscription("positionUpdate", (key, { next }) => {
-    const unsubscribe = ws.privateSubscribe(
-      // { event: "subscribe", topic: "markprices" },
-      "position",
-      {
-        onMessage: (message) => {
-          const { positions: positions2 } = message;
-          let update = false;
-          for (const p in positions2) {
-            const { symbol, positionQty } = positions2[p];
-            if (positionList.current[symbol] !== positionQty) {
-              update = true;
-              positionList.current[symbol] = positionQty;
-            }
-          }
-          if (update) {
-            callback(positions2.current);
-          }
-          next(null, positionList);
-        },
-        // onUnsubscribe: () => {
-        //   return "markprices";
-        // },
-        onError: (error) => {
-        }
-      }
-    );
-    return () => {
-      unsubscribe?.();
-    };
-  });
-};
 var useHoldingStream = () => {
   const ws = useWS();
   const { data, isLoading, mutate: mutate2 } = usePrivateQuery(
@@ -1346,10 +1417,15 @@ var useHoldingStream = () => {
 };
 var useOrderStream = (params) => {
   const { status, symbol, side, size = 100 } = params;
-  const ws = useWS();
   const { data: markPrices = {} } = useMarkPricesStream();
-  const [doCancelOrder] = useMutation("/v1/order", "DELETE");
-  const [doUpdateOrder] = useMutation("/v1/order", "PUT");
+  const [doCancelOrder, { error: cancelOrderError }] = useMutation(
+    "/v1/order",
+    "DELETE"
+  );
+  const [doUpdateOrder, { error: updateOrderError }] = useMutation(
+    "/v1/order",
+    "PUT"
+  );
   const ordersResponse = usePrivateInfiniteQuery(
     (pageIndex, previousPageData) => {
       if (previousPageData && !previousPageData.rows?.length)
@@ -1372,9 +1448,9 @@ var useOrderStream = (params) => {
     {
       initialSize: 1,
       // revalidateFirstPage: false,
-      onError: (err) => {
-        console.error("fetch failed::::", err);
-      },
+      // onError: (err) => {
+      //   console.error("fetch failed::::", err);
+      // },
       formatter: (data) => data
     }
   );
@@ -1391,68 +1467,7 @@ var useOrderStream = (params) => {
   }, [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();
-  }, []);
+  }, [ordersResponse.data?.[0]?.meta?.total]);
   const cancelAllOrders = useCallback(() => {
   }, [ordersResponse.data]);
   const updateOrder = useCallback((orderId, order2) => {
@@ -1479,44 +1494,14 @@ var useOrderStream = (params) => {
       loadMore,
       cancelAllOrders,
       updateOrder,
-      cancelOrder
+      cancelOrder,
+      errors: {
+        cancelOrder: cancelOrderError,
+        updateOrder: updateOrderError
+      }
     }
   ];
 };
-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 = [];
-    }
-  }
-  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"]);
@@ -1575,33 +1560,7 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
   const symbolInfo = useSymbolsInfo();
   const { totalCollateral } = useCollateral();
   const { data: markPrices } = useMarkPricesStream();
-  const {
-    data: orders,
-    error,
-    mutate: updateOrder
-  } = usePrivateQuery(`/v1/orders?status=NEW&size=99`, {
-    formatter: (data) => data.rows,
-    onError: (err) => {
-    }
-  });
-  const ws = useWS();
-  useEffect(() => {
-    const unsubscribe = ws.privateSubscribe(
-      {
-        id: "executionreport_orders",
-        event: "subscribe",
-        topic: "executionreport",
-        ts: Date.now()
-      },
-      {
-        onMessage: (data) => {
-          console.log("refresh orders", data);
-          updateOrder();
-        }
-      }
-    );
-    return () => unsubscribe();
-  }, []);
+  const [orders] = useOrderStream({ status: OrderStatus.NEW });
   const maxQty = useMemo(() => {
     if (!symbol)
       return 0;
@@ -3634,59 +3593,6 @@ var useSettleSubscription = (options) => {
     return () => unsubscribe();
   });
 };
-var usePrivateDataObserver = () => {
-  const ws = useWS();
-  const { mutate: mutate2 } = useSWRConfig();
-  const { state } = useAccount();
-  useEffect(() => {
-    if (!state.accountId)
-      return;
-    const key = ["/v1/positions", state.accountId];
-    const unsubscribe = ws.privateSubscribe("position", {
-      onMessage: (data) => {
-        const { positions: nextPostions } = data;
-        mutate2(key, (prevPositions) => {
-          if (!!prevPositions) {
-            return {
-              ...prevPositions,
-              rows: prevPositions.rows.map((row) => {
-                const item = nextPostions.find(
-                  (item2) => item2.symbol === row.symbol
-                );
-                if (item) {
-                  return {
-                    symbol: item.symbol,
-                    position_qty: item.positionQty,
-                    cost_position: item.costPosition,
-                    last_sum_unitary_funding: item.lastSumUnitaryFunding,
-                    pending_long_qty: item.pendingLongQty,
-                    pending_short_qty: item.pendingShortQty,
-                    settle_price: item.settlePrice,
-                    average_open_price: item.averageOpenPrice,
-                    unsettled_pnl: item.unsettledPnl,
-                    mark_price: item.markPrice,
-                    est_liq_price: item.estLiqPrice,
-                    timestamp: Date.now(),
-                    imr: item.imr,
-                    mmr: item.mmr,
-                    IMR_withdraw_orders: item.imrwithOrders,
-                    MMR_with_orders: item.mmrwithOrders,
-                    pnl_24_h: item.pnl24H,
-                    fee_24_h: item.fee24H
-                  };
-                }
-                return row;
-              })
-            };
-          }
-        });
-      }
-    });
-    return () => {
-      unsubscribe?.();
-    };
-  }, [state.accountId]);
-};
 var useWooSwapQuery = () => {
   const { configStore } = useContext(OrderlyContext);
   const account5 = useAccountInstance();