@camera.ui/server 2.4.0 → 2.4.2

package/dist/interface/ha/PluginSearch-CLuHh8A_.js

@@ -0,0 +1,462 @@
+import { r as e } from "./rolldown-runtime-BItFwnF5.js";
+import { m as t, p as n } from "./ripple-CGl9oC16.js";
+import { D as r, G as i, H as a, J as ee, Kt as o, St as s, Xt as c, Y as l, d as u, f as d, gt as f, jt as p, l as m, lt as h, ot as g, p as _, r as v, u as y, ut as b, v as x, vt as S, x as C, y as w } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as T } from "./tag-B53KW-vD.js";
+import { Lt as E, Oi as D, Qa as te, Qn as O, Qr as k, Rt as A, V as j, Zn as ne, ii as M, l as N, ri as P, u as F } from "./api-DUn3L5D7.js";
+import { n as re } from "./vue-i18n-DzDRu5NH.js";
+import { h as I } from "./eventLabels-DV0RmW3T.js";
+import { t as ie } from "./CuiButton-CGAd8xvo.js";
+import { r as ae } from "./button-D9sS6H0w.js";
+import { t as oe } from "./inputtext-DfgvQQt_.js";
+import { t as se } from "./select-Ba_XFods.js";
+import { t as ce } from "./close-BYhywzVJ.js";
+import { t as le } from "./divider-DXM1KwGC.js";
+import { t as ue } from "./progressbar-PUG00hyZ.js";
+import { t as L } from "./clock-outline-CdgfvtZe.js";
+import { t as de } from "./plugins-DHEWLE-_.js";
+import { i as R, n as z, r as B, t as V } from "./CuiPluginTrustBadge-BnxyMthN.js";
+import { t as H } from "./bell-ring-CG6o33rX.js";
+import { t as U } from "./download-BkceCKnH.js";
+import { t as W } from "./cctv-B_Ka6Vwb.js";
+import { t as fe } from "./brain-ckjv1Q_K.js";
+//#region ~icons/proicons/npm
+var pe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function me(e, t) {
+	return a(), _("svg", pe, [...t[0] ||= [y("g", { fill: "none" }, [y("rect", {
+		width: "16.5",
+		height: "16.5",
+		x: "3.75",
+		y: "3.75",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "1.5",
+		rx: "2"
+	}), y("path", {
+		fill: "currentColor",
+		d: "M12 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v11.25h-4z"
+	})], -1)]]);
+}
+var G = S({
+	name: "proicons-npm",
+	render: me
+}), K = {
+	detection: {
+		icon: I,
+		labelKey: "components.plugin_search.category_detection"
+	},
+	"camera-source": {
+		icon: W,
+		labelKey: "components.plugin_search.category_camera_source"
+	},
+	notification: {
+		icon: H,
+		labelKey: "components.plugin_search.category_notification"
+	},
+	recording: {
+		icon: B,
+		labelKey: "components.plugin_search.category_recording"
+	},
+	automation: {
+		icon: D,
+		labelKey: "components.plugin_search.category_automation"
+	},
+	"ai-model": {
+		icon: fe,
+		labelKey: "components.plugin_search.category_ai_model"
+	},
+	utility: {
+		icon: z,
+		labelKey: "components.plugin_search.category_utility"
+	},
+	other: {
+		icon: R,
+		labelKey: "components.plugin_search.category_other"
+	}
+}, he = [
+	"detection",
+	"camera-source",
+	"notification",
+	"recording",
+	"automation",
+	"ai-model",
+	"utility",
+	"other"
+];
+function q(e) {
+	return e && e in K ? K[e] : K.other;
+}
+//#endregion
+//#region src/components/CuiPluginCategoryChip/CuiPluginCategoryChip.vue?vue&type=script&setup=true&lang.ts
+var J = {
+	key: 0,
+	class: "cui-category-chip"
+}, Y = { class: "cui-category-chip-label" }, X = /*#__PURE__*/ M(/* @__PURE__ */ C({
+	__name: "CuiPluginCategoryChip",
+	props: { category: {} },
+	setup(e) {
+		let t = e, n = m(() => q(t.category));
+		return (t, r) => e.category ? (a(), _("span", J, [(a(), u(l(p(n).icon), { class: "cui-category-chip-icon" })), y("span", Y, c(t.$t(p(n).labelKey)), 1)])) : d("", !0);
+	}
+}), [["__scopeId", "data-v-651645bf"]]), ge = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function _e(e, t) {
+	return a(), _("svg", ge, [...t[0] ||= [y("path", {
+		fill: "currentColor",
+		d: "M13 15.6c.3.2.7.2 1 0l5-2.9v.3c.7 0 1.4.1 2 .4v-1.8l1-.6c.5-.3.6-.9.4-1.4l-1.5-2.5c-.1-.2-.2-.4-.4-.5l-7.9-4.4c-.2-.1-.4-.2-.6-.2s-.4.1-.6.2L3.6 6.6c-.2.1-.4.2-.5.4L1.6 9.6c-.3.5-.1 1.1.4 1.4c.3.2.7.2 1 0v5.5c0 .4.2.7.5.9l7.9 4.4c.2.1.4.2.6.2s.4-.1.6-.2l.9-.5c-.3-.6-.4-1.3-.5-2m-2 0l-6-3.4V9.2l6 3.4zm9.1-9.6l-6.3 3.6l-.6-1l6.3-3.6zM12 10.8V4.2l6 3.3zm8 4.2v3h3v2h-3v3h-2v-3h-3v-2h3v-3z"
+	}, null, -1)]]);
+}
+var ve = S({
+	name: "mdi-package-variant-plus",
+	render: _e
+}), Z = { class: "plugin-store-card-body" }, Q = { class: "flex items-start gap-3 min-w-0" }, ye = { class: "plugin-store-icon flex-shrink-0" }, be = { class: "min-w-0 flex-1" }, xe = { class: "flex items-center gap-2 min-w-0" }, Se = { class: "font-medium text-base truncate" }, Ce = { class: "text-sm text-muted truncate" }, we = { class: "plugin-store-card-description" }, Te = { class: "flex flex-wrap items-center gap-x-3 gap-y-1 mt-auto pt-2" }, Ee = {
+	key: 2,
+	class: "plugin-store-meta"
+}, De = {
+	key: 3,
+	class: "plugin-store-meta"
+}, Oe = { class: "flex gap-1" }, ke = /*#__PURE__*/ M(/* @__PURE__ */ C({
+	__name: "CuiPluginStoreCard",
+	props: {
+		plugin: {},
+		inProgress: { type: Boolean }
+	},
+	emits: ["open", "install"],
+	setup(e, { emit: r }) {
+		let i = e, s = r, { t: l } = re(), f = m(() => i.plugin), g = m(() => {
+			let e = f.value.downloads?.weekly;
+			return typeof e == "number" ? l("components.plugin_search.downloads_per_week", { count: N(e) }) : void 0;
+		}), v = m(() => f.value.lastUpdated ? F(f.value.lastUpdated) : void 0);
+		return (r, i) => {
+			let l = P, m = V, S = T, C = X, E = U, D = L, te = j, O = ie, k = G, A = ee("tooltip");
+			return a(), _("div", {
+				class: o(["plugin-store-card shadow-sm transition-default card-background custom-scrollbar", { "opacity-50 in-progress": e.inProgress }]),
+				role: "button",
+				tabindex: "0",
+				onClick: i[4] ||= (e) => s("open", p(f)),
+				onKeydown: i[5] ||= n((e) => s("open", p(f)), ["enter"])
+			}, [y("div", Z, [
+				y("div", Q, [y("div", ye, [w(l, {
+					src: p(f).logo,
+					alt: "Plugin logo",
+					class: "block w-full h-full",
+					"image-container-class": "w-full h-full",
+					"image-class": "object-contain"
+				}, null, 8, ["src"])]), y("div", be, [y("div", xe, [y("h4", Se, c(p(f).displayName), 1), w(m, {
+					trust: p(f).trust,
+					"show-label": !1,
+					class: "flex-shrink-0"
+				}, null, 8, ["trust"])]), y("div", Ce, c(p(f).pluginName), 1)])]),
+				y("p", we, c(p(f).tagline || p(f).description), 1),
+				y("div", Te, [
+					p(f).compatible === !1 ? b((a(), u(S, {
+						key: 0,
+						severity: "warn",
+						value: r.$t("components.plugin_search.incompatible")
+					}, null, 8, ["value"])), [[
+						A,
+						{ value: r.$t("components.plugin_search.incompatible_system") },
+						void 0,
+						{ top: !0 }
+					]]) : d("", !0),
+					p(f).protocolCompat === "serverTooOld" ? b((a(), u(S, {
+						key: 1,
+						severity: "warn",
+						value: r.$t("components.plugin_search.requires_newer_server")
+					}, null, 8, ["value"])), [[
+						A,
+						{ value: r.$t("components.plugin_search.requires_newer_server_hint") },
+						void 0,
+						{ top: !0 }
+					]]) : d("", !0),
+					w(C, { category: p(f).category }, null, 8, ["category"]),
+					p(g) ? (a(), _("span", Ee, [w(E, { class: "plugin-store-meta-icon" }), x(" " + c(p(g)), 1)])) : d("", !0),
+					p(v) ? (a(), _("span", De, [w(D, { class: "plugin-store-meta-icon" }), x(" " + c(r.$t("components.plugin_search.updated_ago", { time: p(v) })), 1)])) : d("", !0)
+				])
+			]), y("div", {
+				class: "plugin-store-card-actions",
+				onClick: i[3] ||= t(() => {}, ["stop"])
+			}, [y("div", Oe, [p(f).links?.repository || p(f).links?.homepage ? b((a(), u(O, {
+				key: 0,
+				text: "",
+				rounded: "",
+				severity: "secondary",
+				class: "cui-icon-md",
+				onClick: i[0] ||= (e) => r.$router.absUrl(p(f).links?.repository || p(f).links?.homepage, !0)
+			}, {
+				icon: h(() => [w(te, {
+					width: "100%",
+					height: "100%"
+				})]),
+				_: 1
+			})), [[
+				A,
+				{ value: "Github" },
+				void 0,
+				{ top: !0 }
+			]]) : d("", !0), p(f).links?.npm ? b((a(), u(O, {
+				key: 1,
+				text: "",
+				rounded: "",
+				severity: "secondary",
+				class: "cui-icon-md",
+				onClick: i[1] ||= (e) => r.$router.absUrl(p(f).links.npm, !0)
+			}, {
+				icon: h(() => [w(k, {
+					width: "100%",
+					height: "100%"
+				})]),
+				_: 1
+			})), [[
+				A,
+				{ value: "NPM" },
+				void 0,
+				{ top: !0 }
+			]]) : d("", !0)]), w(O, {
+				class: "cui-button-medium ml-auto",
+				label: r.$t("components.form.button.install"),
+				disabled: e.inProgress,
+				onClick: i[2] ||= (e) => s("install", p(f))
+			}, null, 8, ["label", "disabled"])])], 34);
+		};
+	}
+}), [["__scopeId", "data-v-870f576c"]]), Ae = { class: "cui-label" }, je = { class: "flex flex-wrap gap-2 mt-4" }, Me = {
+	key: 0,
+	class: "mt-6"
+}, Ne = { class: "featured-row custom-scrollbar mt-3" }, Pe = { class: "flex flex-row items-center justify-center w-full mt-8" }, Fe = {
+	key: 3,
+	class: "text-center py-10"
+}, Ie = { class: "text-muted mb-2" }, Le = { class: "text-muted" }, Re = {
+	key: 4,
+	class: "w-full"
+}, ze = {
+	key: 5,
+	class: "w-full plugin-list"
+}, Be = /*@__PURE__*/ C({
+	__name: "PluginSearch",
+	setup(e, { expose: n }) {
+		let o = O(() => import("./VersionsHandler-nZZLPTIy.js")), l = O(() => import("./PluginDetail-qmjMJZ6-.js")), x = new de(), S = ne(), { t: C } = re(), T = r("dialogRefProps"), D = s(""), j = s({}), M = s([]), N = s("all"), P = s("all"), F = s("name"), I = s(!1), { data: L, isBusy: R, refetch: z } = x.searchPluginsQuery(j, {
+			page: 1,
+			pageSize: -1
+		}, I), { data: B, isBusy: V, refetch: H } = x.getPluginsProgressQuery({
+			page: 1,
+			pageSize: -1
+		}), U = m(() => R.value || V.value), W = m(() => !!(T.loading?.value || U.value)), fe = m(() => [{
+			label: C("components.plugin_search.filter_all_categories"),
+			value: "all"
+		}, ...he.map((e) => ({
+			label: C(K[e].labelKey),
+			value: e
+		}))]), pe = m(() => [
+			{
+				label: C("components.plugin_search.filter_all_trust"),
+				value: "all"
+			},
+			{
+				label: C("components.plugin_search.trust_official"),
+				value: "official"
+			},
+			{
+				label: C("components.plugin_search.trust_verified"),
+				value: "verified"
+			},
+			{
+				label: C("components.plugin_search.trust_community"),
+				value: "community"
+			}
+		]), me = m(() => [
+			{
+				label: C("components.plugin_search.sort_name"),
+				value: "name"
+			},
+			{
+				label: C("components.plugin_search.sort_downloads"),
+				value: "downloads"
+			},
+			{
+				label: C("components.plugin_search.sort_updated"),
+				value: "updated"
+			}
+		]), G = m(() => {
+			let e = M.value.slice();
+			return N.value !== "all" && (e = e.filter((e) => e.category === N.value)), P.value !== "all" && (e = e.filter((e) => e.trust === P.value)), e.sort((e, t) => {
+				switch (F.value) {
+					case "downloads": return (t.downloads?.weekly ?? 0) - (e.downloads?.weekly ?? 0);
+					case "updated": return new Date(t.lastUpdated ?? 0).getTime() - new Date(e.lastUpdated ?? 0).getTime();
+					default: return (e.displayName || e.pluginName).localeCompare(t.displayName || t.pluginName);
+				}
+			}), e;
+		}), q = m(() => G.value.filter((e) => e.featured)), J = m(() => G.value.filter((e) => !e.featured));
+		function Y(e) {
+			return B.value?.result.some((t) => t.pluginName === e);
+		}
+		function X(e) {
+			e?.preventDefault(), j.value.pluginname = D.value ?? "";
+		}
+		function ge() {
+			D.value = "", j.value = {}, N.value = "all", P.value = "all", F.value = "name", X();
+		}
+		function _e() {
+			I.value = !0, Promise.all([z(), H()]).finally(() => {
+				I.value = !1;
+			});
+		}
+		function Z(e) {
+			S.openComponentDialog(o, { data: {
+				title: C("components.dialog.title.install"),
+				loading: W,
+				contentProps: {
+					target: p(e),
+					installVersion: "latest"
+				}
+			} });
+		}
+		function Q(e) {
+			S.openComponentDialog(l, { data: {
+				title: C("components.dialog.title.details"),
+				confirmText: C("components.form.button.install"),
+				contentProps: { plugin: p(e) }
+			} });
+		}
+		return g(L, (e) => {
+			e?.result && (M.value = e.result.filter((e) => !e.installPath));
+		}, {
+			immediate: !0,
+			deep: !0
+		}), n({ isLoading: W }), (e, n) => {
+			let r = oe, o = ce, s = ie, l = E, m = A, g = se, x = ke, S = k, C = ae, T = ue, O = le, j = ve, ne = te, M = ee("tooltip");
+			return a(), _("div", null, [
+				y("form", { onSubmit: t(X, ["prevent"]) }, [y("label", Ae, c(e.$t("components.form.label.name")), 1), w(m, null, {
+					default: h(() => [w(r, {
+						modelValue: p(D),
+						"onUpdate:modelValue": n[0] ||= (e) => f(D) ? D.value = e : null,
+						modelModifiers: { trim: !0 },
+						loading: p(U),
+						placeholder: "camera-ui-",
+						type: "text"
+					}, null, 8, ["modelValue", "loading"]), w(l, null, {
+						default: h(() => [w(s, {
+							text: "",
+							rounded: "",
+							severity: "secondary",
+							class: "cui-icon-md",
+							onClick: ge
+						}, {
+							icon: h(() => [w(o, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})], 32),
+				y("div", je, [
+					w(g, {
+						modelValue: p(N),
+						"onUpdate:modelValue": n[1] ||= (e) => f(N) ? N.value = e : null,
+						options: p(fe),
+						"option-label": "label",
+						"option-value": "value",
+						class: "flex-1 min-w-[140px]",
+						placeholder: e.$t("components.plugin_search.filter_category")
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"placeholder"
+					]),
+					w(g, {
+						modelValue: p(P),
+						"onUpdate:modelValue": n[2] ||= (e) => f(P) ? P.value = e : null,
+						options: p(pe),
+						"option-label": "label",
+						"option-value": "value",
+						class: "flex-1 min-w-[140px]",
+						placeholder: e.$t("components.plugin_search.filter_trust")
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"placeholder"
+					]),
+					w(g, {
+						modelValue: p(F),
+						"onUpdate:modelValue": n[3] ||= (e) => f(F) ? F.value = e : null,
+						options: p(me),
+						"option-label": "label",
+						"option-value": "value",
+						class: "flex-1 min-w-[140px]",
+						placeholder: e.$t("components.plugin_search.sort_by")
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"placeholder"
+					])
+				]),
+				!p(U) && p(q).length ? (a(), _("div", Me, [y("h3", null, c(e.$t("components.plugin_search.featured")), 1), y("div", Ne, [(a(!0), _(v, null, i(p(q), (e) => (a(), _("div", {
+					key: e.pluginName,
+					class: "featured-item"
+				}, [w(x, {
+					plugin: e,
+					"in-progress": Y(e.pluginName),
+					onOpen: Q,
+					onInstall: Z
+				}, null, 8, ["plugin", "in-progress"])]))), 128))])])) : d("", !0),
+				y("div", Pe, [
+					y("h3", null, c(e.$t("components.plugin_search.plugins")), 1),
+					b((a(), u(s, {
+						text: "",
+						rounded: "",
+						severity: "secondary",
+						class: "cui-icon-md ml-auto",
+						onClick: _e
+					}, {
+						icon: h(() => [w(S, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})), [[
+						M,
+						{ value: e.$t("components.plugin_search.refresh") },
+						void 0,
+						{ left: !0 }
+					]]),
+					w(C, {
+						size: "small",
+						class: "ml-2 rounded-full",
+						value: String(p(J).length)
+					}, null, 8, ["value"])
+				]),
+				p(U) ? (a(), u(T, {
+					key: 1,
+					mode: "indeterminate",
+					class: "my-3 !h-[1px]"
+				})) : (a(), u(O, {
+					key: 2,
+					class: "m-0 py-3"
+				})),
+				!p(U) && !p(J).length ? (a(), _("div", Fe, [y("div", Ie, [w(j, { class: "w-12 h-12 mx-auto opacity-30" })]), y("p", Le, c(e.$t("views.plugins.no_plugins")), 1)])) : p(U) ? (a(), _("div", Re, [(a(), _(v, null, i(6, (e) => w(ne, {
+					key: e,
+					class: "mb-2",
+					height: "132px"
+				})), 64))])) : (a(), _("div", ze, [(a(!0), _(v, null, i(p(J), (t) => b((a(), u(x, {
+					key: t.pluginName,
+					plugin: t,
+					"in-progress": Y(t.pluginName),
+					onOpen: Q,
+					onInstall: Z
+				}, null, 8, ["plugin", "in-progress"])), [[M, { value: Y(t.pluginName) ? e.$t("components.plugin_search.in_progress") : void 0 }]])), 128))]))
+			]);
+		};
+	}
+}), Ve = /* @__PURE__ */ e({ default: () => $ }), $ = /*#__PURE__*/ M(Be, [["__scopeId", "data-v-652ad43f"]]);
+//#endregion
+export { G as i, Ve as n, X as r, $ as t };

package/dist/interface/ha/PluginUpdateProgress-ZUrKsC_B.js

@@ -0,0 +1,34 @@
+import { H as e, N as t, Xt as n, f as r, jt as i, l as a, ot as o, p as s, rt as c, u as l, x as u, y as d, z as f } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { ci as p } from "./api-DUn3L5D7.js";
+import { t as m } from "./CuiConsole-Doi5SxCk.js";
+import { t as h } from "./alert-circle-DphRWvbP.js";
+import { c as g } from "./CuiPluginCard-CGgQxSl7.js";
+//#region src/components/CuiDialog/templates/PluginUpdateProgress/PluginUpdateProgress.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "w-full h-full flex flex-col gap-3" }, v = {
+	key: 0,
+	class: "flex items-start gap-3 px-4 py-3 rounded-xl bg-red-500/10 border border-red-500/30 shrink-0"
+}, y = { class: "text-sm text-red-400 break-all" }, b = { class: "w-full flex-1 min-h-0 relative" }, x = /* @__PURE__ */ u({
+	__name: "PluginUpdateProgress",
+	props: { pluginName: {} },
+	setup(u) {
+		let x = u, { mdBreakpoint: S } = p(), { runOf: C } = g(), w = c("consoleRef"), T = 0, E = a(() => C(x.pluginName)), D = a(() => ({ fontSize: S.value ? 12 : 14 }));
+		function O() {
+			let e = E.value?.lines ?? [];
+			for (; T < e.length; T++) w.value?.writeTerminal(e[T]);
+		}
+		return o(() => E.value?.lines.length, () => O()), f(async () => {
+			await t(), O();
+		}), (t, a) => {
+			let o = h, c = m;
+			return e(), s("div", _, [i(E)?.status === "error" ? (e(), s("div", v, [d(o, { class: "w-5 h-5 shrink-0 text-red-400 mt-0.5" }), l("span", y, n(i(E).error), 1)])) : r("", !0), l("div", b, [d(c, {
+				ref_key: "consoleRef",
+				ref: w,
+				options: i(D),
+				class: "bg-black !w-full",
+				"ignore-breakpoint": ""
+			}, null, 8, ["options"])])]);
+		};
+	}
+});
+//#endregion
+export { x as default };