@orderly.network/hooks 1.1.3-alpha.2 → 1.1.3-alpha.3

package/dist/index.d.mts

@@ -25,7 +25,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.1.3-alpha.2";
+declare const _default: "1.1.3-alpha.3";
 
 type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
@@ -118,6 +118,15 @@ interface OrderlyConfigContextState {
 declare const OrderlyContext: react.Context<OrderlyConfigContextState>;
 declare const OrderlyProvider: react.Provider<OrderlyConfigContextState>;
 
+type WsNetworkStatus = "connected" | "unstable" | "disconnected";
+declare function useWsStatus(): WsNetworkStatus;
+
+interface StatusContextState {
+    ws?: WsNetworkStatus;
+}
+declare const StatusContext: react.Context<StatusContextState>;
+declare const StatusProvider: React.FC<PropsWithChildren>;
+
 type RequireAtLeastOne<T, R extends keyof T = keyof T> = Omit<T, R> & {
     [K in R]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<R, K>>>;
 }[R];
@@ -528,4 +537,4 @@ declare const useCrossSwap: () => any;
 /** @hidden */
 declare const useSwap: () => any;
 
-export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, UseOrderEntryMetaState, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, _default as version };
+export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, StatusContext, StatusContextState, StatusProvider, UseOrderEntryMetaState, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, useWsStatus, _default as version };

package/dist/index.d.ts

@@ -25,7 +25,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.1.3-alpha.2";
+declare const _default: "1.1.3-alpha.3";
 
 type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
@@ -118,6 +118,15 @@ interface OrderlyConfigContextState {
 declare const OrderlyContext: react.Context<OrderlyConfigContextState>;
 declare const OrderlyProvider: react.Provider<OrderlyConfigContextState>;
 
+type WsNetworkStatus = "connected" | "unstable" | "disconnected";
+declare function useWsStatus(): WsNetworkStatus;
+
+interface StatusContextState {
+    ws?: WsNetworkStatus;
+}
+declare const StatusContext: react.Context<StatusContextState>;
+declare const StatusProvider: React.FC<PropsWithChildren>;
+
 type RequireAtLeastOne<T, R extends keyof T = keyof T> = Omit<T, R> & {
     [K in R]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<R, K>>>;
 }[R];
@@ -528,4 +537,4 @@ declare const useCrossSwap: () => any;
 /** @hidden */
 declare const useSwap: () => any;
 
-export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, UseOrderEntryMetaState, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, _default as version };
+export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, StatusContext, StatusContextState, StatusProvider, UseOrderEntryMetaState, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, useWsStatus, _default as version };

package/dist/index.js

@@ -8,8 +8,8 @@ var useConstant4 = require('use-constant');
 var core = require('@orderly.network/core');
 var types = require('@orderly.network/types');
 var useSWRInfinite = require('swr/infinite');
-var useDebounce = require('use-debounce');
 var jsxRuntime = require('react/jsx-runtime');
+var useDebounce = require('use-debounce');
 var utils = require('@orderly.network/utils');
 var useSWRSubscription = require('swr/subscription');
 var ramda = require('ramda');
@@ -28,9 +28,9 @@ var useSWRSubscription__default = /*#__PURE__*/_interopDefault(useSWRSubscriptio
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3-alpha.2";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3-alpha.3";
 }
-var version_default = "1.1.3-alpha.2";
+var version_default = "1.1.3-alpha.3";
 var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
 var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
@@ -457,6 +457,44 @@ var useWS = () => {
   });
   return ws;
 };
+function useWsStatus() {
+  const ws = useWS();
+  const [wsStatus, setWsStatus] = React.useState(
+    ws.client.public.readyState ? "connected" : "disconnected"
+  );
+  const connectCount = React.useRef(0);
+  React.useEffect(() => {
+    ws.on("status:change", (status) => {
+      const { type, isPrivate } = status;
+      if (!isPrivate) {
+        switch (type) {
+          case "open":
+            connectCount.current = 0;
+            setWsStatus("connected");
+            break;
+          case "close":
+            connectCount.current = 0;
+            setWsStatus("disconnected");
+            break;
+          case "reconnecting":
+            connectCount.current++;
+            if (connectCount.current >= 2) {
+              setWsStatus("unstable");
+            }
+            break;
+        }
+      }
+    });
+    return () => ws.off("websocket:status", () => {
+    });
+  }, []);
+  return wsStatus;
+}
+var StatusContext = React.createContext({});
+var StatusProvider = (props) => {
+  const wsStatus = useWsStatus();
+  return /* @__PURE__ */ jsxRuntime.jsx(StatusContext.Provider, { value: { ws: wsStatus }, children: props.children });
+};
 var usePrivateDataObserver = (options) => {
   const ws = useWS();
   const { mutate: mutate2 } = useSWR.useSWRConfig();
@@ -632,7 +670,7 @@ var OrderlyConfigProvider = (props) => {
         enableSwapDeposit
         // apiBaseUrl,
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(DataCenterProvider, { children: props.children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(StatusProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(DataCenterProvider, { children: props.children }) })
     }
   );
 };
@@ -5201,6 +5239,8 @@ exports.MarketsType = MarketsType;
 exports.OrderlyConfigProvider = OrderlyConfigProvider;
 exports.OrderlyContext = OrderlyContext;
 exports.OrderlyProvider = OrderlyProvider;
+exports.StatusContext = StatusContext;
+exports.StatusProvider = StatusProvider;
 exports.WalletConnectorContext = WalletConnectorContext;
 exports.useAccount = useAccount;
 exports.useAccountInfo = useAccountInfo;
@@ -5249,6 +5289,7 @@ exports.useWalletSubscription = useWalletSubscription;
 exports.useWithdraw = useWithdraw;
 exports.useWooCrossSwapQuery = useWooCrossSwapQuery;
 exports.useWooSwapQuery = useWooSwapQuery;
+exports.useWsStatus = useWsStatus;
 exports.version = version_default;
 Object.keys(useDebounce).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {