gloomberb 0.13.2 → 0.14.0

package/src/plugins/prediction-markets/controller/data.ts

@@ -1,177 +0,0 @@
-import { useMemo } from "react";
-import { measurePerf } from "../../../utils/perf-marks";
-import { usePredictionCatalogData } from "./catalog";
-import { usePredictionDetailData } from "./detail";
-import {
-  buildPredictionVisibleRowLookup,
-  resolvePredictionSelectedRowState,
-  resolvePredictionSelectedSummary,
-} from "./selection";
-import {
-  filterPredictionMarkets,
-  getDefaultPredictionSort,
-  sortPredictionMarkets,
-} from "../metrics";
-import { sortPredictionOutcomeMarkets } from "../outcome-order";
-import { buildPredictionListRows } from "../rows";
-import type {
-  PredictionBrowseTab,
-  PredictionCategoryId,
-  PredictionHistoryRange,
-  PredictionSortPreference,
-  PredictionVenueScope,
-} from "../types";
-
-export function usePredictionMarketsDataState({
-  browseTab,
-  categoryId,
-  detailOpen,
-  effectiveVenueScope,
-  focused,
-  historyRange,
-  includeKalshi,
-  includePolymarket,
-  searchQuery,
-  selectedDetailMarketKey,
-  selectedRowKey,
-  sortPreference,
-  watchlistSet,
-}: {
-  browseTab: PredictionBrowseTab;
-  categoryId: PredictionCategoryId;
-  detailOpen: boolean;
-  effectiveVenueScope: PredictionVenueScope;
-  focused: boolean;
-  historyRange: PredictionHistoryRange;
-  includeKalshi: boolean;
-  includePolymarket: boolean;
-  searchQuery: string;
-  selectedDetailMarketKey: string | null;
-  selectedRowKey: string | null;
-  sortPreference: PredictionSortPreference;
-  watchlistSet: Set<string>;
-}) {
-  const {
-    allMarkets,
-    catalogHasMore,
-    catalogLoadCount,
-    catalogLoadingMore,
-    catalogStatus,
-    debouncedSearchQuery,
-    loadMoreCatalog,
-    setCatalogCache,
-  } = usePredictionCatalogData({
-    categoryId,
-    includeKalshi,
-    includePolymarket,
-    searchQuery,
-  });
-
-  const allRows = useMemo(
-    () =>
-      measurePerf("prediction.rows.build", () => buildPredictionListRows(allMarkets), {
-        marketCount: allMarkets.length,
-      }),
-    [allMarkets],
-  );
-
-  const visibleRows = useMemo(() => {
-    return measurePerf("prediction.rows.filter-sort", () => {
-      const filtered = filterPredictionMarkets(
-        allRows,
-        browseTab,
-        effectiveVenueScope,
-        categoryId,
-        debouncedSearchQuery,
-        watchlistSet,
-      );
-      return sortPredictionMarkets(
-        filtered,
-        sortPreference.columnId
-          ? sortPreference
-          : getDefaultPredictionSort(browseTab),
-      );
-    }, {
-      browseTab,
-      categoryId,
-      rowCount: allRows.length,
-      search: debouncedSearchQuery.trim(),
-      sortColumnId: sortPreference.columnId,
-      sortDirection: sortPreference.direction,
-      venueScope: effectiveVenueScope,
-    });
-  }, [
-    allRows,
-    browseTab,
-    categoryId,
-    debouncedSearchQuery,
-    effectiveVenueScope,
-    sortPreference,
-    watchlistSet,
-  ]);
-
-  const visibleRowLookup = useMemo(
-    () => buildPredictionVisibleRowLookup(visibleRows),
-    [visibleRows],
-  );
-
-  const selectedRowState = useMemo(
-    () => resolvePredictionSelectedRowState(selectedRowKey, visibleRowLookup),
-    [selectedRowKey, visibleRowLookup],
-  );
-  const selectedRow = selectedRowState.row;
-  const selectedSummary = useMemo(
-    () =>
-      resolvePredictionSelectedSummary({
-        detailOpen,
-        selectedDetailMarketKey,
-        selectedRow,
-      }),
-    [detailOpen, selectedDetailMarketKey, selectedRow],
-  );
-  const selectedSummaryKey = selectedSummary?.key ?? null;
-  const selectedIndex = selectedRowState.index;
-  const sortedOutcomeMarkets = useMemo(
-    () =>
-      selectedRow?.kind === "group"
-        ? sortPredictionOutcomeMarkets(selectedRow.markets)
-        : [],
-    [selectedRow],
-  );
-  const {
-    detail,
-    detailError,
-    detailLoadCount,
-    lastRefreshAt,
-    transportState,
-    actions: detailActions,
-  } = usePredictionDetailData({
-    focused,
-    historyRange,
-    selectedSummary,
-    setCatalogCache,
-  });
-
-  return {
-    catalogHasMore,
-    catalogLoadCount,
-    catalogLoadingMore,
-    catalogStatus,
-    debouncedSearchQuery,
-    detail,
-    detailError,
-    detailLoadCount,
-    lastRefreshAt,
-    loadMoreCatalog,
-    selectedIndex,
-    selectedRow,
-    selectedSummary,
-    selectedSummaryKey,
-    sortedOutcomeMarkets,
-    transportState,
-    visibleRows,
-    actions: {
-      setNextDetailLoadDelay: detailActions.setNextDetailLoadDelay,
-    },
-  };
-}

package/src/plugins/prediction-markets/controller/detail.ts

@@ -1,247 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import {
-  buildPredictionDetailCacheKey,
-  buildPredictionDetailResourceKey,
-  updatePredictionCatalogCacheEntries,
-  updatePredictionDetailCacheEntries,
-  updatePredictionErrorState,
-  updatePredictionPendingCounts,
-} from "../cache";
-import type { PredictionCatalogCacheSetter } from "./catalog";
-import {
-  applyPredictionBestBidAskUpdate,
-  applyPredictionBookUpdate,
-  applyPredictionTradeUpdate,
-} from "./live-updates";
-import { formatPredictionLoadError } from "./status";
-import { loadKalshiDetail } from "../services/kalshi/adapter";
-import { getCachedPredictionResource } from "../services/fetch";
-import { loadPolymarketDetail } from "../services/polymarket/adapter";
-import { subscribePolymarketMarket } from "../services/polymarket/ws";
-import type {
-  PredictionHistoryRange,
-  PredictionMarketDetail,
-  PredictionMarketSummary,
-  PredictionTransportState,
-} from "../types";
-
-interface UsePredictionDetailDataOptions {
-  focused: boolean;
-  historyRange: PredictionHistoryRange;
-  selectedSummary: PredictionMarketSummary | null;
-  setCatalogCache: PredictionCatalogCacheSetter;
-}
-
-export function usePredictionDetailData({
-  focused,
-  historyRange,
-  selectedSummary,
-  setCatalogCache,
-}: UsePredictionDetailDataOptions) {
-  const [detailCache, setDetailCache] = useState<
-    Record<string, PredictionMarketDetail>
-  >({});
-  const [detailPending, setDetailPending] = useState<Record<string, number>>(
-    {},
-  );
-  const [detailErrors, setDetailErrors] = useState<
-    Record<string, string | null>
-  >({});
-  const [transportState, setTransportState] =
-    useState<PredictionTransportState>("idle");
-  const [lastRefreshAt, setLastRefreshAt] = useState<number | null>(null);
-
-  const selectedSummaryRef = useRef<PredictionMarketSummary | null>(null);
-  const detailLoadDelayRef = useRef(0);
-  const currentDetailCacheKeyRef = useRef<string | null>(null);
-  const selectedSummaryKey = selectedSummary?.key ?? null;
-  const selectedSummaryVenue = selectedSummary?.venue ?? null;
-  const selectedYesTokenId = selectedSummary?.yesTokenId ?? null;
-  const selectedNoTokenId = selectedSummary?.noTokenId ?? null;
-  const detailCacheKey = selectedSummaryKey
-    ? buildPredictionDetailCacheKey(selectedSummaryKey, historyRange)
-    : null;
-  const detailResourceKey = selectedSummaryKey
-    ? buildPredictionDetailResourceKey(selectedSummaryKey, historyRange)
-    : null;
-  const persistedDetail = useMemo(
-    () =>
-      detailResourceKey
-        ? getCachedPredictionResource<PredictionMarketDetail>(
-            "detail",
-            detailResourceKey,
-          )
-        : null,
-    [detailResourceKey],
-  );
-  const detail = detailCacheKey
-    ? detailCache[detailCacheKey] ?? persistedDetail ?? null
-    : null;
-  const detailLoadCount = detailCacheKey ? detailPending[detailCacheKey] ?? 0 : 0;
-  const detailError = detailCacheKey ? detailErrors[detailCacheKey] ?? null : null;
-
-  const loadSelectedDetail = useCallback(
-    async (summary: PredictionMarketSummary) => {
-      const cacheKey = buildPredictionDetailCacheKey(summary.key, historyRange);
-      const isCurrentSelection = currentDetailCacheKeyRef.current === cacheKey;
-      setDetailPending((current) =>
-        updatePredictionPendingCounts(current, cacheKey, 1),
-      );
-      if (isCurrentSelection) {
-        setTransportState(summary.venue === "polymarket" ? "loading" : "polling");
-      }
-      try {
-        const next =
-          summary.venue === "polymarket"
-            ? await loadPolymarketDetail(summary, historyRange)
-            : await loadKalshiDetail(summary, historyRange);
-        setDetailCache((current) => ({
-          ...current,
-          [cacheKey]: next,
-        }));
-        setCatalogCache((current) =>
-          updatePredictionCatalogCacheEntries(current, summary.key, () => next.summary),
-        );
-        setDetailErrors((current) =>
-          updatePredictionErrorState(current, cacheKey, null),
-        );
-        setLastRefreshAt(Date.now());
-        if (currentDetailCacheKeyRef.current === cacheKey) {
-          setTransportState(
-            summary.venue === "polymarket" ? "stale" : "polling",
-          );
-        }
-      } catch (error) {
-        setDetailErrors((current) =>
-          updatePredictionErrorState(
-            current,
-            cacheKey,
-            formatPredictionLoadError(summary.venue, "market detail", error),
-          ),
-        );
-        if (currentDetailCacheKeyRef.current === cacheKey) {
-          setTransportState("error");
-        }
-      } finally {
-        setDetailPending((current) =>
-          updatePredictionPendingCounts(current, cacheKey, -1),
-        );
-      }
-    },
-    [historyRange, setCatalogCache],
-  );
-
-  useEffect(() => {
-    selectedSummaryRef.current = selectedSummary;
-  }, [selectedSummary]);
-
-  useEffect(() => {
-    currentDetailCacheKeyRef.current = detailCacheKey;
-  }, [detailCacheKey]);
-
-  useEffect(() => {
-    const detailSummary = selectedSummaryRef.current;
-    if (!detailSummary) {
-      setTransportState("idle");
-      return;
-    }
-    const delayMs = detailLoadDelayRef.current;
-    detailLoadDelayRef.current = 0;
-    const timeoutId = setTimeout(() => {
-      void loadSelectedDetail(detailSummary);
-    }, delayMs);
-    return () => clearTimeout(timeoutId);
-  }, [loadSelectedDetail, selectedSummaryKey]);
-
-  useEffect(() => {
-    if (!focused || selectedSummaryVenue !== "kalshi" || !selectedSummaryKey) {
-      return;
-    }
-    const intervalId = setInterval(() => {
-      const summary = selectedSummaryRef.current;
-      if (summary) {
-        void loadSelectedDetail(summary);
-      }
-    }, 5_000);
-    return () => clearInterval(intervalId);
-  }, [focused, loadSelectedDetail, selectedSummaryKey, selectedSummaryVenue]);
-
-  useEffect(() => {
-    // Same focus gate as the Kalshi polling above: an unfocused pane must not keep
-    // a live socket open.
-    if (
-      !focused ||
-      selectedSummaryVenue !== "polymarket" ||
-      (!selectedYesTokenId && !selectedNoTokenId) ||
-      !selectedSummaryKey
-    ) {
-      return;
-    }
-
-    const marketKey = selectedSummaryKey;
-    return subscribePolymarketMarket(
-      [selectedYesTokenId, selectedNoTokenId].filter(
-        (value): value is string => !!value,
-      ),
-      {
-        onBestBidAsk: (assetId, bestBid, bestAsk, spread) => {
-          setTransportState("live");
-          setDetailCache((current) =>
-            updatePredictionDetailCacheEntries(current, marketKey, (detailEntry) =>
-              applyPredictionBestBidAskUpdate(
-                detailEntry,
-                assetId,
-                bestBid,
-                bestAsk,
-                spread,
-              ),
-            ),
-          );
-        },
-        onBook: (assetId, bids, asks, lastTradePrice) => {
-          setTransportState("live");
-          setDetailCache((current) =>
-            updatePredictionDetailCacheEntries(current, marketKey, (detailEntry) =>
-              applyPredictionBookUpdate(
-                detailEntry,
-                assetId,
-                bids,
-                asks,
-                lastTradePrice,
-              ),
-            ),
-          );
-        },
-        onTrade: (assetId, trade) => {
-          setTransportState("live");
-          setDetailCache((current) =>
-            updatePredictionDetailCacheEntries(current, marketKey, (detailEntry) =>
-              applyPredictionTradeUpdate(detailEntry, assetId, trade),
-            ),
-          );
-        },
-      },
-    );
-  }, [
-    focused,
-    selectedNoTokenId,
-    selectedSummaryKey,
-    selectedSummaryVenue,
-    selectedYesTokenId,
-  ]);
-
-  const setNextDetailLoadDelay = useCallback((delayMs: number) => {
-    detailLoadDelayRef.current = Math.max(0, delayMs);
-  }, []);
-
-  return {
-    detail,
-    detailError,
-    detailLoadCount,
-    lastRefreshAt,
-    transportState,
-    actions: {
-      setNextDetailLoadDelay,
-    },
-  };
-}

package/src/plugins/prediction-markets/controller/effects.ts

@@ -1,253 +0,0 @@
-import { useEffect, type Dispatch, type RefObject, type SetStateAction } from "react";
-import { type InputRenderable, type ScrollBoxRenderable } from "../../../ui";
-import {
-  parsePredictionSearchShortcut,
-  parsePredictionVenueScope,
-} from "../navigation";
-import type {
-  PredictionBrowseTab,
-  PredictionCategoryId,
-  PredictionListRow,
-  PredictionVenueScope,
-} from "../types";
-
-type DebouncedSelectionSetter = (
-  value: SetStateAction<string | null>,
-  options?: { immediate?: boolean },
-) => void;
-
-interface UsePredictionControllerEffectsOptions {
-  appViewportHeight: number;
-  browseTab: PredictionBrowseTab;
-  categoryId: PredictionCategoryId;
-  debouncedSearchQuery: string;
-  detailOpen: boolean;
-  effectiveVenueScope: PredictionVenueScope;
-  headerScrollRef: RefObject<ScrollBoxRenderable | null>;
-  hideTabs: boolean;
-  initialParams: Record<string, string> | undefined;
-  initialParamsApplied: boolean;
-  lastVenueScope: PredictionVenueScope;
-  lockedVenueScope: PredictionVenueScope;
-  previousFilterResetKeyRef: RefObject<string | null>;
-  scrollRef: RefObject<ScrollBoxRenderable | null>;
-  searchFocused: boolean;
-  searchInputRef: RefObject<InputRenderable | null>;
-  selectedDetailMarketKey: string | null;
-  selectedIndex: number;
-  selectedRow: PredictionListRow | null;
-  selectedRowKey: string | null;
-  setDetailOpen: Dispatch<SetStateAction<boolean>>;
-  setInitialParamsApplied: Dispatch<SetStateAction<boolean>>;
-  setLastVenueScope: Dispatch<SetStateAction<PredictionVenueScope>>;
-  setSearchQuery: Dispatch<SetStateAction<string>>;
-  setSelectedDetailMarketKey: DebouncedSelectionSetter;
-  setSelectedRowKey: DebouncedSelectionSetter;
-  setVenueScope: Dispatch<SetStateAction<PredictionVenueScope>>;
-  visibleRowsLength: number;
-}
-
-export function usePredictionControllerEffects({
-  appViewportHeight,
-  browseTab,
-  categoryId,
-  debouncedSearchQuery,
-  detailOpen,
-  effectiveVenueScope,
-  headerScrollRef,
-  hideTabs,
-  initialParams,
-  initialParamsApplied,
-  lastVenueScope,
-  lockedVenueScope,
-  previousFilterResetKeyRef,
-  scrollRef,
-  searchFocused,
-  searchInputRef,
-  selectedDetailMarketKey,
-  selectedIndex,
-  selectedRow,
-  selectedRowKey,
-  setDetailOpen,
-  setInitialParamsApplied,
-  setLastVenueScope,
-  setSearchQuery,
-  setSelectedDetailMarketKey,
-  setSelectedRowKey,
-  setVenueScope,
-  visibleRowsLength,
-}: UsePredictionControllerEffectsOptions): void {
-  useEffect(() => {
-    if (hideTabs && effectiveVenueScope !== lockedVenueScope) {
-      setVenueScope(lockedVenueScope);
-      return;
-    }
-    if (!hideTabs && effectiveVenueScope !== lastVenueScope) {
-      setLastVenueScope(effectiveVenueScope);
-    }
-  }, [
-    effectiveVenueScope,
-    hideTabs,
-    lastVenueScope,
-    lockedVenueScope,
-    setLastVenueScope,
-    setVenueScope,
-  ]);
-
-  useEffect(() => {
-    if (initialParamsApplied) return;
-    const parsedScope = parsePredictionVenueScope(initialParams?.scope);
-    const shortcut = parsePredictionSearchShortcut(initialParams?.query ?? "");
-    if (parsedScope) {
-      setVenueScope(parsedScope);
-      setLastVenueScope(parsedScope);
-    } else if (shortcut.searchQuery || shortcut.venueScope !== "all") {
-      setVenueScope(shortcut.venueScope);
-      setLastVenueScope(shortcut.venueScope);
-    }
-    if (shortcut.searchQuery) {
-      setSearchQuery(shortcut.searchQuery);
-    }
-    setInitialParamsApplied(true);
-  }, [
-    initialParams?.query,
-    initialParams?.scope,
-    initialParamsApplied,
-    setInitialParamsApplied,
-    setLastVenueScope,
-    setSearchQuery,
-    setVenueScope,
-  ]);
-
-  useEffect(() => {
-    const nextFilterResetKey = [
-      browseTab,
-      categoryId,
-      debouncedSearchQuery,
-      effectiveVenueScope,
-    ].join("|");
-    if (previousFilterResetKeyRef.current === nextFilterResetKey) {
-      return;
-    }
-    const previousFilterResetKey = previousFilterResetKeyRef.current;
-    previousFilterResetKeyRef.current = nextFilterResetKey;
-    if (previousFilterResetKey == null) {
-      return;
-    }
-    const scrollBox = scrollRef.current;
-    if (scrollBox) {
-      scrollBox.scrollTop = 0;
-      scrollBox.scrollLeft = 0;
-    }
-    const headerScrollBox = headerScrollRef.current;
-    if (headerScrollBox) {
-      headerScrollBox.scrollLeft = 0;
-    }
-    setDetailOpen(false);
-    setSelectedRowKey((current) => (current == null ? current : null));
-    setSelectedDetailMarketKey((current) => (current == null ? current : null));
-  }, [
-    browseTab,
-    categoryId,
-    debouncedSearchQuery,
-    effectiveVenueScope,
-    headerScrollRef,
-    previousFilterResetKeyRef,
-    scrollRef,
-    setDetailOpen,
-    setSelectedDetailMarketKey,
-    setSelectedRowKey,
-  ]);
-
-  useEffect(() => {
-    if (visibleRowsLength === 0) {
-      if (selectedRowKey !== null) {
-        setSelectedRowKey(null);
-      }
-      if (selectedDetailMarketKey !== null) {
-        setSelectedDetailMarketKey(null);
-      }
-      if (detailOpen) {
-        setDetailOpen(false);
-      }
-    }
-  }, [
-    detailOpen,
-    selectedDetailMarketKey,
-    selectedRowKey,
-    setDetailOpen,
-    setSelectedDetailMarketKey,
-    setSelectedRowKey,
-    visibleRowsLength,
-  ]);
-
-  useEffect(() => {
-    if (selectedRowKey == null || selectedRow) {
-      return;
-    }
-
-    if (detailOpen) {
-      setDetailOpen(false);
-    }
-    if (selectedDetailMarketKey !== null) {
-      setSelectedDetailMarketKey(null);
-    }
-    setSelectedRowKey(null);
-  }, [
-    detailOpen,
-    selectedDetailMarketKey,
-    selectedRow,
-    selectedRowKey,
-    setDetailOpen,
-    setSelectedDetailMarketKey,
-    setSelectedRowKey,
-  ]);
-
-  useEffect(() => {
-    if (!detailOpen || !selectedRow) {
-      return;
-    }
-
-    if (
-      selectedDetailMarketKey
-      && selectedRow.markets.some(
-        (market) => market.key === selectedDetailMarketKey,
-      )
-    ) {
-      return;
-    }
-
-    setSelectedDetailMarketKey(selectedRow.focusMarketKey);
-  }, [
-    detailOpen,
-    selectedDetailMarketKey,
-    selectedRow,
-    setSelectedDetailMarketKey,
-  ]);
-
-  useEffect(() => {
-    if (selectedIndex < 0) return;
-    const scrollBox = scrollRef.current;
-    if (!scrollBox?.viewport) return;
-    const viewportHeight = Math.max(
-      1,
-      Math.min(scrollBox.viewport.height, Math.ceil(appViewportHeight)),
-    );
-    if (selectedIndex < scrollBox.scrollTop) {
-      scrollBox.scrollTop = selectedIndex;
-    } else if (
-      selectedIndex >=
-      scrollBox.scrollTop + viewportHeight
-    ) {
-      scrollBox.scrollTop = Math.max(
-        0,
-        selectedIndex - viewportHeight + 1,
-      );
-    }
-  }, [appViewportHeight, scrollRef, selectedIndex]);
-
-  useEffect(() => {
-    if (!searchFocused) return;
-    searchInputRef.current?.focus?.();
-  }, [searchFocused, searchInputRef]);
-}