gloomberb 0.11.2 → 0.12.0

package/src/plugins/builtin/shared/series-cache.ts

@@ -0,0 +1,93 @@
+import type { PluginPersistence } from "../../../types/plugin";
+
+export interface DatedObservation {
+  date: string;
+  value: number | null;
+}
+
+export interface SeriesCacheEntry {
+  observations: DatedObservation[];
+  fetchedAt: number;
+  stale: boolean;
+}
+
+export interface SeriesCache {
+  attach(persistence: PluginPersistence): void;
+  reset(): void;
+  /** Preloads server-fetched legs for renderers that cannot reach the cloud API. */
+  hydrate(entries: readonly (readonly [string, DatedObservation[]])[]): void;
+  get(key: string, options?: { allowExpired?: boolean }): SeriesCacheEntry | null;
+  load(key: string, loader: () => Promise<DatedObservation[]>): Promise<DatedObservation[]>;
+}
+
+const CACHE_SOURCE = "gloomberb-cloud";
+const CACHE_SCHEMA_VERSION = 1;
+
+/**
+ * Disk-backed cache for dated series, one instance per pane so their keys cannot
+ * collide. Serves a fresh entry without a request, refreshes a stale one, and falls
+ * back to expired data when the network fails, so an outage degrades to old numbers
+ * rather than an empty pane.
+ */
+export function createSeriesCache(kind: string, staleMs: number): SeriesCache {
+  const policy = { staleMs, expireMs: 30 * 24 * 60 * 60 * 1000 } as const;
+  let persistence: PluginPersistence | null = null;
+  const inflight = new Map<string, Promise<DatedObservation[]>>();
+  const hydrated = new Map<string, DatedObservation[]>();
+
+  const get: SeriesCache["get"] = (key, options) => {
+    const record = persistence?.getResource<DatedObservation[]>(kind, key, {
+      sourceKey: CACHE_SOURCE,
+      schemaVersion: CACHE_SCHEMA_VERSION,
+      allowExpired: options?.allowExpired,
+    });
+    if (!record) return null;
+    return { observations: record.value, fetchedAt: record.fetchedAt, stale: !!record.stale };
+  };
+
+  return {
+    attach(next) {
+      persistence = next;
+    },
+    reset() {
+      persistence = null;
+      inflight.clear();
+      hydrated.clear();
+    },
+    hydrate(entries) {
+      hydrated.clear();
+      for (const [key, observations] of entries) hydrated.set(key, observations);
+    },
+    get,
+    load(key, loader) {
+      const preloaded = hydrated.get(key);
+      if (preloaded) return Promise.resolve(preloaded);
+
+      const cached = get(key);
+      if (cached && !cached.stale) return Promise.resolve(cached.observations);
+
+      const active = inflight.get(key);
+      if (active) return active;
+
+      const request = (async () => {
+        try {
+          const observations = await loader();
+          persistence?.setResource(kind, key, observations, {
+            sourceKey: CACHE_SOURCE,
+            schemaVersion: CACHE_SCHEMA_VERSION,
+            cachePolicy: policy,
+          });
+          return observations;
+        } catch (error) {
+          const stale = cached ?? get(key, { allowExpired: true });
+          if (stale) return stale.observations;
+          throw error;
+        } finally {
+          inflight.delete(key);
+        }
+      })();
+      inflight.set(key, request);
+      return request;
+    },
+  };
+}

package/src/plugins/builtin/short-interest/index.tsx

@@ -45,6 +45,7 @@ export const shortInterestModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 90, height: 25 },
+      tableExport: true,
     },
   ],
 

package/src/plugins/builtin/short-interest/pane.tsx

@@ -11,7 +11,7 @@ import {
   type DataTableCell,
   type DataTableKeyEvent,
 } from "../../../components";
-import { resolveChartPalette } from "../../../components/chart/core/renderer";
+import { resolveChartPalette } from "../../../components/chart/core/palette";
 import type { ProjectedChartPoint } from "../../../components/chart/core/data";
 import { colors, blendHex } from "../../../theme/colors";
 import { useShortcut } from "../../../react/input";

package/src/plugins/builtin/thirteenf/index.tsx

@@ -38,6 +38,7 @@ export const thirteenFModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 112, height: 36 },
+      tableExport: true,
     },
   ],
 

package/src/plugins/builtin/ticker-detail/data-panes/historical-prices.tsx

@@ -9,7 +9,7 @@ import {
   type DataTableColumn,
   type DataTableKeyEvent,
 } from "../../../../components";
-import type { TimeRange } from "../../../../components/chart/core/types";
+import { TIME_RANGES, type TimeRange } from "../../../../time-series/range";
 import type { PaneProps } from "../../../../types/plugin";
 import type { PricePoint } from "../../../../types/financials";
 import { colors, priceColor } from "../../../../theme/colors";
@@ -33,8 +33,6 @@ export type HistoricalPriceRow = {
   changePercent: number | null;
 };
 
-const HISTORY_RANGES: TimeRange[] = ["1D", "1W", "1M", "3M", "6M", "1Y", "5Y", "ALL"];
-
 function pricePointDate(point: PricePoint): Date | null {
   const value = point.date as Date | string | number;
   const date = value instanceof Date ? value : new Date(value);
@@ -93,8 +91,8 @@ function buildHistoryColumns(width: number): HistoryColumn[] {
 }
 
 function nextHistoryRange(current: TimeRange): TimeRange {
-  const index = HISTORY_RANGES.indexOf(current);
-  return HISTORY_RANGES[(index + 1) % HISTORY_RANGES.length] ?? "1Y";
+  const index = TIME_RANGES.indexOf(current);
+  return TIME_RANGES[(index + 1) % TIME_RANGES.length] ?? "1Y";
 }
 
 export function HistoricalPricesPane({ focused, width, height }: PaneProps) {

package/src/plugins/builtin/ticker-detail/index.tsx

@@ -4,10 +4,6 @@ import { normalizeTickerInput } from "../../../tickers/search";
 import { createTickerSurfacePaneTemplate } from "../shared/ticker-surface";
 import { FinancialAnalysisPane } from "./financials/pane";
 import { HistoricalPricesPane } from "./data-panes/historical-prices";
-import {
-  createProviderSearchPaneTemplate,
-  ProviderSearchPane,
-} from "./data-panes/provider-search";
 import { TickerResearchPane } from "./pane";
 import { TICKER_RESEARCH_BUILTIN_TABS } from "./research-tabs";
 import { QuoteMonitorPane } from "./quote-monitor";
@@ -52,6 +48,7 @@ export const tickerDetailModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 98, height: 30 },
+      tableExport: true,
     },
     {
       id: "quote-monitor",
@@ -72,15 +69,7 @@ export const tickerDetailModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 92, height: 26 },
-    },
-    {
-      id: "provider-search-results",
-      name: "Provider Search",
-      icon: "S",
-      component: ProviderSearchPane,
-      defaultPosition: "right",
-      defaultMode: "floating",
-      defaultFloatingSize: { width: 86, height: 24 },
+      tableExport: true,
     },
   ],
   paneTemplates: [
@@ -157,7 +146,6 @@ export const tickerDetailModule: PluginModule = {
       shortcut: "HP",
       publicShare: true,
     }),
-    createProviderSearchPaneTemplate(),
     createTickerSurfacePaneTemplate({
       id: "financial-analysis-pane",
       paneId: "financial-analysis",

package/src/plugins/builtin/ticker-detail/overview-tab.tsx

@@ -20,7 +20,7 @@ import {
   pricePointsToResolvedSeries,
 } from "../../../components/chart/composite";
 import { resolveExchangeTimeZone } from "../../../utils/exchanges";
-import { appendLiveQuotePoint } from "../../../components/chart/core/data";
+import { appendLiveQuotePoint } from "../../../time-series/chart-data";
 import { PriceReturnStrip } from "../../../components/price-performance";
 import {
   appendQuoteToPriceReturnHistory,

package/src/plugins/builtin/treasury-auctions/index.tsx

@@ -59,6 +59,7 @@ export const treasuryAuctionsModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 92, height: 28 },
+      tableExport: true,
       settings: treasuryAuctionsSettings(),
     },
   ],

package/src/plugins/builtin/volatility/index.tsx

@@ -12,7 +12,7 @@ import {
 import { useAutoRefresh } from "../shared/auto-refresh";
 import { ListView } from "../../../components/ui/list-view";
 import type { ProjectedChartPoint } from "../../../components/chart/core/data";
-import { resolveChartPalette } from "../../../components/chart/core/renderer";
+import { resolveChartPalette } from "../../../components/chart/core/palette";
 import type { PaneProps } from "../../../types/plugin";
 import { colors } from "../../../theme/colors";
 import type { PluginModule } from "../plugin-module";

package/src/plugins/builtin/world-indices/index.tsx

@@ -129,6 +129,7 @@ export const worldIndicesModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 96, height: 32 },
+      tableExport: true,
       // Resolved per open so the dialog shows the full board until the user
       // saves a narrower selection.
       settings: (context) => ({

package/src/plugins/builtin/world-venue-map/index.ts

@@ -0,0 +1,27 @@
+import type { PluginModule } from "../plugin-module";
+import { WORLD_VENUE_MAP_PANE_ID, WorldVenueMapPane } from "./pane";
+
+export const worldVenueMapModule: PluginModule = {
+  panes: [
+    {
+      id: WORLD_VENUE_MAP_PANE_ID,
+      name: "World Venue Map",
+      icon: "M",
+      component: WorldVenueMapPane,
+      defaultPosition: "right",
+      defaultMode: "floating",
+      defaultFloatingSize: { width: 124, height: 36 },
+    },
+  ],
+  paneTemplates: [
+    {
+      id: "world-venue-map-pane",
+      paneId: WORLD_VENUE_MAP_PANE_ID,
+      label: "World Venue Map",
+      description: "Live trading venue status, local time, and exchange locations around the world.",
+      keywords: ["world", "map", "venue", "venues", "exchange", "mic", "market hours", "open markets"],
+      shortcut: { prefix: "MAP" },
+      createInstance: () => ({ placement: "floating" }),
+    },
+  ],
+};

package/src/plugins/builtin/world-venue-map/map.desktop.test.tsx

@@ -0,0 +1,106 @@
+/** @jsxImportSource react */
+import { Window } from "happy-dom";
+
+const testWindow = new Window({ url: "http://localhost" });
+const domGlobals = {
+  IS_REACT_ACT_ENVIRONMENT: true,
+  window: testWindow,
+  document: testWindow.document,
+  navigator: testWindow.navigator,
+  KeyboardEvent: testWindow.KeyboardEvent,
+  MouseEvent: testWindow.MouseEvent,
+  WheelEvent: testWindow.WheelEvent,
+  HTMLElement: testWindow.HTMLElement,
+  Node: testWindow.Node,
+};
+const priorGlobals = Object.fromEntries(
+  Object.keys(domGlobals).map((key) => [key, (globalThis as Record<string, unknown>)[key]]),
+);
+Object.assign(globalThis, domGlobals);
+
+import { afterAll, afterEach, expect, test } from "bun:test";
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { UiHostProvider, type RendererHost, type UiHost } from "../../../ui";
+import { WebBox } from "../../../renderers/electrobun/view/host/box";
+import { WebText } from "../../../renderers/electrobun/view/host/text";
+import { WorldVenueMap } from "./map";
+import type { CloudWorldVenuePayload } from "../../../api-client";
+
+const renderer: RendererHost = {
+  requestExit() {},
+  async openExternal() {},
+  async copyText() {},
+  async readText() { return ""; },
+  notify() {},
+};
+
+const ui = {
+  kind: "desktop-web",
+  capabilities: { cellWidthPx: 8, cellHeightPx: 18, fractionalViewport: true },
+  Box: WebBox,
+  Text: WebText,
+} as unknown as UiHost;
+
+afterAll(() => {
+  for (const [key, value] of Object.entries(priorGlobals)) {
+    if (value === undefined) delete (globalThis as Record<string, unknown>)[key];
+    else (globalThis as Record<string, unknown>)[key] = value;
+  }
+});
+
+const venue: CloudWorldVenuePayload = {
+  mic: "XNYS",
+  name: "NYSE",
+  title: "New York Stock Exchange",
+  country: "United States",
+  countryCode: "US",
+  city: "New York",
+  timezone: "America/New_York",
+  latitude: 40.7127,
+  longitude: -74.006,
+  isOpen: true,
+};
+
+let root: ReturnType<typeof createRoot> | undefined;
+let container: HTMLElement | undefined;
+
+afterEach(async () => {
+  if (root) {
+    await act(async () => root!.unmount());
+    root = undefined;
+  }
+  container?.remove();
+  container = undefined;
+});
+
+test("zooms the desktop map toward the pointer on wheel", async () => {
+  container = testWindow.document.createElement("div") as unknown as HTMLElement;
+  testWindow.document.body.appendChild(container as unknown as Node);
+  root = createRoot(container);
+  await act(async () => {
+    root!.render(
+      <UiHostProvider ui={ui} renderer={renderer}>
+        <WorldVenueMap
+          venues={[venue]}
+          selectedMic="XNYS"
+          width={80}
+          height={24}
+          onSelect={() => {}}
+        />
+      </UiHostProvider>,
+    );
+  });
+
+  const surface = container.querySelector('[data-gloom-role="world-venue-map"]') as HTMLElement;
+  expect(surface).toBeTruthy();
+  expect(surface.getAttribute("data-zoomed")).toBe("false");
+
+  const wheel = new testWindow.WheelEvent("wheel", { deltaY: -180, bubbles: true, cancelable: true });
+  await act(async () => {
+    surface.dispatchEvent(wheel as unknown as Event);
+  });
+
+  expect(wheel.defaultPrevented).toBe(true);
+  expect(surface.getAttribute("data-zoomed")).toBe("true");
+});