@orderly.network/hooks 0.0.31 → 0.0.33

package/dist/index.js

@@ -1020,6 +1020,7 @@ var parseHolding = (holding, markPrices) => {
 var usePositionStream = (symbol, options) => {
   var _a;
   const symbolInfo = useSymbolsInfo();
+  useAccount();
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const { data: holding } = usePrivateQuery(
     "/v1/client/holding",
@@ -1033,7 +1034,9 @@ var usePositionStream = (symbol, options) => {
   const { data, error } = usePrivateQuery(`/v1/positions`, __spreadProps(__spreadValues({
     // revalidateOnFocus: false,
     // revalidateOnReconnect: false,
-    dedupingInterval: 5e3
+    dedupingInterval: 5e3,
+    keepPreviousData: false,
+    revalidateIfStale: true
   }, options), {
     formatter: (data2) => data2,
     onError: (err) => {
@@ -1810,6 +1813,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
   }
   const [trades, setTrades] = React2.useState([]);
   const [isLoading, setIsLoading] = React2.useState(false);
+  React2.useState(() => symbol);
   const { limit = 50 } = options;
   const ws = useWS();
   React2.useEffect(() => {
@@ -1834,23 +1838,30 @@ var useMarketTradeStream = (symbol, options = {}) => {
     );
   }, [symbol]);
   React2.useEffect(() => {
-    if (trades.length <= 0)
-      return;
-    const unsubscript = ws.subscribe(`@${symbol}/@trade`, {
-      onMessage: (data) => {
-        setTrades((prev) => {
-          const arr = [data, ...prev];
-          if (arr.length > limit) {
-            arr.pop();
-          }
-          return arr;
-        });
+    const unsubscript = ws.subscribe(
+      {
+        id: `${symbol}@trade`,
+        event: "subscribe",
+        topic: `${symbol}@trade`,
+        ts: Date.now()
+      },
+      {
+        onMessage: (data) => {
+          setTrades((prev) => {
+            const arr = [__spreadProps(__spreadValues({}, data), { ts: Date.now() }), ...prev];
+            if (arr.length > limit) {
+              arr.pop();
+            }
+            return arr;
+          });
+        }
       }
-    });
+    );
     return () => {
       unsubscript == null ? void 0 : unsubscript();
     };
-  }, [symbol, trades]);
+  }, [symbol]);
+  console.log("trades", trades);
   return { data: trades, isLoading };
 };
 var useMarginRatio = () => {
@@ -1858,7 +1869,7 @@ var useMarginRatio = () => {
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
   const marginRatio = React2.useMemo(() => {
-    if (!rows || !markPrices || !totalCollateral) {
+    if (!rows || !markPrices || !totalCollateral || rows.length === 0) {
       return 0;
     }
     const ratio = futures.account.totalMarginRatio({