gloomberb 0.11.2 → 0.12.0

package/src/components/chart/static/chart/surface.tsx

@@ -1,358 +0,0 @@
-import { useCallback, useMemo, useRef, useState } from "react";
-import { Box, ChartSurface, Text, type BoxRenderable, type ChartSurfaceProps, useUiCapabilities } from "../../../../ui";
-import { useThemeColors } from "../../../../theme/theme-context";
-import { PriceAxisLabels } from "../../price-axis-labels";
-import type { ProjectedChartPoint } from "../../core/data";
-import {
-  buildChartScene,
-  computeGridLines,
-  renderChart,
-  type RenderChartOptions,
-  type RenderChartResult,
-} from "../../core/renderer";
-import { renderNativeChartBase, type NativeChartBitmap } from "../../native/chart-rasterizer";
-import { useShowChartTextFallback } from "../../native/use-chart-text-fallback";
-import { useStaticChartBitmapSize } from "./bitmap";
-import {
-  StaticXAxisLabels,
-  StaticXMarkerLabels,
-  StaticXMarkerOverlay,
-  clampRatio,
-  type StaticChartXMarker,
-} from "./axis-overlays";
-
-export type { StaticChartXMarker } from "./axis-overlays";
-
-export interface StaticChartSurfaceProps extends Omit<
-  RenderChartOptions,
-  "width" | "height" | "cursorX" | "cursorY" | "showVolume" | "volumeHeight"
-> {
-  points: ProjectedChartPoint[];
-  width: number;
-  height: number;
-  showVolume?: boolean;
-  volumeHeight?: number;
-  showTimeAxis?: boolean;
-  timeAxisColor?: string;
-  xAxisLabels?: string[];
-  xAxisColor?: string;
-  formatXAxisCursorValue?: (xRatio: number) => string;
-  xMarkers?: StaticChartXMarker[];
-  yAxisLabel?: string;
-  yAxisColor?: string;
-  formatYAxisValue?: (value: number) => string;
-}
-
-interface ChartMouseEventLike {
-  x: number;
-  y: number;
-  preciseX?: number;
-  preciseY?: number;
-  preventDefault?: () => void;
-}
-
-function localPlotPointer(
-  event: ChartMouseEventLike,
-  renderable: BoxRenderable | null,
-): { x: number; y: number } | null {
-  if (!renderable) return null;
-  const originX = typeof renderable.absoluteX === "number"
-    ? renderable.absoluteX
-    : typeof renderable.x === "number"
-      ? renderable.x
-      : 0;
-  const originY = typeof renderable.absoluteY === "number"
-    ? renderable.absoluteY
-    : typeof renderable.y === "number"
-      ? renderable.y
-      : 0;
-  const rawX = typeof event.preciseX === "number" ? event.preciseX : event.x;
-  const rawY = typeof event.preciseY === "number" ? event.preciseY : event.y;
-  const x = rawX - originX;
-  const y = rawY - originY;
-  const width = typeof renderable.width === "number" ? renderable.width : 0;
-  const height = typeof renderable.height === "number" ? renderable.height : 0;
-  if (!Number.isFinite(x) || !Number.isFinite(y) || width <= 0 || height <= 0) return null;
-  if (x < 0 || y < 0 || x >= width || y >= height) return null;
-  return {
-    x: Math.max(0, Math.min(x, Math.max(width - 1, 0))),
-    y: Math.max(0, Math.min(y, Math.max(height - 1, 0))),
-  };
-}
-
-export function StaticChartSurface({
-  points,
-  width,
-  height,
-  mode,
-  axisMode,
-  currency,
-  assetCategory,
-  colors,
-  timeAxisDates,
-  indicators,
-  showVolume = false,
-  volumeHeight = 0,
-  showTimeAxis = false,
-  timeAxisColor,
-  xAxisLabels,
-  xAxisColor,
-  formatXAxisCursorValue,
-  xMarkers,
-  yAxisLabel,
-  yAxisColor,
-  formatYAxisValue,
-}: StaticChartSurfaceProps) {
-  const themeColors = useThemeColors();
-  const { cellWidthPx = 8, cellHeightPx = 18 } = useUiCapabilities();
-  const showTextFallback = useShowChartTextFallback();
-  const plotRef = useRef<BoxRenderable | null>(null);
-  const [cursor, setCursor] = useState<{ x: number; y: number } | null>(null);
-  const xAxisRows = showTimeAxis || (xAxisLabels?.length ?? 0) > 0 ? 1 : 0;
-  const xMarkerRows = xMarkers?.some((marker) => marker.label) ? 1 : 0;
-  const labelRows = yAxisLabel ? 1 : 0;
-  const totalWidth = Math.max(1, Math.floor(width));
-  const totalHeight = Math.max(1, Math.floor(height));
-  const plotHeight = Math.max(1, totalHeight - xAxisRows - xMarkerRows - labelRows);
-  const axisSourceOptions = useMemo<RenderChartOptions>(() => ({
-    width: totalWidth,
-    height: plotHeight,
-    showVolume,
-    volumeHeight,
-    cursorX: null,
-    cursorY: null,
-    mode,
-    axisMode,
-    currency,
-    assetCategory,
-    colors,
-    timeAxisDates,
-    indicators,
-  }), [
-    assetCategory,
-    axisMode,
-    colors,
-    currency,
-    indicators,
-    mode,
-    plotHeight,
-    showVolume,
-    timeAxisDates,
-    totalWidth,
-    volumeHeight,
-  ]);
-  const axisScene = useMemo(
-    () => buildChartScene(points, axisSourceOptions),
-    [axisSourceOptions, points],
-  );
-  const customAxisLabels = useMemo(() => {
-    if (!axisScene || !formatYAxisValue) return null;
-    return computeGridLines(axisScene.min, axisScene.max, 0, axisScene.chartRows - 1, 3)
-      .map((line) => ({
-        row: Math.max(0, Math.min(axisScene.chartRows - 1, Math.round(line.y))),
-        label: formatYAxisValue(line.price),
-      }));
-  }, [axisScene, formatYAxisValue]);
-  const axisLabels = customAxisLabels ?? [];
-  const axisWidth = axisLabels.length > 0
-    ? Math.min(Math.max(...axisLabels.map((entry) => entry.label.length), 5), 12)
-    : 0;
-  const axisGap = axisWidth > 0 ? 1 : 0;
-  const plotWidth = Math.max(1, totalWidth - axisWidth - axisGap);
-  const bitmapSize = useStaticChartBitmapSize(plotWidth, plotHeight);
-  const plotOptions = useMemo<RenderChartOptions>(() => ({
-    width: plotWidth,
-    height: plotHeight,
-    showVolume,
-    volumeHeight,
-    cursorX: null,
-    cursorY: null,
-    mode,
-    axisMode,
-    currency,
-    assetCategory,
-    colors,
-    timeAxisDates,
-    indicators,
-  }), [
-    assetCategory,
-    axisMode,
-    colors,
-    currency,
-    indicators,
-    mode,
-    plotHeight,
-    plotWidth,
-    showVolume,
-    timeAxisDates,
-    volumeHeight,
-  ]);
-  const cursorOptions = useMemo<RenderChartOptions>(() => ({
-    ...plotOptions,
-    cursorX: cursor?.x ?? null,
-    cursorY: cursor?.y ?? null,
-  }), [cursor, plotOptions]);
-  const plotScene = useMemo(
-    () => buildChartScene(points, plotOptions),
-    [plotOptions, points],
-  );
-  const cursorScene = useMemo(
-    () => {
-      if (showTextFallback || !cursor) return plotScene;
-      return buildChartScene(points, cursorOptions);
-    },
-    [cursor, cursorOptions, plotScene, points, showTextFallback],
-  );
-  const textResult = useMemo<RenderChartResult>(() => {
-    if (showTextFallback) return renderChart(points, cursorOptions);
-    return {
-      lines: [],
-      axisLabels: [],
-      timeLabels: cursorScene?.timeLabels ?? "",
-      activePoint: cursorScene?.activePoint ?? null,
-      priceAtCursor: cursorScene?.priceAtCursor ?? null,
-      crosshairPrice: cursorScene?.crosshairPrice ?? null,
-      dateAtCursor: cursorScene?.dateAtCursor ?? null,
-      changeAtCursor: cursorScene?.changeAtCursor ?? null,
-      changePctAtCursor: cursorScene?.changePctAtCursor ?? null,
-      cursorColumn: cursorScene?.cursorColumn ?? null,
-      cursorRow: cursorScene?.cursorRow ?? null,
-      axisFractionDigits: null,
-      priceRange: cursorScene ? cursorScene.max - cursorScene.min : null,
-      pixelBuffer: null,
-    };
-  }, [cursorOptions, cursorScene, points, showTextFallback]);
-  const effectiveAxisLabelsByRow = useMemo(() => {
-    return new Map(axisLabels.map((entry) => [entry.row, entry.label] as const));
-  }, [axisLabels]);
-  const cursorAxisLabel = useMemo(() => {
-    if (!formatYAxisValue || textResult.crosshairPrice === null) return null;
-    return formatYAxisValue(textResult.crosshairPrice);
-  }, [formatYAxisValue, textResult.crosshairPrice]);
-  const cursorXAxisLabel = useMemo(() => {
-    if (!formatXAxisCursorValue || !cursor) return null;
-    return formatXAxisCursorValue(clampRatio(cursor.x / Math.max(plotWidth - 1, 1)));
-  }, [cursor, formatXAxisCursorValue, plotWidth]);
-  const effectiveAxisWidth = axisWidth;
-  const effectiveAxisGap = effectiveAxisWidth > 0 ? 1 : 0;
-  const bitmap = useMemo<NativeChartBitmap | null>(() => {
-    if (!bitmapSize || !plotScene) return null;
-    return renderNativeChartBase(plotScene, bitmapSize.pixelWidth, bitmapSize.pixelHeight);
-  }, [bitmapSize, plotScene]);
-  const canvasCrosshair = useMemo<ChartSurfaceProps["crosshair"]>(() => {
-    if (!bitmap || !cursor) return null;
-    return {
-      pixelX: Math.round(clampRatio(cursor.x / Math.max(plotWidth - 1, 1)) * Math.max(bitmap.width - 1, 0)),
-      pixelY: Math.round(clampRatio(cursor.y / Math.max(plotHeight - 1, 1)) * Math.max(bitmap.height - 1, 0)),
-      color: colors.crosshairColor,
-    };
-  }, [bitmap, colors.crosshairColor, cursor, plotHeight, plotWidth]);
-  const handleCursorEvent = useCallback((event: ChartMouseEventLike) => {
-    const pointer = localPlotPointer(event, plotRef.current);
-    if (!pointer) return;
-    event.preventDefault?.();
-    setCursor((current) => (
-      current && current.x === pointer.x && current.y === pointer.y ? current : pointer
-    ));
-  }, []);
-  const clearCursor = useCallback(() => {
-    setCursor(null);
-  }, []);
-
-  return (
-    <Box flexDirection="column" width={totalWidth} height={plotHeight + xAxisRows + xMarkerRows + labelRows}>
-      {yAxisLabel ? (
-        <Box height={1}>
-          <Text fg={yAxisColor}>{yAxisLabel}</Text>
-        </Box>
-      ) : null}
-      <Box flexDirection="row" height={plotHeight}>
-        <Box
-          ref={plotRef}
-          position="relative"
-          width={plotWidth}
-          height={plotHeight}
-          onMouseMove={handleCursorEvent}
-          onMouseDown={handleCursorEvent}
-          onMouseOut={clearCursor}
-          data-gloom-role="static-chart-plot"
-        >
-          <ChartSurface
-            width={plotWidth}
-            height={plotHeight}
-            flexDirection="column"
-            bitmaps={bitmap ? [bitmap] : null}
-            crosshair={canvasCrosshair}
-            onMouseMove={handleCursorEvent}
-            onMouseDown={handleCursorEvent}
-            onMouseOut={clearCursor}
-            data-gloom-remote-kind="static-chart"
-          >
-            {textResult.lines.map((line, index) => (
-              <Text key={index} content={line} />
-            ))}
-          </ChartSurface>
-          {xMarkers ? (
-            <StaticXMarkerOverlay
-              markers={xMarkers}
-              width={plotWidth}
-              height={plotHeight}
-              fallbackColor={xAxisColor ?? timeAxisColor}
-            />
-          ) : null}
-        </Box>
-        {effectiveAxisWidth > 0 ? (
-          <>
-            <Box width={effectiveAxisGap} />
-            <PriceAxisLabels
-              axisLabels={effectiveAxisLabelsByRow}
-              axisWidth={effectiveAxisWidth}
-              axisSectionWidth={effectiveAxisWidth}
-              height={plotHeight}
-              cursorRow={textResult.cursorRow}
-              cursorPixelY={cursor ? cursor.y * cellHeightPx : null}
-              cursorLabel={cursorAxisLabel}
-              cursorColor={colors.crosshairColor}
-              axisColor={yAxisColor}
-            />
-          </>
-        ) : null}
-      </Box>
-      {showTimeAxis || (xAxisLabels?.length ?? 0) > 0 ? (
-        <Box height={1} flexDirection="row">
-          {xAxisLabels ? (
-            <StaticXAxisLabels
-              labels={xAxisLabels}
-              width={plotWidth}
-              color={xAxisColor ?? timeAxisColor}
-              cursorColumn={textResult.cursorColumn}
-              cursorPixelX={cursor ? cursor.x * cellWidthPx : null}
-              cursorLabel={cursorXAxisLabel}
-              cursorColor={colors.crosshairColor}
-              cursorBackgroundColor={colors.bgColor ?? themeColors.bg}
-            />
-          ) : (
-            <Text fg={timeAxisColor}>{textResult.timeLabels}</Text>
-          )}
-          {effectiveAxisWidth > 0 ? (
-            <>
-              <Box width={effectiveAxisGap} />
-              <Box width={effectiveAxisWidth} />
-            </>
-          ) : null}
-        </Box>
-      ) : null}
-      {xMarkers && xMarkerRows > 0 ? (
-        <Box height={1} flexDirection="row">
-          <StaticXMarkerLabels markers={xMarkers} width={plotWidth} fallbackColor={xAxisColor ?? timeAxisColor} />
-          {effectiveAxisWidth > 0 ? (
-            <>
-              <Box width={effectiveAxisGap} />
-              <Box width={effectiveAxisWidth} />
-            </>
-          ) : null}
-        </Box>
-      ) : null}
-    </Box>
-  );
-}

package/src/components/command-bar/routes/root/article-results.test.ts

@@ -1,83 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import type { NewsArticle } from "../../../../news/types";
-import { buildArticleSearchResultItems } from "./article-results";
-import { isArticleLookupShortcut } from "./results";
-
-function article(title: string, source: string): NewsArticle {
-  return {
-    id: title,
-    title,
-    source,
-    url: `https://example.com/${title}`,
-    publishedAt: new Date("2026-08-14T12:00:00Z"),
-    topic: "general",
-    topics: [],
-    sectors: [],
-    categories: [],
-    tickers: [],
-    scores: { importance: 50, urgency: 0, marketImpact: 0, novelty: 0, confidence: 0 },
-    isBreaking: false,
-    isDeveloping: false,
-    importance: 50,
-  };
-}
-
-describe("buildArticleSearchResultItems", () => {
-  test("offers the matching article to open", () => {
-    const opened: string[] = [];
-    const items = buildArticleSearchResultItems({
-      articles: [
-        article("Iran Threatens to Close the Strait of Hormuz", "Reuters"),
-        article("Fed holds rates", "CNBC Top News"),
-      ],
-      query: "article on the strait",
-      phase: "ready",
-      onOpen: (item) => {
-        opened.push(item.id);
-      },
-    });
-
-    expect(items).toHaveLength(1);
-    expect(items[0]?.label).toContain("Hormuz");
-    expect(items[0]?.detail).toBe("Reuters");
-    items[0]?.action();
-    expect(opened).toEqual(["Iran Threatens to Close the Strait of Hormuz"]);
-  });
-
-  test("shows a lookup row while subscribed feeds are still loading", () => {
-    const items = buildArticleSearchResultItems({
-      articles: [],
-      query: "article on the strait",
-      phase: "loading",
-      onOpen: () => {},
-    });
-    expect(items.map((item) => item.label)).toEqual(["Looking up articles…"]);
-  });
-
-  test("returns local matches without waiting on a still-loading lookup", () => {
-    const items = buildArticleSearchResultItems({
-      articles: [article("Trump administration pauses talks", "AP")],
-      query: "ART trum",
-      phase: "loading",
-      onOpen: () => {},
-    });
-    expect(items.map((item) => item.label)).toEqual(["Trump administration pauses talks"]);
-  });
-});
-
-describe("isArticleLookupShortcut", () => {
-  test("treats the ART plugin command as an article lookup", () => {
-    expect(isArticleLookupShortcut({ kind: "none" })).toBe(false);
-    expect(isArticleLookupShortcut({
-      kind: "partial",
-      source: "plugin-command",
-      prefix: "ART",
-      label: "Open Article",
-      description: "",
-      argKind: "text",
-      argText: "hormuz",
-      completionQuery: null,
-      command: { id: "open-news-article", label: "Open Article" } as never,
-    })).toBe(true);
-  });
-});

package/src/components/command-bar/routes/root/article-results.ts

@@ -1,55 +0,0 @@
-import type { NewsArticle } from "../../../../news/types";
-import {
-  looksLikeArticleQuery,
-  searchNewsArticles,
-} from "../../../../plugins/builtin/news/wire/article-search";
-import type { ResultItem } from "../../list/model";
-
-/**
- * Builds command-bar rows for an article-lookup (`ART`) query by matching the
- * typed text against the loaded news feed.
- */
-export function buildArticleSearchResultItems(options: {
-  articles: readonly NewsArticle[];
-  query: string;
-  phase?: "idle" | "loading" | "ready" | "refreshing" | "error";
-  onOpen: (article: NewsArticle) => void;
-}): ResultItem[] {
-  const query = options.query.trim();
-  if (!query || !looksLikeArticleQuery(query)) return [];
-
-  const matches = searchNewsArticles(options.articles, query);
-  const items = matches.map((article) => ({
-    id: `article:${article.id}`,
-    label: article.title,
-    detail: article.source,
-    category: "Articles",
-    kind: "action" as const,
-    right: "ART",
-    searchText: [
-      article.title,
-      article.source,
-      article.summary ?? "",
-      ...article.topics,
-      ...article.categories,
-      "article",
-      "news",
-      "press",
-    ].join(" "),
-    action: () => options.onOpen(article),
-  }));
-
-  if (items.length > 0) return items;
-  if (options.phase === "loading" || options.phase === "idle" || options.phase === "refreshing") {
-    return [{
-      id: "article:loading",
-      label: "Looking up articles…",
-      detail: "",
-      category: "Articles",
-      kind: "info",
-      defaultSelectable: false,
-      action: () => {},
-    }];
-  }
-  return [];
-}

package/src/plugins/builtin/news/wire/article-search.test.ts

@@ -1,72 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import type { NewsArticle } from "../../../../news/types";
-import {
-  looksLikeArticleQuery,
-  searchNewsArticles,
-  tokenizeArticleQuery,
-} from "./article-search";
-
-function article(overrides: Partial<NewsArticle> & Pick<NewsArticle, "id" | "title" | "source">): NewsArticle {
-  return {
-    url: `https://example.com/${overrides.id}`,
-    publishedAt: new Date("2026-08-14T12:00:00Z"),
-    topic: "general",
-    topics: [],
-    sectors: [],
-    categories: [],
-    tickers: [],
-    scores: { importance: 50, urgency: 0, marketImpact: 0, novelty: 0, confidence: 0 },
-    isBreaking: false,
-    isDeveloping: false,
-    importance: 50,
-    ...overrides,
-  };
-}
-
-const hormuz = article({
-  id: "hormuz",
-  title: "Iran Threatens to Close the Strait of Hormuz",
-  source: "Reuters",
-  summary: "Shipping risk rises as Tehran warns it may shut the strait.",
-  publishedAt: new Date("2026-08-14T18:00:00Z"),
-});
-
-const other = article({
-  id: "fed",
-  title: "Fed holds rates as inflation cools",
-  source: "CNBC Top News",
-  publishedAt: new Date("2026-08-13T12:00:00Z"),
-});
-
-describe("looksLikeArticleQuery", () => {
-  test("treats article, news, and ART lookups as article searches", () => {
-    expect(looksLikeArticleQuery("article on the strait")).toBe(true);
-    expect(looksLikeArticleQuery("ART hormuz")).toBe(true);
-    expect(looksLikeArticleQuery("open press story")).toBe(true);
-    expect(looksLikeArticleQuery("ADI")).toBe(false);
-    expect(looksLikeArticleQuery("nvda")).toBe(false);
-  });
-});
-
-describe("searchNewsArticles", () => {
-  test("matches headlines after dropping filler and intent words", () => {
-    expect(tokenizeArticleQuery("article on the strait of hormuz")).toEqual(["strait", "hormuz"]);
-    const matches = searchNewsArticles([hormuz, other], "article on the strait of hormuz");
-    expect(matches.map((item) => item.id)).toEqual(["hormuz"]);
-  });
-
-  test("returns most recent articles when the query is only an intent word", () => {
-    const matches = searchNewsArticles([other, hormuz], "article");
-    expect(matches.map((item) => item.id)).toEqual(["hormuz", "fed"]);
-  });
-
-  test("strips the ART command prefix so local headlines match immediately", () => {
-    const trump = article({
-      id: "trump",
-      title: "Trump administration pauses contentious trade talks",
-      source: "AP",
-    });
-    expect(tokenizeArticleQuery("art trum")).toEqual(["trum"]);
-    expect(searchNewsArticles([trump, other], "ART trum").map((item) => item.id)).toEqual(["trump"]);
-  });
-});