@pstdio/ui 0.16.0 → 0.18.0

package/dist/terminal.js

@@ -1,106 +1,106 @@
-import { jsx as F } from "react/jsx-runtime";
-import { FitAddon as C } from "@xterm/addon-fit";
-import { Terminal as U } from "@xterm/xterm";
+import { jsx as B } from "react/jsx-runtime";
+import { FitAddon as K } from "@xterm/addon-fit";
+import { Terminal as W } from "@xterm/xterm";
 import "@xterm/xterm/css/xterm.css";
-import { useState as L, useEffect as v, useRef as T } from "react";
-import { c as M } from "react/compiler-runtime";
-const N = (e, n, t = {}) => {
+import { useState as q, useEffect as v, useRef as T } from "react";
+import { c as j } from "react/compiler-runtime";
+const G = (e, n, r = {}) => {
   const o = [];
-  return o.push(n.onData((i) => e.write(i))), o.push(e.onInput((i) => {
-    n.write(i), t.onInput?.(i);
+  return o.push(n.onData((t) => e.write(t))), o.push(e.onInput((t) => {
+    n.write(t), r.onInput?.(t);
   })), o.push(e.onResize(({
-    cols: i,
-    rows: a
+    cols: t,
+    rows: s
   }) => {
-    n.resize(i, a);
-  })), t.onExit && o.push(n.onExit(t.onExit)), t.onError && o.push(n.onError(t.onError)), () => {
+    n.resize(t, s);
+  })), r.onExit && o.push(n.onExit(r.onExit)), r.onError && o.push(n.onError(r.onError)), () => {
     for (; o.length > 0; ) {
-      const i = o.pop();
+      const t = o.pop();
       try {
-        i?.();
+        t?.();
       } catch {
       }
     }
   };
-}, q = new TextEncoder(), K = (e) => typeof e == "string" ? q.encode(e) : e, W = (e) => e > 0 ? new Promise((n) => setTimeout(n, e)) : Promise.resolve(), j = (e) => [{
+}, J = new TextEncoder(), P = (e) => typeof e == "string" ? J.encode(e) : e, Y = (e) => e > 0 ? new Promise((n) => setTimeout(n, e)) : Promise.resolve(), $ = (e) => [{
   data: e.replace(/\r/g, `\r
 `)
-}], G = (e, n) => {
-  n.data !== void 0 && e.emitData(K(n.data)), n.error !== void 0 && e.emitError({
+}], Z = (e, n) => {
+  n.data !== void 0 && e.emitData(P(n.data)), n.error !== void 0 && e.emitError({
     message: n.error
   }), n.exit !== void 0 && e.emitExit({
     code: n.exit.code,
     signal: n.exit.signal ?? null
   });
-}, O = async (e, n) => {
-  for (const t of n) {
-    if (e.isExited() || (await W(t.delayMs ?? 0), e.isExited())) return;
-    G(e, t);
+}, C = async (e, n) => {
+  for (const r of n) {
+    if (e.isExited() || (await Y(r.delayMs ?? 0), e.isExited())) return;
+    Z(e, r);
   }
-}, H = (e, n) => {
-  const t = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
-  let a = !1, m = !1;
-  const u = {
-    isExited: () => a,
-    emitData(r) {
-      for (const s of t) s(r);
+}, Q = (e, n) => {
+  const r = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
+  let s = !1, m = !1;
+  const l = {
+    isExited: () => s,
+    emitData(i) {
+      for (const a of r) a(i);
     },
-    emitExit(r) {
-      if (!a) {
-        a = !0;
-        for (const s of o) s(r);
+    emitExit(i) {
+      if (!s) {
+        s = !0;
+        for (const a of o) a(i);
       }
     },
-    emitError(r) {
-      for (const s of i) s(r);
+    emitError(i) {
+      for (const a of t) a(i);
     }
   };
   return {
     session: {
       id: crypto.randomUUID(),
-      write(r) {
-        if (a) return;
-        const s = typeof r == "string" ? r : new TextDecoder().decode(r), d = n(s);
-        d && O(u, d);
+      write(i) {
+        if (s) return;
+        const a = typeof i == "string" ? i : new TextDecoder().decode(i), d = n(a);
+        d && C(l, d);
       },
-      resize(r, s) {
+      resize(i, a) {
         e.onResize?.({
-          cols: r,
-          rows: s
+          cols: i,
+          rows: a
         });
       },
-      kill(r) {
-        a || (e.onKill?.(r), u.emitExit({
+      kill(i) {
+        s || (e.onKill?.(i), l.emitExit({
           code: null,
-          signal: r ?? null
+          signal: i ?? null
         }));
       },
-      onData(r) {
-        return t.add(r), !m && e.initial && (m = !0, O(u, e.initial)), () => t.delete(r);
+      onData(i) {
+        return r.add(i), !m && e.initial && (m = !0, C(l, e.initial)), () => r.delete(i);
       },
-      onExit(r) {
-        return o.add(r), () => o.delete(r);
+      onExit(i) {
+        return o.add(i), () => o.delete(i);
       },
-      onError(r) {
-        return i.add(r), () => i.delete(r);
+      onError(i) {
+        return t.add(i), () => t.delete(i);
       }
     }
   };
-}, de = (e = {}) => {
-  const n = e.onInput ?? j;
+}, we = (e = {}) => {
+  const n = e.onInput ?? $;
   return {
-    async openSession(t) {
+    async openSession(r) {
       const {
         session: o
-      } = H(e, n);
+      } = Q(e, n);
       return o;
     }
   };
-}, _ = {
+}, L = {
   cursorAccent: "#000000",
   selectionForeground: void 0
-}, J = {
-  ..._,
+}, V = {
+  ...L,
   background: "#f4f4f5",
   foreground: "#171717",
   cursor: "#171717",
@@ -121,8 +121,8 @@ const N = (e, n, t = {}) => {
   brightMagenta: "#d946ef",
   brightCyan: "#06b6d4",
   brightWhite: "#fafafa"
-}, P = {
-  ..._,
+}, X = {
+  ...L,
   background: "#0a0a0a",
   foreground: "#fafafa",
   cursor: "#fafafa",
@@ -143,36 +143,36 @@ const N = (e, n, t = {}) => {
   brightMagenta: "#f0abfc",
   brightCyan: "#67e8f9",
   brightWhite: "#fafafa"
-}, A = {
-  light: J,
-  dark: P
-}, Y = (e) => e ? typeof e == "string" ? A[e] : e : A.dark, $ = (e) => JSON.stringify({
+}, U = {
+  light: V,
+  dark: X
+}, ee = (e) => e ? typeof e == "string" ? U[e] : e : U.dark, ne = (e) => JSON.stringify({
   command: e.command,
   cwd: e.cwd,
-  env: e.env ? Object.fromEntries(Object.entries(e.env).sort(([n], [t]) => n.localeCompare(t))) : void 0,
+  env: e.env ? Object.fromEntries(Object.entries(e.env).sort(([n], [r]) => n.localeCompare(r))) : void 0,
   cols: e.cols,
   rows: e.rows
-}), Z = (e) => JSON.parse(e), Q = (e) => {
-  const n = M(8), {
-    bridge: t,
+}), te = (e) => JSON.parse(e), re = (e) => {
+  const n = j(8), {
+    bridge: r,
     request: o,
-    killOnUnmount: i
-  } = e, a = i === void 0 ? !0 : i;
+    killOnUnmount: t
+  } = e, s = t === void 0 ? !0 : t;
   let m;
-  n[0] !== o ? (m = $(o), n[0] = o, n[1] = m) : m = n[1];
-  const u = m;
-  let h;
-  n[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = {
+  n[0] !== o ? (m = ne(o), n[0] = o, n[1] = m) : m = n[1];
+  const l = m;
+  let S;
+  n[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
     session: null,
     status: "idle",
     exit: null,
     error: null
-  }, n[2] = h) : h = n[2];
-  const [r, s] = L(h);
-  let d, g;
-  return n[3] !== t || n[4] !== a || n[5] !== u ? (d = () => {
-    if (!t) {
-      s({
+  }, n[2] = S) : S = n[2];
+  const [i, a] = q(S);
+  let d, x;
+  return n[3] !== r || n[4] !== s || n[5] !== l ? (d = () => {
+    if (!r) {
+      a({
         session: null,
         status: "idle",
         exit: null,
@@ -180,160 +180,180 @@ const N = (e, n, t = {}) => {
       });
       return;
     }
-    let p = !1, S = null, b = "opening";
-    const w = [];
-    s({
+    let p = !1, g = null, h = "opening";
+    const f = [];
+    a({
       session: null,
       status: "opening",
       exit: null,
       error: null
     });
-    const x = Z(u);
-    return t.openSession(x).then((l) => {
+    const A = te(l);
+    return r.openSession(A).then((c) => {
       if (p) {
-        l.kill();
+        c.kill();
         return;
       }
-      S = l, w.push(l.onExit((c) => {
-        b = "exited", s((f) => ({
-          ...f,
+      g = c, f.push(c.onExit((b) => {
+        h = "exited", a((E) => ({
+          ...E,
           status: "exited",
-          exit: c
+          exit: b
         }));
-      }), l.onError((c) => {
-        b = "error", s((f) => ({
-          ...f,
+      }), c.onError((b) => {
+        h = "error", a((E) => ({
+          ...E,
           status: "error",
-          error: c
+          error: b
         }));
-      })), b = "open", s({
-        session: l,
+      })), h = "open", a({
+        session: c,
         status: "open",
         exit: null,
         error: null
       });
-    }).catch((l) => {
+    }).catch((c) => {
       if (p)
         return;
-      const c = l instanceof Error ? l.message : String(l);
-      b = "error", s({
+      const b = c instanceof Error ? c.message : String(c);
+      h = "error", a({
         session: null,
         status: "error",
         exit: null,
         error: {
-          message: c
+          message: b
         }
       });
     }), () => {
-      for (p = !0; w.length > 0; )
-        w.pop()?.();
-      a && S && b !== "exited" && S.kill();
+      for (p = !0; f.length > 0; )
+        f.pop()?.();
+      s && g && h !== "exited" && g.kill();
     };
-  }, g = [t, u, a], n[3] = t, n[4] = a, n[5] = u, n[6] = d, n[7] = g) : (d = n[6], g = n[7]), v(d, g), r;
-}, V = '"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace', X = 13, z = 80, D = 24, ee = (e) => ({
+  }, x = [r, l, s], n[3] = r, n[4] = s, n[5] = l, n[6] = d, n[7] = x) : (d = n[6], x = n[7]), v(d, x), i;
+}, oe = '"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace', ie = 13, M = 80, N = 24, se = (e) => ({
   ...e,
-  cols: e?.cols ?? z,
-  rows: e?.rows ?? D
-}), ne = (e) => ({
-  write(n) {
-    e.write(n);
-  },
-  onInput(n) {
-    const t = e.onData(n);
-    return () => t.dispose();
-  },
-  onResize(n) {
-    const t = e.onResize(n);
-    return () => t.dispose();
-  }
-}), k = (e) => {
+  cols: e?.cols ?? M,
+  rows: e?.rows ?? N
+}), ae = (e) => {
+  const n = /* @__PURE__ */ new Set(), r = [], o = e.onData((t) => {
+    if (n.size === 0) {
+      r.push(t);
+      return;
+    }
+    for (const s of n) s(t);
+  });
+  return {
+    write(t) {
+      e.write(t);
+    },
+    onInput(t) {
+      for (n.add(t); r.length > 0; ) t(r.shift());
+      return () => n.delete(t);
+    },
+    onResize(t) {
+      const s = e.onResize(t);
+      return () => s.dispose();
+    },
+    dispose() {
+      o.dispose(), n.clear(), r.length = 0;
+    }
+  };
+}, O = (e) => {
   try {
     e?.fit();
   } catch {
   }
-}, te = (e, n) => {
+}, ce = (e, n) => {
   n.resize(e.cols, e.rows);
-}, re = (e, n, t, o) => {
-  const i = N(n, t, {
+}, le = (e, n, r, o) => {
+  const t = G(n, r, {
     onExit: o.onSessionExit
   });
-  return te(e, t), o.onSessionOpen?.(t.id), i;
-}, oe = (e, n, t, o) => re(e, n, t, {
-  onSessionOpen: (i) => o.onSessionOpen.current?.(i),
-  onSessionExit: (i) => o.onSessionExit.current?.(i)
-}), fe = (e) => {
+  return ce(e, r), o.onSessionOpen?.(r.id), t;
+}, ue = (e, n, r, o) => le(e, n, r, {
+  onSessionOpen: (t) => o.onSessionOpen.current?.(t),
+  onSessionExit: (t) => o.onSessionExit.current?.(t)
+}), be = (e) => {
   const {
     bridge: n,
-    request: t,
+    request: r,
     theme: o,
-    fontFamily: i = V,
-    fontSize: a = X,
+    fontFamily: t = oe,
+    fontSize: s = ie,
     killOnUnmount: m = !0,
-    className: u,
-    style: h,
-    onSessionOpen: r,
-    onSessionExit: s
-  } = e, d = T(null), g = T(null), p = T(null), S = T(null), b = T(r), w = T(s);
-  b.current = r, w.current = s, S.current || (S.current = ee(t));
-  const x = Y(o);
+    autoFocus: l = !0,
+    className: S,
+    style: i,
+    onSessionOpen: a,
+    onSessionExit: d
+  } = e, x = T(null), p = T(null), g = T(null), h = T(null), [f, A] = q(!1), c = T(null), b = T(a), E = T(d);
+  b.current = a, E.current = d, c.current || (c.current = se(r));
+  const F = ee(o);
   v(() => {
-    const c = d.current;
-    if (!c) return;
-    const f = new U({
-      cols: z,
-      rows: D,
-      cursorBlink: !0,
-      convertEol: !0,
-      allowProposedApi: !0
-    }), y = new C();
-    f.loadAddon(y), f.open(c), g.current = f, p.current = y;
-    const E = () => k(y);
-    E();
-    const I = window.requestAnimationFrame(E), B = window.setTimeout(E, 50), R = new ResizeObserver(E);
-    return R.observe(c), () => {
-      window.cancelAnimationFrame(I), window.clearTimeout(B), R.disconnect(), f.dispose(), g.current = null, p.current = null;
+    const u = x.current;
+    if (!u) return;
+    let w, y, k, D, _;
+    const H = window.requestAnimationFrame(() => {
+      w = new W({
+        cols: M,
+        rows: N,
+        cursorBlink: !0,
+        convertEol: !0,
+        allowProposedApi: !0
+      });
+      const I = new K();
+      w.loadAddon(I), w.open(u), y = ae(w), p.current = w, g.current = I, h.current = y;
+      const R = () => O(I);
+      R(), k = window.requestAnimationFrame(R), D = window.setTimeout(R, 50), _ = new ResizeObserver(R), _.observe(u), A(!0);
+    });
+    return () => {
+      window.cancelAnimationFrame(H), k !== void 0 && window.cancelAnimationFrame(k), D !== void 0 && window.clearTimeout(D), _?.disconnect(), y?.dispose(), w?.dispose(), p.current = null, g.current = null, h.current = null;
     };
   }, []), v(() => {
-    const c = g.current;
-    c && (c.options.theme = x, c.options.fontFamily = i, c.options.fontSize = a, k(p.current));
-  }, [x, i, a]);
+    if (!f) return;
+    const u = p.current;
+    u && (u.options.theme = F, u.options.fontFamily = t, u.options.fontSize = s, O(g.current));
+  }, [f, F, t, s]);
   const {
-    session: l
-  } = Q({
+    session: z
+  } = re({
     bridge: n,
-    request: S.current,
+    request: c.current,
     killOnUnmount: m
   });
   return v(() => {
-    const c = g.current;
-    if (!c || !l) return;
-    k(p.current);
-    const f = window.requestAnimationFrame(() => k(p.current)), y = ne(c), E = oe(c, y, l, {
+    if (!f) return;
+    const u = p.current, w = h.current;
+    if (!u || !w || !z) return;
+    O(g.current);
+    const y = window.requestAnimationFrame(() => O(g.current)), k = ue(u, w, z, {
       onSessionOpen: b,
-      onSessionExit: w
+      onSessionExit: E
     });
-    return c.focus(), () => {
-      window.cancelAnimationFrame(f), E();
+    return () => {
+      window.cancelAnimationFrame(y), k();
     };
-  }, [l]), /* @__PURE__ */ F("div", { className: u, style: {
+  }, [z, f]), v(() => {
+    f && l && p.current?.focus();
+  }, [l, f]), /* @__PURE__ */ B("div", { className: S, style: {
     position: "relative",
     width: "100%",
     height: "100%",
-    backgroundColor: typeof x.background == "string" ? x.background : void 0,
-    ...h
-  }, children: /* @__PURE__ */ F("div", { ref: d, className: "pstdio-terminal", style: {
+    backgroundColor: typeof F.background == "string" ? F.background : void 0,
+    ...i
+  }, children: /* @__PURE__ */ B("div", { ref: x, className: "pstdio-terminal", style: {
     position: "absolute",
     inset: 0
   } }) });
 };
 export {
-  fe as Terminal,
-  N as bindSessionToSink,
-  de as createScriptedTerminalBridge,
-  P as darkTerminalTheme,
-  J as lightTerminalTheme,
-  Y as resolveTerminalTheme,
-  A as terminalThemes,
-  Q as useTerminalSession
+  be as Terminal,
+  G as bindSessionToSink,
+  we as createScriptedTerminalBridge,
+  X as darkTerminalTheme,
+  V as lightTerminalTheme,
+  ee as resolveTerminalTheme,
+  U as terminalThemes,
+  re as useTerminalSession
 };
 //# sourceMappingURL=terminal.js.map