@liberfi.io/react-predict 0.3.37 → 0.3.38

package/dist/index.mjs

@@ -107,9 +107,9 @@ var PredictClient = class {
     const url = `${this.endpoint}/api/v1/markets/${encodeURIComponent(slug)}${query}`;
     return await httpGet(url);
   }
-  /** Maps to `GET /api/v1/markets/:slug/orderbook?source=...`. */
-  async getOrderbook(slug, source) {
-    const query = buildQuery({ source });
+  /** Maps to `GET /api/v1/markets/:slug/orderbook?source=...&outcome=...`. */
+  async getOrderbook(slug, source, outcome) {
+    const query = buildQuery({ source, outcome });
     const url = `${this.endpoint}/api/v1/markets/${encodeURIComponent(slug)}/orderbook${query}`;
     return await httpGet(url);
   }
@@ -1295,14 +1295,15 @@ function useMarketHistory(markets, range = ChartRange.ALL) {
   }, [markets, queries]);
   return { series, isLoading };
 }
-function orderbookQueryKey(slug, source) {
-  return ["predict", "orderbook", slug, source];
+function orderbookQueryKey(slug, source, outcome = "yes") {
+  return ["predict", "orderbook", slug, source, outcome];
 }
 function useOrderbook(params, queryOptions = {}) {
   const client = usePredictClient();
+  const outcome = params.outcome ?? "yes";
   return useQuery({
-    queryKey: orderbookQueryKey(params.slug, params.source),
-    queryFn: () => client.getOrderbook(params.slug, params.source),
+    queryKey: orderbookQueryKey(params.slug, params.source, outcome),
+    queryFn: () => client.getOrderbook(params.slug, params.source, outcome),
     enabled: Boolean(params.slug),
     refetchInterval: 3e4,
     ...queryOptions
@@ -1961,6 +1962,7 @@ function useOrderbookSubscription({
   wsClient,
   slug,
   enabled = true,
+  outcome,
   onUpdate
 }) {
   const [orderbook, setOrderbook] = useState(null);
@@ -1970,11 +1972,13 @@ function useOrderbookSubscription({
   const handleUpdate = useCallback(
     (msg) => {
       if (msg.data.market_slug === slug) {
-        setOrderbook(msg.data);
+        if (!outcome || msg.data.outcome === outcome) {
+          setOrderbook(msg.data);
+        }
         onUpdateRef.current?.(msg);
       }
     },
-    [slug]
+    [slug, outcome]
   );
   useEffect(() => {
     if (!wsClient || !enabled || !slug) {
@@ -2039,28 +2043,33 @@ var REST_POLL_INTERVAL = 5e3;
 function useRealtimeOrderbook(params, queryOptions = {}) {
   const { wsClient } = usePredictWsClient();
   const queryClient = useQueryClient();
-  const subParams = {
-    wsClient,
-    slug: params.slug,
-    enabled: Boolean(params.slug)
-  };
-  const { isSubscribed } = useOrderbookSubscription(subParams);
-  const qk = orderbookQueryKey(params.slug, params.source);
-  const qkRef = useRef(qk);
-  qkRef.current = qk;
-  useEffect(() => {
-    if (!wsClient || !params.slug) return;
-    const unsub = wsClient.subscribeOrderbook([params.slug], (msg) => {
+  const outcome = params.outcome ?? "yes";
+  const handleUpdate = useCallback(
+    (msg) => {
+      if (msg.data.market_slug !== params.slug) return;
+      if (msg.data.outcome !== "yes" && msg.data.outcome !== "no") return;
       const ob = {
         market_id: msg.data.market_slug,
+        outcome: msg.data.outcome,
         bids: msg.data.bids,
         asks: msg.data.asks,
         spread: msg.data.spread
       };
-      queryClient.setQueryData(qkRef.current, ob);
-    });
-    return unsub;
-  }, [wsClient, params.slug, queryClient]);
+      queryClient.setQueryData(
+        orderbookQueryKey(params.slug, params.source, msg.data.outcome),
+        ob
+      );
+    },
+    [params.slug, params.source, queryClient]
+  );
+  const subParams = {
+    wsClient,
+    slug: params.slug,
+    enabled: Boolean(params.slug),
+    outcome,
+    onUpdate: handleUpdate
+  };
+  const { isSubscribed } = useOrderbookSubscription(subParams);
   return useOrderbook(params, {
     refetchInterval: isSubscribed ? false : REST_POLL_INTERVAL,
     ...queryOptions
@@ -2491,20 +2500,14 @@ async function pollTxConfirmed(fetchStatus, txHash) {
 }
 
 // src/utils/orderbook-pricing.ts
-function getWalkLevels(orderbook, outcome, side) {
+function getWalkLevels(orderbook, _outcome, side) {
   if (!orderbook) return [];
-  const isNo = outcome === "no";
-  const useAsks = side === "buy" && !isNo || side === "sell" && isNo;
-  const raw = useAsks ? orderbook.asks : orderbook.bids;
+  const raw = side === "buy" ? orderbook.asks : orderbook.bids;
   if (!raw || raw.length === 0) return [];
-  const mapped = raw.map((lvl) => ({
-    price: isNo ? 1 - lvl.price : lvl.price,
-    size: lvl.size
-  }));
   if (side === "buy") {
-    return [...mapped].sort((a, b) => a.price - b.price);
+    return [...raw].sort((a, b) => a.price - b.price);
   }
-  return [...mapped].sort((a, b) => b.price - a.price);
+  return [...raw].sort((a, b) => b.price - a.price);
 }
 function pickBestAsk(orderbook, outcome) {
   const levels = getWalkLevels(orderbook, outcome, "buy");