@vibecook/ghosttea-react 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 James Yong
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# `@vibecook/ghosttea-react`
+
+React terminal surface, renderer runtime, and worker-owned WebGPU renderer for
+Ghosttea.
+
+The package keeps terminal frames off the React and Electron main-process hot
+paths. Create one runtime per renderer window, provide it through
+`GhostteaProvider`, and share it across terminal surfaces.
+
+Import `@vibecook/ghosttea-react/styles.css` once in the renderer entrypoint.
+
+For applications that want the complete Ghostty-style desktop experience, use
+`GhostteaWorkspace` from `@vibecook/ghosttea-react/workspace` and import
+`@vibecook/ghosttea-react/workspace.css`. It owns the titlebar, persisted pane
+tree, split/focus/resize hotkeys, remote-session palette, and terminal focus
+semantics. An optional sidebar component receives the active session plus
+`addSession`/`activateSession` actions, so application UI can sit beside the
+terminal without creating a parallel terminal layout or transport.
+
+The workspace entry point also exports the versioned, UI-independent pane and
+tab reducers used for cross-platform restoration and conformance. Their JSON
+documents contain only stable layout IDs and opaque session IDs; resolve those
+IDs against live sessions in the host rather than persisting transport or
+credential state.
+
+Ghostty-style application shortcuts expose stable `ghosttea.workspace.*`
+command IDs through `workspaceCommandId`. These IDs are shared with the Swift
+workspace package even where platform-default key bindings eventually differ.
+
+Default macOS keybinds are table-driven from the Ghostty ground-truth dump
+(`src/bindings/fixtures/keybinds-macos-default.json`, refreshed via
+`npm run extract:ghostty-ux`).
+
+Architecture:
+
+1. **Match** — `matchGhostteaBinding` (Ghostty defaults + extensions)
+2. **Route** — `resolveKeyEvent` → `workspace` | `terminal` | `platform` | `unhandled`
+3. **Execute** — Workspace owns chrome/platform/unhandled; TerminalSurface owns terminal effects
+
+**⌘⇧O** (`super+shift+o`) is a Ghosttea product extension (remote sessions) and is kept outside Ghostty defaults.
+
+Open / deferred Ghostty UX work (font-size protocol, search, undo, jump_to_prompt, mouse goldens, etc.) is tracked in the monorepo at [`bench/ghostty-ux/OPEN-ITEMS.md`](../../bench/ghostty-ux/OPEN-ITEMS.md).

package/dist/TerminalSurface.d.ts

@@ -0,0 +1,28 @@
+import type { SessionSummary, TerminalScrollbarState } from "@vibecook/ghosttea-protocol";
+import { type CellPoint, type TerminalTheme } from "./renderers/types.js";
+export type TerminalMenuAction = "copy" | "paste" | "select-all" | "clear-screen";
+export interface TerminalSurfaceProps {
+    session: SessionSummary;
+    theme: TerminalTheme;
+    active?: boolean;
+    /** Host platform used for Ghostty-compatible application keybindings. */
+    platform?: string;
+    /** Whether the surface is currently visible enough to spend GPU work painting it. */
+    visible?: boolean;
+    controlsResize?: boolean;
+    onActivate?: () => void;
+    readClipboard?: () => string | Promise<string>;
+    onCopyAvailabilityChange?: (canCopy: boolean) => void;
+    onContextMenu?: (canCopy: boolean) => void;
+    onToggleFullscreen?: () => void;
+    onMenuAction?: (listener: (action: TerminalMenuAction) => void) => () => void;
+}
+export declare function viewportSelection(selection: {
+    anchor: CellPoint;
+    focus: CellPoint;
+} | null, scrollbar: TerminalScrollbarState, cols: number, rows: number): {
+    anchor: CellPoint;
+    focus: CellPoint;
+} | null;
+export declare function TerminalSurface(props: TerminalSurfaceProps): import("react").JSX.Element;
+//# sourceMappingURL=TerminalSurface.d.ts.map

package/dist/TerminalSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalSurface.d.ts","sourceRoot":"","sources":["../src/TerminalSurface.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAoB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAK5G,OAAO,EAA+C,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIvH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,cAAc,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CAC/E;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,EACzD,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GACX;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAoBhD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAG1D"}