@dkkoval/tui-preview 0.1.1 → 0.2.0

package/dist/types.d.ts

@@ -4,17 +4,17 @@ export interface TuiRuntimeSize {
 }
 export type TuiArgv = string[] | ((size: TuiRuntimeSize) => string[]);
 export type TuiFitMode = "container" | "none";
-export type TuiRenderMode = "terminal" | "static";
+export type TuiRenderMode = "interactive" | "static";
 export type TuiPreviewStatus = "loading" | "running" | "exited" | "error";
 export interface TuiTerminalOptions {
     /** Font size in pixels. Default: 14 */
     fontSize?: number;
     /** CSS font family. Default: monospace */
     fontFamily?: string;
-    /** ghostty-web theme overrides */
+    /** Terminal color theme overrides */
     theme?: Partial<GhosttyTheme>;
-    /** Cursor blinking. Default: true */
-    cursorBlink?: boolean;
+    /** URL to libghostty-vt wasm. Default: "/ghostty-vt.wasm" */
+    wasmUrl?: string | URL;
     /** Convert LF to CRLF. Default: true */
     convertEol?: boolean;
 }
@@ -37,12 +37,7 @@ export interface TuiPreviewModernProps extends TuiPreviewCommonProps {
     wasm: string | URL;
     /** CLI argv (without argv[0]), static or size-aware */
     argv?: TuiArgv;
-    /**
-     * Render mode.
-     * - `"terminal"` (default): full ghostty-web terminal, supports interactive apps.
-     * - `"static"`: runs the app once, captures stdout, renders ANSI output as HTML.
-     *   No cursor, no input. Ideal for non-interactive previews in docs.
-     */
+    /** Render mode. Default: "interactive" */
     mode?: TuiRenderMode;
     /** "container" auto-fit or "none" fixed size. Default: "container" */
     fit?: TuiFitMode;
@@ -51,20 +46,7 @@ export interface TuiPreviewModernProps extends TuiPreviewCommonProps {
     /** Terminal renderer options */
     terminal?: TuiTerminalOptions;
 }
-/**
- * Legacy API retained for backwards compatibility.
- * Prefer `TuiPreviewModernProps`.
- */
-export interface TuiPreviewLegacyProps extends TuiPreviewCommonProps {
-    app: string | URL;
-    args?: TuiArgv;
-    cols?: number;
-    rows?: number;
-    fontSize?: number;
-    fontFamily?: string;
-    theme?: Partial<GhosttyTheme>;
-}
-export type TuiPreviewProps = TuiPreviewModernProps | TuiPreviewLegacyProps;
+export type TuiPreviewProps = TuiPreviewModernProps;
 export interface GhosttyTheme {
     background: string;
     foreground: string;
@@ -102,12 +84,12 @@ export interface ResolvedTuiPreviewOptions {
     mode: TuiRenderMode;
     fit: TuiFitMode;
     size: TuiRuntimeSize;
-    terminal: Required<Omit<TuiTerminalOptions, "theme">> & {
+    terminal: Required<Omit<TuiTerminalOptions, "theme" | "wasmUrl">> & {
         theme?: Partial<GhosttyTheme>;
+        wasmUrl?: string | URL;
     };
     resolveArgv: (size: TuiRuntimeSize) => string[];
     onExit?: (code: number) => void;
     onError?: (error: unknown) => void;
     onStatusChange?: (status: TuiPreviewStatus) => void;
-    usedLegacyProps: boolean;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dkkoval/tui-preview",
-  "version": "0.1.1",
-  "description": "React component for embedding interactive TUI apps via ghostty-web",
+  "version": "0.2.0",
+  "description": "React component for embedding interactive TUI apps via libghostty",
   "repository": {
     "type": "git",
     "url": "https://github.com/dmk/tui-preview"
@@ -32,20 +32,19 @@
   ],
   "scripts": {
     "clean": "rm -rf dist dist-example",
+    "build:ghostty-wasm": "./scripts/build-libghostty-wasm.sh",
     "dev": "vite example",
     "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",
     "typecheck": "tsc --noEmit",
-    "test": "npm run -s build:lib && node --test tests/*.test.mjs",
-    "check": "npm run typecheck && npm run test"
+    "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"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "dependencies": {
-    "ghostty-web": "^0.4.0"
-  },
   "devDependencies": {
     "@types/react": "^18",
     "@types/react-dom": "^18",

package/dist/__vite-browser-external-2447137e-BcPniuRQ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};exports.default=e;

package/dist/__vite-browser-external-2447137e-DYxpcVy9.js

@@ -1,4 +0,0 @@
-const e = {};
-export {
-  e as default
-};

package/dist/core/ghostty.d.ts

@@ -1,2 +0,0 @@
-/** Load ghostty-web lazily to avoid SSR issues in host apps. */
-export declare function loadGhostty(): Promise<typeof import("ghostty-web")>;

package/dist/core/ghostty.js

@@ -1,11 +0,0 @@
-let ghosttyReady = null;
-/** Load ghostty-web lazily to avoid SSR issues in host apps. */
-export function loadGhostty() {
-    if (!ghosttyReady) {
-        ghosttyReady = import("ghostty-web").then(async (mod) => {
-            await mod.init();
-            return mod;
-        });
-    }
-    return ghosttyReady;
-}