@dkkoval/tui-preview 0.2.0 → 0.2.1

package/dist/TuiPreview.js

@@ -36,9 +36,6 @@ export function TuiPreview(props) {
         if (rect.width > 0 && rect.height > 0) {
             updateFromPixels(rect.width, rect.height);
         }
-        // Current fit strategy recalculates cols/rows from measured cell size and
-        // recreates the surface on size changes. This is acceptable for now, but
-        // an in-place resize path would be smoother for frequent container resizes.
         const observer = new ResizeObserver(([entry]) => {
             const { width, height } = entry.contentRect;
             if (width > 0 && height > 0) {
@@ -53,6 +50,7 @@ export function TuiPreview(props) {
             return;
         let cancelled = false;
         let disposeRenderSurface = null;
+        let activeBridge = null;
         const container = containerRef.current;
         const activeSize = termSize;
         const setStatusAndNotify = (next) => {
@@ -70,7 +68,42 @@ export function TuiPreview(props) {
             try {
                 let appCols = activeSize.cols;
                 let appRows = activeSize.rows;
-                let bridge = null;
+                const runOnce = async (surface) => {
+                    const resolvedArgs = resolved.resolveArgv({ cols: appCols, rows: appRows });
+                    const stdoutDecoder = new TextDecoder();
+                    const stderrDecoder = new TextDecoder();
+                    const flushSurfaceOutput = (data, decoder, bridge) => {
+                        const decoded = decoder.decode(data, { stream: true });
+                        if (decoded) {
+                            surface.write(decoded);
+                        }
+                        for (const response of surface.drainResponses()) {
+                            bridge.pushInput(response);
+                        }
+                    };
+                    let bridge;
+                    bridge = new WasiBridge({
+                        args: [resolved.wasm.toString(), ...resolvedArgs],
+                        env: {
+                            COLUMNS: String(appCols),
+                            LINES: String(appRows),
+                            ...resolved.env,
+                        },
+                        stdout: (data) => flushSurfaceOutput(data, stdoutDecoder, bridge),
+                        stderr: (data) => flushSurfaceOutput(data, stderrDecoder, bridge),
+                        onExit: (code) => {
+                            if (!cancelled) {
+                                setStatusAndNotify("exited");
+                                resolved.onExit?.(code);
+                            }
+                        },
+                    });
+                    activeBridge = bridge;
+                    const wasmApp = await instantiateApp(resolved.wasm, bridge);
+                    if (cancelled)
+                        return;
+                    await wasmApp.run();
+                };
                 const surface = await createMiniTerminalSurface({
                     container,
                     cols: activeSize.cols,
@@ -82,7 +115,9 @@ export function TuiPreview(props) {
                     interactive: resolved.mode !== "static" && resolved.interactive,
                     showCursor: resolved.mode !== "static",
                     wasmUrl: resolved.terminal.wasmUrl,
-                    onInput: (data) => bridge?.pushInput(data),
+                    onInput: (data) => {
+                        activeBridge?.pushInput(data);
+                    },
                 });
                 if (cancelled) {
                     surface.dispose();
@@ -92,38 +127,11 @@ export function TuiPreview(props) {
                 appCols = surface.cols;
                 appRows = surface.rows;
                 cellSizeRef.current = surface.cellSize;
-                const resolvedArgs = resolved.resolveArgv({ cols: appCols, rows: appRows });
-                const stdoutDecoder = new TextDecoder();
-                const stderrDecoder = new TextDecoder();
-                const flushSurfaceOutput = (data, decoder) => {
-                    const decoded = decoder.decode(data, { stream: true });
-                    if (decoded) {
-                        surface.write(decoded);
-                    }
-                    for (const response of surface.drainResponses()) {
-                        bridge?.pushInput(response);
-                    }
-                };
-                bridge = new WasiBridge({
-                    args: [resolved.wasm.toString(), ...resolvedArgs],
-                    env: resolved.env,
-                    stdout: (data) => flushSurfaceOutput(data, stdoutDecoder),
-                    stderr: (data) => flushSurfaceOutput(data, stderrDecoder),
-                    onExit: (code) => {
-                        if (!cancelled) {
-                            setStatusAndNotify("exited");
-                            resolved.onExit?.(code);
-                        }
-                    },
-                });
-                const wasmApp = await instantiateApp(resolved.wasm, bridge);
-                if (cancelled)
-                    return;
                 setStatusAndNotify("running");
                 queueMicrotask(() => {
                     if (cancelled)
                         return;
-                    void wasmApp.run().catch((runError) => {
+                    void runOnce(surface).catch((runError) => {
                         if (!cancelled) {
                             setError(runError);
                         }
@@ -139,6 +147,7 @@ export function TuiPreview(props) {
         setup();
         return () => {
             cancelled = true;
+            activeBridge = null;
             disposeRenderSurface?.();
             disposeRenderSurface = null;
         };
@@ -166,7 +175,13 @@ export function TuiPreview(props) {
             borderRadius: 6,
             overflow: "hidden",
             ...props.style,
-        }, children: [_jsx("div", { ref: containerRef, style: { display: status === "error" ? "none" : undefined } }), status === "loading" && (_jsx("div", { style: overlayStyle, children: "Loading\u2026" })), status === "error" && (_jsxs("div", { style: { ...overlayStyle, color: "#f7768e" }, children: ["Error: ", errorMsg] }))] }));
+        }, children: [_jsx("div", { ref: containerRef, style: {
+                    display: status === "error" ? "none" : "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    width: "100%",
+                    height: "100%",
+                } }), status === "loading" && _jsx("div", { style: overlayStyle, children: "Loading\u2026" }), status === "error" && (_jsxs("div", { style: { ...overlayStyle, color: "#f7768e" }, children: ["Error: ", errorMsg] }))] }));
 }
 const overlayStyle = {
     padding: "1rem",

package/dist/core/libghostty.js

@@ -1,6 +1,6 @@
 const EXPECTED_CELL_SIZE = 16;
 const EXPECTED_TERMINAL_CONFIG_SIZE = 80;
-const DEFAULT_WASM_URL = "/ghostty-vt.wasm";
+const DEFAULT_WASM_URL = new URL("./ghostty-vt.wasm", import.meta.url).href;
 const FLAG_BOLD = 1 << 0;
 const FLAG_ITALIC = 1 << 1;
 const FLAG_UNDERLINE = 1 << 2;

package/dist/core/wasi.d.ts

@@ -4,16 +4,20 @@
  * Implements a minimal WASI preview1 surface sufficient for interactive TUI apps:
  *   - fd_write (stdout/stderr → terminal)
  *   - fd_read (stdin ← keyboard input queue)
- *   - poll_oneoff (non-blocking stdin check, needed by crossterm/ratatui)
+ *   - poll_oneoff (suspending stdin wait via JSPI, needed by crossterm/ratatui)
  *   - proc_exit
  *   - environ_get / environ_sizes_get
  *   - args_get / args_sizes_get
  */
 import type { WasiOptions } from "../types.js";
+/** Feature-detect JSPI (WebAssembly.Suspending / WebAssembly.promising). */
+export declare const hasJSPI: boolean;
 export declare class WasiBridge {
     private opts;
     private inputQueue;
     private memory;
+    /** Resolvers waiting for input to arrive (used by suspending poll_oneoff). */
+    private inputWaiters;
     constructor(opts: WasiOptions);
     /** Push keyboard data from the terminal into the app's stdin */
     pushInput(data: string | Uint8Array): void;
@@ -21,6 +25,8 @@ export declare class WasiBridge {
     attachMemory(memory: WebAssembly.Memory): void;
     private view;
     private u8;
+    /** Wait until the input queue has data, or until the given timeout (ms). */
+    private waitForInput;
     get imports(): WebAssembly.ModuleImports;
     private envEntries;
 }

package/dist/core/wasi.js

@@ -4,7 +4,7 @@
  * Implements a minimal WASI preview1 surface sufficient for interactive TUI apps:
  *   - fd_write (stdout/stderr → terminal)
  *   - fd_read (stdin ← keyboard input queue)
- *   - poll_oneoff (non-blocking stdin check, needed by crossterm/ratatui)
+ *   - poll_oneoff (suspending stdin wait via JSPI, needed by crossterm/ratatui)
  *   - proc_exit
  *   - environ_get / environ_sizes_get
  *   - args_get / args_sizes_get
@@ -12,14 +12,20 @@
 const WASI_ESUCCESS = 0;
 const WASI_EAGAIN = 6;
 const WASI_BADF = 8;
+const WASI_EVENTTYPE_CLOCK = 0;
 const WASI_EVENTTYPE_FD_READ = 1;
 const STDIN_FD = 0;
 const STDOUT_FD = 1;
 const STDERR_FD = 2;
+/** Feature-detect JSPI (WebAssembly.Suspending / WebAssembly.promising). */
+export const hasJSPI = typeof WebAssembly.Suspending === "function" &&
+    typeof WebAssembly.promising === "function";
 export class WasiBridge {
     opts;
     inputQueue = [];
     memory;
+    /** Resolvers waiting for input to arrive (used by suspending poll_oneoff). */
+    inputWaiters = [];
     constructor(opts) {
         this.opts = opts;
     }
@@ -27,6 +33,10 @@ export class WasiBridge {
     pushInput(data) {
         const chunk = typeof data === "string" ? new TextEncoder().encode(data) : data;
         this.inputQueue.push(chunk);
+        // Wake any suspended poll_oneoff calls.
+        for (const resolve of this.inputWaiters.splice(0)) {
+            resolve();
+        }
     }
     /** Attach the WASM instance's memory after instantiation */
     attachMemory(memory) {
@@ -38,6 +48,24 @@ export class WasiBridge {
     u8() {
         return new Uint8Array(this.memory.buffer);
     }
+    /** Wait until the input queue has data, or until the given timeout (ms). */
+    waitForInput(timeoutMs) {
+        if (this.inputQueue.length > 0)
+            return Promise.resolve();
+        return new Promise((resolve) => {
+            const waiter = () => {
+                clearTimeout(timer);
+                resolve();
+            };
+            const timer = setTimeout(() => {
+                const idx = this.inputWaiters.indexOf(waiter);
+                if (idx >= 0)
+                    this.inputWaiters.splice(idx, 1);
+                resolve();
+            }, timeoutMs);
+            this.inputWaiters.push(waiter);
+        });
+    }
     // ── WASI imports object ────────────────────────────────────────────────
     get imports() {
         return {
@@ -138,23 +166,82 @@ export class WasiBridge {
                 view.setUint32(nreadPtr, nread, true);
                 return WASI_ESUCCESS;
             },
-            poll_oneoff: (inPtr, outPtr, nsubscriptions, neventsPtr) => {
-                const view = this.view();
-                let nevents = 0;
-                for (let i = 0; i < nsubscriptions; i++) {
-                    const subPtr = inPtr + i * 48;
-                    const type = view.getUint8(subPtr + 8);
-                    if (type === WASI_EVENTTYPE_FD_READ && this.inputQueue.length > 0) {
-                        const evPtr = outPtr + nevents * 32;
-                        view.setBigUint64(evPtr, view.getBigUint64(subPtr, true), true);
-                        view.setUint16(evPtr + 8, 0, true);
-                        view.setUint8(evPtr + 10, type);
-                        nevents++;
+            // poll_oneoff — the critical syscall for event-loop TUI apps.
+            //
+            // With JSPI: wrapped as a WebAssembly.Suspending import so the WASM
+            // instance suspends while we await input, yielding to the browser
+            // event loop. This is what allows keyboard events to arrive.
+            //
+            // Without JSPI: synchronous non-blocking check (legacy/replay mode).
+            poll_oneoff: hasJSPI
+                ? async (inPtr, outPtr, nsubscriptions, neventsPtr) => {
+                    const view = this.view();
+                    // Check if any FD_READ subscription can be satisfied immediately.
+                    let hasFdRead = false;
+                    let clockTimeoutNs = -1n;
+                    for (let i = 0; i < nsubscriptions; i++) {
+                        const subPtr = inPtr + i * 48;
+                        const type = view.getUint8(subPtr + 8);
+                        if (type === WASI_EVENTTYPE_FD_READ) {
+                            hasFdRead = true;
+                        }
+                        if (type === WASI_EVENTTYPE_CLOCK) {
+                            const timeout = view.getBigUint64(subPtr + 24, true);
+                            if (clockTimeoutNs < 0n || timeout < clockTimeoutNs) {
+                                clockTimeoutNs = timeout;
+                            }
+                        }
+                    }
+                    // If there's an FD_READ subscription and no data yet, suspend.
+                    if (hasFdRead && this.inputQueue.length === 0) {
+                        const timeoutMs = clockTimeoutNs >= 0n
+                            ? Number(clockTimeoutNs / 1000000n)
+                            : 60_000;
+                        await this.waitForInput(Math.max(1, Math.min(timeoutMs, 60_000)));
+                    }
+                    // Now fill out the events.
+                    let nevents = 0;
+                    for (let i = 0; i < nsubscriptions; i++) {
+                        const subPtr = inPtr + i * 48;
+                        const type = view.getUint8(subPtr + 8);
+                        const userdata = view.getBigUint64(subPtr, true);
+                        if (type === WASI_EVENTTYPE_FD_READ && this.inputQueue.length > 0) {
+                            const evPtr = outPtr + nevents * 32;
+                            view.setBigUint64(evPtr, userdata, true);
+                            view.setUint16(evPtr + 8, 0, true); // error = 0
+                            view.setUint8(evPtr + 10, type);
+                            nevents++;
+                        }
+                        else if (type === WASI_EVENTTYPE_CLOCK) {
+                            // Clock subscriptions always fire (we already waited).
+                            const evPtr = outPtr + nevents * 32;
+                            view.setBigUint64(evPtr, userdata, true);
+                            view.setUint16(evPtr + 8, 0, true);
+                            view.setUint8(evPtr + 10, type);
+                            nevents++;
+                        }
                     }
+                    view.setUint32(neventsPtr, nevents, true);
+                    return WASI_ESUCCESS;
                 }
-                view.setUint32(neventsPtr, nevents, true);
-                return WASI_ESUCCESS;
-            },
+                : (inPtr, outPtr, nsubscriptions, neventsPtr) => {
+                    // Fallback: synchronous non-blocking check (no JSPI).
+                    const view = this.view();
+                    let nevents = 0;
+                    for (let i = 0; i < nsubscriptions; i++) {
+                        const subPtr = inPtr + i * 48;
+                        const type = view.getUint8(subPtr + 8);
+                        if (type === WASI_EVENTTYPE_FD_READ && this.inputQueue.length > 0) {
+                            const evPtr = outPtr + nevents * 32;
+                            view.setBigUint64(evPtr, view.getBigUint64(subPtr, true), true);
+                            view.setUint16(evPtr + 8, 0, true);
+                            view.setUint8(evPtr + 10, type);
+                            nevents++;
+                        }
+                    }
+                    view.setUint32(neventsPtr, nevents, true);
+                    return WASI_ESUCCESS;
+                },
             proc_exit: (code) => {
                 this.opts.onExit(code);
                 throw new WasiExitError(code);
@@ -216,18 +303,27 @@ export async function instantiateApp(source, bridge) {
         module = await WebAssembly.compile(bytes);
         moduleCache.set(key, module);
     }
+    const wasiImports = bridge.imports;
+    if (hasJSPI) {
+        wasiImports.poll_oneoff = new WebAssembly.Suspending(wasiImports.poll_oneoff);
+    }
     const importObject = {
-        wasi_snapshot_preview1: bridge.imports,
+        wasi_snapshot_preview1: wasiImports,
     };
     const instance = await WebAssembly.instantiate(module, importObject);
     bridge.attachMemory(instance.exports.memory);
-    const _start = instance.exports._start;
-    if (!_start)
+    const rawStart = instance.exports._start;
+    if (!rawStart)
         throw new Error("WASM module has no _start export");
+    // With JSPI, wrap _start so it returns a Promise that resolves when the
+    // WASM app finishes (or suspends on poll_oneoff and resumes later).
+    const _start = hasJSPI
+        ? WebAssembly.promising(rawStart)
+        : rawStart;
     return {
         run: async () => {
             try {
-                _start();
+                await _start();
             }
             catch (e) {
                 if (!(e instanceof WasiExitError))

package/dist/index.js

@@ -1,749 +1,2 @@
-var it = Object.defineProperty;
-var ot = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var F = (e, t, n) => ot(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsxs as O, jsx as H } from "react/jsx-runtime";
-import { useMemo as at, useRef as P, useState as $, useEffect as N } from "react";
-const S = 16, T = 80, tt = "/ghostty-vt.wasm", ct = 1, lt = 2, ht = 4, W = 8, K = 16, ut = 32, R = 64, Y = 128, ft = [
-  "black",
-  "red",
-  "green",
-  "yellow",
-  "blue",
-  "magenta",
-  "cyan",
-  "white",
-  "brightBlack",
-  "brightRed",
-  "brightGreen",
-  "brightYellow",
-  "brightBlue",
-  "brightMagenta",
-  "brightCyan",
-  "brightWhite"
-], wt = {
-  background: "#1a1b26",
-  foreground: "#a9b1d6",
-  cursor: "#c0caf5",
-  selectionBackground: "#33467c",
-  selectionForeground: "#c0caf5",
-  black: "#15161e",
-  red: "#f7768e",
-  green: "#9ece6a",
-  yellow: "#e0af68",
-  blue: "#7aa2f7",
-  magenta: "#bb9af7",
-  cyan: "#7dcfff",
-  white: "#a9b1d6",
-  brightBlack: "#414868",
-  brightRed: "#f7768e",
-  brightGreen: "#9ece6a",
-  brightYellow: "#e0af68",
-  brightBlue: "#7aa2f7",
-  brightMagenta: "#bb9af7",
-  brightCyan: "#7dcfff",
-  brightWhite: "#c0caf5"
-};
-class mt {
-  constructor(t, n) {
-    this.wasm = t, this.abi = n;
-  }
-  createTerminal(t, n, r) {
-    const o = this.wasm.ghostty_wasm_alloc_u8_array(this.abi.terminalConfigSize);
-    if (!o)
-      throw new Error("Failed to allocate terminal config.");
-    try {
-      const i = new DataView(this.wasm.memory.buffer);
-      let s = o;
-      i.setUint32(s, 1e4, !0), s += 4, i.setUint32(s, z(r.foreground), !0), s += 4, i.setUint32(s, z(r.background), !0), s += 4, i.setUint32(s, z(r.cursor), !0), s += 4;
-      for (const c of ft)
-        i.setUint32(s, z(r[c]), !0), s += 4;
-      const a = this.wasm.ghostty_terminal_new_with_config(t, n, o);
-      if (!a)
-        throw new Error("Failed to create libghostty terminal.");
-      return new dt(this.wasm, a, t, n, this.abi.cellSize);
-    } finally {
-      this.wasm.ghostty_wasm_free_u8_array(o, this.abi.terminalConfigSize);
-    }
-  }
-}
-class dt {
-  constructor(t, n, r, o, i) {
-    F(this, "viewportPtr", 0);
-    F(this, "viewportLen", 0);
-    this.wasm = t, this.handle = n, this.cols = r, this.rows = o, this.cellSize = i;
-  }
-  write(t) {
-    const n = typeof t == "string" ? new TextEncoder().encode(t) : t;
-    if (n.length === 0) return;
-    const r = this.wasm.ghostty_wasm_alloc_u8_array(n.length);
-    if (!r)
-      throw new Error("Failed to allocate libghostty write buffer.");
-    try {
-      new Uint8Array(this.wasm.memory.buffer).set(n, r), this.wasm.ghostty_terminal_write(this.handle, r, n.length);
-    } finally {
-      this.wasm.ghostty_wasm_free_u8_array(r, n.length);
-    }
-  }
-  resize(t, n) {
-    t === this.cols && n === this.rows || (this.cols = t, this.rows = n, this.wasm.ghostty_terminal_resize(this.handle, t, n), this.releaseViewport());
-  }
-  hasResponse() {
-    return this.wasm.ghostty_terminal_has_response(this.handle);
-  }
-  isDirty() {
-    return this.wasm.ghostty_render_state_update(this.handle) !== 0;
-  }
-  readResponse(t = 4096) {
-    const n = this.wasm.ghostty_wasm_alloc_u8_array(t);
-    if (!n)
-      throw new Error("Failed to allocate libghostty response buffer.");
-    try {
-      const r = this.wasm.ghostty_terminal_read_response(this.handle, n, t);
-      if (r <= 0) return null;
-      const o = new Uint8Array(this.wasm.memory.buffer, n, r);
-      return new TextDecoder().decode(o);
-    } finally {
-      this.wasm.ghostty_wasm_free_u8_array(n, t);
-    }
-  }
-  getViewportData() {
-    const t = this.wasm.ghostty_render_state_get_cols(this.handle), n = this.wasm.ghostty_render_state_get_rows(this.handle);
-    this.cols = t, this.rows = n;
-    const r = Math.max(1, t * n * this.cellSize);
-    if ((r > this.viewportLen || this.viewportPtr === 0) && (this.releaseViewport(), this.viewportPtr = this.wasm.ghostty_wasm_alloc_u8_array(r), this.viewportLen = r, !this.viewportPtr))
-      throw new Error("Failed to allocate libghostty viewport buffer.");
-    const o = this.wasm.ghostty_render_state_get_viewport(this.handle, this.viewportPtr, this.viewportLen), i = new Uint8Array(o);
-    if (o > 0) {
-      const s = new Uint8Array(this.wasm.memory.buffer, this.viewportPtr, o);
-      i.set(s);
-    }
-    return this.wasm.ghostty_render_state_mark_clean(this.handle), {
-      cols: t,
-      rows: n,
-      buffer: i
-    };
-  }
-  dispose() {
-    this.releaseViewport(), this.wasm.ghostty_terminal_free(this.handle);
-  }
-  releaseViewport() {
-    this.viewportPtr !== 0 && (this.wasm.ghostty_wasm_free_u8_array(this.viewportPtr, this.viewportLen), this.viewportPtr = 0, this.viewportLen = 0);
-  }
-}
-class gt {
-  constructor(t, n, r, o, i, s) {
-    F(this, "ctx");
-    F(this, "dpr");
-    F(this, "metrics");
-    this.canvas = t, this.cols = n, this.rows = r, this.fontSize = o, this.fontFamily = i, this.theme = s;
-    const a = t.getContext("2d");
-    if (!a)
-      throw new Error("Failed to create 2D canvas context.");
-    this.ctx = a, this.dpr = window.devicePixelRatio || 1, this.metrics = this.measureFont(), this.resizeCanvas(n, r);
-  }
-  get cellSize() {
-    return { w: this.metrics.width, h: this.metrics.height };
-  }
-  render(t) {
-    (t.cols !== this.cols || t.rows !== this.rows) && (this.cols = t.cols, this.rows = t.rows, this.resizeCanvas(t.cols, t.rows));
-    const { cols: n, rows: r, buffer: o } = t, i = new DataView(o.buffer, o.byteOffset, o.byteLength), s = this.ctx, a = this.metrics.width, c = this.metrics.height;
-    s.fillStyle = this.theme.background, s.fillRect(0, 0, n * a, r * c);
-    for (let l = 0; l < r; l++)
-      for (let u = 0; u < n; u++) {
-        const h = (l * n + u) * S, f = i.getUint8(h + 11);
-        if (f === 0) continue;
-        const w = i.getUint8(h + 10), b = L(i, h + 4), y = L(i, h + 7), _ = x(w, K), g = x(w, W) ? D(b) : this.theme.foreground, d = x(w, R) ? D(y) : this.theme.background;
-        (_ || x(w, R)) && (s.fillStyle = _ ? g : d, s.fillRect(u * a, l * c, f * a, c));
-      }
-    for (let l = 0; l < r; l++)
-      for (let u = 0; u < n; u++) {
-        const h = (l * n + u) * S, f = i.getUint8(h + 11);
-        if (f === 0) continue;
-        const w = i.getUint8(h + 10);
-        if (x(w, ut)) continue;
-        const b = i.getUint32(h, !0);
-        if (b === 0) continue;
-        const y = x(w, K), _ = L(i, h + 4), g = L(i, h + 7), d = x(w, W) ? D(_) : this.theme.foreground, m = x(w, R) ? D(g) : this.theme.background;
-        s.fillStyle = y ? m : d;
-        let p = "";
-        x(w, lt) && (p += "italic "), x(w, ct) && (p += "bold "), s.font = `${p}${this.fontSize}px ${this.fontFamily}`, x(w, Y) && (s.globalAlpha = 0.5);
-        const E = Et(b);
-        if (s.fillText(E, u * a, l * c + this.metrics.baseline), x(w, Y) && (s.globalAlpha = 1), x(w, ht)) {
-          const v = l * c + this.metrics.baseline + 2;
-          s.strokeStyle = s.fillStyle, s.lineWidth = 1, s.beginPath(), s.moveTo(u * a, v), s.lineTo(u * a + f * a, v), s.stroke();
-        }
-      }
-  }
-  dispose() {
-    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-  }
-  measureFont() {
-    this.ctx.font = `${this.fontSize}px ${this.fontFamily}`;
-    const t = this.ctx.measureText("M"), n = Math.ceil(t.width), r = t.actualBoundingBoxAscent || this.fontSize * 0.8, o = t.actualBoundingBoxDescent || this.fontSize * 0.2;
-    return {
-      width: n,
-      height: Math.ceil(r + o) + 2,
-      baseline: Math.ceil(r) + 1
-    };
-  }
-  resizeCanvas(t, n) {
-    const r = t * this.metrics.width, o = n * this.metrics.height;
-    this.canvas.width = Math.max(1, Math.floor(r * this.dpr)), this.canvas.height = Math.max(1, Math.floor(o * this.dpr)), this.canvas.style.width = `${r}px`, this.canvas.style.height = `${o}px`, this.ctx.setTransform(this.dpr, 0, 0, this.dpr, 0, 0), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = "left";
-  }
-}
-function et(e, t) {
-  const r = document.createElement("canvas").getContext("2d");
-  if (!r)
-    return {
-      w: Math.ceil(e * 0.6),
-      h: Math.ceil(e * 1.2)
-    };
-  r.font = `${e}px ${t}`;
-  const o = r.measureText("M"), i = Math.ceil(o.width), s = o.actualBoundingBoxAscent || e * 0.8, a = o.actualBoundingBoxDescent || e * 0.2;
-  return { w: i, h: Math.ceil(s + a) + 2 };
-}
-const Q = /* @__PURE__ */ new Map();
-function yt(e = tt) {
-  const t = e.toString(), n = Q.get(t);
-  if (n)
-    return n;
-  const r = (async () => {
-    const o = await fetch(e);
-    if (!o.ok)
-      throw new Error(`Failed to load libghostty wasm: ${o.status} ${o.statusText}`);
-    const i = await o.arrayBuffer();
-    if (i.byteLength === 0)
-      throw new Error("libghostty wasm is empty.");
-    const s = await WebAssembly.compile(i), c = (await WebAssembly.instantiate(s, {
-      env: {
-        log: () => {
-        }
-      }
-    })).exports;
-    if (!c.memory || !c.ghostty_terminal_new || !c.ghostty_render_state_get_viewport)
-      throw new Error("Invalid libghostty wasm exports.");
-    return bt(c), new mt(c, {
-      cellSize: S,
-      terminalConfigSize: T
-    });
-  })();
-  return Q.set(t, r), r;
-}
-async function _t(e) {
-  var _, g;
-  const t = await yt(e.wasmUrl ?? tt), n = { ...wt, ...e.theme };
-  let r, o;
-  const i = et(e.fontSize, e.fontFamily);
-  e.widthPx != null && e.heightPx != null ? (r = Math.max(1, Math.floor(e.widthPx / i.w)), o = Math.max(1, Math.floor(e.heightPx / i.h))) : (r = e.cols ?? 80, o = e.rows ?? 24), e.container.innerHTML = "";
-  const s = document.createElement("canvas");
-  s.style.display = "block", s.style.outline = "none", s.tabIndex = e.interactive ? 0 : -1, e.container.appendChild(s);
-  const a = t.createTerminal(r, o, n), c = new gt(
-    s,
-    r,
-    o,
-    e.fontSize,
-    e.fontFamily,
-    n
-  );
-  e.showCursor || a.write("\x1B[?25l"), c.render(a.getViewportData());
-  const l = ((_ = window.requestAnimationFrame) == null ? void 0 : _.bind(window)) ?? ((d) => window.setTimeout(d, 16)), u = ((g = window.cancelAnimationFrame) == null ? void 0 : g.bind(window)) ?? window.clearTimeout.bind(window);
-  let h = null, f = !1;
-  const w = () => {
-    h = null, !(f || !a.isDirty()) && c.render(a.getViewportData());
-  }, b = () => {
-    h !== null || f || (h = l(w));
-  }, y = e.interactive ? vt(s, (d) => {
-    var m;
-    return (m = e.onInput) == null ? void 0 : m.call(e, d);
-  }) : () => {
-  };
-  return {
-    cols: r,
-    rows: o,
-    cellSize: c.cellSize,
-    write(d) {
-      if (f) return;
-      const m = e.convertEol ? pt(d) : d;
-      a.write(m), b();
-    },
-    drainResponses() {
-      if (f) return [];
-      const d = [];
-      for (; a.hasResponse(); ) {
-        const m = a.readResponse();
-        if (!m) break;
-        d.push(m);
-      }
-      return d;
-    },
-    dispose() {
-      f = !0, h !== null && (u(h), h = null), y(), c.dispose(), a.dispose(), s.parentElement === e.container && e.container.removeChild(s);
-    }
-  };
-}
-function bt(e) {
-  const t = e.ghostty_wasm_alloc_u8_array(T);
-  if (!t)
-    throw new Error("Failed to allocate ABI probe config buffer.");
-  let n = 0, r = 0, o = 0, i = 0;
-  const s = 1122867, a = 4478310, [c, l, u] = X(s), [h, f, w] = X(a);
-  try {
-    new Uint8Array(e.memory.buffer, t, T).fill(0);
-    const b = new DataView(e.memory.buffer, t, T);
-    if (b.setUint32(0, 16, !0), b.setUint32(4, s, !0), b.setUint32(8, a, !0), b.setUint32(12, 7833753, !0), n = e.ghostty_terminal_new_with_config(2, 1, t), !n)
-      throw new Error("Failed to create ABI probe terminal.");
-    const y = new TextEncoder().encode("\x1B[7mX");
-    if (o = y.length, r = e.ghostty_wasm_alloc_u8_array(o), !r)
-      throw new Error("Failed to allocate ABI probe write buffer.");
-    if (new Uint8Array(e.memory.buffer, r, o).set(y), e.ghostty_terminal_write(n, r, o), i = e.ghostty_wasm_alloc_u8_array(S), !i)
-      throw new Error("Failed to allocate ABI probe viewport buffer.");
-    const _ = e.ghostty_render_state_get_viewport(n, i, S);
-    if (_ !== S)
-      throw new Error(
-        `Incompatible libghostty ABI: expected cell size ${S}, got ${_}.`
-      );
-    const g = new DataView(e.memory.buffer, i, S), d = g.getUint8(10), m = x(d, W), p = x(d, R), E = g.getUint8(4) === c && g.getUint8(5) === l && g.getUint8(6) === u, v = g.getUint8(7) === h && g.getUint8(8) === f && g.getUint8(9) === w;
-    if (!m || !p || !E || !v)
-      throw new Error("Incompatible libghostty ABI: terminal config layout mismatch.");
-  } finally {
-    i && e.ghostty_wasm_free_u8_array(i, S), r && o > 0 && e.ghostty_wasm_free_u8_array(r, o), n && e.ghostty_terminal_free(n), e.ghostty_wasm_free_u8_array(t, T);
-  }
-}
-function pt(e) {
-  return e.replace(/\r?\n/g, `\r
-`);
-}
-function z(e) {
-  if (e.startsWith("#")) {
-    let i = e.slice(1);
-    i.length === 3 && (i = `${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}`);
-    const s = Number.parseInt(i, 16);
-    return Number.isNaN(s) ? 0 : s;
-  }
-  const t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-  if (!t) return 0;
-  const n = Number.parseInt(t[1], 10), r = Number.parseInt(t[2], 10), o = Number.parseInt(t[3], 10);
-  return n << 16 | r << 8 | o;
-}
-function X(e) {
-  return [e >> 16 & 255, e >> 8 & 255, e & 255];
-}
-function L(e, t) {
-  return {
-    r: e.getUint8(t),
-    g: e.getUint8(t + 1),
-    b: e.getUint8(t + 2)
-  };
-}
-function x(e, t) {
-  return (e & t) !== 0;
-}
-function D(e) {
-  return `rgb(${e.r}, ${e.g}, ${e.b})`;
-}
-function Et(e) {
-  try {
-    return String.fromCodePoint(e);
-  } catch {
-    return " ";
-  }
-}
-function vt(e, t) {
-  const n = () => e.focus(), r = (i) => {
-    var a;
-    const s = (a = i.clipboardData) == null ? void 0 : a.getData("text");
-    s && (i.preventDefault(), t(s));
-  }, o = (i) => {
-    const s = xt(i);
-    s && (i.preventDefault(), t(s));
-  };
-  return e.addEventListener("mousedown", n), e.addEventListener("paste", r), e.addEventListener("keydown", o), () => {
-    e.removeEventListener("mousedown", n), e.removeEventListener("paste", r), e.removeEventListener("keydown", o);
-  };
-}
-function xt(e) {
-  if (e.isComposing || e.metaKey) return null;
-  let t = null;
-  switch (e.key) {
-    case "Enter":
-      t = "\r";
-      break;
-    case "Backspace":
-      t = "";
-      break;
-    case "Tab":
-      t = e.shiftKey ? "\x1B[Z" : "	";
-      break;
-    case "Escape":
-      t = "\x1B";
-      break;
-    case "ArrowUp":
-      t = "\x1B[A";
-      break;
-    case "ArrowDown":
-      t = "\x1B[B";
-      break;
-    case "ArrowRight":
-      t = "\x1B[C";
-      break;
-    case "ArrowLeft":
-      t = "\x1B[D";
-      break;
-    case "Home":
-      t = "\x1B[H";
-      break;
-    case "End":
-      t = "\x1B[F";
-      break;
-    case "Delete":
-      t = "\x1B[3~";
-      break;
-    case "PageUp":
-      t = "\x1B[5~";
-      break;
-    case "PageDown":
-      t = "\x1B[6~";
-      break;
-  }
-  return !t && e.ctrlKey && (t = At(e.key)), !t && e.key.length === 1 && !e.ctrlKey && (t = e.key), t ? e.altKey && !t.startsWith("\x1B") ? `\x1B${t}` : t : null;
-}
-function At(e) {
-  if (e.length !== 1) return null;
-  const t = e.toUpperCase();
-  if (t >= "A" && t <= "Z")
-    return String.fromCharCode(t.charCodeAt(0) - 64);
-  switch (e) {
-    case "@":
-    case " ":
-      return "\0";
-    case "[":
-      return "\x1B";
-    case "\\":
-      return "";
-    case "]":
-      return "";
-    case "^":
-      return "";
-    case "_":
-      return "";
-    default:
-      return null;
-  }
-}
-const Z = { cols: 80, rows: 24 }, Ut = {}, St = [];
-function Ft(e) {
-  return e === "static" ? "static" : "interactive";
-}
-function Bt(e) {
-  const t = e ?? St;
-  return typeof t == "function" ? t : () => t;
-}
-function Ct(e) {
-  var o, i, s, a, c, l, u;
-  const t = e.fit ?? (e.size ? "none" : "container"), n = {
-    cols: Math.max(1, ((o = e.size) == null ? void 0 : o.cols) ?? Z.cols),
-    rows: Math.max(1, ((i = e.size) == null ? void 0 : i.rows) ?? Z.rows)
-  }, r = Ft(e.mode);
-  return {
-    wasm: e.wasm,
-    env: e.env ?? Ut,
-    interactive: r === "static" ? !1 : e.interactive ?? !0,
-    mode: r,
-    fit: t,
-    size: n,
-    terminal: {
-      fontSize: ((s = e.terminal) == null ? void 0 : s.fontSize) ?? 14,
-      fontFamily: ((a = e.terminal) == null ? void 0 : a.fontFamily) ?? "monospace",
-      wasmUrl: (c = e.terminal) == null ? void 0 : c.wasmUrl,
-      convertEol: ((l = e.terminal) == null ? void 0 : l.convertEol) ?? !0,
-      theme: (u = e.terminal) == null ? void 0 : u.theme
-    },
-    resolveArgv: Bt(e.argv),
-    onExit: e.onExit,
-    onError: e.onError,
-    onStatusChange: e.onStatusChange
-  };
-}
-const A = 0, Tt = 6, C = 8, Mt = 1, kt = 0, j = 1, It = 2;
-class zt {
-  constructor(t) {
-    F(this, "inputQueue", []);
-    F(this, "memory");
-    this.opts = t;
-  }
-  /** Push keyboard data from the terminal into the app's stdin */
-  pushInput(t) {
-    const n = typeof t == "string" ? new TextEncoder().encode(t) : t;
-    this.inputQueue.push(n);
-  }
-  /** Attach the WASM instance's memory after instantiation */
-  attachMemory(t) {
-    this.memory = t;
-  }
-  view() {
-    return new DataView(this.memory.buffer);
-  }
-  u8() {
-    return new Uint8Array(this.memory.buffer);
-  }
-  // ── WASI imports object ────────────────────────────────────────────────
-  get imports() {
-    return {
-      args_sizes_get: (t, n) => {
-        const { args: r } = this.opts, o = new TextEncoder(), i = r.reduce((s, a) => s + o.encode(a).length + 1, 0);
-        return this.view().setUint32(t, r.length, !0), this.view().setUint32(n, i, !0), A;
-      },
-      args_get: (t, n) => {
-        const r = new TextEncoder(), o = this.u8(), i = this.view();
-        let s = n;
-        return this.opts.args.forEach((a, c) => {
-          const l = r.encode(a);
-          o.set(l, s), o[s + l.length] = 0, i.setUint32(t + c * 4, s, !0), s += l.length + 1;
-        }), A;
-      },
-      environ_sizes_get: (t, n) => {
-        const r = this.envEntries(), o = new TextEncoder(), i = r.reduce((s, a) => s + o.encode(a).length + 1, 0);
-        return this.view().setUint32(t, r.length, !0), this.view().setUint32(n, i, !0), A;
-      },
-      environ_get: (t, n) => {
-        const r = new TextEncoder(), o = this.u8(), i = this.view();
-        let s = n;
-        return this.envEntries().forEach((a, c) => {
-          const l = r.encode(a);
-          o.set(l, s), o[s + l.length] = 0, i.setUint32(t + c * 4, s, !0), s += l.length + 1;
-        }), A;
-      },
-      fd_write: (t, n, r, o) => {
-        if (t !== j && t !== It) return C;
-        const i = this.view(), s = this.u8();
-        let a = 0;
-        const c = [];
-        for (let h = 0; h < r; h++) {
-          const f = i.getUint32(n + h * 8, !0), w = i.getUint32(n + h * 8 + 4, !0);
-          c.push(s.slice(f, f + w)), a += w;
-        }
-        const l = new Uint8Array(a);
-        let u = 0;
-        for (const h of c)
-          l.set(h, u), u += h.length;
-        return t === j ? this.opts.stdout(l) : this.opts.stderr(l), i.setUint32(o, a, !0), A;
-      },
-      fd_read: (t, n, r, o) => {
-        if (t !== kt) return C;
-        const i = this.inputQueue[0];
-        if (!i) return Tt;
-        const s = this.view(), a = this.u8();
-        let c = 0;
-        for (let l = 0; l < r && c < i.length; l++) {
-          const u = s.getUint32(n + l * 8, !0), h = s.getUint32(n + l * 8 + 4, !0), f = Math.min(h, i.length - c);
-          a.set(i.subarray(c, c + f), u), c += f;
-        }
-        return c >= i.length ? this.inputQueue.shift() : c > 0 && (this.inputQueue[0] = i.subarray(c)), s.setUint32(o, c, !0), A;
-      },
-      poll_oneoff: (t, n, r, o) => {
-        const i = this.view();
-        let s = 0;
-        for (let a = 0; a < r; a++) {
-          const c = t + a * 48, l = i.getUint8(c + 8);
-          if (l === Mt && this.inputQueue.length > 0) {
-            const u = n + s * 32;
-            i.setBigUint64(u, i.getBigUint64(c, !0), !0), i.setUint16(u + 8, 0, !0), i.setUint8(u + 10, l), s++;
-          }
-        }
-        return i.setUint32(o, s, !0), A;
-      },
-      proc_exit: (t) => {
-        throw this.opts.onExit(t), new nt(t);
-      },
-      random_get: (t, n) => (crypto.getRandomValues(new Uint8Array(this.memory.buffer, t, n)), A),
-      // Stubs for calls TUI apps may make but we don't need to implement.
-      fd_close: () => A,
-      fd_seek: () => A,
-      fd_fdstat_get: (t, n) => (this.view().setUint8(n, t <= 2 ? 2 : 0), A),
-      fd_prestat_get: () => C,
-      fd_prestat_dir_name: () => C,
-      path_open: () => C,
-      sched_yield: () => A,
-      clock_time_get: (t, n, r) => {
-        const o = BigInt(Date.now()) * 1000000n;
-        return this.view().setBigUint64(r, o, !0), A;
-      }
-    };
-  }
-  envEntries() {
-    const t = {
-      TERM: "xterm-256color",
-      COLORTERM: "truecolor",
-      ...this.opts.env
-    };
-    return Object.entries(t).map(([n, r]) => `${n}=${r}`);
-  }
-}
-class nt extends Error {
-  constructor(t) {
-    super(`WASI exit: ${t}`), this.code = t;
-  }
-}
-const q = /* @__PURE__ */ new Map();
-async function Lt(e, t) {
-  const n = e.toString();
-  let r = q.get(n);
-  if (!r) {
-    const a = await fetch(e);
-    if (!a.ok)
-      throw new Error(`Failed to load app wasm: ${a.status} ${a.statusText}`);
-    const c = await a.arrayBuffer();
-    if (c.byteLength === 0)
-      throw new Error("App wasm is empty.");
-    r = await WebAssembly.compile(c), q.set(n, r);
-  }
-  const o = {
-    wasi_snapshot_preview1: t.imports
-  }, i = await WebAssembly.instantiate(r, o);
-  t.attachMemory(i.exports.memory);
-  const s = i.exports._start;
-  if (!s) throw new Error("WASM module has no _start export");
-  return {
-    run: async () => {
-      try {
-        s();
-      } catch (a) {
-        if (!(a instanceof nt)) throw a;
-      }
-    }
-  };
-}
-function $t(e) {
-  var h;
-  const t = at(() => Ct(e), [e]), n = P(null), r = P(null), [o, i] = $("loading"), [s, a] = $(""), c = P(null), [l, u] = $(
-    t.fit === "container" ? null : t.size
-  );
-  return N(() => {
-    u(t.fit === "container" ? null : t.size);
-  }, [t.fit, t.size.cols, t.size.rows]), N(() => {
-    if (t.fit !== "container" || !n.current) return;
-    const f = n.current, w = et(t.terminal.fontSize, t.terminal.fontFamily), b = (g, d) => {
-      var M, k;
-      const m = ((M = c.current) == null ? void 0 : M.w) ?? w.w, p = ((k = c.current) == null ? void 0 : k.h) ?? w.h, E = Math.max(1, Math.floor(g / m)), v = Math.max(1, Math.floor(d / p));
-      u((B) => B && B.cols === E && B.rows === v ? B : { cols: E, rows: v });
-    }, y = f.getBoundingClientRect();
-    y.width > 0 && y.height > 0 && b(y.width, y.height);
-    const _ = new ResizeObserver(([g]) => {
-      const { width: d, height: m } = g.contentRect;
-      d > 0 && m > 0 && b(d, m);
-    });
-    return _.observe(f), () => _.disconnect();
-  }, [t.fit, t.terminal.fontSize, t.terminal.fontFamily]), N(() => {
-    if (!l || !r.current) return;
-    let f = !1, w = null;
-    const b = r.current, y = l, _ = (m) => {
-      var p;
-      i(m), (p = t.onStatusChange) == null || p.call(t, m);
-    }, g = (m) => {
-      var p;
-      _("error"), a(m instanceof Error ? m.message : String(m)), (p = t.onError) == null || p.call(t, m);
-    };
-    _("loading"), a("");
-    async function d() {
-      try {
-        let m = y.cols, p = y.rows, E = null;
-        const v = await _t({
-          container: b,
-          cols: y.cols,
-          rows: y.rows,
-          fontSize: t.terminal.fontSize,
-          fontFamily: t.terminal.fontFamily,
-          theme: t.terminal.theme,
-          convertEol: t.terminal.convertEol,
-          interactive: t.mode !== "static" && t.interactive,
-          showCursor: t.mode !== "static",
-          wasmUrl: t.terminal.wasmUrl,
-          onInput: (U) => E == null ? void 0 : E.pushInput(U)
-        });
-        if (f) {
-          v.dispose();
-          return;
-        }
-        w = () => v.dispose(), m = v.cols, p = v.rows, c.current = v.cellSize;
-        const M = t.resolveArgv({ cols: m, rows: p }), k = new TextDecoder(), B = new TextDecoder(), G = (U, I) => {
-          const V = I.decode(U, { stream: !0 });
-          V && v.write(V);
-          for (const st of v.drainResponses())
-            E == null || E.pushInput(st);
-        };
-        E = new zt({
-          args: [t.wasm.toString(), ...M],
-          env: t.env,
-          stdout: (U) => G(U, k),
-          stderr: (U) => G(U, B),
-          onExit: (U) => {
-            var I;
-            f || (_("exited"), (I = t.onExit) == null || I.call(t, U));
-          }
-        });
-        const rt = await Lt(t.wasm, E);
-        if (f) return;
-        _("running"), queueMicrotask(() => {
-          f || rt.run().catch((U) => {
-            f || g(U);
-          });
-        });
-      } catch (m) {
-        f || g(m);
-      }
-    }
-    return d(), () => {
-      f = !0, w == null || w(), w = null;
-    };
-  }, [
-    t.mode,
-    l,
-    t.wasm,
-    t.resolveArgv,
-    t.env,
-    t.fit,
-    t.interactive,
-    t.onExit,
-    t.onError,
-    t.onStatusChange,
-    t.terminal.fontSize,
-    t.terminal.fontFamily,
-    t.terminal.theme,
-    t.terminal.wasmUrl,
-    t.terminal.convertEol
-  ]), /* @__PURE__ */ O(
-    "div",
-    {
-      ref: n,
-      className: e.className,
-      style: {
-        position: "relative",
-        display: t.fit === "container" ? "block" : "inline-block",
-        background: ((h = t.terminal.theme) == null ? void 0 : h.background) ?? "#1a1b26",
-        borderRadius: 6,
-        overflow: "hidden",
-        ...e.style
-      },
-      children: [
-        /* @__PURE__ */ H("div", { ref: r, style: { display: o === "error" ? "none" : void 0 } }),
-        o === "loading" && /* @__PURE__ */ H("div", { style: J, children: "Loading…" }),
-        o === "error" && /* @__PURE__ */ O("div", { style: { ...J, color: "#f7768e" }, children: [
-          "Error: ",
-          s
-        ] })
-      ]
-    }
-  );
-}
-const J = {
-  padding: "1rem",
-  fontFamily: "monospace",
-  fontSize: 14,
-  color: "#a9b1d6"
-};
-export {
-  $t as TuiPreview,
-  zt as WasiBridge,
-  nt as WasiExitError,
-  Lt as instantiateApp
-};
+export { TuiPreview } from "./TuiPreview.js";
+export { WasiBridge, WasiExitError, instantiateApp } from "./core/wasi.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dkkoval/tui-preview",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React component for embedding interactive TUI apps via libghostty",
   "repository": {
     "type": "git",
@@ -13,14 +13,12 @@
   "type": "module",
   "license": "MIT",
   "sideEffects": false,
-  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.js"
     },
     "./core": {
       "types": "./dist/core/index.d.ts",
@@ -34,12 +32,13 @@
     "clean": "rm -rf dist dist-example",
     "build:ghostty-wasm": "./scripts/build-libghostty-wasm.sh",
     "dev": "vite example",
+    "build:examples": "./scripts/build-examples-wasm.sh",
     "build": "vite build",
-    "build:lib": "tsc -p tsconfig.json && vite build --mode lib",
-    "prepack": "tsc -p tsconfig.json && vite build --mode lib && ./scripts/build-libghostty-wasm.sh dist/ghostty-vt.wasm",
+    "build:lib": "tsc -p tsconfig.json",
+    "prepack": "tsc -p tsconfig.json && ./scripts/build-libghostty-wasm.sh dist/core/ghostty-vt.wasm",
     "typecheck": "tsc --noEmit",
-    "test": "tsc -p tsconfig.json && vite build --mode lib && node --test tests/*.test.mjs",
-    "check": "tsc --noEmit && tsc -p tsconfig.json && vite build --mode lib && node --test tests/*.test.mjs"
+    "test": "tsc -p tsconfig.json && node --test tests/*.test.mjs",
+    "check": "tsc --noEmit && tsc -p tsconfig.json && node --test tests/*.test.mjs"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/index.cjs

@@ -1,2 +0,0 @@
-"use strict";var st=Object.defineProperty;var it=(e,t,n)=>t in e?st(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var B=(e,t,n)=>it(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),U=require("react"),F=16,M=80,Z="/ghostty-vt.wasm",ot=1,at=2,ct=4,W=8,O=16,lt=32,$=64,H=128,ht=["black","red","green","yellow","blue","magenta","cyan","white","brightBlack","brightRed","brightGreen","brightYellow","brightBlue","brightMagenta","brightCyan","brightWhite"],ut={background:"#1a1b26",foreground:"#a9b1d6",cursor:"#c0caf5",selectionBackground:"#33467c",selectionForeground:"#c0caf5",black:"#15161e",red:"#f7768e",green:"#9ece6a",yellow:"#e0af68",blue:"#7aa2f7",magenta:"#bb9af7",cyan:"#7dcfff",white:"#a9b1d6",brightBlack:"#414868",brightRed:"#f7768e",brightGreen:"#9ece6a",brightYellow:"#e0af68",brightBlue:"#7aa2f7",brightMagenta:"#bb9af7",brightCyan:"#7dcfff",brightWhite:"#c0caf5"};class ft{constructor(t,n){this.wasm=t,this.abi=n}createTerminal(t,n,r){const o=this.wasm.ghostty_wasm_alloc_u8_array(this.abi.terminalConfigSize);if(!o)throw new Error("Failed to allocate terminal config.");try{const i=new DataView(this.wasm.memory.buffer);let s=o;i.setUint32(s,1e4,!0),s+=4,i.setUint32(s,D(r.foreground),!0),s+=4,i.setUint32(s,D(r.background),!0),s+=4,i.setUint32(s,D(r.cursor),!0),s+=4;for(const c of ht)i.setUint32(s,D(r[c]),!0),s+=4;const a=this.wasm.ghostty_terminal_new_with_config(t,n,o);if(!a)throw new Error("Failed to create libghostty terminal.");return new wt(this.wasm,a,t,n,this.abi.cellSize)}finally{this.wasm.ghostty_wasm_free_u8_array(o,this.abi.terminalConfigSize)}}}class wt{constructor(t,n,r,o,i){B(this,"viewportPtr",0);B(this,"viewportLen",0);this.wasm=t,this.handle=n,this.cols=r,this.rows=o,this.cellSize=i}write(t){const n=typeof t=="string"?new TextEncoder().encode(t):t;if(n.length===0)return;const r=this.wasm.ghostty_wasm_alloc_u8_array(n.length);if(!r)throw new Error("Failed to allocate libghostty write buffer.");try{new Uint8Array(this.wasm.memory.buffer).set(n,r),this.wasm.ghostty_terminal_write(this.handle,r,n.length)}finally{this.wasm.ghostty_wasm_free_u8_array(r,n.length)}}resize(t,n){t===this.cols&&n===this.rows||(this.cols=t,this.rows=n,this.wasm.ghostty_terminal_resize(this.handle,t,n),this.releaseViewport())}hasResponse(){return this.wasm.ghostty_terminal_has_response(this.handle)}isDirty(){return this.wasm.ghostty_render_state_update(this.handle)!==0}readResponse(t=4096){const n=this.wasm.ghostty_wasm_alloc_u8_array(t);if(!n)throw new Error("Failed to allocate libghostty response buffer.");try{const r=this.wasm.ghostty_terminal_read_response(this.handle,n,t);if(r<=0)return null;const o=new Uint8Array(this.wasm.memory.buffer,n,r);return new TextDecoder().decode(o)}finally{this.wasm.ghostty_wasm_free_u8_array(n,t)}}getViewportData(){const t=this.wasm.ghostty_render_state_get_cols(this.handle),n=this.wasm.ghostty_render_state_get_rows(this.handle);this.cols=t,this.rows=n;const r=Math.max(1,t*n*this.cellSize);if((r>this.viewportLen||this.viewportPtr===0)&&(this.releaseViewport(),this.viewportPtr=this.wasm.ghostty_wasm_alloc_u8_array(r),this.viewportLen=r,!this.viewportPtr))throw new Error("Failed to allocate libghostty viewport buffer.");const o=this.wasm.ghostty_render_state_get_viewport(this.handle,this.viewportPtr,this.viewportLen),i=new Uint8Array(o);if(o>0){const s=new Uint8Array(this.wasm.memory.buffer,this.viewportPtr,o);i.set(s)}return this.wasm.ghostty_render_state_mark_clean(this.handle),{cols:t,rows:n,buffer:i}}dispose(){this.releaseViewport(),this.wasm.ghostty_terminal_free(this.handle)}releaseViewport(){this.viewportPtr!==0&&(this.wasm.ghostty_wasm_free_u8_array(this.viewportPtr,this.viewportLen),this.viewportPtr=0,this.viewportLen=0)}}class mt{constructor(t,n,r,o,i,s){B(this,"ctx");B(this,"dpr");B(this,"metrics");this.canvas=t,this.cols=n,this.rows=r,this.fontSize=o,this.fontFamily=i,this.theme=s;const a=t.getContext("2d");if(!a)throw new Error("Failed to create 2D canvas context.");this.ctx=a,this.dpr=window.devicePixelRatio||1,this.metrics=this.measureFont(),this.resizeCanvas(n,r)}get cellSize(){return{w:this.metrics.width,h:this.metrics.height}}render(t){(t.cols!==this.cols||t.rows!==this.rows)&&(this.cols=t.cols,this.rows=t.rows,this.resizeCanvas(t.cols,t.rows));const{cols:n,rows:r,buffer:o}=t,i=new DataView(o.buffer,o.byteOffset,o.byteLength),s=this.ctx,a=this.metrics.width,c=this.metrics.height;s.fillStyle=this.theme.background,s.fillRect(0,0,n*a,r*c);for(let l=0;l<r;l++)for(let u=0;u<n;u++){const h=(l*n+u)*F,f=i.getUint8(h+11);if(f===0)continue;const w=i.getUint8(h+10),b=R(i,h+4),y=R(i,h+7),_=x(w,O),g=x(w,W)?P(b):this.theme.foreground,d=x(w,$)?P(y):this.theme.background;(_||x(w,$))&&(s.fillStyle=_?g:d,s.fillRect(u*a,l*c,f*a,c))}for(let l=0;l<r;l++)for(let u=0;u<n;u++){const h=(l*n+u)*F,f=i.getUint8(h+11);if(f===0)continue;const w=i.getUint8(h+10);if(x(w,lt))continue;const b=i.getUint32(h,!0);if(b===0)continue;const y=x(w,O),_=R(i,h+4),g=R(i,h+7),d=x(w,W)?P(_):this.theme.foreground,m=x(w,$)?P(g):this.theme.background;s.fillStyle=y?m:d;let p="";x(w,at)&&(p+="italic "),x(w,ot)&&(p+="bold "),s.font=`${p}${this.fontSize}px ${this.fontFamily}`,x(w,H)&&(s.globalAlpha=.5);const E=bt(b);if(s.fillText(E,u*a,l*c+this.metrics.baseline),x(w,H)&&(s.globalAlpha=1),x(w,ct)){const v=l*c+this.metrics.baseline+2;s.strokeStyle=s.fillStyle,s.lineWidth=1,s.beginPath(),s.moveTo(u*a,v),s.lineTo(u*a+f*a,v),s.stroke()}}}dispose(){this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height)}measureFont(){this.ctx.font=`${this.fontSize}px ${this.fontFamily}`;const t=this.ctx.measureText("M"),n=Math.ceil(t.width),r=t.actualBoundingBoxAscent||this.fontSize*.8,o=t.actualBoundingBoxDescent||this.fontSize*.2;return{width:n,height:Math.ceil(r+o)+2,baseline:Math.ceil(r)+1}}resizeCanvas(t,n){const r=t*this.metrics.width,o=n*this.metrics.height;this.canvas.width=Math.max(1,Math.floor(r*this.dpr)),this.canvas.height=Math.max(1,Math.floor(o*this.dpr)),this.canvas.style.width=`${r}px`,this.canvas.style.height=`${o}px`,this.ctx.setTransform(this.dpr,0,0,this.dpr,0,0),this.ctx.textBaseline="alphabetic",this.ctx.textAlign="left"}}function J(e,t){const r=document.createElement("canvas").getContext("2d");if(!r)return{w:Math.ceil(e*.6),h:Math.ceil(e*1.2)};r.font=`${e}px ${t}`;const o=r.measureText("M"),i=Math.ceil(o.width),s=o.actualBoundingBoxAscent||e*.8,a=o.actualBoundingBoxDescent||e*.2;return{w:i,h:Math.ceil(s+a)+2}}const K=new Map;function dt(e=Z){const t=e.toString(),n=K.get(t);if(n)return n;const r=(async()=>{const o=await fetch(e);if(!o.ok)throw new Error(`Failed to load libghostty wasm: ${o.status} ${o.statusText}`);const i=await o.arrayBuffer();if(i.byteLength===0)throw new Error("libghostty wasm is empty.");const s=await WebAssembly.compile(i),c=(await WebAssembly.instantiate(s,{env:{log:()=>{}}})).exports;if(!c.memory||!c.ghostty_terminal_new||!c.ghostty_render_state_get_viewport)throw new Error("Invalid libghostty wasm exports.");return yt(c),new ft(c,{cellSize:F,terminalConfigSize:M})})();return K.set(t,r),r}async function gt(e){var _,g;const t=await dt(e.wasmUrl??Z),n={...ut,...e.theme};let r,o;const i=J(e.fontSize,e.fontFamily);e.widthPx!=null&&e.heightPx!=null?(r=Math.max(1,Math.floor(e.widthPx/i.w)),o=Math.max(1,Math.floor(e.heightPx/i.h))):(r=e.cols??80,o=e.rows??24),e.container.innerHTML="";const s=document.createElement("canvas");s.style.display="block",s.style.outline="none",s.tabIndex=e.interactive?0:-1,e.container.appendChild(s);const a=t.createTerminal(r,o,n),c=new mt(s,r,o,e.fontSize,e.fontFamily,n);e.showCursor||a.write("\x1B[?25l"),c.render(a.getViewportData());const l=((_=window.requestAnimationFrame)==null?void 0:_.bind(window))??(d=>window.setTimeout(d,16)),u=((g=window.cancelAnimationFrame)==null?void 0:g.bind(window))??window.clearTimeout.bind(window);let h=null,f=!1;const w=()=>{h=null,!(f||!a.isDirty())&&c.render(a.getViewportData())},b=()=>{h!==null||f||(h=l(w))},y=e.interactive?pt(s,d=>{var m;return(m=e.onInput)==null?void 0:m.call(e,d)}):()=>{};return{cols:r,rows:o,cellSize:c.cellSize,write(d){if(f)return;const m=e.convertEol?_t(d):d;a.write(m),b()},drainResponses(){if(f)return[];const d=[];for(;a.hasResponse();){const m=a.readResponse();if(!m)break;d.push(m)}return d},dispose(){f=!0,h!==null&&(u(h),h=null),y(),c.dispose(),a.dispose(),s.parentElement===e.container&&e.container.removeChild(s)}}}function yt(e){const t=e.ghostty_wasm_alloc_u8_array(M);if(!t)throw new Error("Failed to allocate ABI probe config buffer.");let n=0,r=0,o=0,i=0;const s=1122867,a=4478310,[c,l,u]=j(s),[h,f,w]=j(a);try{new Uint8Array(e.memory.buffer,t,M).fill(0);const b=new DataView(e.memory.buffer,t,M);if(b.setUint32(0,16,!0),b.setUint32(4,s,!0),b.setUint32(8,a,!0),b.setUint32(12,7833753,!0),n=e.ghostty_terminal_new_with_config(2,1,t),!n)throw new Error("Failed to create ABI probe terminal.");const y=new TextEncoder().encode("\x1B[7mX");if(o=y.length,r=e.ghostty_wasm_alloc_u8_array(o),!r)throw new Error("Failed to allocate ABI probe write buffer.");if(new Uint8Array(e.memory.buffer,r,o).set(y),e.ghostty_terminal_write(n,r,o),i=e.ghostty_wasm_alloc_u8_array(F),!i)throw new Error("Failed to allocate ABI probe viewport buffer.");const _=e.ghostty_render_state_get_viewport(n,i,F);if(_!==F)throw new Error(`Incompatible libghostty ABI: expected cell size ${F}, got ${_}.`);const g=new DataView(e.memory.buffer,i,F),d=g.getUint8(10),m=x(d,W),p=x(d,$),E=g.getUint8(4)===c&&g.getUint8(5)===l&&g.getUint8(6)===u,v=g.getUint8(7)===h&&g.getUint8(8)===f&&g.getUint8(9)===w;if(!m||!p||!E||!v)throw new Error("Incompatible libghostty ABI: terminal config layout mismatch.")}finally{i&&e.ghostty_wasm_free_u8_array(i,F),r&&o>0&&e.ghostty_wasm_free_u8_array(r,o),n&&e.ghostty_terminal_free(n),e.ghostty_wasm_free_u8_array(t,M)}}function _t(e){return e.replace(/\r?\n/g,`\r
-`)}function D(e){if(e.startsWith("#")){let i=e.slice(1);i.length===3&&(i=`${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}`);const s=Number.parseInt(i,16);return Number.isNaN(s)?0:s}const t=e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);if(!t)return 0;const n=Number.parseInt(t[1],10),r=Number.parseInt(t[2],10),o=Number.parseInt(t[3],10);return n<<16|r<<8|o}function j(e){return[e>>16&255,e>>8&255,e&255]}function R(e,t){return{r:e.getUint8(t),g:e.getUint8(t+1),b:e.getUint8(t+2)}}function x(e,t){return(e&t)!==0}function P(e){return`rgb(${e.r}, ${e.g}, ${e.b})`}function bt(e){try{return String.fromCodePoint(e)}catch{return" "}}function pt(e,t){const n=()=>e.focus(),r=i=>{var a;const s=(a=i.clipboardData)==null?void 0:a.getData("text");s&&(i.preventDefault(),t(s))},o=i=>{const s=Et(i);s&&(i.preventDefault(),t(s))};return e.addEventListener("mousedown",n),e.addEventListener("paste",r),e.addEventListener("keydown",o),()=>{e.removeEventListener("mousedown",n),e.removeEventListener("paste",r),e.removeEventListener("keydown",o)}}function Et(e){if(e.isComposing||e.metaKey)return null;let t=null;switch(e.key){case"Enter":t="\r";break;case"Backspace":t="";break;case"Tab":t=e.shiftKey?"\x1B[Z":"	";break;case"Escape":t="\x1B";break;case"ArrowUp":t="\x1B[A";break;case"ArrowDown":t="\x1B[B";break;case"ArrowRight":t="\x1B[C";break;case"ArrowLeft":t="\x1B[D";break;case"Home":t="\x1B[H";break;case"End":t="\x1B[F";break;case"Delete":t="\x1B[3~";break;case"PageUp":t="\x1B[5~";break;case"PageDown":t="\x1B[6~";break}return!t&&e.ctrlKey&&(t=vt(e.key)),!t&&e.key.length===1&&!e.ctrlKey&&(t=e.key),t?e.altKey&&!t.startsWith("\x1B")?`\x1B${t}`:t:null}function vt(e){if(e.length!==1)return null;const t=e.toUpperCase();if(t>="A"&&t<="Z")return String.fromCharCode(t.charCodeAt(0)-64);switch(e){case"@":case" ":return"\0";case"[":return"\x1B";case"\\":return"";case"]":return"";case"^":return"";case"_":return"";default:return null}}const Y={cols:80,rows:24},xt={},At=[];function St(e){return e==="static"?"static":"interactive"}function Ut(e){const t=e??At;return typeof t=="function"?t:()=>t}function Ft(e){var o,i,s,a,c,l,u;const t=e.fit??(e.size?"none":"container"),n={cols:Math.max(1,((o=e.size)==null?void 0:o.cols)??Y.cols),rows:Math.max(1,((i=e.size)==null?void 0:i.rows)??Y.rows)},r=St(e.mode);return{wasm:e.wasm,env:e.env??xt,interactive:r==="static"?!1:e.interactive??!0,mode:r,fit:t,size:n,terminal:{fontSize:((s=e.terminal)==null?void 0:s.fontSize)??14,fontFamily:((a=e.terminal)==null?void 0:a.fontFamily)??"monospace",wasmUrl:(c=e.terminal)==null?void 0:c.wasmUrl,convertEol:((l=e.terminal)==null?void 0:l.convertEol)??!0,theme:(u=e.terminal)==null?void 0:u.theme},resolveArgv:Ut(e.argv),onExit:e.onExit,onError:e.onError,onStatusChange:e.onStatusChange}}const A=0,Bt=6,C=8,Tt=1,Ct=0,q=1,Mt=2;class tt{constructor(t){B(this,"inputQueue",[]);B(this,"memory");this.opts=t}pushInput(t){const n=typeof t=="string"?new TextEncoder().encode(t):t;this.inputQueue.push(n)}attachMemory(t){this.memory=t}view(){return new DataView(this.memory.buffer)}u8(){return new Uint8Array(this.memory.buffer)}get imports(){return{args_sizes_get:(t,n)=>{const{args:r}=this.opts,o=new TextEncoder,i=r.reduce((s,a)=>s+o.encode(a).length+1,0);return this.view().setUint32(t,r.length,!0),this.view().setUint32(n,i,!0),A},args_get:(t,n)=>{const r=new TextEncoder,o=this.u8(),i=this.view();let s=n;return this.opts.args.forEach((a,c)=>{const l=r.encode(a);o.set(l,s),o[s+l.length]=0,i.setUint32(t+c*4,s,!0),s+=l.length+1}),A},environ_sizes_get:(t,n)=>{const r=this.envEntries(),o=new TextEncoder,i=r.reduce((s,a)=>s+o.encode(a).length+1,0);return this.view().setUint32(t,r.length,!0),this.view().setUint32(n,i,!0),A},environ_get:(t,n)=>{const r=new TextEncoder,o=this.u8(),i=this.view();let s=n;return this.envEntries().forEach((a,c)=>{const l=r.encode(a);o.set(l,s),o[s+l.length]=0,i.setUint32(t+c*4,s,!0),s+=l.length+1}),A},fd_write:(t,n,r,o)=>{if(t!==q&&t!==Mt)return C;const i=this.view(),s=this.u8();let a=0;const c=[];for(let h=0;h<r;h++){const f=i.getUint32(n+h*8,!0),w=i.getUint32(n+h*8+4,!0);c.push(s.slice(f,f+w)),a+=w}const l=new Uint8Array(a);let u=0;for(const h of c)l.set(h,u),u+=h.length;return t===q?this.opts.stdout(l):this.opts.stderr(l),i.setUint32(o,a,!0),A},fd_read:(t,n,r,o)=>{if(t!==Ct)return C;const i=this.inputQueue[0];if(!i)return Bt;const s=this.view(),a=this.u8();let c=0;for(let l=0;l<r&&c<i.length;l++){const u=s.getUint32(n+l*8,!0),h=s.getUint32(n+l*8+4,!0),f=Math.min(h,i.length-c);a.set(i.subarray(c,c+f),u),c+=f}return c>=i.length?this.inputQueue.shift():c>0&&(this.inputQueue[0]=i.subarray(c)),s.setUint32(o,c,!0),A},poll_oneoff:(t,n,r,o)=>{const i=this.view();let s=0;for(let a=0;a<r;a++){const c=t+a*48,l=i.getUint8(c+8);if(l===Tt&&this.inputQueue.length>0){const u=n+s*32;i.setBigUint64(u,i.getBigUint64(c,!0),!0),i.setUint16(u+8,0,!0),i.setUint8(u+10,l),s++}}return i.setUint32(o,s,!0),A},proc_exit:t=>{throw this.opts.onExit(t),new N(t)},random_get:(t,n)=>(crypto.getRandomValues(new Uint8Array(this.memory.buffer,t,n)),A),fd_close:()=>A,fd_seek:()=>A,fd_fdstat_get:(t,n)=>(this.view().setUint8(n,t<=2?2:0),A),fd_prestat_get:()=>C,fd_prestat_dir_name:()=>C,path_open:()=>C,sched_yield:()=>A,clock_time_get:(t,n,r)=>{const o=BigInt(Date.now())*1000000n;return this.view().setBigUint64(r,o,!0),A}}}envEntries(){const t={TERM:"xterm-256color",COLORTERM:"truecolor",...this.opts.env};return Object.entries(t).map(([n,r])=>`${n}=${r}`)}}class N extends Error{constructor(t){super(`WASI exit: ${t}`),this.code=t}}const Q=new Map;async function et(e,t){const n=e.toString();let r=Q.get(n);if(!r){const a=await fetch(e);if(!a.ok)throw new Error(`Failed to load app wasm: ${a.status} ${a.statusText}`);const c=await a.arrayBuffer();if(c.byteLength===0)throw new Error("App wasm is empty.");r=await WebAssembly.compile(c),Q.set(n,r)}const o={wasi_snapshot_preview1:t.imports},i=await WebAssembly.instantiate(r,o);t.attachMemory(i.exports.memory);const s=i.exports._start;if(!s)throw new Error("WASM module has no _start export");return{run:async()=>{try{s()}catch(a){if(!(a instanceof N))throw a}}}}function kt(e){var h;const t=U.useMemo(()=>Ft(e),[e]),n=U.useRef(null),r=U.useRef(null),[o,i]=U.useState("loading"),[s,a]=U.useState(""),c=U.useRef(null),[l,u]=U.useState(t.fit==="container"?null:t.size);return U.useEffect(()=>{u(t.fit==="container"?null:t.size)},[t.fit,t.size.cols,t.size.rows]),U.useEffect(()=>{if(t.fit!=="container"||!n.current)return;const f=n.current,w=J(t.terminal.fontSize,t.terminal.fontFamily),b=(g,d)=>{var k,I;const m=((k=c.current)==null?void 0:k.w)??w.w,p=((I=c.current)==null?void 0:I.h)??w.h,E=Math.max(1,Math.floor(g/m)),v=Math.max(1,Math.floor(d/p));u(T=>T&&T.cols===E&&T.rows===v?T:{cols:E,rows:v})},y=f.getBoundingClientRect();y.width>0&&y.height>0&&b(y.width,y.height);const _=new ResizeObserver(([g])=>{const{width:d,height:m}=g.contentRect;d>0&&m>0&&b(d,m)});return _.observe(f),()=>_.disconnect()},[t.fit,t.terminal.fontSize,t.terminal.fontFamily]),U.useEffect(()=>{if(!l||!r.current)return;let f=!1,w=null;const b=r.current,y=l,_=m=>{var p;i(m),(p=t.onStatusChange)==null||p.call(t,m)},g=m=>{var p;_("error"),a(m instanceof Error?m.message:String(m)),(p=t.onError)==null||p.call(t,m)};_("loading"),a("");async function d(){try{let m=y.cols,p=y.rows,E=null;const v=await gt({container:b,cols:y.cols,rows:y.rows,fontSize:t.terminal.fontSize,fontFamily:t.terminal.fontFamily,theme:t.terminal.theme,convertEol:t.terminal.convertEol,interactive:t.mode!=="static"&&t.interactive,showCursor:t.mode!=="static",wasmUrl:t.terminal.wasmUrl,onInput:S=>E==null?void 0:E.pushInput(S)});if(f){v.dispose();return}w=()=>v.dispose(),m=v.cols,p=v.rows,c.current=v.cellSize;const k=t.resolveArgv({cols:m,rows:p}),I=new TextDecoder,T=new TextDecoder,G=(S,z)=>{const V=z.decode(S,{stream:!0});V&&v.write(V);for(const rt of v.drainResponses())E==null||E.pushInput(rt)};E=new tt({args:[t.wasm.toString(),...k],env:t.env,stdout:S=>G(S,I),stderr:S=>G(S,T),onExit:S=>{var z;f||(_("exited"),(z=t.onExit)==null||z.call(t,S))}});const nt=await et(t.wasm,E);if(f)return;_("running"),queueMicrotask(()=>{f||nt.run().catch(S=>{f||g(S)})})}catch(m){f||g(m)}}return d(),()=>{f=!0,w==null||w(),w=null}},[t.mode,l,t.wasm,t.resolveArgv,t.env,t.fit,t.interactive,t.onExit,t.onError,t.onStatusChange,t.terminal.fontSize,t.terminal.fontFamily,t.terminal.theme,t.terminal.wasmUrl,t.terminal.convertEol]),L.jsxs("div",{ref:n,className:e.className,style:{position:"relative",display:t.fit==="container"?"block":"inline-block",background:((h=t.terminal.theme)==null?void 0:h.background)??"#1a1b26",borderRadius:6,overflow:"hidden",...e.style},children:[L.jsx("div",{ref:r,style:{display:o==="error"?"none":void 0}}),o==="loading"&&L.jsx("div",{style:X,children:"Loading…"}),o==="error"&&L.jsxs("div",{style:{...X,color:"#f7768e"},children:["Error: ",s]})]})}const X={padding:"1rem",fontFamily:"monospace",fontSize:14,color:"#a9b1d6"};exports.TuiPreview=kt;exports.WasiBridge=tt;exports.WasiExitError=N;exports.instantiateApp=et;