Bohdan Triapitsyn
d4a8c4d2e1
Replace the legacy terminal flow with a shared authenticated WebSocket runtime used across web, desktop, relay, and mobile surfaces. - introduce the v3 terminal protocol with scoped attachments, snapshots, ordered output, bounded replay history, reconnects, and explicit lifecycle - harden PTY creation, restart, resize, close, force-kill, idle cleanup, shell selection, login mode, environment sanitization, and appearance sync - add runtime-aware terminal APIs with relay authentication and Electron parity - add a fullscreen mobile terminal workspace with touch scrolling, long-press selection, safe-area controls, quick keys, and Ctrl/Alt input - add terminal selection attachments, preview detection, project actions, shell settings, and localized UI - harden Ghostty rendering, resize recovery, Unicode handling, block characters, line height, and stale-row behavior - remove the obsolete terminal SSE path and update reverse-proxy guidance - expand terminal runtime, transport, input, selection, and store coverage - avoid duplicate web builds when preparing mobile assets in root CI builds
115 lines
3.2 KiB
TypeScript
115 lines
3.2 KiB
TypeScript
import type { Ghostty } from 'ghostty-web';
|
|
import type { Theme } from '@/types/theme';
|
|
|
|
export interface TerminalTheme {
|
|
background: string;
|
|
foreground: string;
|
|
cursor: string;
|
|
cursorAccent: string;
|
|
selectionBackground: string;
|
|
selectionForeground?: string;
|
|
selectionInactiveBackground?: string;
|
|
black: string;
|
|
red: string;
|
|
green: string;
|
|
yellow: string;
|
|
blue: string;
|
|
magenta: string;
|
|
cyan: string;
|
|
white: string;
|
|
brightBlack: string;
|
|
brightRed: string;
|
|
brightGreen: string;
|
|
brightYellow: string;
|
|
brightBlue: string;
|
|
brightMagenta: string;
|
|
brightCyan: string;
|
|
brightWhite: string;
|
|
}
|
|
|
|
export function convertThemeToXterm(theme: Theme): TerminalTheme {
|
|
const { colors } = theme;
|
|
const syntax = colors.syntax.base;
|
|
|
|
return {
|
|
|
|
background: colors.surface.background,
|
|
foreground: syntax.foreground,
|
|
cursor: colors.interactive.cursor,
|
|
cursorAccent: colors.surface.background,
|
|
|
|
selectionBackground: colors.interactive.selection,
|
|
selectionForeground: colors.interactive.selectionForeground,
|
|
selectionInactiveBackground: colors.interactive.selection + '50',
|
|
|
|
black: colors.surface.muted,
|
|
red: colors.status.error,
|
|
green: colors.status.success,
|
|
yellow: colors.status.warning,
|
|
blue: syntax.function,
|
|
magenta: syntax.keyword,
|
|
cyan: syntax.type,
|
|
white: syntax.foreground,
|
|
|
|
brightBlack: syntax.comment,
|
|
brightRed: colors.status.error,
|
|
brightGreen: colors.status.success,
|
|
brightYellow: colors.status.warning,
|
|
brightBlue: syntax.function,
|
|
brightMagenta: syntax.keyword,
|
|
brightCyan: syntax.type,
|
|
brightWhite: colors.surface.elevatedForeground,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Get terminal options for Ghostty Web terminal
|
|
*/
|
|
export function getGhosttyTerminalOptions(
|
|
fontFamily: string,
|
|
fontSize: number,
|
|
theme: TerminalTheme,
|
|
ghostty: Ghostty,
|
|
disableStdin = false
|
|
) {
|
|
const powerlineFallbacks =
|
|
'"JetBrainsMonoNL Nerd Font", "FiraCode Nerd Font", "Cascadia Code PL", "Fira Code", "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Courier New", monospace';
|
|
const augmentedFontFamily = `${fontFamily}, ${powerlineFallbacks}`;
|
|
|
|
return {
|
|
// TerminalViewport enables blinking only while its input owns focus.
|
|
cursorBlink: false,
|
|
cursorStyle: 'bar' as const,
|
|
fontSize,
|
|
fontFamily: augmentedFontFamily,
|
|
allowTransparency: false,
|
|
theme: {
|
|
background: theme.background,
|
|
foreground: theme.foreground,
|
|
cursor: theme.cursor,
|
|
cursorAccent: theme.cursorAccent,
|
|
selectionBackground: theme.selectionBackground,
|
|
selectionForeground: theme.selectionForeground,
|
|
black: theme.black,
|
|
red: theme.red,
|
|
green: theme.green,
|
|
yellow: theme.yellow,
|
|
blue: theme.blue,
|
|
magenta: theme.magenta,
|
|
cyan: theme.cyan,
|
|
white: theme.white,
|
|
brightBlack: theme.brightBlack,
|
|
brightRed: theme.brightRed,
|
|
brightGreen: theme.brightGreen,
|
|
brightYellow: theme.brightYellow,
|
|
brightBlue: theme.brightBlue,
|
|
brightMagenta: theme.brightMagenta,
|
|
brightCyan: theme.brightCyan,
|
|
brightWhite: theme.brightWhite,
|
|
},
|
|
scrollback: 10_000,
|
|
ghostty,
|
|
disableStdin,
|
|
};
|
|
}
|