@orderly.network/hooks 0.0.17 → 0.0.19

package/dist/index.d.mts

@@ -1,13 +1,12 @@
 import useSWR, { SWRConfiguration, SWRResponse } from 'swr';
 export { SWRConfiguration, default as useSWR } from 'swr';
 import { SWRMutationConfiguration } from 'swr/mutation';
-import { Account, AccountState, ConfigStore, OrderlyKeyStore, WalletAdapter, WSMessage } from '@orderly.network/core';
-import { SystemStateEnum, ExchangeStatusEnum, OrderSide, OrderEntity, API } from '@orderly.network/types';
-export { useEventCallback, useObservable } from 'rxjs-hooks';
+import { Account, AccountState, EventEmitter, ConfigStore, OrderlyKeyStore, WalletAdapter, WSMessage } from '@orderly.network/core';
 export { default as useConstant } from 'use-constant';
 import * as react from 'react';
 import { FC, PropsWithChildren } from 'react';
 import { WS } from '@orderly.network/net';
+import { OrderSide, OrderEntity, API } from '@orderly.network/types';
 import * as swr__internal from 'swr/_internal';
 import * as swr_subscription from 'swr/subscription';
 
@@ -54,10 +53,9 @@ declare const useAccount: () => {
     connect: () => Promise<any>;
 };
 
-declare const useAppState: () => {
-    systemState: SystemStateEnum;
-    exchangeState: ExchangeStatusEnum;
-};
+declare const useAppState: () => {};
+
+declare const useEventEmitter: (channel?: string) => EventEmitter<string | symbol, any>;
 
 declare const DataSourceProvider: FC<PropsWithChildren>;
 
@@ -104,10 +102,12 @@ declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, opti
     onDepthChange?: undefined;
     depth?: undefined;
     isLoading?: undefined;
+    onItemClick?: undefined;
 } | {
     onDepthChange: (depth: number) => void;
     depth: number;
     isLoading: boolean;
+    onItemClick: (item: OrderBookItem) => void;
 })[];
 
 interface OrderEntryReturn {
@@ -158,6 +158,10 @@ declare const useMarkPricesStream: () => swr_subscription.SWRSubscriptionRespons
 
 declare const useMarkPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
 
+declare const useLeverage: () => ({
+    update: (data: any) => any;
+} | undefined)[];
+
 declare const useTickerStream: (symbol: string) => any;
 
 declare const useFundingRate$1: (symbol: string) => {
@@ -189,11 +193,13 @@ declare const useOrderStream: ({ status, symbol, }?: {
     cancelOrder: (orderId: string, symbol?: string) => any;
 } | null)[];
 
-declare const useTradeStream: (symbol: string) => {
+declare const useMarketTradeStream: (symbol: string) => {
     data: API.Trade[] | undefined;
     isLoading: boolean;
 };
 
+declare const useTradeStream: () => unknown[];
+
 type CollateralOutputs = {
     totalCollateral: number;
     freeCollateral: number;
@@ -218,6 +224,12 @@ type inputOptions = {
 };
 declare const useChains: (networkId?: "testnet" | "mainnet", options?: inputOptions) => any[];
 
+declare const useBalance: () => any;
+
+declare const usePrivateDataObserver: () => void;
+
+declare const useExecutionReport: () => any;
+
 interface Info {
     symbol: string;
     quote_min: number;
@@ -283,4 +295,4 @@ declare namespace index {
   };
 }
 
-export { DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAppState, useChains, useCollateral, useFetures, useFundingRate$1 as useFundingRate, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };
+export { DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate$1 as useFundingRate, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };

package/dist/index.d.ts

@@ -1,13 +1,12 @@
 import useSWR, { SWRConfiguration, SWRResponse } from 'swr';
 export { SWRConfiguration, default as useSWR } from 'swr';
 import { SWRMutationConfiguration } from 'swr/mutation';
-import { Account, AccountState, ConfigStore, OrderlyKeyStore, WalletAdapter, WSMessage } from '@orderly.network/core';
-import { SystemStateEnum, ExchangeStatusEnum, OrderSide, OrderEntity, API } from '@orderly.network/types';
-export { useEventCallback, useObservable } from 'rxjs-hooks';
+import { Account, AccountState, EventEmitter, ConfigStore, OrderlyKeyStore, WalletAdapter, WSMessage } from '@orderly.network/core';
 export { default as useConstant } from 'use-constant';
 import * as react from 'react';
 import { FC, PropsWithChildren } from 'react';
 import { WS } from '@orderly.network/net';
+import { OrderSide, OrderEntity, API } from '@orderly.network/types';
 import * as swr__internal from 'swr/_internal';
 import * as swr_subscription from 'swr/subscription';
 
@@ -54,10 +53,9 @@ declare const useAccount: () => {
     connect: () => Promise<any>;
 };
 
-declare const useAppState: () => {
-    systemState: SystemStateEnum;
-    exchangeState: ExchangeStatusEnum;
-};
+declare const useAppState: () => {};
+
+declare const useEventEmitter: (channel?: string) => EventEmitter<string | symbol, any>;
 
 declare const DataSourceProvider: FC<PropsWithChildren>;
 
@@ -104,10 +102,12 @@ declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, opti
     onDepthChange?: undefined;
     depth?: undefined;
     isLoading?: undefined;
+    onItemClick?: undefined;
 } | {
     onDepthChange: (depth: number) => void;
     depth: number;
     isLoading: boolean;
+    onItemClick: (item: OrderBookItem) => void;
 })[];
 
 interface OrderEntryReturn {
@@ -158,6 +158,10 @@ declare const useMarkPricesStream: () => swr_subscription.SWRSubscriptionRespons
 
 declare const useMarkPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
 
+declare const useLeverage: () => ({
+    update: (data: any) => any;
+} | undefined)[];
+
 declare const useTickerStream: (symbol: string) => any;
 
 declare const useFundingRate$1: (symbol: string) => {
@@ -189,11 +193,13 @@ declare const useOrderStream: ({ status, symbol, }?: {
     cancelOrder: (orderId: string, symbol?: string) => any;
 } | null)[];
 
-declare const useTradeStream: (symbol: string) => {
+declare const useMarketTradeStream: (symbol: string) => {
     data: API.Trade[] | undefined;
     isLoading: boolean;
 };
 
+declare const useTradeStream: () => unknown[];
+
 type CollateralOutputs = {
     totalCollateral: number;
     freeCollateral: number;
@@ -218,6 +224,12 @@ type inputOptions = {
 };
 declare const useChains: (networkId?: "testnet" | "mainnet", options?: inputOptions) => any[];
 
+declare const useBalance: () => any;
+
+declare const usePrivateDataObserver: () => void;
+
+declare const useExecutionReport: () => any;
+
 interface Info {
     symbol: string;
     quote_min: number;
@@ -283,4 +295,4 @@ declare namespace index {
   };
 }
 
-export { DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAppState, useChains, useCollateral, useFetures, useFundingRate$1 as useFundingRate, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };
+export { DataSourceProvider, OrderStatus, OrderlyAppConfig, OrderlyContext, OrderlyContextState, OrderlyProvider, index as apis, useAccount, useAccountInfo, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate$1 as useFundingRate, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };

package/dist/index.js

@@ -8,11 +8,9 @@ var useConstant = require('use-constant');
 var core = require('@orderly.network/core');
 var types = require('@orderly.network/types');
 var rxjs = require('rxjs');
-var operators = require('rxjs/operators');
-var rxjsHooks = require('rxjs-hooks');
-var ramda = require('ramda');
 var useSWRSubscription = require('swr/subscription');
 var utils = require('@orderly.network/utils');
+var ramda = require('ramda');
 var futures = require('@orderly.network/futures');
 var useSWRInfinite = require('swr/infinite');
 
@@ -33,26 +31,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;
 };
@@ -259,9 +257,9 @@ var useAccount = () => {
   const connect = React.useCallback(() => __async(void 0, null, function* () {
     return onWalletConnect == null ? void 0 : onWalletConnect();
   }), [account4]);
-  const disconnect = React.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,
@@ -345,21 +343,18 @@ function getAppState() {
 
 // src/useAppState.ts
 var useAppState = () => {
-  const appState = getAppState();
-  return rxjsHooks.useObservable(
-    () => rxjs.merge(appState.exchangeState$, appState.systemState$).pipe(
-      operators.map((data) => {
-        return {
-          systemState: types.SystemStateEnum.Ready,
-          exchangeState: types.ExchangeStatusEnum.Normal
-        };
-      })
-    ),
-    {
-      systemState: appState.systemState$.value,
-      exchangeState: appState.exchangeState$.value
+  getAppState();
+  return {};
+};
+var useEventEmitter = (channel) => {
+  return useConstant__default.default(() => {
+    let ee = core.SimpleDI.get("EE");
+    if (!ee) {
+      ee = new core.EventEmitter();
+      core.SimpleDI.registerByName("EE", ee);
     }
-  );
+    return ee;
+  });
 };
 var DataSourceContext = React.createContext({});
 var DataSourceProvider = (props) => {
@@ -389,6 +384,11 @@ var useWS = () => {
           return __spreadProps(__spreadValues({}, result), { timestamp });
         })
       });
+      account4.on("change:status", (nextState) => {
+        if (nextState.status === types.AccountStatusEnum.EnableTrading && nextState.accountId) {
+          websocketClient.openPrivate(nextState.accountId);
+        }
+      });
       core.SimpleDI.registerByName(WS_NAME, websocketClient);
     }
     return websocketClient;
@@ -468,8 +468,6 @@ var useMarkPrice = (symbol) => {
 };
 
 // src/orderly/useOrderbookStream.ts
-ramda.compose(ramda.defaultTo(0), ramda.head, ramda.last, ramda.pathOr([], ["asks"]));
-ramda.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];
@@ -546,6 +544,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   });
   const ws = useWS();
   const ticker = useTickerStream(symbol);
+  const eventEmitter = useEventEmitter();
   React.useEffect(() => {
     ws.onceSubscribe(
       {
@@ -594,6 +593,9 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
       subscription == null ? void 0 : subscription();
     };
   }, [symbol, requestData]);
+  const onItemClick = React.useCallback((item) => {
+    eventEmitter.emit("orderbook:item:click", item);
+  }, []);
   const onDepthChange = React.useCallback((depth2) => {
     console.log("Orderbook depth has changed:", depth2);
   }, []);
@@ -611,7 +613,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   }, [ticker, data]);
   return [
     __spreadProps(__spreadValues({}, data), { markPrice, middlePrice }),
-    { onDepthChange, depth, isLoading }
+    { onDepthChange, depth, isLoading, onItemClick }
   ];
 };
 
@@ -723,7 +725,6 @@ function priceInputHandle(inputs) {
   }
   const price = new utils.Decimal(value);
   const priceDP = price.dp();
-  console.log("priceInputHandle", priceDP, config.quoteDP);
   if (priceDP > config.quoteDP) {
     values.order_price = price.toDecimalPlaces(config.quoteDP).toString();
   }
@@ -874,7 +875,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);
@@ -1133,7 +1138,7 @@ var BaseOrderCreator = class {
       // symbol: data.symbol,
       order_type: data.order_type === types.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) {
@@ -1151,32 +1156,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 utils.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 utils.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 utils.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 utils.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 utils.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 utils.Decimal(
+            quote_max
+          ).todp(quote_dp)}`
         };
       }
     }
@@ -1437,6 +1450,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 = React.useCallback((data2) => {
+    return update(data2).then((res) => {
+      return mutate2();
+    });
+  }, []);
+  return [ramda.prop("max_leverage", data), { update: updateLeverage }];
+};
 var useFundingRate = (symbol) => {
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
@@ -1557,12 +1580,6 @@ var useOrderStream = ({
   }, []);
   return [
     orders,
-    // {
-    //   ...res,
-    //   data: res.data?.reduce((acc, cur) => {
-    //     return [...acc, ...cur];
-    //   }, []),
-    // },
     {
       cancelAllOrders,
       updateOrder,
@@ -1571,8 +1588,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");
   }
@@ -1581,6 +1598,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();
@@ -1641,6 +1664,58 @@ var useChains = (networkId, options) => {
   );
   return [chains, { findByChainId }];
 };
+var useBalance = () => {
+  const ws = useWS();
+  const { data } = useSWRSubscription__default.default("balance", (_, { next }) => {
+    const unsubscribe = ws.privateSubscribe("balance", {
+      onMessage: (data2) => {
+        console.log(data2);
+      }
+    });
+    return () => unsubscribe();
+  });
+  return data;
+};
+var usePrivateDataObserver = () => {
+  const ws = useWS();
+  const { mutate: mutate2 } = useSWR.useSWRConfig();
+  React.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();
+  }, []);
+  React.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__default.default("executionreport", (_, { next }) => {
+    const unsubscribe = ws.privateSubscribe("executionreport", {
+      onMessage: (data2) => {
+        console.log(data2);
+      }
+    });
+    return () => unsubscribe();
+  });
+  return data;
+};
 
 // src/apis/index.ts
 var apis_exports = {};
@@ -1684,14 +1759,6 @@ Object.defineProperty(exports, 'useConstant', {
   enumerable: true,
   get: function () { return useConstant__default.default; }
 });
-Object.defineProperty(exports, 'useEventCallback', {
-  enumerable: true,
-  get: function () { return rxjsHooks.useEventCallback; }
-});
-Object.defineProperty(exports, 'useObservable', {
-  enumerable: true,
-  get: function () { return rxjsHooks.useObservable; }
-});
 exports.DataSourceProvider = DataSourceProvider;
 exports.OrderStatus = OrderStatus;
 exports.OrderlyContext = OrderlyContext;
@@ -1700,13 +1767,18 @@ exports.apis = apis_exports;
 exports.useAccount = useAccount;
 exports.useAccountInfo = useAccountInfo;
 exports.useAppState = useAppState;
+exports.useBalance = useBalance;
 exports.useChains = useChains;
 exports.useCollateral = useCollateral;
+exports.useEventEmitter = useEventEmitter;
+exports.useExecutionReport = useExecutionReport;
 exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
+exports.useLeverage = useLeverage;
 exports.useMarginRatio = useMarginRatio;
 exports.useMarkPrice = useMarkPrice;
 exports.useMarkPricesStream = useMarkPricesStream;
+exports.useMarketTradeStream = useMarketTradeStream;
 exports.useMarketsStream = useMarketsStream;
 exports.useMaxQty = useMaxQty;
 exports.useMutation = useMutation;
@@ -1714,6 +1786,7 @@ exports.useOrderEntry = useOrderEntry;
 exports.useOrderStream = useOrderStream;
 exports.useOrderbookStream = useOrderbookStream;
 exports.usePositionStream = usePositionStream;
+exports.usePrivateDataObserver = usePrivateDataObserver;
 exports.usePrivateObserve = usePrivateObserve;
 exports.usePrivateQuery = usePrivateQuery;
 exports.useQuery = useQuery;