gloomberb 0.7.3 → 0.7.5

package/src/renderers/electrobun/view/fatal-screen.tsx

@@ -0,0 +1,118 @@
+/// <reference lib="dom" />
+/** @jsxImportSource react */
+import { Component, useMemo, useState, type ErrorInfo, type ReactNode } from "react";
+import { backendRequest, requestElectrobunRestart } from "./backend-rpc";
+
+declare global {
+  interface Window {
+    __gloomRenderFatalError?: (error: unknown, details?: string) => void;
+  }
+}
+
+interface DesktopFatalScreenProps {
+  title?: string;
+  error: unknown;
+  details?: string;
+  source: string;
+}
+
+interface ElectrobunErrorBoundaryState {
+  hasError: boolean;
+  error: unknown;
+  details?: string;
+}
+
+export function formatFatalError(error: unknown, details?: string): string {
+  const message = error instanceof Error ? error.stack ?? error.message : String(error);
+  return [message, details].filter((value): value is string => Boolean(value)).join("\n");
+}
+
+export function DesktopFatalScreen({
+  title = "Gloomberb crashed",
+  error,
+  details,
+  source,
+}: DesktopFatalScreenProps) {
+  const [status, setStatus] = useState<string | null>(null);
+  const errorText = useMemo(() => formatFatalError(error, details), [details, error]);
+
+  const reloadWindow = () => {
+    window.location.reload();
+  };
+
+  const restartApp = () => {
+    setStatus("Restart requested...");
+    try {
+      requestElectrobunRestart({
+        source,
+        reason: errorText.slice(0, 240),
+      });
+      window.setTimeout(() => {
+        setStatus("If the app stays open, quit it and open it again.");
+      }, 2500);
+    } catch (restartError) {
+      setStatus(`Restart request failed: ${formatFatalError(restartError)}`);
+    }
+  };
+
+  const copyError = async () => {
+    try {
+      if (navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(errorText);
+      } else {
+        await backendRequest("host.copyText", { text: errorText });
+      }
+      setStatus("Error copied.");
+    } catch (copyError) {
+      setStatus(`Copy failed: ${formatFatalError(copyError)}`);
+    }
+  };
+
+  return (
+    <div className="gloom-fatal">
+      <h1>{title}</h1>
+      <div className="gloom-fatal-actions">
+        <button type="button" data-variant="primary" onClick={restartApp}>Restart app</button>
+        <button type="button" onClick={reloadWindow}>Reload window</button>
+        <button type="button" onClick={copyError}>Copy error</button>
+      </div>
+      {status && <div className="gloom-fatal-status" aria-live="polite">{status}</div>}
+      <pre>{errorText}</pre>
+    </div>
+  );
+}
+
+export class ElectrobunErrorBoundary extends Component<
+  { children: ReactNode },
+  ElectrobunErrorBoundaryState
+> {
+  override state: ElectrobunErrorBoundaryState = { hasError: false, error: null };
+
+  static getDerivedStateFromError(error: unknown): ElectrobunErrorBoundaryState {
+    return { hasError: true, error };
+  }
+
+  override componentDidCatch(error: unknown, errorInfo: ErrorInfo): void {
+    console.error("[desktop-recovery] renderer error boundary", error, errorInfo.componentStack);
+    this.setState({
+      hasError: true,
+      error,
+      details: errorInfo.componentStack ?? undefined,
+    });
+  }
+
+  override render(): ReactNode {
+    if (this.state.hasError) {
+      return (
+        <DesktopFatalScreen
+          title="Gloomberb crashed"
+          error={this.state.error}
+          details={this.state.details}
+          source="react-error-boundary"
+        />
+      );
+    }
+
+    return this.props.children;
+  }
+}

package/src/renderers/electrobun/view/main.tsx

@@ -15,6 +15,7 @@ import {
   installElectrobunHttpFetchTransport,
 } from "./http-fetch";
 import { installElectrobunUpdateHost } from "./update-host";
+import { DesktopFatalScreen, ElectrobunErrorBoundary } from "./fatal-screen";
 import { WebInputHostProvider } from "./input-host";
 import { webNativeRenderer } from "./native-renderer";
 import { WebToastHostProvider } from "./toast-host";
@@ -27,16 +28,32 @@ const rootElement = document.getElementById("root");
 if (!rootElement) {
   throw new Error("Missing root element");
 }
+const appRootElement = rootElement;
 
-const root = createRoot(rootElement);
+const root = createRoot(appRootElement);
 const bootLog = debugLog.createLogger("electrobun-web-boot");
 
-rootElement.tabIndex = -1;
+appRootElement.tabIndex = -1;
 root.render(<div className="gloom-loading">Starting Gloomberb...</div>);
 
+function renderFatalError(error: unknown, details?: string, title = "Gloomberb failed to start"): void {
+  root.render(
+    <DesktopFatalScreen
+      title={title}
+      error={error}
+      details={details}
+      source="renderer-fatal"
+    />,
+  );
+}
+
+window.__gloomRenderFatalError = (error, details) => {
+  renderFatalError(error, details, "Gloomberb crashed");
+};
+
 function focusWebSurface(): void {
   window.focus();
-  rootElement.focus({ preventScroll: true });
+  appRootElement.focus({ preventScroll: true });
 }
 
 function requestStartupFocus(): void {
@@ -69,21 +86,23 @@ async function boot() {
   const desktopApplicationMenuBridge = createApplicationMenuBridge();
   measurePerfAsync("startup.electrobun.root-render", async () => {
     root.render(
-      <UiHostProvider ui={webUiHost} renderer={webRendererHost} nativeRenderer={webNativeRenderer}>
-        <WebInputHostProvider>
-          <WebToastHostProvider>
-            <WebDialogHostProvider>
-              <App
-                config={config}
-                desktopWindowBridge={desktopWindowBridge}
-                desktopApplicationMenuBridge={desktopApplicationMenuBridge}
-                desktopSnapshot={desktopSnapshot}
-                desktopThemePreview={init.desktopThemePreview}
-              />
-            </WebDialogHostProvider>
-          </WebToastHostProvider>
-        </WebInputHostProvider>
-      </UiHostProvider>,
+      <ElectrobunErrorBoundary>
+        <UiHostProvider ui={webUiHost} renderer={webRendererHost} nativeRenderer={webNativeRenderer}>
+          <WebInputHostProvider>
+            <WebToastHostProvider>
+              <WebDialogHostProvider>
+                <App
+                  config={config}
+                  desktopWindowBridge={desktopWindowBridge}
+                  desktopApplicationMenuBridge={desktopApplicationMenuBridge}
+                  desktopSnapshot={desktopSnapshot}
+                  desktopThemePreview={init.desktopThemePreview}
+                />
+              </WebDialogHostProvider>
+            </WebToastHostProvider>
+          </WebInputHostProvider>
+        </UiHostProvider>
+      </ElectrobunErrorBoundary>,
     );
   });
   requestStartupFocus();
@@ -96,10 +115,5 @@ async function boot() {
 }
 
 boot().catch((error) => {
-  root.render(
-    <div className="gloom-fatal">
-      <h1>Gloomberb failed to start</h1>
-      <pre>{error instanceof Error ? error.stack ?? error.message : String(error)}</pre>
-    </div>,
-  );
+  renderFatalError(error);
 });

package/src/renderers/electrobun/view/styles.css

@@ -1,5 +1,5 @@
 @keyframes gloom-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
-html, body, #root { width: 100%; height: 100%; min-height: 100%; overflow: hidden; background: var(--gloom-bg); }
+html, body, #root { width: 100%; height: 100%; min-height: 100%; overflow: hidden; background: var(--gloom-bg, #272a34); }
 #root:focus { outline: none; }
 body {
   --cell-w: 8px;
@@ -8,7 +8,7 @@ body {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   font-size: 12px;
   line-height: var(--cell-h);
-  color: var(--gloom-text);
+  color: var(--gloom-text, #f2f2f2);
   cursor: default;
   user-select: none;
   color-scheme: dark;
@@ -284,8 +284,52 @@ body.gloom-dragging {
   top: 50%;
   height: 1px;
 }
-.gloom-loading, .gloom-fatal { padding: 24px; color: var(--gloom-text); }
-.gloom-fatal pre { white-space: pre-wrap; color: var(--gloom-negative); }
+.gloom-loading, .gloom-fatal {
+  padding: 24px;
+  color: var(--gloom-text, #f2f2f2);
+  background: var(--gloom-bg, #272a34);
+}
+.gloom-fatal {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  overflow: auto;
+}
+.gloom-fatal h1 {
+  margin: 0 0 6px;
+  font-size: 28px;
+  line-height: 1.25;
+}
+.gloom-fatal-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.gloom-fatal button {
+  border: 1px solid var(--gloom-border, #5b6070);
+  border-radius: 6px;
+  padding: 5px 10px;
+  color: var(--gloom-text, #f2f2f2);
+  background: var(--gloom-panel, #1f222b);
+}
+.gloom-fatal button:hover {
+  background: color-mix(in srgb, var(--gloom-text-bright, #fff) 10%, var(--gloom-panel, #1f222b));
+}
+.gloom-fatal button[data-variant="primary"] {
+  border-color: var(--gloom-border-focused, #8cb4ff);
+  color: var(--gloom-bg, #111318);
+  background: var(--gloom-border-focused, #8cb4ff);
+}
+.gloom-fatal-status {
+  min-height: var(--cell-h);
+  color: var(--gloom-text-dim, #a7acba);
+}
+.gloom-fatal pre {
+  margin: 0;
+  white-space: pre-wrap;
+  color: var(--gloom-negative, #ff5f5f);
+  user-select: text;
+}
 .gloom-toast-viewport {
   position: fixed;
   right: 16px;

package/src/sources/gloomberb-cloud.test.ts

@@ -20,6 +20,7 @@ const originalGetCloudQuote = apiClient.getCloudQuote.bind(apiClient);
 const originalGetCloudHolders = apiClient.getCloudHolders.bind(apiClient);
 const originalGetCloudAnalystResearch = apiClient.getCloudAnalystResearch.bind(apiClient);
 const originalGetCloudCorporateActions = apiClient.getCloudCorporateActions.bind(apiClient);
+const originalGetCloudOptionsChain = apiClient.getCloudOptionsChain.bind(apiClient);
 const originalGetCloudNews = apiClient.getCloudNews.bind(apiClient);
 const originalGetCloudNewsStory = apiClient.getCloudNewsStory.bind(apiClient);
 const originalSubscribeQuotes = apiClient.subscribeQuotes.bind(apiClient);
@@ -78,6 +79,7 @@ afterEach(() => {
   apiClient.getCloudHolders = originalGetCloudHolders;
   apiClient.getCloudAnalystResearch = originalGetCloudAnalystResearch;
   apiClient.getCloudCorporateActions = originalGetCloudCorporateActions;
+  apiClient.getCloudOptionsChain = originalGetCloudOptionsChain;
   apiClient.getCloudNews = originalGetCloudNews;
   apiClient.getCloudNewsStory = originalGetCloudNewsStory;
   apiClient.subscribeQuotes = originalSubscribeQuotes;
@@ -103,8 +105,8 @@ describe("GloomberbCloudProvider", () => {
     const history = await provider.getDetailedPriceHistory(
       "AAPL",
       "NASDAQ",
-      new Date(2026, 2, 27, 10, 0, 0),
-      new Date(2026, 2, 27, 12, 0, 0),
+      new Date("2026-03-27T14:00:00Z"),
+      new Date("2026-03-27T16:00:00Z"),
       "15m",
     );
 
@@ -119,6 +121,7 @@ describe("GloomberbCloudProvider", () => {
     });
     expect(history).toHaveLength(1);
     expect(history[0]?.close).toBe(250.12);
+    expect(history[0]?.date.toISOString()).toBe("2026-03-27T14:15:00.000Z");
   });
 
   test("normalizes daily detailed history requests to 1day", async () => {
@@ -173,6 +176,11 @@ describe("GloomberbCloudProvider", () => {
     expect(history[0]?.close).toBe(250.12);
   });
 
+  test("does not advertise unsupported 45 minute chart resolution", () => {
+    const provider = new GloomberbCloudProvider();
+    expect(provider.getChartResolutionCapabilities()).not.toContain("45m");
+  });
+
   test("normalizes sub-unit cloud quotes to their main currency", async () => {
     apiClient.ensureVerifiedSession = async () => verifiedUser;
     apiClient.getCloudQuote = async () => ({
@@ -319,6 +327,51 @@ describe("GloomberbCloudProvider", () => {
     expect(actions.earnings[0]?.surprisePercent).toBe(6.37);
   });
 
+  test("fetches options chains from the cloud market endpoint", async () => {
+    apiClient.ensureVerifiedSession = async () => verifiedUser;
+
+    const requestArgs: { current: { symbol: string; exchange?: string; expirationDate?: number } | null } = { current: null };
+    apiClient.getCloudOptionsChain = async (symbol, exchange, expirationDate) => {
+      requestArgs.current = { symbol, exchange, expirationDate };
+      return {
+        status: "success",
+        data: {
+          providerId: "gloomberb-cloud",
+          underlyingSymbol: "AMD",
+          expirationDates: [1_800_000_000],
+          calls: [{
+            contractSymbol: "AMD270917C00230000",
+            strike: 230,
+            currency: "USD",
+            lastPrice: 11,
+            change: 1,
+            percentChange: 10,
+            volume: 10,
+            openInterest: 20,
+            bid: 10,
+            ask: 12,
+            impliedVolatility: 0.4,
+            inTheMoney: false,
+            expiration: 1_800_000_000,
+            lastTradeDate: 1_799_000_000,
+          }],
+          puts: [],
+        },
+      };
+    };
+
+    const provider = new GloomberbCloudProvider();
+    const chain = await provider.getOptionsChain("AMD", "NASDAQ", 1_800_000_000);
+
+    expect(requestArgs.current).toEqual({
+      symbol: "AMD",
+      exchange: "NASDAQ",
+      expirationDate: 1_800_000_000,
+    });
+    expect(chain.underlyingSymbol).toBe("AMD");
+    expect(chain.calls[0]?.contractSymbol).toBe("AMD270917C00230000");
+  });
+
   test("preserves original target context when streaming quotes", () => {
     let unsubscribeCalled = false;
     const seenQuotes: Array<{ price: number; currency: string }> = [];