clone/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-02-01 22:48:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf(app): shared terminal ghostty-web instance

Browse Source
This commit is contained in:
adamelmore
2026-01-27 07:32:36 -06:00
parent c7e2f1965d
commit 27bb82761b
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/app/src/components/terminal.tsx
View File

@@ -16,6 +16,19 @@ export interface TerminalProps extends ComponentProps<"div"> {
onConnectError?: (error: unknown) => void
}
let shared: Promise<{ mod: typeof import("ghostty-web"); ghostty: Ghostty }> | undefined
const loadGhostty = () => {
if (shared) return shared
shared = import("ghostty-web")
.then(async (mod) => ({ mod, ghostty: await mod.Ghostty.load() }))
.catch((err) => {
shared = undefined
throw err
})
return shared
}
type TerminalColors = {
background: string
foreground: string
@@ -53,7 +66,6 @@ export const Terminal = (props: TerminalProps) => {
let handleResize: () => void
let handleTextareaFocus: () => void
let handleTextareaBlur: () => void
let reconnect: number | undefined
let disposed = false
const getTerminalColors = (): TerminalColors => {
@@ -112,8 +124,11 @@ export const Terminal = (props: TerminalProps) => {
onMount(() => {
const run = async () => {
const mod = await import("ghostty-web")
ghostty = await mod.Ghostty.load()
const loaded = await loadGhostty()
if (disposed) return
const mod = loaded.mod
ghostty = loaded.ghostty
const once = { value: false }