@hyperix/hooks 0.1.4 → 0.1.6

package/README.md

@@ -6,20 +6,6 @@ React hooks for the local workspace.
 
 This package is intended for source-first usage inside the monorepo. Consumers should reference it with `"workspace:*"` and let the app bundler resolve the TypeScript source.
 
-## Example
-
-```tsx
-import { useState } from "react";
-import { useDebouncedValue } from "@bunstack/hooks";
-
-function Search() {
-  const [query, setQuery] = useState("");
-  const debouncedQuery = useDebouncedValue(query, 300);
-
-  return <input value={query} onChange={(e) => setQuery(e.target.value)} />;
-}
-```
-
 ## Tests
 
 ```bash

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import * as _outofgas_react_stream from '@outofgas/react-stream';
-
-declare function useDebouncedValue<T>(value: T, delayMs?: number): T;
+import { UseSubscribeState } from '@outofgas/react-stream';
+import { TradesEvent } from '@nktkas/hyperliquid/api/subscription';
 
 type L2BookLevel = [price: number, size: number, cumulativeSize: number];
 type L2Book = {
@@ -18,10 +17,19 @@ type UseL2BookOptions = {
     depth?: number;
     nSigFigs?: number;
 };
+declare const EMPTY_L2_BOOK: L2Book;
 declare function calcOrderbookLevels(price: number): {
     nSigFigs: number;
     tick: string;
 }[];
-declare const useL2Book: (coin: string, options?: UseL2BookOptions) => _outofgas_react_stream.UseSubscribeState<L2Book>;
+declare const useL2Book: (coin: string, options?: UseL2BookOptions) => UseSubscribeState<L2Book>;
+
+type Trade = TradesEvent[number];
+type UseTradesOptions = {
+    limit?: number;
+    enabled?: boolean;
+};
+declare const EMPTY_TRADES: Trade[];
+declare function useTrades(coin: string, options?: UseTradesOptions): UseSubscribeState<Trade[]>;
 
-export { type L2Book, type L2BookLevel, type UseL2BookOptions, calcOrderbookLevels, useDebouncedValue, useL2Book };
+export { EMPTY_L2_BOOK, EMPTY_TRADES, type L2Book, type L2BookLevel, type Trade, type UseL2BookOptions, type UseTradesOptions, calcOrderbookLevels, useL2Book, useTrades };

package/dist/index.js

@@ -1,17 +1,4 @@
-// src/use-debounced-value.ts
-import { useEffect, useState } from "react";
-function useDebouncedValue(value, delayMs = 300) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delayMs);
-    return () => clearTimeout(timeout);
-  }, [value, delayMs]);
-  return debouncedValue;
-}
-
-// ../../node_modules/.bun/decimal.js@10.6.0/node_modules/decimal.js/decimal.mjs
+// ../../node_modules/decimal.js/decimal.mjs
 var EXP_LIMIT = 9e15;
 var MAX_DIGITS = 1e9;
 var NUMERALS = "0123456789abcdef";
@@ -2266,10 +2253,41 @@ var useL2Book = (coin, options = {}) => {
     }
   });
 };
+
+// src/use-trades.ts
+import { useSubscribe as useSubscribe2 } from "@outofgas/react-stream";
+var EMPTY_TRADES = [];
+function formatTrades(previousTrades, incomingTrades, limit) {
+  const uniqueTrades = Array.from(
+    new Map([...incomingTrades, ...previousTrades].map((trade) => [trade.tid, trade])).values()
+  );
+  return uniqueTrades.sort((a, b) => b.time - a.time).slice(0, limit);
+}
+function useTrades(coin, options = {}) {
+  const { limit = 60, enabled: enabledOverride } = options;
+  const enabled = enabledOverride ?? Boolean(coin);
+  return useSubscribe2({
+    key: ["trades", coin, limit],
+    enabled,
+    initialData: EMPTY_TRADES,
+    subscribe: async ({ onData }) => {
+      let trades = EMPTY_TRADES;
+      const subscription = await wsClient.trades({ coin }, (msg) => {
+        trades = formatTrades(trades, msg, limit);
+        onData(trades);
+      });
+      return {
+        unsubscribe: () => subscription.unsubscribe()
+      };
+    }
+  });
+}
 export {
+  EMPTY_L2_BOOK,
+  EMPTY_TRADES,
   calcOrderbookLevels,
-  useDebouncedValue,
-  useL2Book
+  useL2Book,
+  useTrades
 };
 /*! Bundled license information:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperix/hooks",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",