@orderly.network/hooks 1.1.3-alpha.0 → 1.1.3-alpha.10

package/dist/index.d.mts

@@ -25,7 +25,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.1.3-alpha.0";
+declare const _default: "1.1.3-alpha.10";
 
 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];
@@ -503,6 +512,8 @@ declare const useSymbolPriceRange: (symbol: string, side: "BUY" | "SELL", price?
 
 declare function useMediaQuery(query: string): boolean;
 
+declare const cleanStringStyle: (str: string | number) => string;
+
 /** @hidden */
 declare const useWooSwapQuery: () => {
     query: (inputs: any) => Promise<any> | undefined;
@@ -528,4 +539,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, cleanStringStyle, 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.0";
+declare const _default: "1.1.3-alpha.10";
 
 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];
@@ -503,6 +512,8 @@ declare const useSymbolPriceRange: (symbol: string, side: "BUY" | "SELL", price?
 
 declare function useMediaQuery(query: string): boolean;
 
+declare const cleanStringStyle: (str: string | number) => string;
+
 /** @hidden */
 declare const useWooSwapQuery: () => {
     query: (inputs: any) => Promise<any> | undefined;
@@ -528,4 +539,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, cleanStringStyle, 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.0";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3-alpha.10";
 }
-var version_default = "1.1.3-alpha.0";
+var version_default = "1.1.3-alpha.10";
 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();
@@ -464,13 +502,19 @@ var usePrivateDataObserver = (options) => {
   const { state } = useAccount();
   const updateOrders = useDebounce.useDebouncedCallback((data) => {
     const map = options.getKeysMap("orders");
+    const orderStatus = getSessionStorage(
+      "orderly_order_status",
+      "positions"
+    );
     map.forEach((getKey, key) => {
-      mutate2(
-        useSWRInfinite.unstable_serialize((index, prevData) => [
-          getKey(index, prevData),
-          state.accountId
-        ])
-      );
+      if (orderStatus === "history" && key === "orders" || orderStatus === "positions" && key === "orders:NEW" || key.includes(orderStatus)) {
+        mutate2(
+          useSWRInfinite.unstable_serialize((index, prevData) => [
+            getKey(index, prevData),
+            state.accountId
+          ])
+        );
+      }
     });
   }, 500);
   React.useEffect(() => {
@@ -491,7 +535,9 @@ var usePrivateDataObserver = (options) => {
       onMessage: (data) => {
         updateOrders(data);
         if (Array.isArray(data)) {
-          data.forEach((item) => ee.emit("orders:changed", { ...item, status: item.algoStatus }));
+          data.forEach(
+            (item) => ee.emit("orders:changed", { ...item, status: item.algoStatus })
+          );
         } else {
           ee.emit("orders:changed", { ...data, status: data.algoStatus });
         }
@@ -554,6 +600,17 @@ var usePrivateDataObserver = (options) => {
     };
   }, [state.accountId]);
 };
+var getSessionStorage = (key, initialValue) => {
+  if (typeof window === "undefined") {
+    return initialValue;
+  }
+  try {
+    const item = window.sessionStorage.getItem(key);
+    return item ? parseJSON(item) : initialValue;
+  } catch (error) {
+    return initialValue;
+  }
+};
 var DataCenterContext = React.createContext(
   {}
 );
@@ -594,6 +651,11 @@ var OrderlyConfigProvider = (props) => {
     enableSwapDeposit,
     contracts
   } = props;
+  if (typeof configStore !== "undefined" && !configStore.get("brokerId")) {
+    throw new types.SDKError(
+      "if configStore is provided, brokerId is required in configStore"
+    );
+  }
   const innerConfigStore = useConstant4__default.default(() => {
     return configStore || new core.DefaultConfigStore({ brokerId, networkId });
   });
@@ -632,7 +694,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 }) })
     }
   );
 };
@@ -817,7 +879,7 @@ var reduceItems = (depth, level, data, asks = false) => {
   const result = [];
   if (typeof depth !== "undefined") {
     const prices = /* @__PURE__ */ new Map();
-    for (let i = 0; i < ramda.min(level, data.length); i++) {
+    for (let i = 0; i < data.length; i++) {
       const [price, quantity] = data[i];
       if (isNaN(price) || isNaN(quantity))
         continue;
@@ -1055,6 +1117,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
 var needNumberOnlyFields = [
   "order_quantity",
   "order_price",
+  "trigger_price",
   "total"
 ];
 var cleanStringStyle = (str) => {
@@ -1636,7 +1699,10 @@ var useOrderStream = (params) => {
     return `/v1/orders?${search.toString()}`;
   };
   React.useEffect(() => {
-    const key = `orders:${status}:${symbol}:${side}`;
+    const formatKey = (value) => value ? `:${value}` : "";
+    const key = `orders${formatKey(status)}${formatKey(symbol)}${formatKey(
+      side
+    )}`;
     regesterKeyHandler(key, getKey);
   }, [status, symbol, side]);
   const ordersResponse = usePrivateInfiniteQuery(getKey, {
@@ -1672,55 +1738,61 @@ var useOrderStream = (params) => {
   }, [ordersResponse.data?.[0]?.meta?.total]);
   const cancelAllOrders = React.useCallback(() => {
   }, [ordersResponse.data]);
-  const _updateOrder = React.useCallback((orderId, order3, type) => {
-    switch (type) {
-      case "algoOrder":
-        return doUpdateAlgoOrder({
-          order_id: orderId,
-          price: order3["order_price"],
-          quantity: order3["order_quantity"],
-          trigger_price: order3["trigger_price"]
-        });
-      default:
-        return doUpdateOrder({ ...order3, order_id: orderId });
-    }
-  }, []);
+  const _updateOrder = React.useCallback(
+    (orderId, order3, type) => {
+      switch (type) {
+        case "algoOrder":
+          return doUpdateAlgoOrder({
+            order_id: orderId,
+            price: order3["order_price"],
+            quantity: order3["order_quantity"],
+            trigger_price: order3["trigger_price"]
+          });
+        default:
+          return doUpdateOrder({ ...order3, order_id: orderId });
+      }
+    },
+    []
+  );
   const updateOrder = React.useCallback((orderId, order3) => {
     return _updateOrder(orderId, order3, "normalOrder");
   }, []);
   const updateAlgoOrder = React.useCallback((orderId, order3) => {
     return _updateOrder(orderId, order3, "algoOrder");
   }, []);
-  const _cancelOrder = React.useCallback((orderId, type, symbol2) => {
-    switch (type) {
-      case "algoOrder":
-        return doCanceAlgolOrder(null, {
-          // @ts-ignore
-          order_id: orderId,
-          symbol: symbol2,
-          source: `SDK${version_default}`
-        }).then((res) => {
-          if (res.success) {
-            ordersResponse.mutate();
-            return res;
-          } else {
-            throw new Error(res.message);
-          }
-        });
-      default:
-        return doCancelOrder(null, {
-          order_id: orderId,
-          symbol: symbol2,
-          source: `SDK_${version_default}`
-        }).then((res) => {
-          if (res.success) {
-            return res;
-          } else {
-            throw new Error(res.message);
-          }
-        });
-    }
-  }, []);
+  const _cancelOrder = React.useCallback(
+    (orderId, type, symbol2) => {
+      switch (type) {
+        case "algoOrder":
+          return doCanceAlgolOrder(null, {
+            // @ts-ignore
+            order_id: orderId,
+            symbol: symbol2,
+            source: `SDK${version_default}`
+          }).then((res) => {
+            if (res.success) {
+              ordersResponse.mutate();
+              return res;
+            } else {
+              throw new Error(res.message);
+            }
+          });
+        default:
+          return doCancelOrder(null, {
+            order_id: orderId,
+            symbol: symbol2,
+            source: `SDK_${version_default}`
+          }).then((res) => {
+            if (res.success) {
+              return res;
+            } else {
+              throw new Error(res.message);
+            }
+          });
+      }
+    },
+    []
+  );
   const cancelOrder = React.useCallback((orderId, symbol2) => {
     return _cancelOrder(orderId, "normalOrder", symbol2);
   }, []);
@@ -2293,21 +2365,32 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     return { key, value };
   };
   const maxQty = useMaxQty(symbol, sideValue, isReduceOnly);
+  const parseString2Number = (order3, key) => {
+    if (typeof order3[key] !== "string")
+      return;
+    if (order3[key] && order3[key].startsWith(".")) {
+      order3[key] = `0${order3[key]}`;
+    }
+    order3[key] = order3[key].replace(/,/g, "");
+  };
   const parsedData = React.useMemo(() => {
     if (typeof symbolOrOrder === "string") {
       return null;
     }
     if (typeof symbolOrOrder.order_quantity === "string") {
-      symbolOrOrder.order_quantity = symbolOrOrder.order_quantity.replace(
-        /,/g,
-        ""
-      );
+      parseString2Number(symbolOrOrder, "order_quantity");
     }
     if (typeof symbolOrOrder.order_price === "string") {
-      symbolOrOrder.order_price = symbolOrOrder.order_price.replace(/,/g, "");
+      parseString2Number(symbolOrOrder, "order_price");
     }
     if (typeof symbolOrOrder.total === "string") {
-      symbolOrOrder.total = symbolOrOrder.total.replace(/,/g, "");
+      parseString2Number(symbolOrOrder, "total");
+    }
+    if (typeof symbolOrOrder.trigger_price === "string") {
+      parseString2Number(symbolOrOrder, "trigger_price");
+    }
+    if (typeof symbolOrOrder.trigger_price === "string") {
+      symbolOrOrder.trigger_price = symbolOrOrder.trigger_price.replace(/,/g, "");
     }
     if (typeof symbolOrOrder.order_quantity === "number") {
       symbolOrOrder.order_quantity = new utils.Decimal(symbolOrOrder.order_quantity).toDecimalPlaces(baseDP).toString();
@@ -5201,7 +5284,10 @@ exports.MarketsType = MarketsType;
 exports.OrderlyConfigProvider = OrderlyConfigProvider;
 exports.OrderlyContext = OrderlyContext;
 exports.OrderlyProvider = OrderlyProvider;
+exports.StatusContext = StatusContext;
+exports.StatusProvider = StatusProvider;
 exports.WalletConnectorContext = WalletConnectorContext;
+exports.cleanStringStyle = cleanStringStyle;
 exports.useAccount = useAccount;
 exports.useAccountInfo = useAccountInfo;
 exports.useAccountInstance = useAccountInstance;
@@ -5249,6 +5335,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, {