@orderly.network/hooks 0.0.16 → 0.0.18

package/dist/index.mjs

@@ -1,19 +1,16 @@
 import React, { createContext, useContext, useState, useEffect, useCallback, useMemo } from 'react';
 import useSWR, { useSWRConfig } from 'swr';
 export { default as useSWR } from 'swr';
-import { WS, get, mutate, WebSocketClient } from '@orderly.network/net';
+import { WS, get, mutate } from '@orderly.network/net';
 import useSWRMutation from 'swr/mutation';
 import useConstant from 'use-constant';
 export { default as useConstant } from 'use-constant';
-import { SimpleDI, Account, getMockSigner } from '@orderly.network/core';
+import { SimpleDI, Account, EventEmitter } from '@orderly.network/core';
 import { AccountStatusEnum, SystemStateEnum, ExchangeStatusEnum, OrderSide, OrderType } from '@orderly.network/types';
-import { BehaviorSubject, merge } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { useObservable } from 'rxjs-hooks';
-export { useEventCallback, useObservable } from 'rxjs-hooks';
-import { compose, defaultTo, head, last, pathOr, propOr } from 'ramda';
+import { BehaviorSubject } from 'rxjs';
 import useSWRSubscription from 'swr/subscription';
 import { Decimal, zero, getPrecisionByNumber, timeConvertString } from '@orderly.network/utils';
+import { pathOr, propOr, compose, head, prop } from 'ramda';
 import { positions, account, order } from '@orderly.network/futures';
 import useSWRInfinite from 'swr/infinite';
 
@@ -25,26 +22,26 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+  for (var prop2 in b || (b = {}))
+    if (__hasOwnProp.call(b, prop2))
+      __defNormalProp(a, prop2, b[prop2]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop2 of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop2))
+        __defNormalProp(a, prop2, b[prop2]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
+  for (var prop2 in source)
+    if (__hasOwnProp.call(source, prop2) && exclude.indexOf(prop2) < 0)
+      target[prop2] = source[prop2];
   if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    for (var prop2 of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop2) < 0 && __propIsEnum.call(source, prop2))
+        target[prop2] = source[prop2];
     }
   return target;
 };
@@ -251,9 +248,9 @@ var useAccount = () => {
   const connect = useCallback(() => __async(void 0, null, function* () {
     return onWalletConnect == null ? void 0 : onWalletConnect();
   }), [account4]);
-  const disconnect = useCallback(() => __async(void 0, null, function* () {
+  const disconnect = () => __async(void 0, null, function* () {
     return onWalletDisconnect == null ? void 0 : onWalletDisconnect();
-  }), [account4]);
+  });
   return {
     // account: state!,
     account: account4,
@@ -337,21 +334,18 @@ function getAppState() {
 
 // src/useAppState.ts
 var useAppState = () => {
-  const appState = getAppState();
-  return useObservable(
-    () => merge(appState.exchangeState$, appState.systemState$).pipe(
-      map((data) => {
-        return {
-          systemState: SystemStateEnum.Ready,
-          exchangeState: ExchangeStatusEnum.Normal
-        };
-      })
-    ),
-    {
-      systemState: appState.systemState$.value,
-      exchangeState: appState.exchangeState$.value
+  getAppState();
+  return {};
+};
+var useEventEmitter = (channel) => {
+  return useConstant(() => {
+    let ee = SimpleDI.get("EE");
+    if (!ee) {
+      ee = new EventEmitter();
+      SimpleDI.registerByName("EE", ee);
     }
-  );
+    return ee;
+  });
 };
 var DataSourceContext = createContext({});
 var DataSourceProvider = (props) => {
@@ -381,6 +375,11 @@ var useWS = () => {
           return __spreadProps(__spreadValues({}, result), { timestamp });
         })
       });
+      account4.on("change:status", (nextState) => {
+        if (nextState.status === AccountStatusEnum.EnableTrading && nextState.accountId) {
+          websocketClient.openPrivate(nextState.accountId);
+        }
+      });
       SimpleDI.registerByName(WS_NAME, websocketClient);
     }
     return websocketClient;
@@ -460,8 +459,6 @@ var useMarkPrice = (symbol) => {
 };
 
 // src/orderly/useOrderbookStream.ts
-compose(defaultTo(0), head, last, pathOr([], ["asks"]));
-pathOr(0, ["bids", 0, 0]);
 var paddingFn = (len) => Array(len).fill([Number.NaN, Number.NaN, Number.NaN]);
 var asksSortFn = (a, b) => a[0] - b[0];
 var bidsSortFn = (a, b) => b[0] - a[0];
@@ -538,6 +535,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   });
   const ws = useWS();
   const ticker = useTickerStream(symbol);
+  const eventEmitter = useEventEmitter();
   useEffect(() => {
     ws.onceSubscribe(
       {
@@ -586,6 +584,9 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
       subscription == null ? void 0 : subscription();
     };
   }, [symbol, requestData]);
+  const onItemClick = useCallback((item) => {
+    eventEmitter.emit("orderbook:item:click", item);
+  }, []);
   const onDepthChange = useCallback((depth2) => {
     console.log("Orderbook depth has changed:", depth2);
   }, []);
@@ -603,7 +604,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   }, [ticker, data]);
   return [
     __spreadProps(__spreadValues({}, data), { markPrice, middlePrice }),
-    { onDepthChange, depth, isLoading }
+    { onDepthChange, depth, isLoading, onItemClick }
   ];
 };
 
@@ -715,7 +716,6 @@ function priceInputHandle(inputs) {
   }
   const price = new Decimal(value);
   const priceDP = price.dp();
-  console.log("priceInputHandle", priceDP, config.quoteDP);
   if (priceDP > config.quoteDP) {
     values.order_price = price.toDecimalPlaces(config.quoteDP).toString();
   }
@@ -866,7 +866,11 @@ var usePositionStream = (symbol, options) => {
   const symbolInfo = useSymbolsInfo();
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const fundingRates = useFundingRates();
-  const { data, error } = usePrivateQuery(`/v1/positions`, __spreadProps(__spreadValues({}, options), {
+  const { data, error } = usePrivateQuery(`/v1/positions`, __spreadProps(__spreadValues({
+    // revalidateOnFocus: false,
+    // revalidateOnReconnect: false,
+    dedupingInterval: 5e3
+  }, options), {
     formatter: (data2) => data2,
     onError: (err) => {
       console.log("usePositionStream error", err);
@@ -1125,7 +1129,7 @@ var BaseOrderCreator = class {
       // symbol: data.symbol,
       order_type: data.order_type === OrderType.LIMIT ? !!data.order_type_ext ? data.order_type_ext : data.order_type : data.order_type,
       side: data.side,
-      // reduce_only: data.reduce_only,
+      reduce_only: data.reduce_only,
       order_quantity: data.order_quantity
     };
     if (data.visible_quantity === 0) {
@@ -1143,32 +1147,40 @@ var BaseOrderCreator = class {
         message: "quantity is required"
       };
     } else {
-      const { base_max, base_min } = configs.symbol;
+      const { base_min, quote_dp, base_dp } = configs.symbol;
       const qty = new Decimal(order_quantity);
       if (qty.lt(base_min)) {
         errors.order_quantity = {
           type: "min",
-          message: `quantity must be greater than ${base_min}`
+          message: `quantity must be greater than ${new Decimal(base_min).todp(
+            base_dp
+          )}`
         };
       } else if (qty.gt(maxQty)) {
         errors.order_quantity = {
           type: "max",
-          message: `quantity must be less than ${maxQty}`
+          message: `quantity must be less than ${new Decimal(maxQty).todp(
+            base_dp
+          )}`
         };
       }
     }
     if (!!total) {
-      const { quote_max, quote_min } = configs.symbol;
+      const { quote_max, quote_min, quote_dp } = configs.symbol;
       const totalNumber = new Decimal(total);
       if (totalNumber.lt(quote_min)) {
         errors.total = {
           type: "min",
-          message: `Quantity should be greater or equal than ${quote_min}`
+          message: `Quantity should be greater or equal than ${new Decimal(
+            quote_min
+          ).todp(quote_dp)}`
         };
       } else if (totalNumber.gt(quote_max)) {
         errors.total = {
           type: "max",
-          message: `Quantity should be less or equal than ${quote_max}`
+          message: `Quantity should be less or equal than ${new Decimal(
+            quote_max
+          ).todp(quote_dp)}`
         };
       }
     }
@@ -1344,29 +1356,6 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
     symbolConfig: symbolInfo[symbol]()
   };
 };
-var WS_NAME2 = "websocketClient";
-var useWebSocketClient = () => {
-  const ws = useConstant(() => {
-    let websocketClient = SimpleDI.get(WS_NAME2);
-    if (!websocketClient) {
-      websocketClient = new WebSocketClient({
-        accountId: "OqdphuyCtYWxwzhxyLLjOWNdFP7sQt8RPWzmb5xY",
-        networkId: "testnet",
-        onSigntureRequest: (accountId) => __async(void 0, null, function* () {
-          const signer = getMockSigner();
-          const timestamp = (/* @__PURE__ */ new Date()).getTime();
-          const result = yield signer.signText(timestamp.toString());
-          return __spreadProps(__spreadValues({}, result), { timestamp });
-        })
-      });
-      SimpleDI.registerByName(WS_NAME2, websocketClient);
-    }
-    return websocketClient;
-  });
-  return ws;
-};
-
-// src/orderly/useFetures.ts
 var useFetures = () => {
   const { data, isLoading, error } = useQuery(
     `/v1/public/futures`,
@@ -1375,14 +1364,8 @@ var useFetures = () => {
     }
   );
   const [sortedData, setSortedData] = useState(data);
-  const ws = useWebSocketClient();
+  useWS();
   useEffect(() => {
-    const sub = ws.observe(`tickers`).subscribe((value) => {
-      console.log("useTickers", value);
-    });
-    return () => {
-      sub.unsubscribe();
-    };
   }, []);
   useEffect(() => {
     if (data) {
@@ -1458,6 +1441,16 @@ var useMarketsStream = () => {
   }, [futures, tickers]);
   return { data: value };
 };
+var useLeverage = () => {
+  const { data, mutate: mutate2 } = usePrivateQuery("/v1/client/info");
+  const [update] = useMutation("/v1/client/leverage");
+  const updateLeverage = useCallback((data2) => {
+    return update(data2).then((res) => {
+      return mutate2();
+    });
+  }, []);
+  return [prop("max_leverage", data), { update: updateLeverage }];
+};
 var useFundingRate = (symbol) => {
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
@@ -1578,12 +1571,6 @@ var useOrderStream = ({
   }, []);
   return [
     orders,
-    // {
-    //   ...res,
-    //   data: res.data?.reduce((acc, cur) => {
-    //     return [...acc, ...cur];
-    //   }, []),
-    // },
     {
       cancelAllOrders,
       updateOrder,
@@ -1592,8 +1579,8 @@ var useOrderStream = ({
   ];
 };
 
-// src/orderly/useTradeStream.ts
-var useTradeStream = (symbol) => {
+// src/orderly/useMarketTradeStream.ts
+var useMarketTradeStream = (symbol) => {
   if (!symbol) {
     throw new Error("useTradeStream: symbol is required");
   }
@@ -1602,6 +1589,12 @@ var useTradeStream = (symbol) => {
   );
   return { data, isLoading };
 };
+
+// src/orderly/useTrades.tsx
+var useTradeStream = () => {
+  const { data, isLoading } = usePrivateQuery("/v1/trades");
+  return [data, { isLoading }];
+};
 var useMarginRatio = () => {
   const [{ rows }] = usePositionStream();
   const { data: markPrices } = useMarkPricesStream();
@@ -1662,6 +1655,58 @@ var useChains = (networkId, options) => {
   );
   return [chains, { findByChainId }];
 };
+var useBalance = () => {
+  const ws = useWS();
+  const { data } = useSWRSubscription("balance", (_, { next }) => {
+    const unsubscribe = ws.privateSubscribe("balance", {
+      onMessage: (data2) => {
+        console.log(data2);
+      }
+    });
+    return () => unsubscribe();
+  });
+  return data;
+};
+var usePrivateDataObserver = () => {
+  const ws = useWS();
+  const { mutate: mutate2 } = useSWRConfig();
+  useEffect(() => {
+    console.log("subscribe: executionreport");
+    const unsubscribe = ws.privateSubscribe("executionreport", {
+      onMessage: (data) => {
+        console.info("refresh orders");
+        mutate2("/v1/orders");
+      }
+    });
+    return () => unsubscribe == null ? void 0 : unsubscribe();
+  }, []);
+  useEffect(() => {
+    console.log("subscribe: position");
+    const unsubscribe = ws.privateSubscribe("position", {
+      onMessage: (data) => {
+        const { positions: nextPostions } = data;
+        console.info("refresh positions", nextPostions);
+        mutate2("/v1/positions");
+      }
+    });
+    return () => {
+      console.log("unsubscribe: private subscription position");
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, []);
+};
+var useExecutionReport = () => {
+  const ws = useWS();
+  const { data } = useSWRSubscription("executionreport", (_, { next }) => {
+    const unsubscribe = ws.privateSubscribe("executionreport", {
+      onMessage: (data2) => {
+        console.log(data2);
+      }
+    });
+    return () => unsubscribe();
+  });
+  return data;
+};
 
 // src/apis/index.ts
 var apis_exports = {};
@@ -1697,6 +1742,6 @@ var useFundingRate2 = (symbol) => {
   return useQuery(`/v1/public/funding_rate`);
 };
 
-export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAppState, useChains, useCollateral, useFetures, useFundingRate, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };
+export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map