@orderly.network/hooks 0.0.95 → 1.0.1

package/dist/index.mjs

@@ -1,40 +1,47 @@
-import React2, { createContext, useContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import useSWR, { useSWRConfig } from 'swr';
 export { SWRConfig, default as useSWR } from 'swr';
 import { WS, get, mutate } from '@orderly.network/net';
+import React, { createContext, useContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import useSWRMutation from 'swr/mutation';
-import useConstant from 'use-constant';
+import useConstant4 from 'use-constant';
 export { default as useConstant } from 'use-constant';
-import { SimpleDI, Account, EventEmitter, utils } from '@orderly.network/core';
+import { SimpleDI, Account, EventEmitter, MemoryConfigStore, 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 { 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/futures';
+import { positions, account, order } from '@orderly.network/perp';
 import useSWRInfinite from 'swr/infinite';
 export * from 'use-debounce';
 import { createClient } from '@layerzerolabs/scan-client';
 
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
+// src/useQuery.ts
+var fetcher = (url, init = {}, queryOptions) => get(url, init, queryOptions?.formatter);
 var OrderlyContext = createContext({
   // configStore: new MemoryConfigStore(),
 });
 var OrderlyProvider = OrderlyContext.Provider;
-var fetcher = (url, init = {}, queryOptions) => get(url, init, queryOptions?.formatter);
+
+// src/useConfig.ts
+var useConfig = (key, defaultValue) => {
+  const { configStore } = useContext(OrderlyContext);
+  if (typeof key !== "undefined") {
+    if (typeof defaultValue !== "undefined") {
+      return configStore.getOr(key, defaultValue);
+    }
+    return configStore.get(key);
+  }
+  return configStore;
+};
 
 // src/useQuery.ts
 var useQuery = (query, options) => {
-  const { apiBaseUrl } = useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   const { formatter, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
-    throw new Error("please add OrderlyProvider to your app");
+    throw new Error("please add OrderlyConfigProvider to your app");
   }
   return useSWR(
-    // `${apiBaseUrl}${query}`,
     query,
     (url, init) => fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init, {
       formatter
@@ -43,10 +50,10 @@ var useQuery = (query, options) => {
   );
 };
 var useLazyQuery = (query, options) => {
-  const { apiBaseUrl } = useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   const { formatter, init, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
-    throw new Error("please add OrderlyProvider to your app");
+    throw new Error("please add OrderlyConfigProvider to your app");
   }
   return useSWRMutation(
     query,
@@ -66,7 +73,7 @@ var useLazyQuery = (query, options) => {
   );
 };
 var useAccountInstance = () => {
-  const { configStore, keyStore, contractManager, getWalletAdapter } = useContext(OrderlyContext);
+  const { configStore, keyStore, getWalletAdapter } = useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -74,13 +81,12 @@ var useAccountInstance = () => {
       "keyStore is not defined, please use OrderlyProvider and provide keyStore"
     );
   }
-  const account5 = useConstant(() => {
+  const account5 = useConstant4(() => {
     let account6 = SimpleDI.get("account");
     if (!account6) {
       account6 = new Account(
         configStore,
         keyStore,
-        contractManager,
         getWalletAdapter
         // walletAdapter
       );
@@ -109,7 +115,7 @@ var fetcher2 = (url, options) => {
   return mutate(url, init);
 };
 var useMutation = (url, method = "POST", options) => {
-  const { apiBaseUrl } = useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   let fullUrl = url;
   if (!url.startsWith("http")) {
     fullUrl = `${apiBaseUrl}${url}`;
@@ -155,7 +161,7 @@ var useMutation = (url, method = "POST", options) => {
   ];
 };
 var signatureMiddleware = (useSWRNext) => {
-  const { apiBaseUrl } = useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   return (key, fetcher3, config) => {
     try {
       const extendedFetcher = async (args) => {
@@ -168,6 +174,7 @@ var signatureMiddleware = (useSWRNext) => {
           url
         };
         const signature = await signer.sign(payload);
+        console.log("signature:", fullUrl);
         return fetcher3(fullUrl, {
           headers: {
             ...signature,
@@ -185,10 +192,10 @@ var signatureMiddleware = (useSWRNext) => {
 var useAccount = () => {
   const {
     configStore,
-    keyStore,
-    onWalletConnect,
-    onWalletDisconnect,
-    onSetChain
+    keyStore
+    // onWalletConnect,
+    // onWalletDisconnect,
+    // onSetChain,
   } = useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
@@ -217,26 +224,16 @@ var useAccount = () => {
   const createAccount = useCallback(async () => {
     return account5.createAccount();
   }, [account5]);
-  const connect = useCallback(async () => {
-    return onWalletConnect?.();
-  }, [account5]);
-  const disconnect = async () => {
-    return onWalletDisconnect?.();
-  };
-  const setChain = async (chainId) => {
-    return onSetChain?.(chainId);
-  };
   return {
-    // account: state!,
     account: account5,
     state,
     // info: {},
     // login,
     createOrderlyKey,
-    createAccount,
-    disconnect,
-    connect,
-    setChain
+    createAccount
+    // disconnect,
+    // connect,
+    // setChain,
     // settlement,
   };
 };
@@ -246,7 +243,6 @@ var usePrivateQuery = (query, options) => {
   const middleware = Array.isArray(options?.use) ? options?.use ?? [] : [];
   return useSWR(
     () => account5.state.status >= AccountStatusEnum.EnableTrading ? [query, account5.state.accountId] : null,
-    // query,
     (url, init) => {
       return fetcher(url, init, { formatter });
     },
@@ -265,28 +261,6 @@ var useBoolean = (initialValue = false) => {
   const toggle = useCallback(() => setValue((v) => !v), []);
   return [value, { setTrue, setFalse, toggle }];
 };
-
-// src/useTradingView.ts
-var useTradingView = () => {
-  return {};
-};
-var useTopicObserve = (topic) => {
-  const [data, setData] = useState();
-  useEffect(() => {
-    return () => {
-    };
-  }, []);
-  return {
-    data
-  };
-};
-var useAppState = () => {
-  const { errors } = useContext(OrderlyContext);
-  return {
-    errors
-    // ready,
-  };
-};
 var usePreLoadData = () => {
   const { configStore } = useContext(OrderlyContext);
   const { error: swapSupportError, data: swapSupportData } = useSWR(
@@ -307,8 +281,8 @@ var usePreLoadData = () => {
     done: isDone
   };
 };
-var useEventEmitter = (channel) => {
-  return useConstant(() => {
+var useEventEmitter = () => {
+  return useConstant4(() => {
     let ee = SimpleDI.get("EE");
     if (!ee) {
       ee = new EventEmitter();
@@ -415,32 +389,10 @@ function useLocalStorage(key, initialValue) {
   }, []);
   return [storedValue, setValue];
 }
-var useRunOnce = ({ fn, sessionKey }) => {
-  const triggered = useRef(false);
-  useEffect(() => {
-    const hasBeenTriggered = sessionKey ? sessionStorage.getItem(sessionKey) : triggered.current;
-    if (!hasBeenTriggered) {
-      fn();
-      triggered.current = true;
-      if (sessionKey) {
-        sessionStorage.setItem(sessionKey, "true");
-      }
-    }
-  }, [fn, sessionKey]);
-  return null;
-};
-var DataSourceContext = createContext({});
-var DataSourceProvider = (props) => {
-  useAccountInstance();
-  useConstant(() => {
-  });
-  return /* @__PURE__ */ React2.createElement(DataSourceContext.Provider, { value: {} }, props.children);
-};
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
-  useAccount();
   const { configStore } = useContext(OrderlyContext);
-  const ws = useConstant(() => {
+  const ws = useConstant4(() => {
     let websocketClient = SimpleDI.get(WS_NAME);
     const account5 = SimpleDI.get(Account.instanceName);
     if (!websocketClient) {
@@ -467,9 +419,49 @@ var useWS = () => {
   });
   return ws;
 };
-var useConfig = () => {
-  const { configStore } = useContext(OrderlyContext);
-  return configStore;
+var OrderlyConfigProvider = (props) => {
+  const [account5, setAccount] = React.useState(null);
+  const { configStore, keyStore, getWalletAdapter, brokerId, networkId } = props;
+  if (!brokerId && typeof configStore === "undefined") {
+    console.error("[OrderlyConfigProvider]: brokerId is required");
+  }
+  const innerConfigStore = useConstant4(() => {
+    return configStore || new MemoryConfigStore({ brokerId });
+  });
+  const innerKeyStore = useConstant4(() => {
+    return keyStore || new LocalStorageStore(networkId);
+  });
+  const innerGetWalletAdapter = useConstant4(() => {
+    return getWalletAdapter || ((options) => new EtherAdapter(options));
+  });
+  useEffect(() => {
+    let account6 = SimpleDI.get(Account.instanceName);
+    if (!account6) {
+      account6 = new Account(
+        innerConfigStore,
+        innerKeyStore,
+        innerGetWalletAdapter
+      );
+      SimpleDI.registerByName(Account.instanceName, account6);
+    }
+    setAccount(account6);
+  }, []);
+  if (!account5) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    OrderlyProvider,
+    {
+      value: {
+        configStore: innerConfigStore,
+        keyStore: innerKeyStore,
+        getWalletAdapter: innerGetWalletAdapter,
+        networkId
+        // apiBaseUrl,
+      }
+    },
+    props.children
+  );
 };
 var useMarkPrice = (symbol) => {
   const ws = useWS();
@@ -1305,12 +1297,8 @@ var usePrivateInfiniteQuery = (getKey, options) => {
   );
   return result;
 };
-var useOrderStream = ({
-  status,
-  symbol,
-  side,
-  size = 100
-} = {}) => {
+var useOrderStream = (params) => {
+  const { status, symbol, side, size = 100 } = params;
   const ws = useWS();
   const { data: markPrices = {} } = useMarkPricesStream();
   const [doCancelOrder] = useMutation("/v1/order", "DELETE");
@@ -1465,7 +1453,6 @@ function rePageData(list, total, pageSize) {
       rows = [];
     }
   }
-  console.log("rePageData", list, total, newData);
   return newData;
 }
 function editPageData(list, newOrder) {
@@ -1855,65 +1842,11 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
     symbolConfig: symbolInfo[symbol]()
   };
 };
-var useFetures = () => {
-  const { data, isLoading, error } = useQuery(
-    `/v1/public/futures`,
-    {
-      revalidateOnFocus: false
-    }
-  );
-  const [sortedData, setSortedData] = useState(data);
-  useWS();
-  useEffect(() => {
-  }, []);
-  useEffect(() => {
-    if (data) {
-      const sortedData2 = data.sort((a, b) => {
-        return 0;
-      });
-      setSortedData(sortedData2);
-    }
-  }, [data]);
-  const sortBy = useCallback((key) => {
-  }, [data]);
-  const filterBy = useCallback((key) => {
-  }, [data]);
-  return {
-    // ...data,
-    data: sortedData,
-    sortBy,
-    filterBy,
-    isLoading,
-    error
-  };
-};
 
 // src/orderly/useAccountInfo.ts
 var useAccountInfo = () => {
   return usePrivateQuery("/v1/client/info");
 };
-
-// src/orderly/useTokenInfo.ts
-var useTokenInfo = () => {
-  const { data = {} } = useQuery(
-    "/v1/public/token",
-    {
-      focusThrottleInterval: 1e3 * 60 * 60 * 24,
-      revalidateOnFocus: false,
-      formatter(data2) {
-        if (!data2?.rows || !data2?.rows?.length) {
-          return {};
-        }
-        const obj = /* @__PURE__ */ Object.create(null);
-        for (let index = 0; index < data2.rows.length; index++) {
-          data2.rows[index];
-        }
-        return obj;
-      }
-    }
-  );
-  return createGetter(data);
-};
 var useMarketsStream = () => {
   const ws = useWS();
   const { data: futures } = useQuery(`/v1/public/futures`, {
@@ -2031,7 +1964,6 @@ var useMarketTradeStream = (symbol, options = {}) => {
   }
   const [trades, setTrades] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
-  useState(() => symbol);
   const { limit = 50 } = options;
   const ws = useWS();
   useEffect(() => {
@@ -3119,9 +3051,9 @@ var isNativeTokenChecker = (address) => address === nativeTokenAddress;
 // src/orderly/useChains.ts
 var useChains = (networkId, options = {}) => {
   const { filter, pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
-  const { configStore, networkId: envNetworkId } = useContext(OrderlyContext);
+  const { configStore } = useContext(OrderlyContext);
   const field = options?.pick;
-  const map2 = useRef(
+  const map = useRef(
     /* @__PURE__ */ new Map()
   );
   const { data, error: swapSupportError } = useSWR(
@@ -3179,7 +3111,7 @@ var useChains = (networkId, options = {}) => {
           if (!options.filter(_chain))
             return;
         }
-        map2.current.set(chainId, _chain);
+        map.current.set(chainId, _chain);
         orderlyChainsArr.push(_chain);
       });
     });
@@ -3228,7 +3160,7 @@ var useChains = (networkId, options = {}) => {
         });
         if (item.token_infos?.length === 0)
           return;
-        map2.current.set(item.network_infos.chain_id, item);
+        map.current.set(item.network_infos.chain_id, item);
         if (typeof options?.filter === "function") {
           if (!options.filter(item))
             return;
@@ -3263,7 +3195,7 @@ var useChains = (networkId, options = {}) => {
   }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
   const findByChainId = useCallback(
     (chainId, field2) => {
-      const chain = map2.current.get(chainId);
+      const chain = map.current.get(chainId);
       if (chain) {
         chain.nativeToken = chain.token_infos?.find(
           (item) => item.address === nativeTokenAddress
@@ -3274,7 +3206,7 @@ var useChains = (networkId, options = {}) => {
       }
       return chain;
     },
-    [chains, map2.current]
+    [chains, map.current]
   );
   return [
     chains,
@@ -3529,7 +3461,7 @@ var useWalletSubscription = (options) => {
       {
         onMessage: (data) => {
           options?.onMessage?.(data);
-          next(data);
+          next(null, data);
         }
       }
     );
@@ -3556,17 +3488,6 @@ var useSettleSubscription = (options) => {
     return () => unsubscribe();
   });
 };
-var useBalance = () => {
-  const ws = useWS();
-  const { data } = useSWRSubscription("balance", (_, { next }) => {
-    const unsubscribe = ws.privateSubscribe("balance", {
-      onMessage: (data2) => {
-      }
-    });
-    return () => unsubscribe();
-  });
-  return data;
-};
 var usePrivateDataObserver = () => {
   const ws = useWS();
   const { mutate: mutate2 } = useSWRConfig();
@@ -3620,34 +3541,6 @@ var usePrivateDataObserver = () => {
     };
   }, [state.accountId]);
 };
-
-// src/apis/index.ts
-var apis_exports = {};
-__export(apis_exports, {
-  useFundingRateBySymbol: () => useFundingRateBySymbol,
-  useInfo: () => useInfo,
-  useToken: () => useToken
-});
-
-// src/apis/useInfo.ts
-var useInfo = () => {
-  return useQuery("/v1/public/info", {
-    // refreshInterval: 1000 * 60 * 60 * 24,
-  });
-};
-
-// src/apis/useToken.ts
-var useToken = () => {
-  return useQuery("/v1/public/token");
-};
-
-// src/apis/useFundingRateBySymbol.ts
-var useFundingRateBySymbol = (symbol) => {
-  if (!symbol) {
-    throw new Error("symbol is required");
-  }
-  return useQuery(`/public/funding_rate/${symbol}`);
-};
 var useWooSwapQuery = () => {
   const { configStore } = useContext(OrderlyContext);
   const account5 = useAccountInstance();
@@ -3791,7 +3684,8 @@ var useCrossSwap = () => {
   );
   const txHashFromBridge = useRef();
   const account5 = useAccountInstance();
-  const { networkId, configStore } = useContext(OrderlyContext);
+  const { configStore } = useContext(OrderlyContext);
+  const networkId = useConfig("networkId");
   const client = useRef(createClient(networkId)).current;
   const timer = useRef();
   useEffect(() => {
@@ -4249,6 +4143,6 @@ var useSwap = () => {
   };
 };
 
-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 };
+export { OrderlyConfigProvider, OrderlyContext, OrderlyProvider, 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, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map