@orderly.network/hooks 1.0.13 → 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]
@@ -277,9 +286,12 @@ var useBoolean = (initialValue = false) => {
 };
 var usePreLoadData = () => {
   useContext(OrderlyContext);
-  const { error: tokenError, data: tokenData } = useQuery("/v1/public/token", {
-    revalidateOnFocus: false
-  });
+  const { error: tokenError, data: tokenData } = useQuery(
+    "https://api-evm.orderly.org/v1/public/token",
+    {
+      revalidateOnFocus: false
+    }
+  );
   const isDone = useMemo(() => {
     return !!tokenData;
   }, [tokenData]);
@@ -420,15 +432,123 @@ 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 { configStore, keyStore, getWalletAdapter, brokerId, networkId, enableSwapDeposit } = props;
+  const {
+    configStore,
+    keyStore,
+    getWalletAdapter,
+    brokerId,
+    networkId,
+    enableSwapDeposit
+  } = props;
   if (!brokerId && typeof configStore === "undefined") {
     console.error("[OrderlyConfigProvider]: brokerId is required");
   }
@@ -456,7 +576,7 @@ var OrderlyConfigProvider = (props) => {
   if (!account5) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     OrderlyProvider,
     {
       value: {
@@ -466,9 +586,9 @@ var OrderlyConfigProvider = (props) => {
         networkId,
         enableSwapDeposit
         // apiBaseUrl,
-      }
-    },
-    props.children
+      },
+      children: /* @__PURE__ */ jsx(DataCenterProvider, { children: props.children })
+    }
   );
 };
 var WalletConnectorContext = createContext({});
@@ -1090,7 +1210,7 @@ var usePositionStream = (symbol, options) => {
   } = usePrivateQuery(`/v1/positions`, {
     // revalidateOnFocus: false,
     // revalidateOnReconnect: false,
-    // dedupingInterval: 100,
+    // dedupingInterval: 200,
     // keepPreviousData: false,
     // revalidateIfStale: true,
     ...options,
@@ -1098,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)
@@ -1250,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(
@@ -1336,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)
@@ -1362,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
     }
   );
@@ -1381,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) => {
@@ -1469,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"]);
@@ -1565,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;
@@ -1965,7 +1934,6 @@ var useLeverage = () => {
   const { data: config } = useQuery("/v1/public/config");
   const updateLeverage = useCallback((data2) => {
     return update(data2).then((res) => {
-      console.log(res);
       if (res.success) {
         return mutate2();
       } else {
@@ -3147,7 +3115,7 @@ var useChains = (networkId, options = {}) => {
     }
   );
   const { data: orderlyChains, error: tokenError } = useQuery(
-    // wooSwapEnabled ? "/v1/public/token" : 
+    // wooSwapEnabled ? "/v1/public/token" :
     "https://api-evm.orderly.org/v1/public/token",
     {
       revalidateIfStale: false,
@@ -3158,11 +3126,9 @@ var useChains = (networkId, options = {}) => {
     }
   );
   const chains = useMemo(() => {
-    if (!orderlyChains)
-      return void 0;
     let orderlyChainsArr = [];
     const orderlyChainIds = /* @__PURE__ */ new Set();
-    orderlyChains.forEach((item) => {
+    orderlyChains?.forEach((item) => {
       item.chain_details.forEach((chain) => {
         const chainId = Number(chain.chain_id);
         orderlyChainIds.add(chainId);
@@ -3188,7 +3154,9 @@ var useChains = (networkId, options = {}) => {
             return;
         }
         if (_chain.chain_id === 421613) {
-          const index = testnetArr.findIndex((item2) => item2.network_infos.chain_id === 421613);
+          const index = testnetArr.findIndex(
+            (item2) => item2.network_infos.chain_id === 421613
+          );
           if (index > -1) {
             testnetArr[index] = _chain;
           }
@@ -3255,16 +3223,19 @@ var useChains = (networkId, options = {}) => {
         }
       });
     } else {
-      if (!chainInfos)
-        return void 0;
       orderlyChainsArr.forEach((chain) => {
         let _chain = chain;
-        const networkInfo = chainInfos.find((item) => {
-          console.log(item.chain_id, chain.network_infos.chain_id);
+        const networkInfo = chainInfos?.find((item) => {
           return item.chain_id == chain.network_infos.chain_id;
         });
         if (networkInfo) {
-          const { name, public_rpc_url, chain_id, currency_symbol, explorer_base_url } = networkInfo;
+          const {
+            name,
+            public_rpc_url,
+            chain_id,
+            currency_symbol,
+            explorer_base_url
+          } = networkInfo;
           _chain.network_infos = {
             ..._chain.network_infos,
             name,
@@ -3281,7 +3252,9 @@ var useChains = (networkId, options = {}) => {
         }
         map.current.set(_chain.network_infos.chain_id, _chain);
         if (_chain.network_infos.chain_id === 421613) {
-          const index = testnetArr.findIndex((item) => item.network_infos.chain_id === 421613);
+          const index = testnetArr.findIndex(
+            (item) => item.network_infos.chain_id === 421613
+          );
           if (index > -1) {
             testnetArr[index] = _chain;
           }
@@ -3313,7 +3286,15 @@ var useChains = (networkId, options = {}) => {
       testnet: testnetArr,
       mainnet: mainnetArr
     };
-  }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
+  }, [
+    data,
+    networkId,
+    field,
+    options,
+    orderlyChains,
+    wooSwapEnabled,
+    chainInfos
+  ]);
   const findByChainId = useCallback(
     (chainId, field2) => {
       const chain = map.current.get(chainId);
@@ -3409,7 +3390,7 @@ var useDeposit = (options) => {
       network: chain.network_infos.shortName
       // chainId: 42161,
     };
-  }, [networkId]);
+  }, [networkId, findByChainId]);
   const isNativeToken = useMemo(
     () => isNativeTokenChecker(options?.address || ""),
     [options?.address]
@@ -3612,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();