gloomberb 0.4.1 → 0.5.1

package/src/plugins/builtin/econ/types.ts

@@ -0,0 +1,13 @@
+export type EconImpact = "high" | "medium" | "low";
+
+export interface EconEvent {
+  id: string;
+  date: Date;
+  time: string; // "08:30" or "All Day"
+  country: string; // "US", "GB", etc.
+  event: string;
+  actual: string | null;
+  forecast: string | null;
+  prior: string | null;
+  impact: EconImpact;
+}

package/src/plugins/builtin/fred-settings.ts

@@ -0,0 +1,10 @@
+import type { AppConfig } from "../../types/config";
+
+export const FRED_API_KEY_CONFIG_PLUGIN_ID = "econ-calendar";
+export const FRED_API_KEY_CONFIG_KEY = "fredApiKey";
+export const FRED_API_KEY_COMMAND_LABEL = "Set FRED API Key";
+
+export function getSharedFredApiKey(config: Pick<AppConfig, "pluginConfig">): string {
+  const value = config.pluginConfig?.[FRED_API_KEY_CONFIG_PLUGIN_ID]?.[FRED_API_KEY_CONFIG_KEY];
+  return typeof value === "string" ? value.trim() : "";
+}

package/src/plugins/builtin/fx-matrix/index.tsx

@@ -0,0 +1,178 @@
+import { useEffect, useRef, useState } from "react";
+import { TextAttributes } from "@opentui/core";
+import { useKeyboard } from "@opentui/react";
+import type { GloomPlugin, PaneProps } from "../../../types/plugin";
+import { colors, blendHex } from "../../../theme/colors";
+import { getSharedDataProvider } from "../../registry";
+import { MAJOR_CURRENCIES, CURRENCY_FLAGS, formatRate, type MajorCurrency } from "./pairs";
+
+const REFRESH_INTERVAL_MS = 60_000;
+
+function formatAge(ms: number): string {
+  const secs = Math.floor(ms / 1000);
+  if (secs < 60) return `${secs}s ago`;
+  const mins = Math.floor(secs / 60);
+  if (mins < 60) return `${mins}m ago`;
+  return `${Math.floor(mins / 60)}h ago`;
+}
+
+export function FxMatrixPane({ focused, width, height }: PaneProps) {
+  const [rates, setRates] = useState<Map<MajorCurrency, number>>(new Map());
+  const [loading, setLoading] = useState(true);
+  const [lastRefreshed, setLastRefreshed] = useState<number | null>(null);
+  const [now, setNow] = useState(Date.now());
+  const fetchGenRef = useRef(0);
+
+  const fetchRates = async () => {
+    const provider = getSharedDataProvider();
+    if (!provider) return;
+
+    fetchGenRef.current += 1;
+    const gen = fetchGenRef.current;
+
+    try {
+      const results = await Promise.allSettled(
+        MAJOR_CURRENCIES.map(async (currency) => {
+          if (currency === "USD") return { currency, rate: 1 };
+          const rate = await provider.getExchangeRate(currency);
+          return { currency, rate };
+        }),
+      );
+
+      if (fetchGenRef.current !== gen) return;
+
+      const newRates = new Map<MajorCurrency, number>();
+      for (const result of results) {
+        if (result.status === "fulfilled") {
+          newRates.set(result.value.currency as MajorCurrency, result.value.rate);
+        }
+      }
+
+      setRates(newRates);
+      setLastRefreshed(Date.now());
+    } finally {
+      if (fetchGenRef.current === gen) setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchRates();
+    const interval = setInterval(fetchRates, REFRESH_INTERVAL_MS);
+    return () => clearInterval(interval);
+  }, []);
+
+  useEffect(() => {
+    const interval = setInterval(() => setNow(Date.now()), 5_000);
+    return () => clearInterval(interval);
+  }, []);
+
+  useKeyboard((event) => {
+    if (!focused) return;
+    if (event.name === "r") {
+      fetchRates();
+    }
+  });
+
+  const headerBg = blendHex(colors.bg, colors.border, 0.3);
+
+  function crossRate(row: MajorCurrency, col: MajorCurrency): number | null {
+    if (row === col) return 1;
+    const rowUsd = rates.get(row);
+    const colUsd = rates.get(col);
+    if (rowUsd == null || colUsd == null) return null;
+    return rowUsd / colUsd;
+  }
+
+  const ageText = lastRefreshed ? `updated ${formatAge(now - lastRefreshed)}` : loading ? "loading…" : "";
+
+  // Row header: just the 3-letter code, no emoji (keeps width predictable)
+  // Rates use flexGrow so they fill available space dynamically
+
+  return (
+    <box flexDirection="column" width={width} height={height}>
+      {/* Header */}
+      <box flexDirection="row" height={1} paddingX={1}>
+        <text fg={colors.textMuted}>{ageText}</text>
+      </box>
+
+      {/* Column header row */}
+      <box flexDirection="row" paddingX={1} height={1} backgroundColor={headerBg}>
+        <box width={5} flexShrink={0} />
+        {MAJOR_CURRENCIES.map((col) => (
+          <box key={col} flexGrow={1} justifyContent="flex-end" paddingRight={1}>
+            <text fg={colors.textDim} attributes={TextAttributes.BOLD}>{col}</text>
+          </box>
+        ))}
+      </box>
+
+      {/* Matrix rows */}
+      <scrollbox flexGrow={1} scrollY focusable={false}>
+        <box flexDirection="column">
+          {loading && rates.size === 0 ? (
+            <box paddingX={1} paddingY={1}>
+              <text fg={colors.textMuted}>Fetching rates…</text>
+            </box>
+          ) : (
+            MAJOR_CURRENCIES.map((row) => (
+              <box key={row} flexDirection="row" paddingX={1}>
+                <box width={5} flexShrink={0}>
+                  <text fg={colors.textBright} attributes={TextAttributes.BOLD}>{row}</text>
+                </box>
+                {MAJOR_CURRENCIES.map((col) => {
+                  const rate = crossRate(row, col);
+                  const isDiag = row === col;
+                  return (
+                    <box key={col} flexGrow={1} justifyContent="flex-end" paddingRight={1}>
+                      {rate == null ? (
+                        <text fg={colors.textDim}>—</text>
+                      ) : (
+                        <text fg={isDiag ? colors.textDim : colors.text}>
+                          {formatRate(rate, col)}
+                        </text>
+                      )}
+                    </box>
+                  );
+                })}
+              </box>
+            ))
+          )}
+        </box>
+      </scrollbox>
+
+      <box height={1} paddingX={1}>
+        <text fg={colors.textMuted}>[r]efresh</text>
+      </box>
+    </box>
+  );
+}
+
+export const fxMatrixPlugin: GloomPlugin = {
+  id: "fx-matrix",
+  name: "FX Cross Rates",
+  version: "1.0.0",
+  description: "Currency cross-rate matrix for major FX pairs",
+  toggleable: true,
+
+  panes: [
+    {
+      id: "fx-matrix",
+      name: "FX Cross Rates",
+      icon: "F",
+      component: FxMatrixPane,
+      defaultPosition: "right",
+      defaultMode: "floating",
+      defaultFloatingSize: { width: 105, height: 14 },
+    },
+  ],
+
+  paneTemplates: [
+    {
+      id: "fx-matrix-pane",
+      paneId: "fx-matrix",
+      label: "FX Cross Rates",
+      description: "Currency cross-rate matrix for major FX pairs.",
+      keywords: ["fx", "forex", "currency", "exchange", "rates", "cross", "matrix"],
+      shortcut: { prefix: "FXC" },
+    },
+  ],
+};

package/src/plugins/builtin/fx-matrix/pairs.ts

@@ -0,0 +1,30 @@
+export const MAJOR_CURRENCIES = ["USD", "EUR", "GBP", "JPY", "CHF", "CAD", "AUD", "NZD"] as const;
+export type MajorCurrency = typeof MAJOR_CURRENCIES[number];
+
+export const CURRENCY_LABELS: Record<MajorCurrency, string> = {
+  USD: "US Dollar",
+  EUR: "Euro",
+  GBP: "British Pound",
+  JPY: "Japanese Yen",
+  CHF: "Swiss Franc",
+  CAD: "Canadian Dollar",
+  AUD: "Australian Dollar",
+  NZD: "New Zealand Dollar",
+};
+
+export const CURRENCY_FLAGS: Record<MajorCurrency, string> = {
+  USD: "🇺🇸",
+  EUR: "🇪🇺",
+  GBP: "🇬🇧",
+  JPY: "🇯🇵",
+  CHF: "🇨🇭",
+  CAD: "🇨🇦",
+  AUD: "🇦🇺",
+  NZD: "🇳🇿",
+};
+
+/** Format rate with appropriate precision — JPY pairs get 2 decimals, others get 4 */
+export function formatRate(rate: number, toCurrency: MajorCurrency): string {
+  const decimals = toCurrency === "JPY" ? 2 : 4;
+  return rate.toFixed(decimals);
+}

package/src/plugins/builtin/help.test.tsx

@@ -69,7 +69,6 @@ describe("HelpPane", () => {
 
   test("opens the debug log from the mouse action", async () => {
     const calls: string[] = [];
-    let closed = 0;
 
     setSharedRegistryForTests({
       showWidget: (paneId: string) => calls.push(`widget:${paneId}`),
@@ -83,9 +82,7 @@ describe("HelpPane", () => {
         focused
         width={88}
         height={36}
-        close={() => {
-          closed += 1;
-        }}
+        close={() => {}}
       />,
       { width: 88, height: 36 },
     );
@@ -104,7 +101,6 @@ describe("HelpPane", () => {
       await testSetup!.renderOnce();
     });
 
-    expect(closed).toBe(1);
     expect(calls).toEqual(["widget:debug"]);
   });
 });

package/src/plugins/builtin/help.tsx

@@ -1,5 +1,4 @@
 import { TextAttributes } from "@opentui/core";
-import { useKeyboard } from "@opentui/react";
 import { useState } from "react";
 import type { ReactNode } from "react";
 import type { GloomPlugin, PaneProps } from "../../types/plugin";
@@ -107,31 +106,21 @@ function resolveWindowTemplates(registry: ReturnType<typeof getSharedRegistry>)
     ));
 }
 
-export function HelpPane({ focused, width, height, close }: PaneProps) {
+export function HelpPane({ width, height }: PaneProps) {
   const registry = getSharedRegistry();
   const compact = width < 78;
   const [hoveredAction, setHoveredAction] = useState<string | null>(null);
   const windowTemplates = resolveWindowTemplates(registry);
 
-  useKeyboard((event) => {
-    if (!focused) return;
-    if (event.name === "escape") {
-      close?.();
-    }
-  });
-
   const openDebugLog = () => {
-    close?.();
     registry?.showWidget("debug");
   };
 
   const openLayoutActions = () => {
-    close?.();
     registry?.openCommandBarFn("LAY ");
   };
 
   const openPluginManager = () => {
-    close?.();
     registry?.openCommandBarFn("PL ");
   };
 
@@ -253,10 +242,6 @@ export function HelpPane({ focused, width, height, close }: PaneProps) {
           </HelpSection>
         </box>
       </scrollbox>
-
-      <box height={1} paddingX={1}>
-        <text fg={colors.textMuted}>Esc closes this window. Ctrl+W closes the focused pane.</text>
-      </box>
     </box>
   );
 }