@camera.ui/server 2.1.11 → 2.1.13

package/dist/interface/ha/SettingsBackup-CiM_nNWt.js

@@ -0,0 +1,556 @@
+import { m as e } from "./ripple-BilzxWfY.js";
+import { t } from "./virtualscroller-s_gNqN5p.js";
+import { Dt as n, G as r, H as i, Jt as a, Y as o, _t as s, d as c, f as l, kt as u, l as d, lt as f, p, r as m, rt as h, u as g, ut as _, v, wt as y, x as b, xt as x, y as S, yt as C, z as w } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as T } from "./tooltip-BIrD_hC8.js";
+import { t as E } from "./message-C8U_kMBA.js";
+import { gi as D, gt as O, hr as k, kn as A, o as j, yr as ee } from "./api-CWJkvtnM.js";
+import { i as te } from "./intercomService-jB2mTgsn.js";
+import { n as M } from "./vue-i18n-Dcb07o5U.js";
+import { t as N } from "./button-BlYuI0Q7.js";
+import { t as P } from "./inputtext-DGIESrd0.js";
+import { t as F } from "./divider-jkWvVbPJ.js";
+import { t as I } from "./select-DjWkRqsI.js";
+import { t as L } from "./inputnumber-B1Buq8Nc.js";
+import { t as R } from "./close-circle-C2nTtN_-.js";
+import { t as ne } from "./download-Cnr7IQKX.js";
+import { a as re, f as ie, i as ae, n as oe, o as se, r as ce, s as le, t as z } from "./cards-CNOyNWMA.js";
+import { t as B } from "./trash-can-outline-DCqsCOd2.js";
+//#region ~icons/ic/baseline-file-open
+var V = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function H(e, t) {
+	return i(), p("svg", V, [...t[0] ||= [g("path", {
+		fill: "currentColor",
+		d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H15v-8h5V8zm-1 7V3.5L18.5 9zm4 12.66V16h5.66v2h-2.24l2.95 2.95l-1.41 1.41L19 19.41v2.24h-2z"
+	}, null, -1)]]);
+}
+var U = s({
+	name: "ic-baseline-file-open",
+	render: H
+}), W = { class: "flex flex-col gap-6 p-4 items-center justify-center w-full" }, G = { class: "flex flex-col justify-center items-center" }, K = {
+	for: "restoreInput",
+	class: "cursor-pointer text-center"
+}, q = ["accept"], J = {
+	key: 0,
+	class: "text-red"
+}, Y = { class: "mx-2" }, X = { class: "text-muted" }, ue = /* @__PURE__ */ b({
+	__name: "CuiUploadFiles",
+	props: {
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		accept: {},
+		icon: { default: U }
+	},
+	emits: ["files-uploaded"],
+	setup(r, { expose: s, emit: d }) {
+		let m = r, _ = d, { accept: v, multiple: b } = n(m), C = h("fileInputRef"), w = y([]), T = x(!1), E = x(!1);
+		function D(e) {
+			let t = w.value.findIndex((t) => t.name === e);
+			t > -1 && (w.value.splice(t, 1), A());
+		}
+		function O(e) {
+			if (T.value = !1, E.value = !1, w.value = [], e.dataTransfer) {
+				if (!b.value && e.dataTransfer.files.length > 1) E.value = !0;
+				else {
+					for (let [, t] of Object.entries(e.dataTransfer.files)) w.value.push(t);
+					_("files-uploaded", w.value);
+				}
+			}
+		}
+		function k(e) {
+			E.value = !1, w.value = [];
+			let t = e.target;
+			if (t && t.files) {
+				if (!b.value && t.files?.length > 1) E.value = !0;
+				else {
+					for (let [, e] of Object.entries(t.files)) w.value.push(e);
+					_("files-uploaded", w.value);
+				}
+			}
+		}
+		function A() {
+			C.value && (C.value.value = "");
+		}
+		function j() {
+			w.value = [], A();
+		}
+		return s({ reset: j }), (n, s) => {
+			let d = R, m = N, h = F, _ = t;
+			return i(), p("div", {
+				class: "file-upload-box",
+				onDrop: s[0] ||= e((e) => O(e), ["prevent"]),
+				onDragover: s[1] ||= e((e) => T.value = !0, ["prevent"]),
+				onDragenter: s[2] ||= e((e) => T.value = !0, ["prevent"]),
+				onDragleave: s[3] ||= e((e) => T.value = !1, ["prevent"])
+			}, [g("div", W, [g("div", G, [
+				(i(), c(o(r.icon), { class: "w-15 h-15" })),
+				g("label", K, a(n.$t("components.upload_files.drop_or_select_file")), 1),
+				g("input", {
+					id: "restoreInput",
+					ref_key: "fileInputRef",
+					ref: C,
+					type: "file",
+					class: "hidden",
+					accept: u(v),
+					onChange: k
+				}, null, 40, q),
+				u(E) ? (i(), p("p", J, a(n.$t("components.upload_files.only_one_file_allowed")), 1)) : l("", !0)
+			]), u(w).length > 0 ? (i(), c(_, {
+				key: 0,
+				items: u(w),
+				"item-size": 50,
+				"scroll-height": "50px",
+				"scroll-width": "100%",
+				class: "w-full"
+			}, {
+				item: f(({ item: e }) => [(i(), p("div", {
+					key: e.name,
+					class: "w-full flex flex-row items-center justify-start p-2"
+				}, [
+					S(m, {
+						text: "",
+						rounded: "",
+						severity: "danger",
+						class: "cui-icon-md shrink-0",
+						onClick: (t) => D(e.name)
+					}, {
+						icon: f(() => [S(d, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["onClick"]),
+					g("b", Y, a(e.name), 1),
+					g("span", X, "(" + a(e.size) + " bytes)", 1)
+				])), u(w).length > 1 ? (i(), c(h, {
+					key: 0,
+					class: "m-0 py-4"
+				})) : l("", !0)]),
+				_: 1
+			}, 8, ["items"])) : l("", !0)])], 32);
+		};
+	}
+}), de = { class: "flex flex-col w-full gap-6" }, fe = { class: "card-title" }, pe = { class: "flex flex-col gap-6" }, me = { class: "text-sm" }, he = { class: "card-title" }, ge = { class: "flex flex-col gap-6" }, _e = { class: "text-sm" }, ve = { class: "card-title" }, ye = {
+	key: 0,
+	class: "flex w-full items-center justify-center py-6"
+}, be = {
+	key: 1,
+	class: "flex flex-col gap-6"
+}, xe = { class: "flex items-center gap-4" }, Se = { class: "flex flex-col gap-1 min-w-0" }, Ce = { class: "text-sm" }, we = { class: "text-xs text-muted" }, Te = { class: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, Ee = { class: "flex flex-col field-gap" }, De = {
+	for: "backupInterval",
+	class: "cui-label"
+}, Oe = { class: "flex flex-col field-gap" }, ke = {
+	for: "backupTime",
+	class: "cui-label"
+}, Ae = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, je = {
+	for: "backupWeekday",
+	class: "cui-label"
+}, Me = {
+	key: 1,
+	class: "flex flex-col field-gap"
+}, Ne = {
+	for: "backupDayOfMonth",
+	class: "cui-label"
+}, Pe = { class: "flex flex-col field-gap" }, Fe = {
+	for: "backupRetention",
+	class: "cui-label"
+}, Ie = { class: "flex flex-col field-gap" }, Le = {
+	for: "backupDestination",
+	class: "cui-label"
+}, Re = { class: "flex items-center gap-2" }, ze = {
+	key: 1,
+	class: "flex flex-col gap-2"
+}, Be = { class: "text-sm font-semibold border-b-[1px] border-color pb-2" }, Ve = { class: "flex flex-col min-w-0" }, He = { class: "text-sm truncate" }, Ue = { class: "text-xs text-muted" }, We = { class: "flex gap-1 ml-auto shrink-0" }, Z = /* @__PURE__ */ b({
+	__name: "SettingsBackup",
+	setup(e) {
+		let t = O(), n = D(), { t: o, locale: s } = M(), b = h("filesRef"), F = y([]), R = x(!1), V = x(!0), H = x(!1), U = x(!1), W = x(null), G = x([]), K = x(""), q = x(), J = C({
+			enabled: !1,
+			interval: "daily",
+			time: "03:00",
+			weekday: 0,
+			dayOfMonth: 1,
+			retention: 7,
+			destinationPath: ""
+		}), Y = d(() => /^([01]\d|2[0-3]):[0-5]\d$/.test(J.time)), X = d(() => [
+			"daily",
+			"weekly",
+			"monthly"
+		].map((e) => ({
+			label: o(`views.settings.backup_interval_${e}`),
+			value: e
+		}))), Z = d(() => Array.from({ length: 7 }, (e, t) => ({
+			label: new Intl.DateTimeFormat(s.value, { weekday: "long" }).format(new Date(Date.UTC(2024, 0, 7 + t, 12))),
+			value: t
+		}))), Ge = d(() => {
+			if (!q.value) return o("views.settings.backup_last_run", { info: o("views.settings.backup_last_run_never") });
+			let e = new Date(q.value.timestamp).toLocaleString(), t = q.value.status === "success" ? "✓" : `✗ ${q.value.message ?? ""}`;
+			return o("views.settings.backup_last_run", { info: `${e} ${t}` });
+		});
+		async function Q() {
+			R.value = !0;
+			try {
+				let e = {}, t = localStorage.getItem("ui");
+				if (t) try {
+					e.ui = JSON.parse(t);
+				} catch {}
+				let n = localStorage.getItem("language");
+				n && (e.language = n), localStorage.getItem("theme") && (e.theme = ie());
+				let r = Date.now(), i = await ce(e);
+				await k({
+					blob: new Blob([i]),
+					filename: `cameraui-backup-${r}.tar.gz`,
+					mimeType: "application/gzip"
+				});
+			} catch (e) {
+				n.add({
+					severity: "error",
+					detail: j(e),
+					life: 3e3
+				});
+			}
+			R.value = !1;
+		}
+		function Ke() {
+			t.openTextDialog({
+				data: {
+					title: o("components.dialog.title.confirm"),
+					contentText: o("components.dialog.message.confirm_restore"),
+					confirmText: o("components.form.button.restore_and_restart"),
+					loading: R
+				},
+				onConfirm: qe
+			});
+		}
+		async function qe() {
+			let e = F.value[0];
+			e && (R.value = !0, await z().run(e), b.value?.reset(), R.value = !1);
+		}
+		function Je(e) {
+			if (e < 1024) return `${e} B`;
+			let t = [
+				"KB",
+				"MB",
+				"GB",
+				"TB"
+			], n = e, r = -1;
+			do
+				n /= 1024, r++;
+			while (n >= 1024 && r < t.length - 1);
+			return `${n.toFixed(1)} ${t[r]}`;
+		}
+		async function $() {
+			try {
+				let e = await re(), { lastRun: t, ...n } = e.settings;
+				Object.assign(J, n), q.value = t, G.value = e.backups, K.value = e.defaultDestination;
+			} catch (e) {
+				n.add({
+					severity: "error",
+					detail: j(e),
+					life: 3e3
+				});
+			} finally {
+				V.value = !1;
+			}
+		}
+		async function Ye() {
+			if (Y.value) {
+				H.value = !0;
+				try {
+					let e = await se({ ...J });
+					q.value = e.lastRun, n.add({
+						severity: "success",
+						detail: o("components.toast.backup_scheduler_saved"),
+						life: 3e3
+					});
+				} catch (e) {
+					n.add({
+						severity: "error",
+						detail: j(e),
+						life: 3e3
+					});
+				} finally {
+					H.value = !1;
+				}
+			}
+		}
+		async function Xe() {
+			U.value = !0;
+			try {
+				let e = await le();
+				q.value = e, n.add({
+					severity: "success",
+					detail: o("components.toast.backup_created"),
+					life: 3e3
+				});
+			} catch (e) {
+				n.add({
+					severity: "error",
+					detail: j(e),
+					life: 3e3
+				});
+			} finally {
+				U.value = !1, await $();
+			}
+		}
+		async function Ze(e) {
+			W.value = e.filename;
+			try {
+				let t = await ae(e.filename);
+				await k({
+					blob: new Blob([t]),
+					filename: e.filename,
+					mimeType: "application/gzip"
+				});
+			} catch (e) {
+				n.add({
+					severity: "error",
+					detail: j(e),
+					life: 3e3
+				});
+			} finally {
+				W.value = null;
+			}
+		}
+		function Qe(e) {
+			t.openTextDialog({
+				data: {
+					title: o("components.dialog.title.confirm"),
+					contentText: o("components.dialog.message.confirm_delete_backup", { filename: e.filename }),
+					confirmText: o("components.form.button.remove")
+				},
+				onConfirm: async () => {
+					try {
+						await oe(e.filename), n.add({
+							severity: "success",
+							detail: o("components.toast.backup_deleted"),
+							life: 3e3
+						}), await $();
+					} catch (e) {
+						n.add({
+							severity: "error",
+							detail: j(e),
+							life: 3e3
+						});
+					}
+				}
+			});
+		}
+		return w($), (e, t) => {
+			let n = N, o = te, s = ue, d = ee, h = A, y = I, x = P, C = L, w = E, D = ne, O = B, k = T;
+			return i(), p("div", null, [g("div", de, [
+				g("div", null, [g("span", fe, a(e.$t("views.settings.create_backup")), 1), S(o, { class: "cui-card" }, {
+					content: f(() => [g("div", pe, [g("span", me, a(e.$t("views.settings.create_backup_info")), 1), S(n, {
+						loading: u(R),
+						class: "ml-auto cui-button-medium",
+						label: e.$t("components.form.button.download_backup_archive"),
+						onClick: Q
+					}, null, 8, ["loading", "label"])])]),
+					_: 1
+				})]),
+				g("div", null, [g("span", he, a(e.$t("views.settings.restore_backup")), 1), S(o, { class: "cui-card" }, {
+					content: f(() => [g("div", ge, [
+						g("span", _e, a(e.$t("views.settings.restore_backup_info")), 1),
+						S(s, {
+							ref_key: "filesRef",
+							ref: b,
+							accept: "application/gzip, .tar, .tar.gz",
+							onFilesUploaded: t[0] ||= (e) => F.value = e
+						}, null, 512),
+						S(n, {
+							loading: u(R),
+							disabled: !u(F).length,
+							class: "ml-auto cui-button-medium",
+							label: e.$t("components.form.button.restore_backup_archive"),
+							onClick: Ke
+						}, null, 8, [
+							"loading",
+							"disabled",
+							"label"
+						])
+					])]),
+					_: 1
+				})]),
+				g("div", null, [g("span", ve, a(e.$t("views.settings.scheduled_backup")), 1), S(o, { class: "cui-card" }, {
+					content: f(() => [u(V) ? (i(), p("div", ye, [S(d, {
+						class: "w-[30px] h-[30px] m-0",
+						"stroke-width": "5"
+					})])) : (i(), p("div", be, [
+						g("div", xe, [g("div", Se, [g("span", Ce, a(e.$t("views.settings.scheduled_backup_info")), 1), g("span", we, a(u(Ge)), 1)]), S(h, {
+							modelValue: u(J).enabled,
+							"onUpdate:modelValue": t[1] ||= (e) => u(J).enabled = e,
+							disabled: u(H),
+							class: "ml-auto shrink-0"
+						}, null, 8, ["modelValue", "disabled"])]),
+						u(J).enabled ? (i(), p(m, { key: 0 }, [g("div", Te, [
+							g("div", Ee, [g("label", De, a(e.$t("views.settings.backup_interval")), 1), S(y, {
+								modelValue: u(J).interval,
+								"onUpdate:modelValue": t[2] ||= (e) => u(J).interval = e,
+								"input-id": "backupInterval",
+								options: u(X),
+								"option-label": "label",
+								"option-value": "value",
+								disabled: u(H)
+							}, null, 8, [
+								"modelValue",
+								"options",
+								"disabled"
+							])]),
+							g("div", Oe, [g("label", ke, a(e.$t("views.settings.backup_time")), 1), S(x, {
+								id: "backupTime",
+								modelValue: u(J).time,
+								"onUpdate:modelValue": t[3] ||= (e) => u(J).time = e,
+								placeholder: "03:00",
+								disabled: u(H),
+								invalid: !u(Y)
+							}, null, 8, [
+								"modelValue",
+								"disabled",
+								"invalid"
+							])]),
+							u(J).interval === "weekly" ? (i(), p("div", Ae, [g("label", je, a(e.$t("views.settings.backup_weekday")), 1), S(y, {
+								modelValue: u(J).weekday,
+								"onUpdate:modelValue": t[4] ||= (e) => u(J).weekday = e,
+								"input-id": "backupWeekday",
+								options: u(Z),
+								"option-label": "label",
+								"option-value": "value",
+								disabled: u(H)
+							}, null, 8, [
+								"modelValue",
+								"options",
+								"disabled"
+							])])) : l("", !0),
+							u(J).interval === "monthly" ? (i(), p("div", Me, [g("label", Ne, a(e.$t("views.settings.backup_day_of_month")), 1), S(C, {
+								modelValue: u(J).dayOfMonth,
+								"onUpdate:modelValue": t[5] ||= (e) => u(J).dayOfMonth = e,
+								"input-id": "backupDayOfMonth",
+								min: 1,
+								max: 28,
+								"show-buttons": "",
+								"use-grouping": !1,
+								disabled: u(H)
+							}, null, 8, ["modelValue", "disabled"])])) : l("", !0),
+							g("div", Pe, [
+								g("label", Fe, a(e.$t("views.settings.backup_retention")), 1),
+								S(C, {
+									modelValue: u(J).retention,
+									"onUpdate:modelValue": t[6] ||= (e) => u(J).retention = e,
+									"input-id": "backupRetention",
+									min: 1,
+									max: 60,
+									"show-buttons": "",
+									"use-grouping": !1,
+									disabled: u(H)
+								}, null, 8, ["modelValue", "disabled"]),
+								S(w, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: f(() => [v(a(e.$t("views.settings.backup_retention_hint")), 1)]),
+									_: 1
+								})
+							])
+						]), g("div", Ie, [
+							g("label", Le, a(e.$t("views.settings.backup_destination")), 1),
+							S(x, {
+								id: "backupDestination",
+								modelValue: u(J).destinationPath,
+								"onUpdate:modelValue": t[7] ||= (e) => u(J).destinationPath = e,
+								placeholder: u(K),
+								disabled: u(H)
+							}, null, 8, [
+								"modelValue",
+								"placeholder",
+								"disabled"
+							]),
+							S(w, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-hint"
+							}, {
+								default: f(() => [v(a(e.$t("views.settings.backup_destination_hint")), 1)]),
+								_: 1
+							})
+						])], 64)) : l("", !0),
+						g("div", Re, [S(n, {
+							severity: "secondary",
+							outlined: "",
+							loading: u(U),
+							disabled: u(H),
+							class: "ml-auto cui-button-medium",
+							label: e.$t("components.form.button.run_now"),
+							onClick: Xe
+						}, null, 8, [
+							"loading",
+							"disabled",
+							"label"
+						]), S(n, {
+							loading: u(H),
+							disabled: u(U) || !u(Y),
+							class: "cui-button-medium",
+							label: e.$t("components.form.button.save"),
+							onClick: Ye
+						}, null, 8, [
+							"loading",
+							"disabled",
+							"label"
+						])]),
+						u(G).length ? (i(), p("div", ze, [g("span", Be, a(e.$t("views.settings.backup_existing")), 1), (i(!0), p(m, null, r(u(G), (t) => (i(), p("div", {
+							key: t.filename,
+							class: "flex items-center gap-3 py-1 min-w-0"
+						}, [g("div", Ve, [g("span", He, a(t.filename), 1), g("span", Ue, a(new Date(t.timestamp).toLocaleString()) + " · " + a(Je(t.size)), 1)]), g("div", We, [_((i(), c(n, {
+							text: "",
+							rounded: "",
+							severity: "secondary",
+							class: "cui-icon-md",
+							disabled: u(W) === t.filename,
+							onClick: (e) => Ze(t)
+						}, {
+							icon: f(() => [S(D, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled", "onClick"])), [[
+							k,
+							{ value: e.$t("components.form.button.download") },
+							void 0,
+							{ top: !0 }
+						]]), _((i(), c(n, {
+							text: "",
+							rounded: "",
+							severity: "danger",
+							class: "cui-icon-md",
+							onClick: (e) => Qe(t)
+						}, {
+							icon: f(() => [S(O, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							k,
+							{ value: e.$t("components.form.button.remove") },
+							void 0,
+							{ top: !0 }
+						]])])]))), 128))])) : l("", !0)
+					]))]),
+					_: 1
+				})])
+			])]);
+		};
+	}
+});
+//#endregion
+export { Z as default };

package/dist/interface/ha/SettingsList-D4D3cmLo.js

@@ -0,0 +1,40 @@
+import { G as e, H as t, Jt as n, Y as r, d as i, kt as a, l as o, lt as s, p as c, r as l, u, v as d, x as f, y as p } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { An as m, _ as h, dr as g, sr as _ } from "./api-CWJkvtnM.js";
+import { n as v } from "./vue-i18n-Dcb07o5U.js";
+import { t as y } from "./CuiList-C45psxFZ.js";
+//#region src/subviews/SettingsList.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "card-title" }, x = /* @__PURE__ */ f({
+	__name: "SettingsList",
+	setup(f) {
+		let { t: x } = v(), S = o(() => h.find((e) => e.name === "Settings").children.filter((e) => e.meta?.settingsBar && g(e)).map((e) => ({
+			to: `/settings/${e.path}`,
+			label: x(`navigation.${e.meta.name.toLowerCase()}`),
+			icon: e.meta.settingsBar.icon.default,
+			group: e.meta.settingsBar.group ?? "personal"
+		}))), C = o(() => ["personal", "system"].map((e) => ({
+			key: e,
+			items: S.value.filter((t) => t.group === e)
+		})).filter((e) => e.items.length > 0));
+		return (o, f) => {
+			let h = _, g = m, v = y;
+			return t(), c("div", null, [(t(!0), c(l, null, e(a(C), (a) => (t(), c(l, { key: a.key }, [u("span", b, n(o.$t(`views.settings.section_${a.key}`)), 1), p(v, {
+				size: "large",
+				dividers: "",
+				class: "!h-auto mb-4"
+			}, {
+				default: s(() => [(t(!0), c(l, null, e(a.items, (e) => (t(), i(g, {
+					key: e.to,
+					to: e.to
+				}, {
+					prepend: s(() => [(t(), i(r(e.icon), { class: "w-5 h-5 text-muted" }))]),
+					append: s(() => [p(h, { class: "w-5 h-5 text-muted" })]),
+					default: s(() => [d(" " + n(e.label) + " ", 1)]),
+					_: 2
+				}, 1032, ["to"]))), 128))]),
+				_: 2
+			}, 1024)], 64))), 128))]);
+		};
+	}
+});
+//#endregion
+export { x as default };