@camera.ui/server 2.1.11 → 2.1.13

package/dist/interface/ha/Terminal-iQahUx9P.js

@@ -0,0 +1,631 @@
+import { f as e, m as t } from "./ripple-BilzxWfY.js";
+import { B as n, Dt as r, G as i, H as a, Jt as o, M as s, N as c, Wt as l, Y as u, _t as d, d as f, f as p, kt as m, l as h, lt as g, ot as _, p as v, qt as y, r as b, rt as x, u as S, ut as C, wt as w, x as T, xt as E, y as D, yt as O, z as ee } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as k } from "./tooltip-BIrD_hC8.js";
+import { Br as A, Er as j, W as te, f as M, vr as N } from "./api-CWJkvtnM.js";
+import { F as P } from "./protocol-BB4jdtUC-K1r3LFCq.js";
+import { C as F, _ as I, o as L } from "./intercomService-jB2mTgsn.js";
+import { r as R } from "./pinia-3D39Do4a.js";
+import { n as z } from "./vue-i18n-Dcb07o5U.js";
+import { R as B } from "./dist-Ca9_5rzq.js";
+import { t as V } from "./button-BlYuI0Q7.js";
+import { t as ne } from "./speeddial-Dv9txWte.js";
+import { a as H, i as U, n as W, r as re, t as ie } from "./xterm-B6xA6E5i.js";
+import { t as ae } from "./back-filled-Cxzg5vQg.js";
+import { t as G } from "./settings-EKkSQLzv.js";
+import { n as K, t as oe } from "./zoom-in-CNVB9H3D.js";
+import { n as se, t as ce } from "./CuiTopNavbarItem-BXoda5eM.js";
+import { t as le } from "./trash-2-C4zSCZfs.js";
+//#region ~icons/carbon/reset
+var q = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function ue(e, t) {
+	return a(), v("svg", q, [...t[0] ||= [S("path", {
+		fill: "currentColor",
+		d: "M18 28A12 12 0 1 0 6 16v6.2l-3.6-3.6L1 20l6 6l6-6l-1.4-1.4L8 22.2V16a10 10 0 1 1 10 10Z"
+	}, null, -1)]]);
+}
+var de = d({
+	name: "carbon-reset",
+	render: ue
+}), fe = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function J(e, t) {
+	return a(), v("svg", fe, [...t[0] ||= [S("path", {
+		fill: "currentColor",
+		d: "M17 15V8h-2v7H8v2h7v7h2v-7h7v-2z"
+	}, null, -1)]]);
+}
+var pe = d({
+	name: "carbon-add",
+	render: J
+}), me = /*#__PURE__*/ N(/* @__PURE__ */ T({
+	__name: "CuiTerminal",
+	props: {
+		autoConnect: {
+			type: Boolean,
+			default: !0
+		},
+		cwd: {},
+		shell: {},
+		options: { default: () => ({ fontSize: 14 }) },
+		inputTransform: {}
+	},
+	emits: [
+		"connected",
+		"disconnected",
+		"error"
+	],
+	setup(e, { expose: t, emit: i }) {
+		let o = e, s = i, { isConnected: l, isConnecting: u, isClientConnected: d, error: f, connect: p, write: m, resize: h, close: g } = B(), { options: y } = r(o), b = {
+			fontSize: 14,
+			scrollback: 5e3,
+			allowTransparency: !1,
+			disableStdin: !1,
+			cursorBlink: !0,
+			allowProposedApi: !0,
+			theme: { background: "#000000" }
+		}, S = {
+			"\x1B[A": "\x1BOA",
+			"\x1B[B": "\x1BOB",
+			"\x1B[C": "\x1BOC",
+			"\x1B[D": "\x1BOD",
+			"\x1B[H": "\x1BOH",
+			"\x1B[F": "\x1BOF"
+		}, C = x("terminalContainerRef"), T = w(null), E = null, D = null, O = null, k = null, A = I(C);
+		function j(e) {
+			l.value && m(o.inputTransform ? o.inputTransform(e) : e);
+		}
+		function te(e) {
+			T.value && T.value.write(e);
+		}
+		function M() {
+			if (!(!T.value || !E)) try {
+				E.fit();
+			} catch {}
+		}
+		function N() {
+			M(), l.value && T.value && h({
+				cols: T.value.cols,
+				rows: T.value.rows
+			});
+		}
+		function F() {
+			T.value && c(() => {
+				M(), T.value && (T.value.refresh(0, T.value.rows - 1), T.value.focus());
+			});
+		}
+		let L = P(N, 100);
+		function R(e) {
+			if (e) try {
+				e.dispose();
+			} catch {}
+		}
+		function z() {
+			C.value && (T.value = new ie({
+				...b,
+				...y.value
+			}), E = new H(), k = new W(), D = new U(), O = new re(), T.value.loadAddon(D), T.value.loadAddon(O), T.value.loadAddon(k), T.value.loadAddon(E), T.value.open(C.value), T.value.onData(j), T.value.onResize(({ cols: e, rows: t }) => {
+				l.value && h({
+					cols: e,
+					rows: t
+				});
+			}), k.onContextLoss(() => {
+				R(k), k = null;
+			}), N());
+		}
+		async function V() {
+			T.value && await p({
+				cols: T.value.cols,
+				rows: T.value.rows,
+				cwd: o.cwd,
+				shell: o.shell,
+				onData: te,
+				onClose: () => {
+					T.value?.write("\r\n\x1B[33mSession closed.\x1B[0m\r\n");
+				},
+				onError: (e) => {
+					s("error", e);
+				}
+			});
+		}
+		async function ne() {
+			await g();
+		}
+		function ae() {
+			T.value?.clear();
+		}
+		function G() {
+			T.value?.focus();
+		}
+		function K(e) {
+			T.value?.modes.applicationCursorKeysMode && (e = S[e] ?? e), j(e);
+		}
+		return _(y, () => {
+			T.value && (T.value.options = {
+				...b,
+				...y.value
+			}, L());
+		}, { deep: !0 }), _(l, (e) => {
+			e ? (s("connected"), c(() => T.value?.focus())) : s("disconnected");
+		}), _([A.height, A.width], () => {
+			L();
+		}), ee(() => {
+			z(), o.autoConnect && V();
+		}), n(() => {
+			g(), R(E), R(k), R(D), R(O), R(T.value);
+		}), t({
+			connect: V,
+			disconnect: ne,
+			clear: ae,
+			focus: G,
+			resize: N,
+			refresh: F,
+			sendInput: K,
+			isConnected: l,
+			isConnecting: u,
+			isClientConnected: d,
+			error: f,
+			term: T
+		}), (e, t) => (a(), v("div", {
+			ref_key: "terminalContainerRef",
+			ref: C,
+			class: "cui-terminal w-full h-full bg-black overflow-hidden p-2 min-w-0"
+		}, null, 512));
+	}
+}), [["__scopeId", "data-v-82bcb47c"]]), Y = [
+	{
+		id: "esc",
+		label: "Esc",
+		sequence: "\x1B"
+	},
+	{
+		id: "tab",
+		label: "Tab",
+		sequence: "	"
+	},
+	{
+		id: "ctrl",
+		label: "Ctrl",
+		sequence: "",
+		modifier: !0
+	},
+	{
+		id: "alt",
+		label: "Alt",
+		sequence: "",
+		modifier: !0
+	},
+	{
+		id: "home",
+		label: "Home",
+		sequence: "\x1B[H"
+	},
+	{
+		id: "end",
+		label: "End",
+		sequence: "\x1B[F"
+	},
+	{
+		id: "up",
+		label: "↑",
+		sequence: "\x1B[A"
+	},
+	{
+		id: "down",
+		label: "↓",
+		sequence: "\x1B[B"
+	},
+	{
+		id: "left",
+		label: "←",
+		sequence: "\x1B[D"
+	},
+	{
+		id: "right",
+		label: "→",
+		sequence: "\x1B[C"
+	},
+	{
+		id: "pgup",
+		label: "PgUp",
+		sequence: "\x1B[5~"
+	},
+	{
+		id: "pgdn",
+		label: "PgDn",
+		sequence: "\x1B[6~"
+	},
+	{
+		id: "del",
+		label: "Del",
+		sequence: "\x1B[3~"
+	},
+	{
+		id: "slash",
+		label: "/",
+		sequence: "/"
+	},
+	{
+		id: "dash",
+		label: "-",
+		sequence: "-"
+	},
+	{
+		id: "pipe",
+		label: "|",
+		sequence: "|"
+	},
+	{
+		id: "tilde",
+		label: "~",
+		sequence: "~"
+	},
+	{
+		id: "underscore",
+		label: "_",
+		sequence: "_"
+	}
+], X = [
+	"tab",
+	"ctrl",
+	"up",
+	"down",
+	"left",
+	"right"
+], Z = {
+	a: "
",
+	b: "",
+	c: "",
+	d: "",
+	e: "",
+	f: "",
+	g: "\x07",
+	h: "\b",
+	i: "	",
+	j: "\n",
+	k: "\v",
+	l: "\f",
+	m: "\r",
+	n: "",
+	o: "",
+	p: "",
+	q: "",
+	r: "",
+	s: "",
+	t: "",
+	u: "",
+	v: "",
+	w: "",
+	x: "",
+	y: "",
+	z: ""
+}, he = ["onPointerdown"], Q = {
+	key: 0,
+	class: "flex flex-wrap gap-1.5 px-2 py-2 bg-black/90 border-t border-white/10"
+}, ge = ["onClick"], _e = /*#__PURE__*/ N(/* @__PURE__ */ T({
+	__name: "CuiTerminalToolbar",
+	emits: ["send"],
+	setup(e, { expose: n, emit: r }) {
+		let s = r, { smBreakpoint: c } = j(), u = Y, d = F("cui-terminal-toolbar-keys", X), f = E(!1), g = O(/* @__PURE__ */ new Set()), _ = h(() => d.value.map((e) => u.find((t) => t.id === e)).filter(Boolean));
+		function y(e) {
+			if (g.has("ctrl") && e.length === 1) {
+				let t = Z[e.toLowerCase()];
+				if (t) return t;
+			}
+			return g.has("alt") && e.length === 1 ? `\x1b${e}` : e;
+		}
+		function x(e) {
+			if (e.modifier) {
+				g.has(e.id) ? g.delete(e.id) : g.add(e.id);
+				return;
+			}
+			let t = y(e.sequence);
+			s("send", t), g.clear();
+		}
+		function C(e) {
+			let t = d.value.indexOf(e);
+			t >= 0 ? d.value.splice(t, 1) : d.value.push(e);
+		}
+		return n({
+			activeModifiers: g,
+			applyModifiers: y
+		}), (e, n) => {
+			let r = G;
+			return a(), v("div", null, [S("div", { class: l(["cui-terminal-toolbar flex items-center gap-1 px-2 py-1.5 bg-black/80 border-t border-white/10 overflow-x-auto no-scrollbar", { "pt-3": !m(c) }]) }, [(a(!0), v(b, null, i(m(_), (e) => (a(), v("button", {
+				key: e.id,
+				class: l(["toolbar-key flex-shrink-0 px-2.5 py-1.5 rounded text-xs font-mono select-none transition-colors duration-100 border min-w-[32px] text-center cursor-pointer", {
+					"bg-white/20 border-white/30 text-white": e.modifier && m(g).has(e.id),
+					"bg-white/5 border-white/10 text-white/70 hover:bg-white/15 hover:text-white active:bg-white/25": !(e.modifier && m(g).has(e.id))
+				}]),
+				onPointerdown: t((t) => x(e), ["prevent"])
+			}, o(e.label), 43, he))), 128)), S("button", {
+				class: l(["toolbar-key flex-shrink-0 px-2 py-1.5 rounded text-xs select-none transition-colors duration-100 border ml-auto", {
+					"bg-white/20 border-white/30 text-white": m(f),
+					"bg-white/5 border-white/10 text-white/50 hover:bg-white/15 hover:text-white": !m(f)
+				}]),
+				onPointerdown: n[0] ||= t((e) => f.value = !m(f), ["prevent"])
+			}, [D(r, { class: "w-3.5 h-3.5" })], 34)], 2), m(f) ? (a(), v("div", Q, [(a(!0), v(b, null, i(m(u), (e) => (a(), v("button", {
+				key: e.id,
+				class: l(["px-2.5 py-1 rounded text-xs font-mono select-none transition-colors duration-100 border", {
+					"bg-white/20 border-white/30 text-white": m(d).includes(e.id),
+					"bg-white/5 border-white/10 text-white/30": !m(d).includes(e.id)
+				}]),
+				onClick: (t) => C(e.id)
+			}, o(e.label), 11, ge))), 128))])) : p("", !0)]);
+		};
+	}
+}), [["__scopeId", "data-v-e111c595"]]), ve = { class: "h-full w-full dark-mode relative overflow-hidden" }, ye = { class: "relative w-6 h-6" }, $ = /* @__PURE__ */ T({
+	__name: "Terminal",
+	props: {
+		navbarWidth: { default: 0 },
+		navbarLeft: { default: 0 }
+	},
+	setup(t) {
+		let o = t, d = L(), { t: p } = z(), _ = A(), { uiSettings: w } = R(_), { navbarWidth: T, navbarLeft: O } = r(o), j = x("toolbar"), N = E([]), P = E(""), F = E(0), B = /* @__PURE__ */ new Map(), H = window.innerHeight, U = 0, W = I(j), re = h(() => T.value + O.value), ie = h(() => {
+			let e = document.getElementById("container");
+			return e && parseFloat(getComputedStyle(e).paddingBottom) || 0;
+		}), G = h(() => F.value <= 0 ? 0 : Math.max(0, F.value - ie.value)), q = h(() => N.value.find((e) => e.id === P.value)), ue = h(() => ({ fontSize: w.value.console.zoom })), fe = E([
+			{
+				label: p("components.form.tooltip.clear"),
+				icon: le,
+				buttonProps: { severity: "danger" },
+				command: () => {
+					Q()?.clear();
+				}
+			},
+			{
+				label: p("components.form.tooltip.zoom_out"),
+				icon: K,
+				command: () => {
+					ke();
+				}
+			},
+			{
+				label: p("components.form.tooltip.zoom_in"),
+				icon: oe,
+				command: () => {
+					Oe();
+				}
+			}
+		]);
+		function J() {
+			H = window.innerHeight, Y();
+		}
+		function Y() {
+			let e = window.visualViewport;
+			if (!e) return;
+			let t = Math.max(0, H - e.height - e.offsetTop);
+			t !== F.value && (F.value = t, Z(t > 0));
+		}
+		function X(e) {
+			e.target?.closest?.(".cui-terminal-toolbar") || e.preventDefault();
+		}
+		function Z(e) {
+			e ? (document.addEventListener("touchmove", X, { passive: !1 }), document.documentElement.style.overscrollBehavior = "none") : (document.removeEventListener("touchmove", X), document.documentElement.style.overscrollBehavior = "");
+		}
+		function he(e, t) {
+			t ? B.set(e, t) : B.delete(e);
+		}
+		function Q() {
+			return B.get(P.value);
+		}
+		function ge() {
+			return U++, {
+				id: M(12),
+				name: `Terminal ${U}`,
+				isConnected: !1,
+				isConnecting: !0
+			};
+		}
+		function $() {
+			let e = ge();
+			N.value.push(e), P.value = e.id;
+		}
+		async function be(e) {
+			let t = N.value.findIndex((t) => t.id === e);
+			if (t === -1) return;
+			let n = B.get(e);
+			if (n && await n.disconnect(), N.value.splice(t, 1), B.delete(e), P.value === e && N.value.length > 0) {
+				let e = Math.min(t, N.value.length - 1);
+				P.value = N.value[e].id, c(() => {
+					Q()?.refresh();
+				});
+			}
+		}
+		function xe(e) {
+			P.value = e, c(() => {
+				B.get(e)?.refresh();
+			});
+		}
+		function Se(e) {
+			if (!j.value?.activeModifiers?.size) return e;
+			let t = j.value.applyModifiers(e);
+			return j.value.activeModifiers.clear(), t;
+		}
+		function Ce(e) {
+			Q()?.sendInput(e);
+		}
+		async function we() {
+			let e = Q();
+			e && (await e.disconnect(), await e.connect());
+		}
+		function Te(e) {
+			let t = N.value.find((t) => t.id === e);
+			t && (t.isConnected = !0, t.isConnecting = !1), e === P.value && c(() => {
+				Q()?.refresh();
+			});
+		}
+		function Ee(e) {
+			let t = N.value.find((t) => t.id === e);
+			t && (t.isConnected = !1, t.isConnecting = !1);
+		}
+		function De(e, t) {
+			d.error(`Terminal ${e} error:`, t);
+			let n = N.value.find((t) => t.id === e);
+			n && (n.isConnected = !1, n.isConnecting = !1);
+		}
+		function Oe() {
+			w.value.console.zoom !== 20 && (w.value.console.zoom++, c(() => {
+				Q()?.resize();
+			}));
+		}
+		function ke() {
+			w.value.console.zoom !== 8 && (w.value.console.zoom--, c(() => {
+				Q()?.resize();
+			}));
+		}
+		return ee(() => {
+			window.addEventListener("resize", J);
+			let e = window.visualViewport;
+			e && (e.addEventListener("resize", Y), e.addEventListener("scroll", Y)), $();
+		}), n(() => {
+			window.removeEventListener("resize", J);
+			let e = window.visualViewport;
+			e && (e.removeEventListener("resize", Y), e.removeEventListener("scroll", Y)), Z(!1);
+		}), (t, n) => {
+			let r = ae, o = V, c = te, d = ce, h = pe, _ = se, x = ne, w = de, T = k;
+			return a(), v("div", ve, [
+				D(c, { position: "left" }, {
+					default: g(() => [D(o, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: n[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: g(() => [D(r, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				D(_, {
+					scrollable: "",
+					"left-offset": m(re),
+					animate: ""
+				}, {
+					left: g(() => [(a(!0), v(b, null, i(m(N), (e) => (a(), f(d, {
+						key: e.id,
+						type: "tab",
+						label: e.name,
+						active: m(P) === e.id,
+						status: e.isConnected ? "connected" : e.isConnecting ? "connecting" : "disconnected",
+						closeable: m(N).length > 1,
+						onClick: (t) => xe(e.id),
+						onClose: (t) => be(e.id)
+					}, null, 8, [
+						"label",
+						"active",
+						"status",
+						"closeable",
+						"onClick",
+						"onClose"
+					]))), 128)), C((a(), f(d, {
+						type: "button",
+						onClick: $
+					}, {
+						icon: g(() => [D(h, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[T, m(p)("views.terminal.new_tab")]])]),
+					_: 1
+				}, 8, ["left-offset"]),
+				S("div", {
+					class: "w-full flex flex-col relative",
+					style: y({
+						paddingTop: `${m(55)}px`,
+						height: `calc(100% - ${m(G)}px)`,
+						transition: "height 150ms ease-out"
+					})
+				}, [S("div", { class: l(["flex-1 relative min-h-0 overflow-hidden", { "pb-1": m(F) > 0 }]) }, [(a(!0), v(b, null, i(m(N), (t) => C((a(), f(me, {
+					key: t.id,
+					ref_for: !0,
+					ref: (e) => he(t.id, e),
+					options: m(ue),
+					"input-transform": Se,
+					"auto-connect": "",
+					onConnected: () => Te(t.id),
+					onDisconnected: () => Ee(t.id),
+					onError: (e) => De(t.id, e)
+				}, null, 8, [
+					"options",
+					"onConnected",
+					"onDisconnected",
+					"onError"
+				])), [[e, m(P) === t.id]])), 128))], 2), D(_e, {
+					ref_key: "toolbar",
+					ref: j,
+					onSend: Ce
+				}, null, 512)], 4),
+				D(x, {
+					model: m(fe),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					class: "absolute right-3 z-11",
+					pt: { root: { style: "pointer-events: none" } },
+					style: y({
+						bottom: `calc(0.75rem + ${m(W).height.value}px + ${m(G)}px)`,
+						transition: "bottom 150ms ease-out"
+					})
+				}, {
+					button: g(({ visible: e, toggleCallback: t }) => [D(o, {
+						severity: "secondary",
+						class: l(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto", { "opacity-100": e }]),
+						rounded: "",
+						onClick: t
+					}, {
+						icon: g(() => [S("div", ye, [
+							S("div", {
+								class: l(["absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							S("div", {
+								class: l(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							S("div", {
+								class: l(["absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2)
+						])]),
+						_: 2
+					}, 1032, ["class", "onClick"])]),
+					item: g(({ item: e, toggleCallback: t }) => [C((a(), f(o, s({ severity: "secondary" }, e.buttonProps, {
+						rounded: "",
+						onClick: t
+					}), {
+						icon: g(() => [(a(), f(u(e.icon)))]),
+						_: 2
+					}, 1040, ["onClick"])), [[T, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"]),
+				C((a(), f(o, {
+					class: l(["opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition absolute right-14 z-11", { "!opacity-20 pointer-events-none": m(q)?.isConnected || m(q)?.isConnecting }]),
+					style: y({
+						bottom: `calc(0.75rem + ${m(W).height.value}px + ${m(G)}px)`,
+						transition: "bottom 150ms ease-out"
+					}),
+					rounded: "",
+					disabled: m(q)?.isConnected || m(q)?.isConnecting,
+					onClick: we
+				}, {
+					icon: g(() => [D(w, { class: "text-white" })]),
+					_: 1
+				}, 8, [
+					"class",
+					"style",
+					"disabled"
+				])), [[T, m(p)("views.terminal.reconnect")]])
+			]);
+		};
+	}
+});
+//#endregion
+export { $ as default };