@0xmonaco/react 0.1.18 → 0.1.19

package/dist/hooks/index.d.ts

@@ -1,7 +1,9 @@
 export * from "./useAuth";
 export * from "./useMarket";
 export * from "./useMonaco";
+export * from "./useOrderbook";
 export * from "./useProfile";
 export * from "./useTrade";
+export * from "./useTradeFeed";
 export * from "./useVault";
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/hooks/index.js

@@ -1,7 +1,9 @@
 export * from "./useAuth";
 export * from "./useMarket";
 export * from "./useMonaco";
+export * from "./useOrderbook";
 export * from "./useProfile";
 export * from "./useTrade";
+export * from "./useTradeFeed";
 export * from "./useVault";
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/hooks/useOrderbook/index.d.ts

@@ -0,0 +1,2 @@
+export { useOrderbook } from "./useOrderbook";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useOrderbook/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOrderbook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useOrderbook/index.js

@@ -0,0 +1,2 @@
+export { useOrderbook } from "./useOrderbook";
+//# sourceMappingURL=index.js.map

package/dist/hooks/useOrderbook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useOrderbook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useOrderbook/types.d.ts

@@ -0,0 +1,26 @@
+import type { ConnectionStatus, OrderbookEvent, TradingMode } from "@0xmonaco/types";
+/**
+ * State structure for current subscription ref
+ */
+export interface CurrentSubscriptionRef {
+    /** The pair subscribed to */
+    pair: string;
+    /** The mode subscribed to */
+    mode: TradingMode;
+}
+/**
+ * Return type for the useOrderbook hook
+ */
+export interface UseOrderbookReturn {
+    /** Current orderbook snapshot */
+    orderbook: OrderbookEvent | null;
+    /** WebSocket connection status */
+    connectionStatus: ConnectionStatus;
+    /** Whether currently subscribed to a market */
+    subscribed: boolean;
+    /** Any error that occurred during connection or subscription */
+    error: Error | null;
+    /** Clear the current error state */
+    clearError: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/hooks/useOrderbook/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOrderbook/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAErF;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,EAAE,WAAW,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IAEjC,kCAAkC;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IAEnC,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;IAEpB,gEAAgE;IAChE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAEpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/dist/hooks/useOrderbook/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/hooks/useOrderbook/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/hooks/useOrderbook/types.ts"],"names":[],"mappings":""}

package/dist/hooks/useOrderbook/useOrderbook.d.ts

@@ -0,0 +1,34 @@
+import type { TradingMode } from "@0xmonaco/types";
+import type { UseOrderbookReturn } from "./types";
+/**
+ * React hook to subscribe to and manage the orderbook for a given trading pair and mode.
+ *
+ * Connects to the Monaco SDK WebSocket orderbook feed, subscribes to updates,
+ * and provides the latest orderbook event, connection status, subscription state, and error handling.
+ *
+ * @param {string | null} tradingPair - The trading pair to subscribe to (e.g., "BTC/USD"). If null, no subscription is made.
+ * @param {TradingMode} tradingMode - The trading mode to use for the subscription (e.g., "live", "test").
+ * @returns {UseOrderbookReturn} An object containing the latest orderbook event, connection status, subscription state, error, and error clearing function.
+ *
+ * @example
+ * ```tsx
+ * import { useOrderbook } from "./useOrderbook";
+ *
+ * function OrderbookComponent() {
+ *   const { orderbook, connectionStatus, subscribed, error, clearError } = useOrderbook("BTC/USD", "live");
+ *
+ *   if (error) return <div>Error: {error.message} <button onClick={clearError}>Clear</button></div>;
+ *   if (!subscribed) return <div>Not subscribed</div>;
+ *   if (!orderbook) return <div>Loading...</div>;
+ *
+ *   return (
+ *     <div>
+ *       <h2>Orderbook ({connectionStatus})</h2>
+ *       {/** Render orderbook data here }
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useOrderbook(tradingPair: string | null, tradingMode: TradingMode): UseOrderbookReturn;
+//# sourceMappingURL=useOrderbook.d.ts.map

package/dist/hooks/useOrderbook/useOrderbook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderbook.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOrderbook/useOrderbook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInE,OAAO,KAAK,EAA0B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,GAAG,kBAAkB,CA+GrG"}

package/dist/hooks/useOrderbook/useOrderbook.js

@@ -0,0 +1,131 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useMonacoSDK } from "../useMonaco";
+/**
+ * React hook to subscribe to and manage the orderbook for a given trading pair and mode.
+ *
+ * Connects to the Monaco SDK WebSocket orderbook feed, subscribes to updates,
+ * and provides the latest orderbook event, connection status, subscription state, and error handling.
+ *
+ * @param {string | null} tradingPair - The trading pair to subscribe to (e.g., "BTC/USD"). If null, no subscription is made.
+ * @param {TradingMode} tradingMode - The trading mode to use for the subscription (e.g., "live", "test").
+ * @returns {UseOrderbookReturn} An object containing the latest orderbook event, connection status, subscription state, error, and error clearing function.
+ *
+ * @example
+ * ```tsx
+ * import { useOrderbook } from "./useOrderbook";
+ *
+ * function OrderbookComponent() {
+ *   const { orderbook, connectionStatus, subscribed, error, clearError } = useOrderbook("BTC/USD", "live");
+ *
+ *   if (error) return <div>Error: {error.message} <button onClick={clearError}>Clear</button></div>;
+ *   if (!subscribed) return <div>Not subscribed</div>;
+ *   if (!orderbook) return <div>Loading...</div>;
+ *
+ *   return (
+ *     <div>
+ *       <h2>Orderbook ({connectionStatus})</h2>
+ *       {/** Render orderbook data here }
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function useOrderbook(tradingPair, tradingMode) {
+    const { sdk } = useMonacoSDK();
+    const [orderbook, setOrderbook] = useState(null);
+    const [error, setError] = useState(null);
+    const currentSubscriptionRef = useRef(null);
+    const orderbookWSClient = useMemo(() => sdk?.websocket.orderbook, [sdk?.websocket.orderbook]);
+    const subscribed = !!currentSubscriptionRef.current?.pair;
+    const clearError = useCallback(() => {
+        setError(null);
+    }, []);
+    const connect = useCallback(async () => {
+        if (!orderbookWSClient)
+            return;
+        // Prevent duplicate connections
+        const currentStatus = orderbookWSClient.getConnectionStatus();
+        if (currentStatus === "connecting" || currentStatus === "connected")
+            return;
+        setError(null);
+        try {
+            await orderbookWSClient.connect();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [orderbookWSClient]);
+    const subscribe = useCallback(async (pair, mode) => {
+        if (!orderbookWSClient)
+            return;
+        // Check if connected before subscribing
+        if (orderbookWSClient.getConnectionStatus() !== "connected") {
+            console.warn("Cannot subscribe: WebSocket not connected");
+            return;
+        }
+        setOrderbook(null);
+        setError(null);
+        try {
+            const normalizedMode = mode.toLowerCase();
+            orderbookWSClient.subscribeToOrderbookEvents(pair, normalizedMode, (event) => {
+                setOrderbook(event);
+            });
+            currentSubscriptionRef.current = { pair, mode: normalizedMode };
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [orderbookWSClient]);
+    const unsubscribe = useCallback(() => {
+        if (!orderbookWSClient)
+            return;
+        if (!currentSubscriptionRef.current)
+            return;
+        // Check if connected before unsubscribing
+        if (orderbookWSClient.getConnectionStatus() !== "connected") {
+            console.warn("Cannot unsubscribe: WebSocket not connected");
+            return;
+        }
+        try {
+            const tradingMode = currentSubscriptionRef.current.mode;
+            orderbookWSClient.unsubscribeFromOrderbookEvents(currentSubscriptionRef.current.pair, tradingMode);
+            currentSubscriptionRef.current = null;
+            setOrderbook(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [orderbookWSClient]);
+    const disconnect = useCallback(() => {
+        if (orderbookWSClient?.getConnectionStatus() !== "connected")
+            return;
+        try {
+            orderbookWSClient.disconnect();
+            setOrderbook(null);
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [orderbookWSClient]);
+    useEffect(() => {
+        if (tradingPair && tradingMode) {
+            if (tradingPair === currentSubscriptionRef.current?.pair && tradingMode === currentSubscriptionRef.current?.mode)
+                return;
+            unsubscribe();
+            void subscribe(tradingPair, tradingMode);
+        }
+    }, [tradingPair, tradingMode, unsubscribe, subscribe]);
+    useEffect(() => {
+        void connect(); // Connect on mount
+        return () => disconnect(); // Disconnect on unmount
+    }, [connect, disconnect]);
+    return {
+        orderbook,
+        connectionStatus: orderbookWSClient?.getConnectionStatus() || "disconnected",
+        subscribed,
+        error,
+        clearError,
+    };
+}
+//# sourceMappingURL=useOrderbook.js.map

package/dist/hooks/useOrderbook/useOrderbook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderbook.js","sourceRoot":"","sources":["../../../src/hooks/useOrderbook/useOrderbook.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,YAAY,CAAC,WAA0B,EAAE,WAAwB;IAC/E,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,sBAAsB,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAE3E,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9F,MAAM,UAAU,GAAG,CAAC,CAAC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC;IAE1D,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,gCAAgC;QAChC,MAAM,aAAa,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;QAC9D,IAAI,aAAa,KAAK,YAAY,IAAI,aAAa,KAAK,WAAW;YAAE,OAAO;QAE5E,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,MAAM,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACpC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,SAAS,GAAG,WAAW,CAC3B,KAAK,EAAE,IAAY,EAAE,IAAiB,EAAE,EAAE;QACxC,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,wCAAwC;QACxC,IAAI,iBAAiB,CAAC,mBAAmB,EAAE,KAAK,WAAW,EAAE,CAAC;YAC5D,OAAO,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAiB,CAAC;YAEzD,iBAAiB,CAAC,0BAA0B,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,KAAqB,EAAE,EAAE;gBAC3F,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;YAEH,sBAAsB,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;QAClE,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,IAAI,CAAC,sBAAsB,CAAC,OAAO;YAAE,OAAO;QAE5C,0CAA0C;QAC1C,IAAI,iBAAiB,CAAC,mBAAmB,EAAE,KAAK,WAAW,EAAE,CAAC;YAC5D,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;YAC5D,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,sBAAsB,CAAC,OAAO,CAAC,IAAmB,CAAC;YACvE,iBAAiB,CAAC,8BAA8B,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YACnG,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;YACtC,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,iBAAiB,EAAE,mBAAmB,EAAE,KAAK,WAAW;YAAE,OAAO;QAErE,IAAI,CAAC;YACH,iBAAiB,CAAC,UAAU,EAAE,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,WAAW,EAAE,CAAC;YAC/B,IAAI,WAAW,KAAK,sBAAsB,CAAC,OAAO,EAAE,IAAI,IAAI,WAAW,KAAK,sBAAsB,CAAC,OAAO,EAAE,IAAI;gBAAE,OAAO;YACzH,WAAW,EAAE,CAAC;YACd,KAAK,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,OAAO,EAAE,CAAC,CAAC,mBAAmB;QACnC,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,wBAAwB;IACrD,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO;QACL,SAAS;QACT,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,IAAI,cAAc;QAC5E,UAAU;QACV,KAAK;QACL,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/hooks/useTradeFeed/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export { useTradeFeed } from "./useTradeFeed";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useTradeFeed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useTradeFeed/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { useTradeFeed } from "./useTradeFeed";
+//# sourceMappingURL=index.js.map

package/dist/hooks/useTradeFeed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useTradeFeed/types.d.ts

@@ -0,0 +1,49 @@
+import type { ConnectionStatus, OrderSide, TradingMode } from "@0xmonaco/types";
+/**
+ * State structure for current subscription ref
+ */
+export interface CurrentSubscriptionRef {
+    /** The pair subscribed to */
+    pair: string;
+    /** The mode subscribed to */
+    mode: TradingMode;
+}
+/**
+ * Standardized trade data extracted from order events
+ */
+export interface Trade {
+    /** Execution price of the trade */
+    price: string;
+    /** Trading pair symbol (e.g., "BTC/USDC") */
+    tradingPair: string;
+    /** Trading pair ID (UUID) */
+    tradingPairId: string | undefined;
+    /** Quantity executed in this trade */
+    quantity: string;
+    /** User ID (UUID) */
+    userId: string;
+    /** Trading mode (e.g., "Spot", "Margin") */
+    tradingMode: TradingMode;
+    /** Original order ID */
+    orderId: string;
+    /** Event timestamp */
+    timestamp: string;
+    /** Order side ("BUY" or "SELL") */
+    side?: OrderSide;
+}
+/**
+ * Return type for the useTradeFeed hook
+ */
+export interface UseTradeFeedReturn {
+    /** Array of standardized trades received from the WebSocket feed */
+    trades: Trade[];
+    /** WebSocket connection status */
+    connectionStatus: ConnectionStatus;
+    /** Whether currently subscribed to a market */
+    subscribed: boolean;
+    /** Any error that occurred during connection or subscription */
+    error: Error | null;
+    /** Clear the current error state */
+    clearError: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/hooks/useTradeFeed/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,EAAE,WAAW,CAAC;CACnB;AACD;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,WAAW,EAAE,WAAW,CAAC;IACzB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,oEAAoE;IACpE,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,kCAAkC;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/dist/hooks/useTradeFeed/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/hooks/useTradeFeed/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/types.ts"],"names":[],"mappings":""}

package/dist/hooks/useTradeFeed/useTradeFeed.d.ts

@@ -0,0 +1,32 @@
+import type { TradingMode } from "@0xmonaco/types";
+import type { UseTradeFeedReturn } from "./types";
+/**
+ * Hook for subscribing to real-time trades events via WebSocket
+ *
+ * @param tradingPair - Trading pair symbol (e.g., "BTC/USDC") or null to disconnect
+ * @param tradingMode - Trading mode (e.g., "spot" or "margin")
+ * @param maxEvents - Maximum number of trades to keep in memory (default: 50)
+ *
+ * @example
+ * ```tsx
+ * const { trades, connectionStatus, subscribed, error, clearError } = useTradeFeed("BTC/USDC", "spot");
+ *
+ * if (error) {
+ *   return <ErrorMessage error={error} onDismiss={clearError} />;
+ * }
+ *
+ * if (connectionStatus === ConnectionStatus.Connecting) {
+ *   return <Spinner message="Connecting to WebSocket..." />;
+ * }
+ *
+ * if (connectionStatus === ConnectionStatus.Connected && !subscribed) {
+ *   return <Spinner message="Subscribing to market..." />;
+ * }
+ *
+ * if (subscribed) {
+ *   return <TradeFeed trades={trades} />;
+ * }
+ * ```
+ */
+export declare function useTradeFeed(tradingPair: string | null, tradingMode: TradingMode, maxEvents?: number): UseTradeFeedReturn;
+//# sourceMappingURL=useTradeFeed.d.ts.map

package/dist/hooks/useTradeFeed/useTradeFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTradeFeed.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/useTradeFeed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA2D,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5G,OAAO,KAAK,EAAiC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGjF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,GAAE,MAAW,GAAG,kBAAkB,CA+H7H"}

package/dist/hooks/useTradeFeed/useTradeFeed.js

@@ -0,0 +1,143 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useMonacoSDK } from "../useMonaco";
+import { convertOrderEventToTrade } from "./utils";
+/**
+ * Hook for subscribing to real-time trades events via WebSocket
+ *
+ * @param tradingPair - Trading pair symbol (e.g., "BTC/USDC") or null to disconnect
+ * @param tradingMode - Trading mode (e.g., "spot" or "margin")
+ * @param maxEvents - Maximum number of trades to keep in memory (default: 50)
+ *
+ * @example
+ * ```tsx
+ * const { trades, connectionStatus, subscribed, error, clearError } = useTradeFeed("BTC/USDC", "spot");
+ *
+ * if (error) {
+ *   return <ErrorMessage error={error} onDismiss={clearError} />;
+ * }
+ *
+ * if (connectionStatus === ConnectionStatus.Connecting) {
+ *   return <Spinner message="Connecting to WebSocket..." />;
+ * }
+ *
+ * if (connectionStatus === ConnectionStatus.Connected && !subscribed) {
+ *   return <Spinner message="Subscribing to market..." />;
+ * }
+ *
+ * if (subscribed) {
+ *   return <TradeFeed trades={trades} />;
+ * }
+ * ```
+ */
+export function useTradeFeed(tradingPair, tradingMode, maxEvents = 50) {
+    const validatedMaxEvents = maxEvents < 1 ? 50 : maxEvents;
+    if (maxEvents < 1) {
+        console.warn("useTradeFeed: maxEvents must be >= 1, defaulting to 50");
+    }
+    const { sdk } = useMonacoSDK();
+    const [trades, setTrades] = useState([]);
+    const [error, setError] = useState(null);
+    const currentSubscriptionRef = useRef(null);
+    const ordersWSClient = useMemo(() => sdk?.websocket.orders, [sdk?.websocket.orders]);
+    const subscribed = !!currentSubscriptionRef.current?.pair;
+    const clearError = useCallback(() => {
+        setError(null);
+    }, []);
+    const connect = useCallback(async () => {
+        if (!ordersWSClient)
+            return;
+        // Prevent duplicate connections
+        const currentStatus = ordersWSClient.getConnectionStatus();
+        if (currentStatus === "connecting" || currentStatus === "connected")
+            return;
+        setError(null);
+        try {
+            await ordersWSClient.connect();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [ordersWSClient]);
+    const subscribe = useCallback(async (pair, mode) => {
+        if (!ordersWSClient)
+            return;
+        // Check if connected before subscribing
+        if (ordersWSClient.getConnectionStatus() !== "connected") {
+            console.warn("Cannot subscribe: WebSocket not connected");
+            return;
+        }
+        setTrades([]);
+        setError(null);
+        try {
+            ordersWSClient.subscribeToOrderEvents(pair, mode, (event) => {
+                if (event.eventType === "OrderFilled" || event.eventType === "OrderPartiallyFilled") {
+                    const eventData = event.data;
+                    // Only include taker trades to avoid duplicates
+                    if (eventData.role !== "taker") {
+                        return;
+                    }
+                    const trade = convertOrderEventToTrade(event);
+                    setTrades((prevTrades) => {
+                        return [trade, ...prevTrades].slice(0, validatedMaxEvents);
+                    });
+                }
+            });
+            currentSubscriptionRef.current = { pair, mode };
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [ordersWSClient, validatedMaxEvents]);
+    const unsubscribe = useCallback(() => {
+        if (!ordersWSClient)
+            return;
+        if (!currentSubscriptionRef.current)
+            return;
+        // Check if connected before unsubscribing
+        if (ordersWSClient.getConnectionStatus() !== "connected") {
+            console.warn("Cannot unsubscribe: WebSocket not connected");
+            return;
+        }
+        try {
+            const tradingMode = currentSubscriptionRef.current.mode;
+            ordersWSClient.unsubscribeFromOrderEvents(currentSubscriptionRef.current.pair, tradingMode);
+            currentSubscriptionRef.current = null;
+            setTrades([]);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [ordersWSClient]);
+    const disconnect = useCallback(() => {
+        if (ordersWSClient?.getConnectionStatus() !== "connected")
+            return;
+        try {
+            ordersWSClient.disconnect();
+            setTrades([]);
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+    }, [ordersWSClient]);
+    useEffect(() => {
+        if (tradingPair && tradingMode) {
+            if (tradingPair === currentSubscriptionRef.current?.pair && tradingMode === currentSubscriptionRef.current?.mode)
+                return;
+            unsubscribe();
+            void subscribe(tradingPair, tradingMode);
+        }
+    }, [tradingPair, tradingMode, unsubscribe, subscribe]);
+    useEffect(() => {
+        void connect(); // Connect on mount
+        return () => disconnect(); // Disconnect on unmount
+    }, [connect, disconnect]);
+    return {
+        trades,
+        connectionStatus: ordersWSClient?.getConnectionStatus() || "disconnected",
+        subscribed,
+        error,
+        clearError,
+    };
+}
+//# sourceMappingURL=useTradeFeed.js.map

package/dist/hooks/useTradeFeed/useTradeFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTradeFeed.js","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/useTradeFeed.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useTradeFeed/utils.d.ts

@@ -0,0 +1,4 @@
+import type { OrderEvent } from "@0xmonaco/types";
+import type { Trade } from "./types";
+export declare function convertOrderEventToTrade(event: OrderEvent): Trade;
+//# sourceMappingURL=utils.d.ts.map

package/dist/hooks/useTradeFeed/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAA4D,MAAM,iBAAiB,CAAC;AAC5G,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAejE"}

package/dist/hooks/useTradeFeed/utils.js

@@ -0,0 +1,16 @@
+export function convertOrderEventToTrade(event) {
+    const { orderId, timestamp, data } = event;
+    const eventData = data;
+    return {
+        price: eventData.price ?? eventData.averageFillPrice ?? "0",
+        tradingPair: eventData.tradingPair,
+        tradingPairId: eventData.tradingPairId,
+        quantity: eventData.quantity ?? eventData.totalFilled,
+        userId: eventData.userId,
+        tradingMode: eventData.tradingMode.toUpperCase(),
+        orderId,
+        timestamp,
+        side: eventData.side,
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/hooks/useTradeFeed/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/hooks/useTradeFeed/utils.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,wBAAwB,CAAC,KAAiB;IACxD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAoE,CAAC;IAEvF,OAAO;QACL,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,gBAAgB,IAAI,GAAG;QAC3D,WAAW,EAAE,SAAS,CAAC,WAAW;QAClC,aAAa,EAAE,SAAS,CAAC,aAAa;QACtC,QAAQ,EAAE,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,WAAW;QACrD,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC,WAAW,EAAiB;QAC/D,OAAO;QACP,SAAS;QACT,IAAI,EAAE,SAAS,CAAC,IAAI;KACrB,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xmonaco/react",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,7 +9,7 @@
     "dist"
   ],
   "dependencies": {
-    "@0xmonaco/core": "0.2.10"
+    "@0xmonaco/core": "0.2.11"
   },
   "devDependencies": {
     "@types/react": "^19.1.12",