@orderly.network/hooks 1.0.9 → 1.0.11

package/dist/index.mjs

@@ -5,10 +5,9 @@ import React, { createContext, useContext, useState, useEffect, useCallback, use
 import useSWRMutation from 'swr/mutation';
 import useConstant4 from 'use-constant';
 export { default as useConstant } from 'use-constant';
-import { SimpleDI, Account, EventEmitter, MemoryConfigStore, LocalStorageStore, EtherAdapter, utils } from '@orderly.network/core';
+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 { 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';
@@ -22,9 +21,6 @@ var OrderlyContext = createContext({
   // configStore: new MemoryConfigStore(),
 });
 var OrderlyProvider = OrderlyContext.Provider;
-var useOrderlyContext = () => {
-  return useContext(OrderlyContext);
-};
 
 // src/useConfig.ts
 var useConfig = (key, defaultValue) => {
@@ -280,22 +276,15 @@ var useBoolean = (initialValue = false) => {
   return [value, { setTrue, setFalse, toggle }];
 };
 var usePreLoadData = () => {
-  const { configStore } = useContext(OrderlyContext);
-  const { error: swapSupportError, data: swapSupportData } = useSWR(
-    `${configStore.get("swapSupportApiUrl")}/swap_support`,
-    (url) => fetch(url).then((res) => res.json()),
-    {
-      revalidateOnFocus: false
-    }
-  );
+  useContext(OrderlyContext);
   const { error: tokenError, data: tokenData } = useQuery("/v1/public/token", {
     revalidateOnFocus: false
   });
   const isDone = useMemo(() => {
-    return !!swapSupportData && !!tokenData;
-  }, [swapSupportData, tokenData]);
+    return !!tokenData;
+  }, [tokenData]);
   return {
-    error: swapSupportError || tokenError,
+    error: tokenError,
     done: isDone
   };
 };
@@ -439,12 +428,12 @@ var useWS = () => {
 };
 var OrderlyConfigProvider = (props) => {
   const [account5, setAccount] = React.useState(null);
-  const { configStore, keyStore, getWalletAdapter, brokerId, networkId } = props;
+  const { configStore, keyStore, getWalletAdapter, brokerId, networkId, enableSwapDeposit } = props;
   if (!brokerId && typeof configStore === "undefined") {
     console.error("[OrderlyConfigProvider]: brokerId is required");
   }
   const innerConfigStore = useConstant4(() => {
-    return configStore || new MemoryConfigStore({ brokerId });
+    return configStore || new DefaultConfigStore({ brokerId, networkId });
   });
   const innerKeyStore = useConstant4(() => {
     return keyStore || new LocalStorageStore(networkId);
@@ -467,17 +456,19 @@ var OrderlyConfigProvider = (props) => {
   if (!account5) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     OrderlyProvider,
     {
       value: {
         configStore: innerConfigStore,
         keyStore: innerKeyStore,
         getWalletAdapter: innerGetWalletAdapter,
-        networkId
-      },
-      children: props.children
-    }
+        networkId,
+        enableSwapDeposit
+        // apiBaseUrl,
+      }
+    },
+    props.children
   );
 };
 var WalletConnectorContext = createContext({});
@@ -1094,8 +1085,8 @@ var usePositionStream = (symbol, options) => {
   const fundingRates = useFundingRates();
   const {
     data,
-    error
-    // mutate: updatePositions,
+    error,
+    mutate: updatePositions
   } = usePrivateQuery(`/v1/positions`, {
     // revalidateOnFocus: false,
     // revalidateOnReconnect: false,
@@ -1107,6 +1098,10 @@ 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)
@@ -1255,6 +1250,41 @@ 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(
@@ -1269,7 +1299,7 @@ var useHoldingStream = () => {
     const usdc2 = data?.find((item) => item.token === "USDC");
     return usdc2;
   }, [data]);
-  const { data: balance } = useSWRSubscription("holding", (_, { next }) => {
+  useSWRSubscription("holding", (_, { next }) => {
     const unsubscribe = ws.privateSubscribe(
       {
         id: "balance",
@@ -1301,7 +1331,6 @@ var useHoldingStream = () => {
   return {
     data,
     usdc,
-    balance,
     isLoading
   };
 };
@@ -1532,11 +1561,37 @@ var useCollateral = (options = { dp: 6 }) => {
 var positionsPath2 = pathOr([], [0, "rows"]);
 var useMaxQty = (symbol, side, reduceOnly = false) => {
   const positionsData = usePositionStream();
-  const [orders] = useOrderStream({ status: OrderStatus.NEW });
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   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 maxQty = useMemo(() => {
     if (!symbol)
       return 0;
@@ -3080,8 +3135,20 @@ var useChains = (networkId, options = {}) => {
       ...swrOptions
     }
   );
+  const { data: chainInfos, error: chainInfoErr } = useQuery(
+    "/v1/public/chain_info",
+    {
+      revalidateIfStale: false,
+      revalidateOnFocus: false,
+      revalidateOnReconnect: false,
+      revalidateOnMount: true,
+      dedupingInterval: 36e5,
+      formatter: (data2) => data2.rows
+    }
+  );
   const { data: orderlyChains, error: tokenError } = useQuery(
-    "/v1/public/token",
+    // wooSwapEnabled ? "/v1/public/token" : 
+    "https://api-evm.orderly.org/v1/public/token",
     {
       revalidateIfStale: false,
       revalidateOnFocus: false,
@@ -3120,41 +3187,48 @@ var useChains = (networkId, options = {}) => {
           if (!options.filter(_chain))
             return;
         }
+        if (_chain.chain_id === 421613) {
+          const index = testnetArr.findIndex((item2) => item2.network_infos.chain_id === 421613);
+          if (index > -1) {
+            testnetArr[index] = _chain;
+          }
+        }
         map.current.set(chainId, _chain);
         orderlyChainsArr.push(_chain);
       });
     });
-    if (!wooSwapEnabled) {
-      let arr = orderlyChainsArr;
-      if (typeof options?.filter === "function") {
-        arr = orderlyChainsArr.filter(options.filter);
-      }
-      if (!!field) {
-        arr = arr.map((item) => item[field]);
+    let testnetArr = [
+      //@ts-ignore
+      {
+        network_infos: {
+          name: "Arbitrum Goerli",
+          shortName: "Arbitrum Goerli",
+          public_rpc_url: "https://goerli-rollup.arbitrum.io/rpc",
+          chain_id: 421613,
+          currency_symbol: "ETH",
+          bridge_enable: true,
+          mainnet: false,
+          explorer_base_url: "https://goerli.arbiscan.io/",
+          est_txn_mins: null,
+          woofi_dex_cross_chain_router: "",
+          woofi_dex_depositor: ""
+        },
+        token_infos: [
+          {
+            symbol: "USDC",
+            address: "0xfd064A18f3BF249cf1f87FC203E90D8f650f2d63",
+            decimals: 6,
+            swap_enable: false,
+            woofi_dex_precision: 2
+          }
+        ]
       }
-      return arr;
-    } else {
+    ];
+    let mainnetArr = [];
+    map.current.set(421613, testnetArr[0]);
+    if (wooSwapEnabled) {
       if (!data || !data.data)
         return data;
-      let testnetArr = [
-        //@ts-ignore
-        {
-          network_infos: {
-            name: "Arbitrum Goerli",
-            shortName: "Arbitrum Goerli",
-            public_rpc_url: "https://goerli-rollup.arbitrum.io/rpc",
-            chain_id: 421613,
-            currency_symbol: "ETH",
-            bridge_enable: true,
-            mainnet: false,
-            explorer_base_url: "https://goerli.arbiscan.io/",
-            est_txn_mins: null,
-            woofi_dex_cross_chain_router: "",
-            woofi_dex_depositor: ""
-          }
-        }
-      ];
-      let mainnetArr = [];
       Object.keys(data.data).forEach((key) => {
         const chain = data.data[key];
         const item = mergeDeepRight(chain, {
@@ -3180,27 +3254,65 @@ var useChains = (networkId, options = {}) => {
           testnetArr.push(item);
         }
       });
-      mainnetArr.sort((a, b) => {
-        return a.network_infos.bridgeless ? -1 : 1;
-      });
-      testnetArr.sort((a, b) => {
-        return a.network_infos.bridgeless ? -1 : 1;
+    } 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);
+          return item.chain_id == chain.network_infos.chain_id;
+        });
+        if (networkInfo) {
+          const { name, public_rpc_url, chain_id, currency_symbol, explorer_base_url } = networkInfo;
+          _chain.network_infos = {
+            ..._chain.network_infos,
+            name,
+            shortName: name,
+            public_rpc_url,
+            currency_symbol,
+            bridge_enable: true,
+            mainnet: true,
+            explorer_base_url,
+            est_txn_mins: null,
+            woofi_dex_cross_chain_router: "",
+            woofi_dex_depositor: ""
+          };
+        }
+        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);
+          if (index > -1) {
+            testnetArr[index] = _chain;
+          }
+        }
+        if (typeof options?.filter === "function") {
+          if (!options.filter(_chain))
+            return;
+        }
+        mainnetArr.push(_chain);
       });
-      if (!!field) {
-        testnetArr = testnetArr.map((item) => item[field]);
-        mainnetArr = mainnetArr.map((item) => item[field]);
-      }
-      if (networkId === "mainnet") {
-        return mainnetArr;
-      }
-      if (networkId === "testnet") {
-        return testnetArr;
-      }
-      return {
-        testnet: testnetArr,
-        mainnet: mainnetArr
-      };
     }
+    mainnetArr.sort((a, b) => {
+      return a.network_infos.bridgeless ? -1 : 1;
+    });
+    testnetArr.sort((a, b) => {
+      return a.network_infos.bridgeless ? -1 : 1;
+    });
+    if (!!field) {
+      testnetArr = testnetArr.map((item) => item[field]);
+      mainnetArr = mainnetArr.map((item) => item[field]);
+    }
+    if (networkId === "mainnet") {
+      return mainnetArr;
+    }
+    if (networkId === "testnet") {
+      return testnetArr;
+    }
+    return {
+      testnet: testnetArr,
+      mainnet: mainnetArr
+    };
   }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
   const findByChainId = useCallback(
     (chainId, field2) => {
@@ -3269,11 +3381,12 @@ var useWithdraw = () => {
   return { withdraw, isLoading, maxAmount, availableBalance, unsettledPnL };
 };
 var useDeposit = (options) => {
-  const { onlyTestnet } = useContext(OrderlyContext);
+  const { onlyTestnet, enableSwapDeposit } = useContext(OrderlyContext);
+  const networkId = useConfig("networkId");
   const [balanceRevalidating, setBalanceRevalidating] = useState(false);
   const [allowanceRevalidating, setAllowanceRevalidating] = useState(false);
   const [_, { findByChainId }] = useChains(void 0, {
-    wooSwapEnabled: true
+    wooSwapEnabled: enableSwapDeposit
   });
   const [balance, setBalance] = useState("0");
   const [allowance, setAllowance] = useState("0");
@@ -3281,8 +3394,10 @@ var useDeposit = (options) => {
   const prevAddress = useRef();
   const getBalanceListener = useRef();
   const dst = useMemo(() => {
-    const chain = onlyTestnet ? findByChainId(ARBITRUM_TESTNET_CHAINID) : findByChainId(ARBITRUM_MAINNET_CHAINID);
-    const USDC = chain?.token_infos.find((token) => token.symbol === "USDC");
+    const chain = networkId === "testnet" ? findByChainId(ARBITRUM_TESTNET_CHAINID) : findByChainId(ARBITRUM_MAINNET_CHAINID);
+    const USDC = chain?.token_infos.find(
+      (token) => token.symbol === "USDC"
+    );
     if (!chain) {
       throw new Error("dst chain not found");
     }
@@ -3294,7 +3409,7 @@ var useDeposit = (options) => {
       network: chain.network_infos.shortName
       // chainId: 42161,
     };
-  }, []);
+  }, [networkId]);
   const isNativeToken = useMemo(
     () => isNativeTokenChecker(options?.address || ""),
     [options?.address]
@@ -3501,17 +3616,6 @@ var usePrivateDataObserver = () => {
   const ws = useWS();
   const { mutate: mutate2 } = useSWRConfig();
   const { state } = useAccount();
-  useEffect(() => {
-    console.log("----!!!usePrivateDataObserver!!!----");
-  }, []);
-  useEffect(() => {
-    const unsubscribe = ws.privateSubscribe("executionreport", {
-      onMessage: (data) => {
-        console.log(data);
-      }
-    });
-    return () => unsubscribe?.();
-  }, [state.accountId]);
   useEffect(() => {
     if (!state.accountId)
       return;
@@ -3519,7 +3623,6 @@ var usePrivateDataObserver = () => {
     const unsubscribe = ws.privateSubscribe("position", {
       onMessage: (data) => {
         const { positions: nextPostions } = data;
-        console.log("ws-----data-----", data);
         mutate2(key, (prevPositions) => {
           if (!!prevPositions) {
             return {
@@ -4164,6 +4267,6 @@ var useSwap = () => {
   };
 };
 
-export { OrderlyConfigProvider, OrderlyContext, OrderlyProvider, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, useOrderlyContext, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
+export { OrderlyConfigProvider, OrderlyContext, OrderlyProvider, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map