@dkkoval/tui-preview 0.1.0

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var K=Object.defineProperty;var X=(t,e,n)=>e in t?K(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var W=(t,e,n)=>X(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),b=require("react"),j=["#000000","#cd0000","#00cd00","#cdcd00","#0000ee","#cd00cd","#00cdcd","#e5e5e5","#7f7f7f","#ff0000","#00ff00","#ffff00","#5c5cff","#ff00ff","#00ffff","#ffffff"];function Q(t){if(t<16)return j[t];if(t<232){const n=t-16,o=Math.floor(n/36),a=Math.floor(n%36/6),r=n%6,i=c=>c===0?0:c*40+55;return`rgb(${i(o)},${i(a)},${i(r)})`}const e=(t-232)*10+8;return`rgb(${e},${e},${e})`}function V(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function ee(t){let e=null,n=null,o=!1,a=!1,r=!1;const i=[];let c="",u="";function h(){const s=[];return e&&s.push(`color:${e}`),n&&s.push(`background-color:${n}`),o&&s.push("font-weight:bold"),a&&s.push("font-style:italic"),r&&s.push("text-decoration:underline"),s.join(";")}function m(){c&&(i.push(u?`<span style="${u}">${V(c)}</span>`:V(c)),c="")}function v(s){m();let f=0;for(;f<s.length;){const l=s[f];l===0?(e=null,n=null,o=!1,a=!1,r=!1):l===1?o=!0:l===22?o=!1:l===3?a=!0:l===23?a=!1:l===4?r=!0:l===24?r=!1:l>=30&&l<=37?e=j[l-30]:l===38?s[f+1]===2&&f+4<s.length?(e=`rgb(${s[f+2]},${s[f+3]},${s[f+4]})`,f+=4):s[f+1]===5&&f+2<s.length&&(e=Q(s[f+2]),f+=2):l===39?e=null:l>=40&&l<=47?n=j[l-40]:l===48?s[f+1]===2&&f+4<s.length?(n=`rgb(${s[f+2]},${s[f+3]},${s[f+4]})`,f+=4):s[f+1]===5&&f+2<s.length&&(n=Q(s[f+2]),f+=2):l===49?n=null:l>=90&&l<=97?e=j[l-82]:l>=100&&l<=107&&(n=j[l-92]),f++}u=h()}let d=0;for(;d<t.length;){const s=t[d];if(s==="\x1B"&&d+1<t.length&&t[d+1]==="["){const f=d+2;let l=f;for(;l<t.length&&(t.charCodeAt(l)<64||t.charCodeAt(l)>126);)l++;if(l<t.length){if(t[l]==="m"){const F=t.slice(f,l),I=F?F.split(";").map(y=>parseInt(y,10)||0):[0];v(I)}d=l+1}else d++}else if(s==="\r")d++;else{const f=h();f!==u&&(m(),u=f),c+=s,d++}}return m(),i.join("")}let p=null;function te(){return p||(p=Promise.resolve().then(()=>require("./ghostty-web-DkOZu5AZ.cjs")).then(async t=>(await t.init(),t))),p}const k={cols:80,rows:24},G={},ne=[];function re(t){return"wasm"in t}function Y(t){const e=t??ne;return typeof e=="function"?e:()=>e}function ie(t){return t.cols!==void 0||t.rows!==void 0?{fit:"none",size:{cols:Math.max(1,t.cols??k.cols),rows:Math.max(1,t.rows??k.rows)}}:{fit:"container",size:k}}let Z=!1;function se(t){!t||Z||(Z=!0,console.warn("[tui-preview] Legacy props (`app`, `args`, `cols`, `rows`, `fontSize`, `fontFamily`, `theme`) are deprecated. Use `wasm`, `argv`, `fit`, `size`, and `terminal`."))}function oe(t){var o,a,r,i,c,u,h,m,v;if(re(t)){const d=t.fit??(t.size?"none":"container"),s=d==="none"?{cols:Math.max(1,((o=t.size)==null?void 0:o.cols)??k.cols),rows:Math.max(1,((a=t.size)==null?void 0:a.rows)??k.rows)}:{cols:Math.max(1,((r=t.size)==null?void 0:r.cols)??k.cols),rows:Math.max(1,((i=t.size)==null?void 0:i.rows)??k.rows)};return{wasm:t.wasm,env:t.env??G,interactive:t.interactive??!0,mode:t.mode??"terminal",fit:d,size:s,terminal:{fontSize:((c=t.terminal)==null?void 0:c.fontSize)??14,fontFamily:((u=t.terminal)==null?void 0:u.fontFamily)??"monospace",cursorBlink:((h=t.terminal)==null?void 0:h.cursorBlink)??!0,convertEol:((m=t.terminal)==null?void 0:m.convertEol)??!0,theme:(v=t.terminal)==null?void 0:v.theme},resolveArgv:Y(t.argv),onExit:t.onExit,onError:t.onError,onStatusChange:t.onStatusChange,usedLegacyProps:!1}}const{fit:e,size:n}=ie(t);return{wasm:t.app,env:t.env??G,interactive:t.interactive??!0,mode:"terminal",fit:e,size:n,terminal:{fontSize:t.fontSize??14,fontFamily:t.fontFamily??"monospace",cursorBlink:!0,convertEol:!0,theme:t.theme},resolveArgv:Y(t.args),onExit:t.onExit,onError:t.onError,onStatusChange:t.onStatusChange,usedLegacyProps:!0}}const z=0,ce=6,P=8,le=0,J=1,ae=2;class N{constructor(e){W(this,"inputQueue",[]);W(this,"memory");this.opts=e}pushInput(e){const n=typeof e=="string"?new TextEncoder().encode(e):e;this.inputQueue.push(n)}attachMemory(e){this.memory=e}view(){return new DataView(this.memory.buffer)}u8(){return new Uint8Array(this.memory.buffer)}get imports(){return{args_sizes_get:(e,n)=>{const{args:o}=this.opts,a=new TextEncoder,r=o.reduce((i,c)=>i+a.encode(c).length+1,0);return this.view().setUint32(e,o.length,!0),this.view().setUint32(n,r,!0),z},args_get:(e,n)=>{const o=new TextEncoder,a=this.u8(),r=this.view();let i=n;return this.opts.args.forEach((c,u)=>{const h=o.encode(c);a.set(h,i),a[i+h.length]=0,r.setUint32(e+u*4,i,!0),i+=h.length+1}),z},environ_sizes_get:(e,n)=>{const o=this.envEntries(),a=new TextEncoder,r=o.reduce((i,c)=>i+a.encode(c).length+1,0);return this.view().setUint32(e,o.length,!0),this.view().setUint32(n,r,!0),z},environ_get:(e,n)=>{const o=new TextEncoder,a=this.u8(),r=this.view();let i=n;return this.envEntries().forEach((c,u)=>{const h=o.encode(c);a.set(h,i),a[i+h.length]=0,r.setUint32(e+u*4,i,!0),i+=h.length+1}),z},fd_write:(e,n,o,a)=>{if(e!==J&&e!==ae)return P;const r=this.view(),i=this.u8();let c=0;const u=[];for(let v=0;v<o;v++){const d=r.getUint32(n+v*8,!0),s=r.getUint32(n+v*8+4,!0);u.push(i.slice(d,d+s)),c+=s}const h=new Uint8Array(c);let m=0;for(const v of u)h.set(v,m),m+=v.length;return e===J?this.opts.stdout(h):this.opts.stderr(h),r.setUint32(a,c,!0),z},fd_read:(e,n,o,a)=>{if(e!==le)return P;const r=this.inputQueue.shift();if(!r)return ce;const i=this.view(),c=this.u8();let u=0;for(let h=0;h<o&&u<r.length;h++){const m=i.getUint32(n+h*8,!0),v=i.getUint32(n+h*8+4,!0),d=Math.min(v,r.length-u);c.set(r.subarray(u,u+d),m),u+=d}return i.setUint32(a,u,!0),z},poll_oneoff:(e,n,o,a)=>{const r=this.view();let i=0;for(let c=0;c<o;c++){const u=e+c*48,h=r.getUint8(u+8);if(h===0&&this.inputQueue.length>0){const m=n+i*32;r.setBigUint64(m,r.getBigUint64(u,!0),!0),r.setUint16(m+8,0,!0),r.setUint8(m+10,h),i++}}return r.setUint32(a,i,!0),z},proc_exit:e=>{throw this.opts.onExit(e),new H(e)},random_get:(e,n)=>(crypto.getRandomValues(new Uint8Array(this.memory.buffer,e,n)),z),fd_close:()=>z,fd_seek:()=>z,fd_fdstat_get:(e,n)=>(this.view().setUint8(n,e<=2?2:0),z),fd_prestat_get:()=>P,fd_prestat_dir_name:()=>P,path_open:()=>P,sched_yield:()=>z,clock_time_get:(e,n,o)=>{const a=BigInt(Date.now())*1000000n;return this.view().setBigUint64(o,a,!0),z}}}envEntries(){const e={TERM:"xterm-256color",COLORTERM:"truecolor",...this.opts.env};return Object.entries(e).map(([n,o])=>`${n}=${o}`)}}class H extends Error{constructor(e){super(`WASI exit: ${e}`),this.code=e}}async function O(t,e){const o=await(await fetch(t)).arrayBuffer(),a=await WebAssembly.compile(o),r={wasi_snapshot_preview1:e.imports},i=await WebAssembly.instantiate(a,r);e.attachMemory(i.exports.memory);const c=i.exports._start;if(!c)throw new Error("WASM module has no _start export");return{run:async()=>{try{c()}catch(u){if(!(u instanceof H))throw u}}}}function ue(t){var F,I;const e=b.useMemo(()=>oe(t),[t]),n=b.useRef(null),o=b.useRef(null),a=b.useRef(null),[r,i]=b.useState("loading"),[c,u]=b.useState(""),h=b.useRef(null),[m,v]=b.useState(e.size),[d,s]=b.useState(null);b.useEffect(()=>{se(e.usedLegacyProps)},[e.usedLegacyProps]),b.useEffect(()=>{e.mode==="terminal"&&v(e.size)},[e.mode,e.fit,e.size.cols,e.size.rows]),b.useEffect(()=>{if(e.mode!=="terminal"||e.fit!=="container"||!n.current)return;const y=new ResizeObserver(([_])=>{var E,A;const{width:T,height:x}=_.contentRect;if(T>0&&x>0){const w=((E=h.current)==null?void 0:E.w)??e.terminal.fontSize*.6,g=((A=h.current)==null?void 0:A.h)??e.terminal.fontSize*1.2;v({cols:Math.max(1,Math.floor(T/w)),rows:Math.max(1,Math.floor(x/g))})}});return y.observe(n.current),()=>y.disconnect()},[e.mode,e.fit,e.terminal.fontSize]),b.useEffect(()=>{if(e.mode!=="terminal"||!m||!o.current)return;let y=!1;const _=o.current,T=m,x=w=>{var g;i(w),(g=e.onStatusChange)==null||g.call(e,w)},E=w=>{var g;x("error"),u(w instanceof Error?w.message:String(w)),(g=e.onError)==null||g.call(e,w)};x("loading"),u("");async function A(){try{const w=await te();if(y)return;_.innerHTML="";const g=new w.Terminal({cols:T.cols,rows:T.rows,fontSize:e.terminal.fontSize,fontFamily:e.terminal.fontFamily,theme:e.terminal.theme,disableStdin:!e.interactive,cursorBlink:e.terminal.cursorBlink,convertEol:e.terminal.convertEol});a.current=g,g.open(_);let U=g.cols,R=g.rows;if(e.fit==="container"){const S=new w.FitAddon;g.loadAddon(S),S.fit(),U=g.cols,R=g.rows,n.current&&U>0&&R>0&&(h.current={w:n.current.clientWidth/U,h:n.current.clientHeight/R})}const D=e.resolveArgv({cols:U,rows:R}),B=new TextDecoder,C=new N({args:[e.wasm.toString(),...D],env:e.env,stdout:S=>g.write(B.decode(S)),stderr:S=>g.write(B.decode(S)),onExit:S=>{var q;y||(x("exited"),(q=e.onExit)==null||q.call(e,S))}});e.interactive&&g.onData(S=>C.pushInput(S));const $=await O(e.wasm,C);if(y)return;x("running"),queueMicrotask(()=>{y||$.run().catch(S=>{y||E(S)})})}catch(w){y||E(w)}}return A(),()=>{var w;y=!0,(w=a.current)==null||w.dispose(),a.current=null}},[e.mode,m,e.wasm,e.resolveArgv,e.env,e.fit,e.interactive,e.onExit,e.onError,e.onStatusChange,e.terminal.fontSize,e.terminal.fontFamily,e.terminal.theme,e.terminal.cursorBlink,e.terminal.convertEol]),b.useEffect(()=>{if(e.mode!=="static")return;let y=!1;const _=x=>{var E;i(x),(E=e.onStatusChange)==null||E.call(e,x)};_("loading"),u(""),s(null);async function T(){var x;try{const E=new TextDecoder,A=[],w=new N({args:[e.wasm.toString(),...e.resolveArgv(e.size)],env:e.env,stdout:U=>A.push(new Uint8Array(U)),stderr:()=>{},onExit:U=>{var R;if(!y){const D=A.reduce(($,S)=>$+S.length,0),B=new Uint8Array(D);let C=0;for(const $ of A)B.set($,C),C+=$.length;s(ee(E.decode(B))),_("exited"),(R=e.onExit)==null||R.call(e,U)}}}),g=await O(e.wasm,w);if(y)return;_("running"),await g.run()}catch(E){y||(_("error"),u(E instanceof Error?E.message:String(E)),(x=e.onError)==null||x.call(e,E))}}return T(),()=>{y=!0}},[e.mode,e.wasm,e.resolveArgv,e.env,e.size.cols,e.size.rows,e.onExit,e.onError,e.onStatusChange]);const f=((F=e.terminal.theme)==null?void 0:F.background)??"#1a1b26",l=((I=e.terminal.theme)==null?void 0:I.foreground)??"#a9b1d6";return e.mode==="static"?M.jsxs("div",{className:t.className,style:{position:"relative",background:f,borderRadius:6,overflow:"hidden",...t.style},children:[r==="loading"&&M.jsx("div",{style:L,children:"Loading…"}),r==="error"&&M.jsxs("div",{style:{...L,color:"#f7768e"},children:["Error: ",c]}),d!==null&&M.jsx("pre",{style:{margin:0,padding:"0.5em",fontFamily:e.terminal.fontFamily,fontSize:e.terminal.fontSize,color:l,lineHeight:1.2,background:"transparent",overflow:"auto"},dangerouslySetInnerHTML:{__html:d}})]}):M.jsxs("div",{ref:n,className:t.className,style:{position:"relative",display:"inline-block",background:f,borderRadius:6,overflow:"hidden",...t.style},children:[M.jsx("div",{ref:o,style:{display:r==="error"?"none":void 0}}),r==="loading"&&M.jsx("div",{style:L,children:"Loading…"}),r==="error"&&M.jsxs("div",{style:{...L,color:"#f7768e"},children:["Error: ",c]})]})}const L={padding:"1rem",fontFamily:"monospace",fontSize:14,color:"#a9b1d6"};exports.TuiPreview=ue;exports.WasiBridge=N;exports.WasiExitError=H;exports.instantiateApp=O;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { TuiPreview } from "./TuiPreview.js";
+export type { GhosttyTheme, ResolvedTuiPreviewOptions, TuiArgv, TuiFitMode, TuiRenderMode, TuiPreviewCommonProps, TuiPreviewLegacyProps, TuiPreviewModernProps, TuiPreviewProps, TuiPreviewStatus, TuiRuntimeSize, TuiTerminalOptions, WasiOptions, } from "./types.js";
+export { WasiBridge, WasiExitError, instantiateApp } from "./wasi.js";

package/dist/index.js

@@ -0,0 +1,515 @@
+var te = Object.defineProperty;
+var ne = (t, e, n) => e in t ? te(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var O = (t, e, n) => ne(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsxs as D, jsx as p } from "react/jsx-runtime";
+import { useMemo as re, useRef as P, useState as W, useEffect as C } from "react";
+const I = [
+  "#000000",
+  "#cd0000",
+  "#00cd00",
+  "#cdcd00",
+  "#0000ee",
+  "#cd00cd",
+  "#00cdcd",
+  "#e5e5e5",
+  "#7f7f7f",
+  "#ff0000",
+  "#00ff00",
+  "#ffff00",
+  "#5c5cff",
+  "#ff00ff",
+  "#00ffff",
+  "#ffffff"
+];
+function V(t) {
+  if (t < 16) return I[t];
+  if (t < 232) {
+    const n = t - 16, s = Math.floor(n / 36), a = Math.floor(n % 36 / 6), r = n % 6, i = (c) => c === 0 ? 0 : c * 40 + 55;
+    return `rgb(${i(s)},${i(a)},${i(r)})`;
+  }
+  const e = (t - 232) * 10 + 8;
+  return `rgb(${e},${e},${e})`;
+}
+function q(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function ie(t) {
+  let e = null, n = null, s = !1, a = !1, r = !1;
+  const i = [];
+  let c = "", u = "";
+  function h() {
+    const o = [];
+    return e && o.push(`color:${e}`), n && o.push(`background-color:${n}`), s && o.push("font-weight:bold"), a && o.push("font-style:italic"), r && o.push("text-decoration:underline"), o.join(";");
+  }
+  function m() {
+    c && (i.push(u ? `<span style="${u}">${q(c)}</span>` : q(c)), c = "");
+  }
+  function v(o) {
+    m();
+    let f = 0;
+    for (; f < o.length; ) {
+      const l = o[f];
+      l === 0 ? (e = null, n = null, s = !1, a = !1, r = !1) : l === 1 ? s = !0 : l === 22 ? s = !1 : l === 3 ? a = !0 : l === 23 ? a = !1 : l === 4 ? r = !0 : l === 24 ? r = !1 : l >= 30 && l <= 37 ? e = I[l - 30] : l === 38 ? o[f + 1] === 2 && f + 4 < o.length ? (e = `rgb(${o[f + 2]},${o[f + 3]},${o[f + 4]})`, f += 4) : o[f + 1] === 5 && f + 2 < o.length && (e = V(o[f + 2]), f += 2) : l === 39 ? e = null : l >= 40 && l <= 47 ? n = I[l - 40] : l === 48 ? o[f + 1] === 2 && f + 4 < o.length ? (n = `rgb(${o[f + 2]},${o[f + 3]},${o[f + 4]})`, f += 4) : o[f + 1] === 5 && f + 2 < o.length && (n = V(o[f + 2]), f += 2) : l === 49 ? n = null : l >= 90 && l <= 97 ? e = I[l - 82] : l >= 100 && l <= 107 && (n = I[l - 92]), f++;
+    }
+    u = h();
+  }
+  let d = 0;
+  for (; d < t.length; ) {
+    const o = t[d];
+    if (o === "\x1B" && d + 1 < t.length && t[d + 1] === "[") {
+      const f = d + 2;
+      let l = f;
+      for (; l < t.length && (t.charCodeAt(l) < 64 || t.charCodeAt(l) > 126); )
+        l++;
+      if (l < t.length) {
+        if (t[l] === "m") {
+          const $ = t.slice(f, l), L = $ ? $.split(";").map((y) => parseInt(y, 10) || 0) : [0];
+          v(L);
+        }
+        d = l + 1;
+      } else
+        d++;
+    } else if (o === "\r")
+      d++;
+    else {
+      const f = h();
+      f !== u && (m(), u = f), c += o, d++;
+    }
+  }
+  return m(), i.join("");
+}
+let j = null;
+function oe() {
+  return j || (j = import("./ghostty-web-BfBVpf8G.js").then(async (t) => (await t.init(), t))), j;
+}
+const T = { cols: 80, rows: 24 }, G = {}, se = [];
+function ce(t) {
+  return "wasm" in t;
+}
+function Y(t) {
+  const e = t ?? se;
+  return typeof e == "function" ? e : () => e;
+}
+function le(t) {
+  return t.cols !== void 0 || t.rows !== void 0 ? {
+    fit: "none",
+    size: {
+      cols: Math.max(1, t.cols ?? T.cols),
+      rows: Math.max(1, t.rows ?? T.rows)
+    }
+  } : { fit: "container", size: T };
+}
+let Z = !1;
+function ae(t) {
+  !t || Z || (Z = !0, console.warn(
+    "[tui-preview] Legacy props (`app`, `args`, `cols`, `rows`, `fontSize`, `fontFamily`, `theme`) are deprecated. Use `wasm`, `argv`, `fit`, `size`, and `terminal`."
+  ));
+}
+function ue(t) {
+  var s, a, r, i, c, u, h, m, v;
+  if (ce(t)) {
+    const d = t.fit ?? (t.size ? "none" : "container"), o = d === "none" ? {
+      cols: Math.max(1, ((s = t.size) == null ? void 0 : s.cols) ?? T.cols),
+      rows: Math.max(1, ((a = t.size) == null ? void 0 : a.rows) ?? T.rows)
+    } : {
+      cols: Math.max(1, ((r = t.size) == null ? void 0 : r.cols) ?? T.cols),
+      rows: Math.max(1, ((i = t.size) == null ? void 0 : i.rows) ?? T.rows)
+    };
+    return {
+      wasm: t.wasm,
+      env: t.env ?? G,
+      interactive: t.interactive ?? !0,
+      mode: t.mode ?? "terminal",
+      fit: d,
+      size: o,
+      terminal: {
+        fontSize: ((c = t.terminal) == null ? void 0 : c.fontSize) ?? 14,
+        fontFamily: ((u = t.terminal) == null ? void 0 : u.fontFamily) ?? "monospace",
+        cursorBlink: ((h = t.terminal) == null ? void 0 : h.cursorBlink) ?? !0,
+        convertEol: ((m = t.terminal) == null ? void 0 : m.convertEol) ?? !0,
+        theme: (v = t.terminal) == null ? void 0 : v.theme
+      },
+      resolveArgv: Y(t.argv),
+      onExit: t.onExit,
+      onError: t.onError,
+      onStatusChange: t.onStatusChange,
+      usedLegacyProps: !1
+    };
+  }
+  const { fit: e, size: n } = le(t);
+  return {
+    wasm: t.app,
+    env: t.env ?? G,
+    interactive: t.interactive ?? !0,
+    mode: "terminal",
+    fit: e,
+    size: n,
+    terminal: {
+      fontSize: t.fontSize ?? 14,
+      fontFamily: t.fontFamily ?? "monospace",
+      cursorBlink: !0,
+      convertEol: !0,
+      theme: t.theme
+    },
+    resolveArgv: Y(t.args),
+    onExit: t.onExit,
+    onError: t.onError,
+    onStatusChange: t.onStatusChange,
+    usedLegacyProps: !0
+  };
+}
+const z = 0, fe = 6, B = 8, he = 0, J = 1, de = 2;
+class K {
+  constructor(e) {
+    O(this, "inputQueue", []);
+    O(this, "memory");
+    this.opts = e;
+  }
+  /** Push keyboard data from the terminal into the app's stdin */
+  pushInput(e) {
+    const n = typeof e == "string" ? new TextEncoder().encode(e) : e;
+    this.inputQueue.push(n);
+  }
+  /** Attach the WASM instance's memory after instantiation */
+  attachMemory(e) {
+    this.memory = e;
+  }
+  view() {
+    return new DataView(this.memory.buffer);
+  }
+  u8() {
+    return new Uint8Array(this.memory.buffer);
+  }
+  // ── WASI imports object ────────────────────────────────────────────────
+  get imports() {
+    return {
+      args_sizes_get: (e, n) => {
+        const { args: s } = this.opts, a = new TextEncoder(), r = s.reduce((i, c) => i + a.encode(c).length + 1, 0);
+        return this.view().setUint32(e, s.length, !0), this.view().setUint32(n, r, !0), z;
+      },
+      args_get: (e, n) => {
+        const s = new TextEncoder(), a = this.u8(), r = this.view();
+        let i = n;
+        return this.opts.args.forEach((c, u) => {
+          const h = s.encode(c);
+          a.set(h, i), a[i + h.length] = 0, r.setUint32(e + u * 4, i, !0), i += h.length + 1;
+        }), z;
+      },
+      environ_sizes_get: (e, n) => {
+        const s = this.envEntries(), a = new TextEncoder(), r = s.reduce((i, c) => i + a.encode(c).length + 1, 0);
+        return this.view().setUint32(e, s.length, !0), this.view().setUint32(n, r, !0), z;
+      },
+      environ_get: (e, n) => {
+        const s = new TextEncoder(), a = this.u8(), r = this.view();
+        let i = n;
+        return this.envEntries().forEach((c, u) => {
+          const h = s.encode(c);
+          a.set(h, i), a[i + h.length] = 0, r.setUint32(e + u * 4, i, !0), i += h.length + 1;
+        }), z;
+      },
+      fd_write: (e, n, s, a) => {
+        if (e !== J && e !== de) return B;
+        const r = this.view(), i = this.u8();
+        let c = 0;
+        const u = [];
+        for (let v = 0; v < s; v++) {
+          const d = r.getUint32(n + v * 8, !0), o = r.getUint32(n + v * 8 + 4, !0);
+          u.push(i.slice(d, d + o)), c += o;
+        }
+        const h = new Uint8Array(c);
+        let m = 0;
+        for (const v of u)
+          h.set(v, m), m += v.length;
+        return e === J ? this.opts.stdout(h) : this.opts.stderr(h), r.setUint32(a, c, !0), z;
+      },
+      fd_read: (e, n, s, a) => {
+        if (e !== he) return B;
+        const r = this.inputQueue.shift();
+        if (!r) return fe;
+        const i = this.view(), c = this.u8();
+        let u = 0;
+        for (let h = 0; h < s && u < r.length; h++) {
+          const m = i.getUint32(n + h * 8, !0), v = i.getUint32(n + h * 8 + 4, !0), d = Math.min(v, r.length - u);
+          c.set(r.subarray(u, u + d), m), u += d;
+        }
+        return i.setUint32(a, u, !0), z;
+      },
+      poll_oneoff: (e, n, s, a) => {
+        const r = this.view();
+        let i = 0;
+        for (let c = 0; c < s; c++) {
+          const u = e + c * 48, h = r.getUint8(u + 8);
+          if (h === 0 && this.inputQueue.length > 0) {
+            const m = n + i * 32;
+            r.setBigUint64(m, r.getBigUint64(u, !0), !0), r.setUint16(m + 8, 0, !0), r.setUint8(m + 10, h), i++;
+          }
+        }
+        return r.setUint32(a, i, !0), z;
+      },
+      proc_exit: (e) => {
+        throw this.opts.onExit(e), new ee(e);
+      },
+      random_get: (e, n) => (crypto.getRandomValues(new Uint8Array(this.memory.buffer, e, n)), z),
+      // Stubs for calls TUI apps may make but we don't need to implement.
+      fd_close: () => z,
+      fd_seek: () => z,
+      fd_fdstat_get: (e, n) => (this.view().setUint8(n, e <= 2 ? 2 : 0), z),
+      fd_prestat_get: () => B,
+      fd_prestat_dir_name: () => B,
+      path_open: () => B,
+      sched_yield: () => z,
+      clock_time_get: (e, n, s) => {
+        const a = BigInt(Date.now()) * 1000000n;
+        return this.view().setBigUint64(s, a, !0), z;
+      }
+    };
+  }
+  envEntries() {
+    const e = {
+      TERM: "xterm-256color",
+      COLORTERM: "truecolor",
+      ...this.opts.env
+    };
+    return Object.entries(e).map(([n, s]) => `${n}=${s}`);
+  }
+}
+class ee extends Error {
+  constructor(e) {
+    super(`WASI exit: ${e}`), this.code = e;
+  }
+}
+async function X(t, e) {
+  const s = await (await fetch(t)).arrayBuffer(), a = await WebAssembly.compile(s), r = {
+    wasi_snapshot_preview1: e.imports
+  }, i = await WebAssembly.instantiate(a, r);
+  e.attachMemory(i.exports.memory);
+  const c = i.exports._start;
+  if (!c) throw new Error("WASM module has no _start export");
+  return {
+    run: async () => {
+      try {
+        c();
+      } catch (u) {
+        if (!(u instanceof ee)) throw u;
+      }
+    }
+  };
+}
+function ve(t) {
+  var $, L;
+  const e = re(() => ue(t), [t]), n = P(null), s = P(null), a = P(null), [r, i] = W("loading"), [c, u] = W(""), h = P(null), [m, v] = W(e.size), [d, o] = W(null);
+  C(() => {
+    ae(e.usedLegacyProps);
+  }, [e.usedLegacyProps]), C(() => {
+    e.mode === "terminal" && v(e.size);
+  }, [e.mode, e.fit, e.size.cols, e.size.rows]), C(() => {
+    if (e.mode !== "terminal" || e.fit !== "container" || !n.current) return;
+    const y = new ResizeObserver(([_]) => {
+      var E, x;
+      const { width: U, height: b } = _.contentRect;
+      if (U > 0 && b > 0) {
+        const w = ((E = h.current) == null ? void 0 : E.w) ?? e.terminal.fontSize * 0.6, g = ((x = h.current) == null ? void 0 : x.h) ?? e.terminal.fontSize * 1.2;
+        v({
+          cols: Math.max(1, Math.floor(U / w)),
+          rows: Math.max(1, Math.floor(b / g))
+        });
+      }
+    });
+    return y.observe(n.current), () => y.disconnect();
+  }, [e.mode, e.fit, e.terminal.fontSize]), C(() => {
+    if (e.mode !== "terminal" || !m || !s.current) return;
+    let y = !1;
+    const _ = s.current, U = m, b = (w) => {
+      var g;
+      i(w), (g = e.onStatusChange) == null || g.call(e, w);
+    }, E = (w) => {
+      var g;
+      b("error"), u(w instanceof Error ? w.message : String(w)), (g = e.onError) == null || g.call(e, w);
+    };
+    b("loading"), u("");
+    async function x() {
+      try {
+        const w = await oe();
+        if (y) return;
+        _.innerHTML = "";
+        const g = new w.Terminal({
+          cols: U.cols,
+          rows: U.rows,
+          fontSize: e.terminal.fontSize,
+          fontFamily: e.terminal.fontFamily,
+          theme: e.terminal.theme,
+          disableStdin: !e.interactive,
+          cursorBlink: e.terminal.cursorBlink,
+          convertEol: e.terminal.convertEol
+        });
+        a.current = g, g.open(_);
+        let A = g.cols, M = g.rows;
+        if (e.fit === "container") {
+          const S = new w.FitAddon();
+          g.loadAddon(S), S.fit(), A = g.cols, M = g.rows, n.current && A > 0 && M > 0 && (h.current = {
+            w: n.current.clientWidth / A,
+            h: n.current.clientHeight / M
+          });
+        }
+        const H = e.resolveArgv({ cols: A, rows: M }), R = new TextDecoder(), F = new K({
+          args: [e.wasm.toString(), ...H],
+          env: e.env,
+          stdout: (S) => g.write(R.decode(S)),
+          stderr: (S) => g.write(R.decode(S)),
+          onExit: (S) => {
+            var Q;
+            y || (b("exited"), (Q = e.onExit) == null || Q.call(e, S));
+          }
+        });
+        e.interactive && g.onData((S) => F.pushInput(S));
+        const k = await X(e.wasm, F);
+        if (y) return;
+        b("running"), queueMicrotask(() => {
+          y || k.run().catch((S) => {
+            y || E(S);
+          });
+        });
+      } catch (w) {
+        y || E(w);
+      }
+    }
+    return x(), () => {
+      var w;
+      y = !0, (w = a.current) == null || w.dispose(), a.current = null;
+    };
+  }, [
+    e.mode,
+    m,
+    e.wasm,
+    e.resolveArgv,
+    e.env,
+    e.fit,
+    e.interactive,
+    e.onExit,
+    e.onError,
+    e.onStatusChange,
+    e.terminal.fontSize,
+    e.terminal.fontFamily,
+    e.terminal.theme,
+    e.terminal.cursorBlink,
+    e.terminal.convertEol
+  ]), C(() => {
+    if (e.mode !== "static") return;
+    let y = !1;
+    const _ = (b) => {
+      var E;
+      i(b), (E = e.onStatusChange) == null || E.call(e, b);
+    };
+    _("loading"), u(""), o(null);
+    async function U() {
+      var b;
+      try {
+        const E = new TextDecoder(), x = [], w = new K({
+          args: [e.wasm.toString(), ...e.resolveArgv(e.size)],
+          env: e.env,
+          stdout: (A) => x.push(new Uint8Array(A)),
+          stderr: () => {
+          },
+          onExit: (A) => {
+            var M;
+            if (!y) {
+              const H = x.reduce((k, S) => k + S.length, 0), R = new Uint8Array(H);
+              let F = 0;
+              for (const k of x)
+                R.set(k, F), F += k.length;
+              o(ie(E.decode(R))), _("exited"), (M = e.onExit) == null || M.call(e, A);
+            }
+          }
+        }), g = await X(e.wasm, w);
+        if (y) return;
+        _("running"), await g.run();
+      } catch (E) {
+        y || (_("error"), u(E instanceof Error ? E.message : String(E)), (b = e.onError) == null || b.call(e, E));
+      }
+    }
+    return U(), () => {
+      y = !0;
+    };
+  }, [
+    e.mode,
+    e.wasm,
+    e.resolveArgv,
+    e.env,
+    e.size.cols,
+    e.size.rows,
+    e.onExit,
+    e.onError,
+    e.onStatusChange
+  ]);
+  const f = (($ = e.terminal.theme) == null ? void 0 : $.background) ?? "#1a1b26", l = ((L = e.terminal.theme) == null ? void 0 : L.foreground) ?? "#a9b1d6";
+  return e.mode === "static" ? /* @__PURE__ */ D(
+    "div",
+    {
+      className: t.className,
+      style: {
+        position: "relative",
+        background: f,
+        borderRadius: 6,
+        overflow: "hidden",
+        ...t.style
+      },
+      children: [
+        r === "loading" && /* @__PURE__ */ p("div", { style: N, children: "Loading…" }),
+        r === "error" && /* @__PURE__ */ D("div", { style: { ...N, color: "#f7768e" }, children: [
+          "Error: ",
+          c
+        ] }),
+        d !== null && /* @__PURE__ */ p(
+          "pre",
+          {
+            style: {
+              margin: 0,
+              padding: "0.5em",
+              fontFamily: e.terminal.fontFamily,
+              fontSize: e.terminal.fontSize,
+              color: l,
+              lineHeight: 1.2,
+              background: "transparent",
+              overflow: "auto"
+            },
+            dangerouslySetInnerHTML: { __html: d }
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ D(
+    "div",
+    {
+      ref: n,
+      className: t.className,
+      style: {
+        position: "relative",
+        display: "inline-block",
+        background: f,
+        borderRadius: 6,
+        overflow: "hidden",
+        ...t.style
+      },
+      children: [
+        /* @__PURE__ */ p("div", { ref: s, style: { display: r === "error" ? "none" : void 0 } }),
+        r === "loading" && /* @__PURE__ */ p("div", { style: N, children: "Loading…" }),
+        r === "error" && /* @__PURE__ */ D("div", { style: { ...N, color: "#f7768e" }, children: [
+          "Error: ",
+          c
+        ] })
+      ]
+    }
+  );
+}
+const N = {
+  padding: "1rem",
+  fontFamily: "monospace",
+  fontSize: 14,
+  color: "#a9b1d6"
+};
+export {
+  ve as TuiPreview,
+  K as WasiBridge,
+  ee as WasiExitError,
+  X as instantiateApp
+};

package/dist/types.d.ts

@@ -0,0 +1,113 @@
+export interface TuiRuntimeSize {
+    cols: number;
+    rows: number;
+}
+export type TuiArgv = string[] | ((size: TuiRuntimeSize) => string[]);
+export type TuiFitMode = "container" | "none";
+export type TuiRenderMode = "terminal" | "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 */
+    theme?: Partial<GhosttyTheme>;
+    /** Cursor blinking. Default: true */
+    cursorBlink?: boolean;
+    /** Convert LF to CRLF. Default: true */
+    convertEol?: boolean;
+}
+export interface TuiPreviewCommonProps {
+    /** Environment variables (TERM, COLORTERM are set automatically) */
+    env?: Record<string, string>;
+    /** Whether the user can type into the terminal. Default: true */
+    interactive?: boolean;
+    /** Called when the app exits */
+    onExit?: (code: number) => void;
+    /** Called on runtime errors */
+    onError?: (error: unknown) => void;
+    /** Called whenever status changes */
+    onStatusChange?: (status: TuiPreviewStatus) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface TuiPreviewModernProps extends TuiPreviewCommonProps {
+    /** URL or path to a wasm32-wasi binary */
+    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.
+     */
+    mode?: TuiRenderMode;
+    /** "container" auto-fit or "none" fixed size. Default: "container" */
+    fit?: TuiFitMode;
+    /** Fixed size (fit="none") or initial fallback (fit="container") */
+    size?: TuiRuntimeSize;
+    /** 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 interface GhosttyTheme {
+    background: string;
+    foreground: string;
+    cursor: string;
+    selectionBackground: string;
+    selectionForeground: 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 interface WasiOptions {
+    args: string[];
+    env: Record<string, string>;
+    stdout: (data: Uint8Array) => void;
+    stderr: (data: Uint8Array) => void;
+    onExit: (code: number) => void;
+}
+export interface ResolvedTuiPreviewOptions {
+    wasm: string | URL;
+    env: Record<string, string>;
+    interactive: boolean;
+    mode: TuiRenderMode;
+    fit: TuiFitMode;
+    size: TuiRuntimeSize;
+    terminal: Required<Omit<TuiTerminalOptions, "theme">> & {
+        theme?: Partial<GhosttyTheme>;
+    };
+    resolveArgv: (size: TuiRuntimeSize) => string[];
+    onExit?: (code: number) => void;
+    onError?: (error: unknown) => void;
+    onStatusChange?: (status: TuiPreviewStatus) => void;
+    usedLegacyProps: boolean;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/wasi.d.ts

@@ -0,0 +1 @@
+export { WasiBridge, WasiExitError, instantiateApp } from "./core/wasi.js";

package/dist/wasi.js

@@ -0,0 +1,2 @@
+// Backwards-compatible re-export.
+export { WasiBridge, WasiExitError, instantiateApp } from "./core/wasi.js";