@camera.ui/server 2.4.4 → 2.4.5

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

@@ -0,0 +1,417 @@
+import { B as e, F as t, H as n, J as r, Kt as i, M as ee, N as a, Ot as o, St as s, Y as te, Yt as ne, d as c, g as re, gt as l, jt as u, l as d, lt as f, ot as p, p as m, rt as h, u as g, ut as ie, vt as _, x as v, y } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Gn as b, Kn as x, Qi as S, Si as C, Zn as w, ei as T, mt as ae, nr as oe, qn as se } from "./api-BMAjMZXW.js";
+import { L as ce } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { r as le } from "./pinia-DIpX3XWh.js";
+import { n as ue } from "./vue-i18n-DzDRu5NH.js";
+import { t as de } from "./CuiButton-CGAd8xvo.js";
+import { n as fe, t as pe } from "./inputicon-Cv_r9VoH.js";
+import { t as me } from "./inputtext-CMGQjYbf.js";
+import { t as he } from "./speeddial-B6DjLoHz.js";
+import { o as ge, s as _e, t as ve } from "./plugins-BnbAa3my.js";
+import { t as ye } from "./search-BFDoeYxq.js";
+import { t as E } from "./content-copy-1iMHvyby.js";
+import { t as D } from "./CuiConsole-CJo8fDL5.js";
+import { t as O } from "./useLogsSocket-DsC5xvkg.js";
+import { i as k, n as A } from "./server-BlJ93-Hs.js";
+import { t as j } from "./back-filled-DHF_824p.js";
+import { n as M, t as N } from "./zoom-in-BxVI20mm.js";
+import { n as P, t as be } from "./CuiTopNavbarItem-BO_G31I3.js";
+import { t as xe } from "./arrow-left-HFL3O4-0.js";
+import { t as Se } from "./trash-2-DJdLdK3O.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 n(), 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 = _({
+	name: "carbon-down-to-bottom",
+	render: I
+}), L = {
+	viewBox: "0 0 20 20",
+	width: "1.2em",
+	height: "1.2em"
+};
+function R(e, t) {
+	return n(), 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 = _({
+	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__ */ v({
+	__name: "Logs",
+	props: {
+		navbarWidth: { default: 0 },
+		navbarLeft: { default: 0 }
+	},
+	setup(_) {
+		let v = new b(), F = new ve(), I = _, { t: L } = ue(), R = w(), z = S(), Oe = C(), { uiSettings: B } = le(Oe), { data: ke } = v.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 } = o(I), H = h("consoleRef"), U = h("menuRef"), W = h("mobileSearchInput"), G = s({ kind: "all" }), K = s(""), q = s([]), J = s(!1), Y = s(!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 se({
+					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 = s([
+			{
+				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();
+		}), t(() => {
+			$.connect(), $.switchSource({ kind: "all" });
+		}), e(() => {
+			$.disconnect();
+		}), (e, t) => {
+			let a = j, o = de, s = ae, d = xe, p = be, h = ye, _ = pe, v = me, b = fe, x = P, S = he, C = Ce, w = oe, T = r("tooltip");
+			return n(), m("div", Te, [
+				y(s, { position: "left" }, {
+					default: f(() => [y(o, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: f(() => [y(a, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				y(x, {
+					"left-offset": u(Ne),
+					animate: ""
+				}, re({ _: 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(o, {
+						severity: "secondary",
+						class: i(["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: i(["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: i(["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: i(["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 }) => [ie((n(), c(o, ee({
+						loading: u(Y),
+						severity: "secondary"
+					}, e.buttonProps, {
+						rounded: "",
+						onClick: t
+					}), {
+						icon: f(() => [(n(), c(te(e.icon)))]),
+						_: 2
+					}, 1040, ["loading", "onClick"])), [[T, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model"]),
+				y(o, {
+					class: i(["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-B7f28kpd.js

@@ -0,0 +1,159 @@
+import { G as e, H as t, Xt as n, Y as r, _ as i, d as a, f as o, jt as s, l as c, lt as l, p as u, q as d, r as f, u as p, v as m, vt as h, x as g, y as _ } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Hr as v, Jr as y, Vi as b, ar as x, rr as S, w as C, wa as w, x as T } from "./api-BMAjMZXW.js";
+import { r as E } from "./pinia-DIpX3XWh.js";
+import { n as D } from "./vue-i18n-DzDRu5NH.js";
+import { t as O } from "./information-outline-C6Y1CMOv.js";
+import { n as k, t as A } from "./useNavLayout-BV7zf4De.js";
+import { t as j } from "./CuiList-BgdMzvQ_.js";
+//#region ~icons/tabler/power
+var M = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function N(e, n) {
+	return t(), u("svg", M, [...n[0] ||= [p("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 P = h({
+	name: "tabler-power",
+	render: N
+}), F = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function I(e, n) {
+	return t(), u("svg", F, [...n[0] ||= [p("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 L = h({
+	name: "iconoir-data-transfer-both",
+	render: I
+}), R = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function z(e, n) {
+	return t(), u("svg", R, [...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 B = h({
+	name: "iconoir-reload-window",
+	render: z
+}), V = { class: "flex flex-col items-center py-8" }, H = { class: "mt-3 text-lg font-semibold" }, U = { class: "text-sm text-muted" }, W = { class: "card-title" }, G = { class: "px-4" }, K = { class: "card-title" }, q = { class: "text-primary" }, J = /* @__PURE__ */ g({
+	__name: "Menu",
+	setup(i) {
+		let { t: h } = D(), { groups: g } = k(), M = T(), { user: N } = E(M), F = ["Updates", "Settings"], I = w(), R = c(() => C.filter((e) => e.meta?.navbar?.position === "bottom" && !e.meta.navbar.group && !F.includes(e.name) && y(e))), z = c(() => C.filter((e) => F.includes(e.name) && y(e))), J = c(() => A.map((e) => ({
+			key: e,
+			items: Y([
+				...e === "manage" ? R.value : [],
+				...g.value[e].map((e) => e.route),
+				...e === "system" ? z.value : []
+			])
+		})).filter((e) => e.items.length > 0));
+		function Y(e) {
+			return e.filter((e) => e.meta?.menu).map((e) => ({
+				to: e.path,
+				label: h(`navigation.${e.name.toLowerCase()}`),
+				icon: e.meta.menu.icon.default
+			}));
+		}
+		function X() {
+			window.location.reload();
+		}
+		async function Z() {
+			await b();
+		}
+		return (i, c) => {
+			let h = S, g = d("RouterLink"), y = v, b = x, C = j, w = O, T = B, E = L, D = P;
+			return t(), u("div", null, [
+				p("section", V, [_(g, {
+					to: "/settings/account",
+					class: "flex flex-col items-center justify-center"
+				}, {
+					default: l(() => [
+						_(h, {
+							src: "avatar",
+							size: 80,
+							style: {
+								width: "80px",
+								height: "80px"
+							}
+						}),
+						p("div", H, n(s(N)?.username ?? "Unknown"), 1),
+						p("div", U, n(s(N)?.role ?? "user"), 1)
+					]),
+					_: 1
+				})]),
+				(t(!0), u(f, null, e(s(J), (o) => (t(), u("section", {
+					key: o.key,
+					class: "px-4 mb-4"
+				}, [p("span", W, n(i.$t(`navigation.group_${o.key}`)), 1), _(C, {
+					size: "large",
+					dividers: ""
+				}, {
+					default: l(() => [(t(!0), u(f, null, e(o.items, (e) => (t(), a(b, {
+						key: e.to,
+						to: e.to
+					}, {
+						prepend: l(() => [(t(), a(r(e.icon), { class: "w-5 h-5 text-muted" }))]),
+						append: l(() => [_(y, { class: "w-5 h-5 text-muted" })]),
+						default: l(() => [m(" " + n(e.label) + " ", 1)]),
+						_: 2
+					}, 1032, ["to"]))), 128))]),
+					_: 2
+				}, 1024)]))), 128)),
+				p("section", G, [p("span", K, n(i.$t("views.menu.section_actions")), 1), _(C, {
+					size: "large",
+					dividers: ""
+				}, {
+					default: l(() => [
+						_(b, { to: "/about" }, {
+							prepend: l(() => [_(w, { class: "w-5 h-5 text-muted" })]),
+							append: l(() => [_(y, { class: "w-5 h-5 text-muted" })]),
+							default: l(() => [m(" " + n(i.$t("navigation.about")) + " ", 1)]),
+							_: 1
+						}),
+						_(b, { onClick: X }, {
+							prepend: l(() => [_(T, { class: "w-5 h-5 text-muted" })]),
+							default: l(() => [m(" " + n(i.$t("views.menu.reload")), 1)]),
+							_: 1
+						}),
+						s(!1) ? (t(), a(b, {
+							key: 0,
+							onClick: Z
+						}, {
+							prepend: l(() => [_(E, { class: "w-5 h-5 text-muted" })]),
+							default: l(() => [m(" " + n(i.$t("views.menu.switch_server")), 1)]),
+							_: 1
+						})) : o("", !0),
+						s(I) ? (t(), a(b, {
+							key: 1,
+							onClick: c[0] ||= () => s(M).logout()
+						}, {
+							prepend: l(() => [_(D, { class: "w-5 h-5 text-primary" })]),
+							default: l(() => [p("span", q, n(i.$t("views.menu.logout")), 1)]),
+							_: 1
+						})) : o("", !0)
+					]),
+					_: 1
+				})])
+			]);
+		};
+	}
+});
+//#endregion
+export { J as default };