@pstdio/ui 0.25.0 → 0.35.0

package/dist/terminal.js

@@ -1,359 +1,326 @@
-import { jsx as B } from "react/jsx-runtime";
-import { FitAddon as K } from "@xterm/addon-fit";
-import { Terminal as W } from "@xterm/xterm";
+import { c as e } from "react/compiler-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { FitAddon as a } from "@xterm/addon-fit";
+import { WebLinksAddon as o } from "@xterm/addon-web-links";
+import { Terminal as s } from "@xterm/xterm";
 import "@xterm/xterm/css/xterm.css";
-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((t) => e.write(t))), o.push(e.onInput((t) => {
-    n.write(t), r.onInput?.(t);
-  })), o.push(e.onResize(({
-    cols: t,
-    rows: s
-  }) => {
-    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 t = o.pop();
-      try {
-        t?.();
-      } catch {
-      }
-    }
-  };
-}, 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
-`)
-}], 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
-  });
-}, C = async (e, n) => {
-  for (const r of n) {
-    if (e.isExited() || (await Y(r.delayMs ?? 0), e.isExited())) return;
-    Z(e, 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(i) {
-      if (!s) {
-        s = !0;
-        for (const a of o) a(i);
-      }
-    },
-    emitError(i) {
-      for (const a of t) a(i);
-    }
-  };
-  return {
-    session: {
-      id: crypto.randomUUID(),
-      write(i) {
-        if (s) return;
-        const a = typeof i == "string" ? i : new TextDecoder().decode(i), d = n(a);
-        d && C(l, d);
-      },
-      resize(i, a) {
-        e.onResize?.({
-          cols: i,
-          rows: a
-        });
-      },
-      kill(i) {
-        s || (e.onKill?.(i), l.emitExit({
-          code: null,
-          signal: i ?? null
-        }));
-      },
-      onData(i) {
-        return r.add(i), !m && e.initial && (m = !0, C(l, e.initial)), () => r.delete(i);
-      },
-      onExit(i) {
-        return o.add(i), () => o.delete(i);
-      },
-      onError(i) {
-        return t.add(i), () => t.delete(i);
-      }
-    }
-  };
-}, we = (e = {}) => {
-  const n = e.onInput ?? $;
-  return {
-    async openSession(r) {
-      const {
-        session: o
-      } = Q(e, n);
-      return o;
-    }
-  };
-}, L = {
-  cursorAccent: "#000000",
-  selectionForeground: void 0
-}, V = {
-  ...L,
-  background: "#f4f4f5",
-  foreground: "#171717",
-  cursor: "#171717",
-  selectionBackground: "#d4d4d8",
-  black: "#27272a",
-  red: "#dc2626",
-  green: "#16a34a",
-  yellow: "#ca8a04",
-  blue: "#2563eb",
-  magenta: "#c026d3",
-  cyan: "#0891b2",
-  white: "#e4e4e7",
-  brightBlack: "#52525b",
-  brightRed: "#ef4444",
-  brightGreen: "#22c55e",
-  brightYellow: "#eab308",
-  brightBlue: "#3b82f6",
-  brightMagenta: "#d946ef",
-  brightCyan: "#06b6d4",
-  brightWhite: "#fafafa"
-}, X = {
-  ...L,
-  background: "#0a0a0a",
-  foreground: "#fafafa",
-  cursor: "#fafafa",
-  selectionBackground: "#3f3f46",
-  black: "#27272a",
-  red: "#f87171",
-  green: "#4ade80",
-  yellow: "#facc15",
-  blue: "#60a5fa",
-  magenta: "#e879f9",
-  cyan: "#22d3ee",
-  white: "#e4e4e7",
-  brightBlack: "#52525b",
-  brightRed: "#fca5a5",
-  brightGreen: "#86efac",
-  brightYellow: "#fde047",
-  brightBlue: "#93c5fd",
-  brightMagenta: "#f0abfc",
-  brightCyan: "#67e8f9",
-  brightWhite: "#fafafa"
-}, 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], [r]) => n.localeCompare(r))) : void 0,
-  cols: e.cols,
-  rows: e.rows
-}), te = (e) => JSON.parse(e), re = (e) => {
-  const n = j(8), {
-    bridge: r,
-    request: o,
-    killOnUnmount: t
-  } = e, s = t === void 0 ? !0 : t;
-  let m;
-  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] = 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,
-        error: null
-      });
-      return;
-    }
-    let p = !1, g = null, h = "opening";
-    const f = [];
-    a({
-      session: null,
-      status: "opening",
-      exit: null,
-      error: null
-    });
-    const A = te(l);
-    return r.openSession(A).then((c) => {
-      if (p) {
-        s && c.kill();
-        return;
-      }
-      g = c, f.push(c.onExit((b) => {
-        h = "exited", a((E) => ({
-          ...E,
-          status: "exited",
-          exit: b
-        }));
-      }), c.onError((b) => {
-        h = "error", a((E) => ({
-          ...E,
-          status: "error",
-          error: b
-        }));
-      })), h = "open", a({
-        session: c,
-        status: "open",
-        exit: null,
-        error: null
-      });
-    }).catch((c) => {
-      if (p)
-        return;
-      const b = c instanceof Error ? c.message : String(c);
-      h = "error", a({
-        session: null,
-        status: "error",
-        exit: null,
-        error: {
-          message: b
-        }
-      });
-    }), () => {
-      for (p = !0; f.length > 0; )
-        f.pop()?.();
-      s && g && h !== "exited" && g.kill();
-    };
-  }, 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 ?? 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 {
-  }
-}, ce = (e, n) => {
-  n.resize(e.cols, e.rows);
-}, le = (e, n, r, o) => {
-  const t = G(n, r, {
-    onExit: o.onSessionExit
-  });
-  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: r,
-    theme: o,
-    fontFamily: t = oe,
-    fontSize: s = ie,
-    killOnUnmount: m = !0,
-    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 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(() => {
-    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: z
-  } = re({
-    bridge: n,
-    request: c.current,
-    killOnUnmount: m
-  });
-  return v(() => {
-    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: E
-    });
-    return () => {
-      window.cancelAnimationFrame(y), k();
-    };
-  }, [z, f]), v(() => {
-    f && l && p.current?.focus();
-  }, [l, f]), /* @__PURE__ */ B("div", { className: S, style: {
-    position: "relative",
-    width: "100%",
-    height: "100%",
-    backgroundColor: typeof F.background == "string" ? F.background : void 0,
-    ...i
-  }, children: /* @__PURE__ */ B("div", { ref: x, className: "pstdio-terminal", style: {
-    position: "absolute",
-    inset: 0
-  } }) });
+//#region src/components/terminal/bind-session.ts
+var c = (e, t, n = {}) => {
+	let r = [];
+	return r.push(t.onData((t) => e.write(t))), r.push(e.onInput((e) => {
+		t.write(e), n.onInput?.(e);
+	})), r.push(e.onResize(({ cols: e, rows: n }) => {
+		t.resize(e, n);
+	})), n.onExit && r.push(t.onExit(n.onExit)), n.onError && r.push(t.onError(n.onError)), () => {
+		for (; r.length > 0;) {
+			let e = r.pop();
+			try {
+				e?.();
+			} catch {}
+		}
+	};
+}, l = new TextEncoder(), u = (e) => typeof e == "string" ? l.encode(e) : e, d = (e) => e > 0 ? new Promise((t) => setTimeout(t, e)) : Promise.resolve(), f = (e) => [{ data: e.replace(/\r/g, "\r\n") }], p = (e, t) => {
+	t.data !== void 0 && e.emitData(u(t.data)), t.error !== void 0 && e.emitError({ message: t.error }), t.exit !== void 0 && e.emitExit({
+		code: t.exit.code,
+		signal: t.exit.signal ?? null
+	});
+}, m = async (e, t) => {
+	for (let n of t) {
+		if (e.isExited() || (await d(n.delayMs ?? 0), e.isExited())) return;
+		p(e, n);
+	}
+}, h = (e, t) => {
+	let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = !1, o = !1, s = {
+		isExited: () => a,
+		emitData(e) {
+			for (let t of n) t(e);
+		},
+		emitExit(e) {
+			if (!a) {
+				a = !0;
+				for (let t of r) t(e);
+			}
+		},
+		emitError(e) {
+			for (let t of i) t(e);
+		}
+	};
+	return { session: {
+		id: crypto.randomUUID(),
+		write(e) {
+			if (a) return;
+			let n = t(typeof e == "string" ? e : new TextDecoder().decode(e));
+			n && m(s, n);
+		},
+		resize(t, n) {
+			e.onResize?.({
+				cols: t,
+				rows: n
+			});
+		},
+		kill(t) {
+			a || (e.onKill?.(t), s.emitExit({
+				code: null,
+				signal: t ?? null
+			}));
+		},
+		onData(t) {
+			return n.add(t), !o && e.initial && (o = !0, m(s, e.initial)), () => n.delete(t);
+		},
+		onExit(e) {
+			return r.add(e), () => r.delete(e);
+		},
+		onError(e) {
+			return i.add(e), () => i.delete(e);
+		}
+	} };
+}, g = (e = {}) => {
+	let t = e.onInput ?? f;
+	return { async openSession(n) {
+		let { session: r } = h(e, t);
+		return r;
+	} };
+}, _ = {
+	cursorAccent: "#000000",
+	selectionForeground: void 0
+}, v = {
+	..._,
+	background: "#f4f4f5",
+	foreground: "#171717",
+	cursor: "#171717",
+	selectionBackground: "#d4d4d8",
+	black: "#27272a",
+	red: "#dc2626",
+	green: "#16a34a",
+	yellow: "#ca8a04",
+	blue: "#2563eb",
+	magenta: "#c026d3",
+	cyan: "#0891b2",
+	white: "#e4e4e7",
+	brightBlack: "#52525b",
+	brightRed: "#ef4444",
+	brightGreen: "#22c55e",
+	brightYellow: "#eab308",
+	brightBlue: "#3b82f6",
+	brightMagenta: "#d946ef",
+	brightCyan: "#06b6d4",
+	brightWhite: "#fafafa"
+}, y = {
+	..._,
+	background: "#0a0a0a",
+	foreground: "#fafafa",
+	cursor: "#fafafa",
+	selectionBackground: "#3f3f46",
+	black: "#27272a",
+	red: "#f87171",
+	green: "#4ade80",
+	yellow: "#facc15",
+	blue: "#60a5fa",
+	magenta: "#e879f9",
+	cyan: "#22d3ee",
+	white: "#e4e4e7",
+	brightBlack: "#52525b",
+	brightRed: "#fca5a5",
+	brightGreen: "#86efac",
+	brightYellow: "#fde047",
+	brightBlue: "#93c5fd",
+	brightMagenta: "#f0abfc",
+	brightCyan: "#67e8f9",
+	brightWhite: "#fafafa"
+}, b = {
+	light: v,
+	dark: y
+}, x = (e) => e ? typeof e == "string" ? b[e] : e : b.dark, S = (e) => JSON.stringify({
+	command: e.command,
+	cwd: e.cwd,
+	env: e.env ? Object.fromEntries(Object.entries(e.env).sort(([e], [t]) => e.localeCompare(t))) : void 0,
+	cols: e.cols,
+	rows: e.rows
+}), C = (e) => JSON.parse(e), w = (t) => {
+	let r = e(8), { bridge: a, request: o, killOnUnmount: s } = t, c = s === void 0 || s, l;
+	r[0] === o ? l = r[1] : (l = S(o), r[0] = o, r[1] = l);
+	let u = l, d;
+	r[2] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+		session: null,
+		status: "idle",
+		exit: null,
+		error: null
+	}, r[2] = d) : d = r[2];
+	let [f, p] = i(d), m, h;
+	return r[3] !== a || r[4] !== c || r[5] !== u ? (m = () => {
+		if (!a) {
+			p({
+				session: null,
+				status: "idle",
+				exit: null,
+				error: null
+			});
+			return;
+		}
+		let e = !1, t = null, n = "opening", r = [];
+		p({
+			session: null,
+			status: "opening",
+			exit: null,
+			error: null
+		});
+		let i = C(u);
+		return a.openSession(i).then((i) => {
+			if (e) {
+				c && i.kill();
+				return;
+			}
+			t = i, r.push(i.onExit((e) => {
+				n = "exited", p((t) => ({
+					...t,
+					status: "exited",
+					exit: e
+				}));
+			}), i.onError((e) => {
+				n = "error", p((t) => ({
+					...t,
+					status: "error",
+					error: e
+				}));
+			})), n = "open", p({
+				session: i,
+				status: "open",
+				exit: null,
+				error: null
+			});
+		}).catch((t) => {
+			if (e) return;
+			let r = t instanceof Error ? t.message : String(t);
+			n = "error", p({
+				session: null,
+				status: "error",
+				exit: null,
+				error: { message: r }
+			});
+		}), () => {
+			for (e = !0; r.length > 0;) r.pop()?.();
+			c && t && n !== "exited" && t.kill();
+		};
+	}, h = [
+		a,
+		u,
+		c
+	], r[3] = a, r[4] = c, r[5] = u, r[6] = m, r[7] = h) : (m = r[6], h = r[7]), n(m, h), f;
+}, T = "\"JetBrains Mono\", \"Fira Code\", Menlo, Consolas, monospace", E = 13, D = 80, O = 24, k = (e) => ({
+	...e,
+	cols: e?.cols ?? D,
+	rows: e?.rows ?? O
+}), A = (e) => {
+	let t = /* @__PURE__ */ new Set(), n = [], r = e.onData((e) => {
+		if (t.size === 0) {
+			n.push(e);
+			return;
+		}
+		for (let n of t) n(e);
+	});
+	return {
+		write(t) {
+			e.write(t);
+		},
+		onInput(e) {
+			for (t.add(e); n.length > 0;) e(n.shift());
+			return () => t.delete(e);
+		},
+		onResize(t) {
+			let n = e.onResize(t);
+			return () => n.dispose();
+		},
+		dispose() {
+			r.dispose(), t.clear(), n.length = 0;
+		}
+	};
+}, j = (e) => {
+	try {
+		e?.fit();
+	} catch {}
+}, M = (e, t) => {
+	t.resize(e.cols, e.rows);
+}, N = (e, t, n, r) => {
+	let i = c(t, n, { onExit: r.onSessionExit });
+	return M(e, n), r.onSessionOpen?.(n.id), i;
+}, P = (e, t, n, r) => N(e, t, n, {
+	onSessionOpen: (e) => r.onSessionOpen.current?.(e),
+	onSessionExit: (e) => r.onSessionExit.current?.(e)
+}), F = (e) => {
+	let { bridge: c, request: l, theme: u, fontFamily: d = T, fontSize: f = E, killOnUnmount: p = !0, autoFocus: m = !0, className: h, style: g, onSessionOpen: _, onSessionExit: v } = e, y = r(null), b = r(null), S = r(null), C = r(null), [M, N] = i(!1), F = r(null), I = r(_), L = r(v);
+	I.current = _, L.current = v, F.current ||= k(l);
+	let R = x(u);
+	n(() => {
+		let e = y.current;
+		if (!e) return;
+		let t, n, r, i, c, l = window.requestAnimationFrame(() => {
+			t = new s({
+				cols: D,
+				rows: O,
+				cursorBlink: !0,
+				convertEol: !0,
+				allowProposedApi: !0
+			});
+			let l = new a();
+			t.loadAddon(l), t.loadAddon(new o((e, t) => {
+				(e.ctrlKey || e.metaKey) && window.open(t, "_blank", "noopener,noreferrer");
+			})), t.open(e), n = A(t), b.current = t, S.current = l, C.current = n;
+			let u = () => j(l);
+			u(), r = window.requestAnimationFrame(u), i = window.setTimeout(u, 50), c = new ResizeObserver(u), c.observe(e), N(!0);
+		});
+		return () => {
+			window.cancelAnimationFrame(l), r !== void 0 && window.cancelAnimationFrame(r), i !== void 0 && window.clearTimeout(i), c?.disconnect(), n?.dispose(), t?.dispose(), b.current = null, S.current = null, C.current = null;
+		};
+	}, []), n(() => {
+		if (!M) return;
+		let e = b.current;
+		e && (e.options.theme = R, e.options.fontFamily = d, e.options.fontSize = f, j(S.current));
+	}, [
+		M,
+		R,
+		d,
+		f
+	]);
+	let { session: z } = w({
+		bridge: c,
+		request: F.current,
+		killOnUnmount: p
+	});
+	return n(() => {
+		if (!M) return;
+		let e = b.current, t = C.current;
+		if (!e || !t || !z) return;
+		j(S.current);
+		let n = window.requestAnimationFrame(() => j(S.current)), r = P(e, t, z, {
+			onSessionOpen: I,
+			onSessionExit: L
+		});
+		return () => {
+			window.cancelAnimationFrame(n), r();
+		};
+	}, [z, M]), n(() => {
+		M && m && b.current?.focus();
+	}, [m, M]), /* @__PURE__ */ t("div", {
+		className: h,
+		style: {
+			position: "relative",
+			width: "100%",
+			height: "100%",
+			backgroundColor: typeof R.background == "string" ? R.background : void 0,
+			...g
+		},
+		children: /* @__PURE__ */ t("div", {
+			ref: y,
+			className: "pstdio-terminal",
+			style: {
+				position: "absolute",
+				inset: 0
+			}
+		})
+	});
 };
-export {
-  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
+//#endregion
+export { F as Terminal, c as bindSessionToSink, g as createScriptedTerminalBridge, y as darkTerminalTheme, v as lightTerminalTheme, x as resolveTerminalTheme, b as terminalThemes, w as useTerminalSession };
+
+//# sourceMappingURL=terminal.js.map