@camera.ui/server 2.1.12 → 2.1.14-beta.0

package/dist/interface/ha/Logs-CLFhW1xq.js

@@ -0,0 +1,418 @@
+import { B as e, Dt as t, F as n, H as r, M as i, N as a, Wt as o, Y as ee, _t as s, d as c, g as te, gt as l, kt as u, l as d, lt as f, ot as p, p as m, qt as ne, rt as h, u as g, ut as re, x as _, xt as v, y } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as ie } from "./tooltip-BIrD_hC8.js";
+import { Br as b, Dn as ae, Jt as x, W as oe, Yt as S, gi as C, gt as w, hr as T, qt as se } from "./api-CWJkvtnM.js";
+import { F as ce } from "./protocol-BB4jdtUC-K1r3LFCq.js";
+import { r as le } from "./pinia-3D39Do4a.js";
+import { n as ue } from "./vue-i18n-Dcb07o5U.js";
+import { t as de } from "./button-BlYuI0Q7.js";
+import { n as fe, t as pe } from "./inputicon-6-vaPLbw.js";
+import { t as me } from "./inputtext-DGIESrd0.js";
+import { t as he } from "./speeddial-Dv9txWte.js";
+import { o as ge, s as _e, t as ve } from "./plugins-dkWbXWVM.js";
+import { t as ye } from "./search-CoOsbgeb.js";
+import { t as E } from "./content-copy-DpPXKtKE.js";
+import { t as D } from "./CuiConsole-DOnyBSL7.js";
+import { t as O } from "./useLogsSocket-CWUE-KXV.js";
+import { i as k, n as A } from "./server-CKJKoFfg.js";
+import { t as j } from "./back-filled-Cxzg5vQg.js";
+import { n as M, t as N } from "./zoom-in-CNVB9H3D.js";
+import { n as P, t as be } from "./CuiTopNavbarItem-BXoda5eM.js";
+import { t as xe } from "./arrow-left-DkvcResi.js";
+import { t as Se } from "./trash-2-C4zSCZfs.js";
+//#region ~icons/carbon/down-to-bottom
+var F = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function I(e, t) {
+	return r(), m("svg", F, [...t[0] ||= [g("path", {
+		fill: "currentColor",
+		d: "M16 18L6 8l1.4-1.4l8.6 8.6l8.6-8.6L26 8zM4 22h24v2H4z"
+	}, null, -1)]]);
+}
+var Ce = s({
+	name: "carbon-down-to-bottom",
+	render: I
+}), L = {
+	viewBox: "0 0 20 20",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, t) {
+	return r(), m("svg", L, [...t[0] ||= [g("path", {
+		fill: "currentColor",
+		"fill-rule": "evenodd",
+		d: "M3 17a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m3.293-7.707a1 1 0 0 1 1.414 0L9 10.586V3a1 1 0 1 1 2 0v7.586l1.293-1.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
+}
+var we = s({
+	name: "heroicons-solid-download",
+	render: R
+}), Te = { class: "h-full w-full dark-mode relative" }, Ee = { class: "relative w-6 h-6" }, De = 5e3, z = /* @__PURE__ */ _({
+	__name: "Logs",
+	props: {
+		navbarWidth: { default: 0 },
+		navbarLeft: { default: 0 }
+	},
+	setup(s) {
+		let _ = new se(), F = new ve(), I = s, { t: L } = ue(), R = w(), z = C(), Oe = b(), { uiSettings: B } = le(Oe), { data: ke } = _.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), { data: Ae } = F.getPluginsQuery({
+			page: 1,
+			pageSize: -1
+		}), V = [
+			{
+				id: "server",
+				label: "Server"
+			},
+			{
+				id: "go2rtc",
+				label: "go2rtc"
+			},
+			{
+				id: "nats",
+				label: "nats"
+			},
+			{
+				id: "tunnel",
+				label: "tunnel"
+			}
+		], { navbarWidth: je, navbarLeft: Me } = t(I), H = h("consoleRef"), U = h("menuRef"), W = h("mobileSearchInput"), G = v({ kind: "all" }), K = v(""), q = v([]), J = v(!1), Y = v(!1), Ne = d(() => je.value + Me.value), Pe = d(() => G.value.kind === "all" ? "all" : G.value.id), Fe = d(() => {
+			let e = G.value;
+			return e.kind === "all" ? "All" : e.kind === "system" ? V.find((t) => t.id === e.id)?.label ?? e.id ?? "" : e.id ?? "";
+		}), Ie = d(() => {
+			let e = [], t = (e, t, n) => ({
+				key: `${e.kind}:${e.id ?? ""}`,
+				label: t,
+				group: n,
+				active: Ve(e),
+				onClick: () => He(e)
+			});
+			e.push(t({ kind: "all" }, "All"));
+			for (let n of V) e.push(t({
+				kind: "system",
+				id: n.id
+			}, n.label, L("views.logs.groups.system")));
+			let n = L("views.logs.groups.plugins");
+			for (let r of Ae.value?.result ?? []) e.push(t({
+				kind: "plugin",
+				id: r.pluginName
+			}, r.pluginName, n));
+			let r = L("views.logs.groups.cameras");
+			for (let n of ke.value?.result ?? []) e.push(t({
+				kind: "camera",
+				id: n.name
+			}, n.name, r));
+			return e;
+		}), Le = d(() => ({ fontSize: B.value.console.zoom }));
+		function X() {
+			J.value = !0, a(() => {
+				W.value?.$el?.focus();
+			});
+		}
+		function Re() {
+			J.value = !1, K.value = "";
+		}
+		function Z(e, t) {
+			return !t.trim() || e.replace(/\x1b\[[0-9;]*m/g, "").toLowerCase().includes(t.toLowerCase());
+		}
+		function Q() {
+			q.value = [], H.value?.clearTerminal();
+		}
+		function ze() {
+			if (H.value) {
+				H.value.clearTerminal();
+				for (let e of q.value) Z(e, K.value) && H.value.writeTerminal(e);
+			}
+		}
+		let Be = ce(ze, 300);
+		function Ve(e) {
+			return G.value.kind === e.kind && G.value.id === e.id;
+		}
+		function He(e) {
+			G.value = e, Q(), $.switchSource(e);
+		}
+		let $ = O({
+			onStdout: (e) => {
+				let t = e.split(/(?<=\r?\n)/);
+				for (let e of t) e.trim() && q.value.push(e);
+				q.value.length > De && (q.value = q.value.slice(-5e3)), Z(e, K.value) && H.value?.writeTerminal(e);
+			},
+			onDisconnect: () => H.value?.writeTerminal("\r\nWebsocket failed to connect! Is the server running?\r\n\r\n"),
+			onClearLog: (e) => {
+				e === Pe.value && Q();
+			},
+			onReconnected: () => {
+				Q(), H.value?.writeTerminal("--- Reconnected ---\r\n\r\n");
+			}
+		});
+		async function Ue() {
+			Y.value = !0;
+			try {
+				let e = G.value;
+				e.kind === "camera" && e.id ? (await x({ cameraname: e.id }), Q()) : e.kind === "plugin" && e.id ? (await ge({ pluginName: e.id }), Q()) : await A(e.kind === "system" ? e.id : void 0), z.add({
+					severity: "success",
+					detail: L("components.toast.log_cleared"),
+					life: 3e3
+				});
+			} finally {
+				Y.value = !1;
+			}
+		}
+		async function We() {
+			Y.value = !0;
+			try {
+				let e = G.value, t = new AbortController(), n, r;
+				if (e.kind === "camera" && e.id) n = await S({
+					cameraname: e.id,
+					signal: t.signal
+				}), r = `camera.ui.${e.id}.log.txt`;
+				else if (e.kind === "plugin" && e.id) n = await _e({
+					pluginName: e.id,
+					signal: t.signal
+				}), r = `camera.ui.${e.id}.log.txt`;
+				else {
+					let i = e.kind === "system" ? e.id : "all";
+					n = await k({
+						signal: t.signal,
+						source: i
+					}), r = i && i !== "all" ? `${i}.log.txt` : "camera.ui.log.txt";
+				}
+				await T({
+					blob: new Blob([n]),
+					filename: r,
+					mimeType: "text/plain"
+				});
+			} finally {
+				Y.value = !1;
+			}
+		}
+		function Ge() {
+			B.value.console.zoom !== 20 && B.value.console.zoom++;
+		}
+		function Ke() {
+			B.value.console.zoom !== 8 && B.value.console.zoom--;
+		}
+		let qe = v([
+			{
+				label: L("components.form.tooltip.download"),
+				icon: we,
+				buttonProps: { severity: "success" },
+				command: () => {
+					We();
+				}
+			},
+			{
+				label: L("components.form.tooltip.delete"),
+				icon: Se,
+				buttonProps: { severity: "danger" },
+				command: () => {
+					R.openTextDialog({
+						data: {
+							title: L("components.dialog.title.confirm"),
+							contentText: L("components.dialog.message.confirm_clear_log"),
+							confirmText: L("components.form.button.clear"),
+							confirmButtonProps: { severity: "danger" }
+						},
+						onConfirm: Ue
+					});
+				}
+			},
+			{
+				label: L("components.form.tooltip.copy_all"),
+				icon: E,
+				command: () => {
+					H.value?.copyAll();
+				}
+			},
+			{
+				label: L("components.form.tooltip.zoom_out"),
+				icon: M,
+				command: () => {
+					Ke();
+				}
+			},
+			{
+				label: L("components.form.tooltip.zoom_in"),
+				icon: N,
+				command: () => {
+					Ge();
+				}
+			}
+		]);
+		return p(K, () => {
+			Be();
+		}), n(() => {
+			$.connect(), $.switchSource({ kind: "all" });
+		}), e(() => {
+			$.disconnect();
+		}), (e, t) => {
+			let n = j, a = de, s = oe, d = xe, p = be, h = ye, _ = pe, v = me, b = fe, x = P, S = he, C = Ce, w = ae, T = ie;
+			return r(), m("div", Te, [
+				y(s, { position: "left" }, {
+					default: f(() => [y(a, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: f(() => [y(n, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				y(x, {
+					"left-offset": u(Ne),
+					animate: ""
+				}, te({ _: 2 }, [
+					u(J) ? {
+						name: "full",
+						fn: f(() => [y(p, {
+							class: "sm:hidden",
+							onClick: Re
+						}, {
+							icon: f(() => [y(d, { class: "text-sm" })]),
+							_: 1
+						}), y(b, { class: "w-full sm:hidden" }, {
+							default: f(() => [y(_, null, {
+								default: f(() => [y(h, { class: "text-sm" })]),
+								_: 1
+							}), y(v, {
+								ref_key: "mobileSearchInput",
+								ref: W,
+								modelValue: u(K),
+								"onUpdate:modelValue": t[1] ||= (e) => l(K) ? K.value = e : null,
+								placeholder: u(L)("components.form.placeholder.search"),
+								class: "text-xs h-8 w-full"
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						})]),
+						key: "0"
+					} : void 0,
+					u(J) ? void 0 : {
+						name: "left",
+						fn: f(() => [y(p, {
+							type: "dropdown",
+							label: u(Fe),
+							"menu-open": u(U)?.isOpen,
+							onClick: t[2] ||= (e) => u(U)?.toggleMenu(e)
+						}, null, 8, ["label", "menu-open"])]),
+						key: "1"
+					},
+					u(J) ? void 0 : {
+						name: "right",
+						fn: f(() => [y(p, {
+							class: "sm:hidden",
+							onClick: X
+						}, {
+							icon: f(() => [y(h, { class: "text-sm" })]),
+							_: 1
+						}), y(b, { class: "hidden sm:flex" }, {
+							default: f(() => [y(_, null, {
+								default: f(() => [y(h, { class: "text-sm" })]),
+								_: 1
+							}), y(v, {
+								modelValue: u(K),
+								"onUpdate:modelValue": t[3] ||= (e) => l(K) ? K.value = e : null,
+								placeholder: u(L)("components.form.placeholder.search"),
+								class: "text-xs h-8 w-40"
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						})]),
+						key: "2"
+					}
+				]), 1032, ["left-offset"]),
+				g("div", {
+					class: "w-full h-full flex relative",
+					style: ne({ paddingTop: `${u(55)}px` })
+				}, [y(D, {
+					ref_key: "consoleRef",
+					ref: H,
+					options: u(Le),
+					onResize: u($).reportSize
+				}, null, 8, ["options", "onResize"])], 4),
+				y(S, {
+					model: u(qe),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					class: "absolute right-3 bottom-3 z-11",
+					pt: { root: { style: "pointer-events: none" } }
+				}, {
+					button: f(({ visible: e, toggleCallback: t }) => [y(a, {
+						severity: "secondary",
+						class: o(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto", { "opacity-100": e }]),
+						rounded: "",
+						loading: u(Y),
+						onClick: t
+					}, {
+						icon: f(() => [g("div", Ee, [
+							g("div", {
+								class: o(["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),
+							g("div", {
+								class: o(["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),
+							g("div", {
+								class: o(["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",
+						"loading",
+						"onClick"
+					])]),
+					item: f(({ item: e, toggleCallback: t }) => [re((r(), c(a, i({
+						loading: u(Y),
+						severity: "secondary"
+					}, e.buttonProps, {
+						rounded: "",
+						onClick: t
+					}), {
+						icon: f(() => [(r(), c(ee(e.icon)))]),
+						_: 2
+					}, 1040, ["loading", "onClick"])), [[T, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model"]),
+				y(a, {
+					class: o(["dark-mode opacity-40 transition absolute bottom-3 right-14 z-11 text-white", {
+						"!opacity-20": u(H)?.atBottom,
+						"hover:opacity-100 active:opacity-100 focus:opacity-100": !u(H)?.atBottom
+					}]),
+					rounded: "",
+					loading: u(Y),
+					disabled: u(H)?.atBottom,
+					onClick: u(H)?.scrollToBottom
+				}, {
+					icon: f(() => [y(C, { class: "text-white" })]),
+					_: 1
+				}, 8, [
+					"class",
+					"loading",
+					"disabled",
+					"onClick"
+				]),
+				y(w, {
+					ref_key: "menuRef",
+					ref: U,
+					items: u(Ie),
+					dividers: "sections",
+					"max-height": "300px",
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+});
+//#endregion
+export { z as default };

package/dist/interface/ha/Menu-D7QTRqMJ.js

@@ -0,0 +1,161 @@
+import { G as e, H as t, Jt as n, Y as r, _ as i, _t as a, d as o, f as s, kt as c, l, lt as u, p as d, q as f, r as p, u as m, v as h, x as g, y as _ } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { An as v, On as y, _ as b, dr as x, ii as S, m as C, sr as w } from "./api-CWJkvtnM.js";
+import { r as T } from "./pinia-3D39Do4a.js";
+import { n as E } from "./vue-i18n-Dcb07o5U.js";
+import { t as D } from "./information-outline-DIdNxPCN.js";
+import { n as O, t as k } from "./useNavLayout-BqpyvD2F.js";
+import { t as A } from "./CuiList-C45psxFZ.js";
+//#region ~icons/tabler/power
+var j = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function M(e, n) {
+	return t(), d("svg", j, [...n[0] ||= [m("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M7 6a7.75 7.75 0 1 0 10 0m-5-2v8"
+	}, null, -1)]]);
+}
+var N = a({
+	name: "tabler-power",
+	render: M
+}), P = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function F(e, n) {
+	return t(), d("svg", P, [...n[0] ||= [m("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "1.5",
+		d: "M17 20V4m0 0l3 3m-3-3l-3 3M7 4v16m0 0l3-3m-3 3l-3-3"
+	}, null, -1)]]);
+}
+var I = a({
+	name: "iconoir-data-transfer-both",
+	render: F
+}), L = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, n) {
+	return t(), d("svg", L, [...n[0] ||= [i("<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"M11 21H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v7\"></path><path stroke-linejoin=\"round\" d=\"M2 7h20M5 5.01l.01-.011M8 5.01l.01-.011M11 5.01l.01-.011m10.657 11.668C21.047 15.097 19.635 14 17.99 14c-1.758 0-3.252 1.255-3.793 3\"></path><path stroke-linejoin=\"round\" d=\"M19.995 16.772H21.4a.6.6 0 0 0 .6-.6V14.55m-7.666 4.783C14.953 20.903 16.366 22 18.01 22c1.758 0 3.252-1.255 3.793-3\"></path><path stroke-linejoin=\"round\" d=\"M16.005 19.228H14.6a.6.6 0 0 0-.6.6v1.622\"></path></g>", 1)]]);
+}
+var z = a({
+	name: "iconoir-reload-window",
+	render: R
+}), B = { class: "flex flex-col items-center py-8" }, V = { class: "mt-3 text-lg font-semibold" }, H = { class: "text-sm text-muted" }, U = { class: "card-title" }, W = { class: "px-4 mb-4" }, G = { class: "card-title" }, K = { class: "text-primary" }, q = /* @__PURE__ */ g({
+	__name: "Menu",
+	setup(i) {
+		let { t: a } = E(), { groups: g } = O(), j = C(), { user: M } = T(j), P = l(() => k.map((e) => ({
+			key: e,
+			items: L(g.value[e].map((e) => e.route))
+		})).filter((e) => e.items.length > 0)), F = l(() => L(b.filter((e) => (e.name === "Updates" || e.name === "Settings") && x(e))));
+		function L(e) {
+			return e.filter((e) => e.meta?.menu).map((e) => ({
+				to: e.path,
+				label: a(`navigation.${e.name.toLowerCase()}`),
+				icon: e.meta.menu.icon.default
+			}));
+		}
+		function R() {
+			window.location.reload();
+		}
+		async function q() {
+			await S();
+		}
+		return (i, a) => {
+			let l = y, g = f("RouterLink"), b = w, x = v, S = A, C = D, T = z, E = I, O = N;
+			return t(), d("div", null, [
+				m("section", B, [_(g, {
+					to: "/settings/account",
+					class: "flex flex-col items-center justify-center"
+				}, {
+					default: u(() => [
+						_(l, {
+							src: "avatar",
+							size: 80,
+							style: {
+								width: "80px",
+								height: "80px"
+							}
+						}),
+						m("div", V, n(c(M)?.username ?? "Unknown"), 1),
+						m("div", H, n(c(M)?.role ?? "user"), 1)
+					]),
+					_: 1
+				})]),
+				(t(!0), d(p, null, e(c(P), (a) => (t(), d("section", {
+					key: a.key,
+					class: "px-4 mb-4"
+				}, [m("span", U, n(i.$t(`navigation.group_${a.key}`)), 1), _(S, {
+					size: "large",
+					dividers: ""
+				}, {
+					default: u(() => [(t(!0), d(p, null, e(a.items, (e) => (t(), o(x, {
+						key: e.to,
+						to: e.to
+					}, {
+						prepend: u(() => [(t(), o(r(e.icon), { class: "w-5 h-5 text-muted" }))]),
+						append: u(() => [_(b, { class: "w-5 h-5 text-muted" })]),
+						default: u(() => [h(" " + n(e.label) + " ", 1)]),
+						_: 2
+					}, 1032, ["to"]))), 128))]),
+					_: 2
+				}, 1024)]))), 128)),
+				m("section", W, [m("span", G, n(i.$t("views.menu.section_actions")), 1), _(S, {
+					size: "large",
+					dividers: ""
+				}, {
+					default: u(() => [
+						(t(!0), d(p, null, e(c(F), (e) => (t(), o(x, {
+							key: e.to,
+							to: e.to
+						}, {
+							prepend: u(() => [(t(), o(r(e.icon), { class: "w-5 h-5 text-muted" }))]),
+							append: u(() => [_(b, { class: "w-5 h-5 text-muted" })]),
+							default: u(() => [h(" " + n(e.label) + " ", 1)]),
+							_: 2
+						}, 1032, ["to"]))), 128)),
+						_(x, { to: "/about" }, {
+							prepend: u(() => [_(C, { class: "w-5 h-5 text-muted" })]),
+							append: u(() => [_(b, { class: "w-5 h-5 text-muted" })]),
+							default: u(() => [h(" " + n(i.$t("navigation.about")) + " ", 1)]),
+							_: 1
+						}),
+						_(x, { onClick: R }, {
+							prepend: u(() => [_(T, { class: "w-5 h-5 text-muted" })]),
+							default: u(() => [h(" " + n(i.$t("views.menu.reload")), 1)]),
+							_: 1
+						}),
+						c(!1) ? (t(), o(x, {
+							key: 0,
+							onClick: q
+						}, {
+							prepend: u(() => [_(E, { class: "w-5 h-5 text-muted" })]),
+							default: u(() => [h(" " + n(i.$t("views.menu.switch_server")), 1)]),
+							_: 1
+						})) : s("", !0),
+						_(x, { onClick: a[0] ||= () => c(j).logout() }, {
+							prepend: u(() => [_(O, { class: "w-5 h-5 text-primary" })]),
+							default: u(() => [m("span", K, n(i.$t("views.menu.logout")), 1)]),
+							_: 1
+						})
+					]),
+					_: 1
+				})])
+			]);
+		};
+	}
+});
+//#endregion
+export { q as default };