@camstack/addon-osd-manager 0.1.199 → 0.1.200

package/dist/MotionZonesSettings-DAz0zsa2.mjs

@@ -0,0 +1,310 @@
+import { _ as e, c as t, g as n, h as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-D7xZfSHZ.mjs";
+import { a as o, c as s, i as c, r as l, u } from "./responsive-BCF-RTGy.mjs";
+import { n as d, t as f } from "./player-overlays-2hRBqn9k.mjs";
+import { n as p, r as m, t as ee } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
+import { MaskShapeCanvas as h } from "./MaskShapeCanvas-mrxtKs_l.mjs";
+var g = u("grid-2x2", [
+	["path", {
+		d: "M12 3v18",
+		key: "108xh3"
+	}],
+	["path", {
+		d: "M3 12h18",
+		key: "1i2n21"
+	}],
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "2",
+		key: "h1oib"
+	}]
+]);
+//#endregion
+//#region ../ui-library/src/composites/cap-settings/MotionZonesSettings.tsx
+a();
+var _ = 110, v = "motion-zones", y = 0, b = [
+	1,
+	2,
+	3
+], x = 1, S = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors", C = "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors";
+function w(e, t, n) {
+	let r = t * n, i = Array.from({ length: r });
+	for (let t = 0; t < r; t += 1) i[t] = e[t] === !0;
+	return i;
+}
+function T(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function E(e, t) {
+	return Math.ceil(e / t);
+}
+function D(e, t, n) {
+	return Math.min(n - 1, Math.floor((e + .5) / t * n));
+}
+function O(e, t, n, r) {
+	let i = E(t, r), a = E(n, r), o = Array.from({ length: i * a }, () => !1);
+	for (let r = 0; r < n; r += 1) {
+		let s = D(r, n, a);
+		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + D(n, t, i)] = !0);
+	}
+	return o;
+}
+function k(e, t, n, r) {
+	let i = E(t, r), a = E(n, r), o = Array.from({ length: t * n }, () => !1);
+	for (let r = 0; r < n; r += 1) {
+		let s = D(r, n, a);
+		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + D(n, t, i)] === !0;
+	}
+	return o;
+}
+function A({ deviceId: a }) {
+	let u = o(s().trpcClient, a), [D, A] = e(null), [j, M] = e(!1), [N, P] = e(null), [F, I] = e(null), [L, R] = e(x), [z, B] = e(!1), [V, H] = e(!1), U = n(!1);
+	i(() => {
+		if (!u) return;
+		let e = !1;
+		return U.current = !1, A(null), M(!1), P(null), I(null), R(x), H(!1), (async () => {
+			try {
+				let t = await u.motionZones?.getOptions({});
+				if (e) return;
+				if (!t) throw Error("device proxy not ready");
+				if (A(t), U.current) return;
+				let n = await u.motionZones?.getStatus({});
+				if (e) return;
+				if (!n) throw Error("device proxy not ready");
+				U.current = !0;
+				let r = n.regions.find((e) => e.shape.kind === "grid"), i = w(r ? r.shape.cells : [], t.grid.width, t.grid.height);
+				I(i), P(O(i, t.grid.width, t.grid.height, x));
+			} catch (t) {
+				if (e) return;
+				c(t) ? M(!0) : console.error("Motion Zones load failed", t);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [u]);
+	let W = D ? D.grid.width : 0, G = D ? D.grid.height : 0, K = E(W, L), q = E(G, L), J = r(() => N && D ? k(N, W, G, L) : null, [
+		N,
+		D,
+		W,
+		G,
+		L
+	]), Y = r(() => J !== null && F !== null && !T(J, F), [J, F]), te = r(() => J ? J.reduce((e, t) => t ? e + 1 : e, 0) : 0, [J]), ne = W * G, X = K * q, Z = t((e) => {
+		X > 0 && P(Array.from({ length: X }, () => e));
+	}, [X]), re = t(() => {
+		P((e) => e && e.map((e) => !e));
+	}, []), ie = t(() => {
+		F && D && P(O(F, W, G, L));
+	}, [
+		F,
+		D,
+		W,
+		G,
+		L
+	]), ae = t((e) => {
+		e === L || !D || P((t) => {
+			if (!t) return R(e), t;
+			let n = O(k(t, W, G, L), W, G, e);
+			return R(e), n;
+		});
+	}, [
+		L,
+		D,
+		W,
+		G
+	]), Q = r(() => D && N ? [{
+		id: y,
+		shape: {
+			kind: "grid",
+			gridWidth: K,
+			gridHeight: q,
+			cells: [...N]
+		}
+	}] : [], [
+		D,
+		N,
+		K,
+		q
+	]), $ = t((e, t) => {
+		t.kind === "grid" && P(t.cells);
+	}, []), oe = t(async () => {
+		if (!(!u || !N || !D)) {
+			B(!0);
+			try {
+				let e = k(N, D.grid.width, D.grid.height, L), t = {
+					kind: "grid",
+					gridWidth: D.grid.width,
+					gridHeight: D.grid.height,
+					cells: e
+				};
+				await u.motionZones?.setZone({ patch: { regions: [{
+					id: y,
+					enabled: !0,
+					shape: t
+				}] } });
+				let n = await u.motionZones?.getStatus({});
+				if (n) {
+					let e = n.regions.find((e) => e.shape.kind === "grid"), t = w(e ? e.shape.cells : [], D.grid.width, D.grid.height);
+					I(t), P(O(t, D.grid.width, D.grid.height, L));
+				}
+			} catch (e) {
+				console.error("Motion Zones save failed", e);
+			} finally {
+				B(!1);
+			}
+		}
+	}, [
+		u,
+		N,
+		D,
+		L
+	]);
+	return f(r(() => V && !j && D && N ? {
+		id: v,
+		order: _,
+		node: /* @__PURE__ */ p(h, {
+			transparent: !0,
+			items: Q,
+			supportedShapes: ["grid"],
+			grid: {
+				width: K,
+				height: q
+			},
+			selectedId: y,
+			onSelect: () => {},
+			onShapeChange: $,
+			onDrawComplete: () => {},
+			drawingKind: null
+		})
+	} : null, [
+		V,
+		j,
+		D,
+		N,
+		Q,
+		$,
+		K,
+		q
+	])), u ? /* @__PURE__ */ p(d, {
+		title: "Motion Zones",
+		icon: /* @__PURE__ */ p(g, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ p("div", {
+			className: "flex flex-col gap-3",
+			children: j ? /* @__PURE__ */ p("p", {
+				className: `${l} leading-relaxed`,
+				children: "This camera doesn't expose an on-board motion zones grid."
+			}) : !j && D !== null && N !== null ? /* @__PURE__ */ m(ee, { children: [/* @__PURE__ */ m("p", {
+				className: `${l} leading-relaxed`,
+				children: [
+					"Toggle ",
+					/* @__PURE__ */ p("strong", {
+						className: "text-foreground",
+						children: "Edit grid"
+					}),
+					" to paint the region directly on the live frame, then ",
+					/* @__PURE__ */ p("strong", {
+						className: "text-foreground",
+						children: "Save"
+					}),
+					" to push the mask to the camera. Pick a bigger",
+					" ",
+					/* @__PURE__ */ p("strong", {
+						className: "text-foreground",
+						children: "Cell size"
+					}),
+					" for quicker, broad-stroke painting — it's resampled to the camera's native ",
+					D.grid.width,
+					"×",
+					D.grid.height,
+					" grid on save (×1 is the finest)."
+				]
+			}), /* @__PURE__ */ m("div", {
+				className: "flex items-center gap-2 flex-wrap",
+				children: [
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => H((e) => !e),
+						disabled: z,
+						"aria-pressed": V,
+						className: V ? C : S,
+						children: V ? "Done editing" : "Edit grid"
+					}),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => Z(!0),
+						disabled: z,
+						className: S,
+						children: "All on"
+					}),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => Z(!1),
+						disabled: z,
+						className: S,
+						children: "All off"
+					}),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: re,
+						disabled: z,
+						className: S,
+						children: "Invert"
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-1 ml-1",
+						role: "group",
+						"aria-label": "Cell size",
+						children: [/* @__PURE__ */ p("span", {
+							className: `${l} mr-0.5`,
+							children: "Cell size"
+						}), b.map((e) => /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => ae(e),
+							disabled: z,
+							"aria-pressed": L === e,
+							title: e === 1 ? `Camera grid ${W}×${G} (finest)` : `${E(W, e)}×${E(G, e)} painting grid · cells ×${e} bigger`,
+							className: L === e ? C : S,
+							children: ["×", e]
+						}, e))]
+					}),
+					/* @__PURE__ */ m("span", {
+						className: `${l} ml-1 tabular-nums`,
+						children: [
+							te,
+							" / ",
+							ne,
+							" cells · ",
+							D.grid.width,
+							"×",
+							D.grid.height,
+							L === 1 ? "" : ` · paint ${K}×${q}`
+						]
+					}),
+					/* @__PURE__ */ p("span", { className: "flex-1" }),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: ie,
+						disabled: z || !Y,
+						className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
+						children: "Revert"
+					}),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						onClick: () => void oe(),
+						disabled: z || !Y,
+						className: C,
+						children: z ? "Saving…" : "Save"
+					})
+				]
+			})] }) : /* @__PURE__ */ p("p", {
+				className: `${l} leading-relaxed`,
+				children: "Loading the camera's grid…"
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { A as MotionZonesSettings };

package/dist/{PrivacyMaskSettings-xC6YrNM-.mjs → PrivacyMaskSettings-DBRcmqYu.mjs}

@@ -1,11 +1,11 @@
 import { _ as e, c as t, g as n, h as r, u as i, x as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-D7xZfSHZ.mjs";
-import { c as o, n as ee, o as te, r as ne, t as s } from "./responsive-t3UayeQT.mjs";
-import { n as re, t as ie } from "./player-overlays-TxRsHixk.mjs";
-import { i as ae, n as oe, r as se, t as c } from "./square-B_CvlH_T.mjs";
-import { t as ce } from "./trash-2-BfeGf6tH.mjs";
+import { a as ee, c as te, i as ne, r as o, u as s } from "./responsive-BCF-RTGy.mjs";
+import { n as re, t as ie } from "./player-overlays-2hRBqn9k.mjs";
+import { i as ae, n as oe, r as se, t as c } from "./square-CLL05HzW.mjs";
+import { t as ce } from "./trash-2-BECtJsvm.mjs";
 import { n as l, r as u, t as le } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
 import { MaskShapeCanvas as ue } from "./MaskShapeCanvas-mrxtKs_l.mjs";
-var de = o("hexagon", [["path", {
+var de = s("hexagon", [["path", {
 	d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z",
 	key: "yt0hxn"
 }]]);
@@ -43,17 +43,17 @@ function he(e, t) {
 	return !0;
 }
 function v({ deviceId: a }) {
-	let o = ne(te().trpcClient, a), [d, f] = e(null), [v, y] = e(!1), [b, x] = e(!1), [S, C] = e(null), [w, T] = e(null), [E, D] = e(!1), [O, k] = e(!1), [A, j] = e(null), [M, N] = e(null), [ge, P] = e(null), [F, I] = e(null), [L, R] = e(null), z = n(!1);
+	let s = ee(te().trpcClient, a), [d, f] = e(null), [v, y] = e(!1), [b, x] = e(!1), [S, C] = e(null), [w, T] = e(null), [E, D] = e(!1), [O, k] = e(!1), [A, j] = e(null), [M, N] = e(null), [ge, P] = e(null), [F, I] = e(null), [L, R] = e(null), z = n(!1);
 	i(() => {
-		if (!o) return;
+		if (!s) return;
 		let e = !1;
 		return z.current = !1, f(null), y(!1), x(!1), C(null), T(null), k(!1), j(null), N(null), P(null), I(null), R(null), (async () => {
 			try {
-				let t = await o.privacyMask?.getOptions({});
+				let t = await s.privacyMask?.getOptions({});
 				if (e) return;
 				if (!t) throw Error("device proxy not ready");
 				if (f(t), z.current) return;
-				let n = await o.privacyMask?.getStatus({});
+				let n = await s.privacyMask?.getStatus({});
 				if (e) return;
 				if (!n) throw Error("device proxy not ready");
 				if (n.regions === null) {
@@ -68,12 +68,12 @@ function v({ deviceId: a }) {
 				T(r), C(r), P(n.audioEnabled);
 			} catch (t) {
 				if (e) return;
-				ee(t) ? y(!0) : console.error("Privacy Mask load failed", t);
+				ne(t) ? y(!0) : console.error("Privacy Mask load failed", t);
 			}
 		})(), () => {
 			e = !0;
 		};
-	}, [o]);
+	}, [s]);
 	let B = r(() => S !== null && w !== null && (S.enabled !== w.enabled || !he(S.regions, w.regions)), [S, w]), V = S ? S.regions.length : 0, H = d ? d.maxRegions : 0, U = n(0);
 	i(() => {
 		U.current = H;
@@ -130,14 +130,14 @@ function v({ deviceId: a }) {
 			regions: w.regions
 		});
 	}, [w]), be = t(async () => {
-		if (!(!o || !S)) {
+		if (!(!s || !S)) {
 			D(!0);
 			try {
-				await o.privacyMask?.setMask({ patch: {
+				await s.privacyMask?.setMask({ patch: {
 					enabled: S.enabled,
 					regions: [...S.regions]
 				} });
-				let e = await o.privacyMask?.getStatus({});
+				let e = await s.privacyMask?.getStatus({});
 				if (e && e.regions !== null) {
 					let t = {
 						enabled: e.enabled,
@@ -151,17 +151,17 @@ function v({ deviceId: a }) {
 				D(!1);
 			}
 		}
-	}, [o, S]), Z = p({
+	}, [s, S]), Z = p({
 		supportsAudioMute: d === null ? null : d.supportsAudioMute,
 		audioEnabled: ge,
 		pendingOn: F
 	}), xe = t(async () => {
 		let e = m(Z);
-		if (!(!o || e === null)) {
+		if (!(!s || e === null)) {
 			I(e.enabled), R(null);
 			try {
-				await o.privacyMask?.setAudioEnabled(e);
-				let t = await o.privacyMask?.getStatus({});
+				await s.privacyMask?.setAudioEnabled(e);
+				let t = await s.privacyMask?.getStatus({});
 				t && P(t.audioEnabled);
 			} catch (e) {
 				console.error("Privacy microphone write failed — reverting", e), R(e instanceof Error ? e.message : String(e));
@@ -169,7 +169,7 @@ function v({ deviceId: a }) {
 				I(null);
 			}
 		}
-	}, [o, Z]), Se = t(() => {
+	}, [s, Z]), Se = t(() => {
 		k((e) => (e && (N(null), j(null)), !e));
 	}, []), Q = d?.supportedShapes ?? [];
 	ie(r(() => O && !v && d && S ? {
@@ -200,20 +200,20 @@ function v({ deviceId: a }) {
 		M
 	]));
 	let Ce = d?.supportedShapes.includes("rect") ?? !1, we = d?.supportedShapes.includes("polygon") ?? !1, $ = d !== null && (d.maxRegions <= 0 || d.supportedShapes.length === 0);
-	return o ? /* @__PURE__ */ l(re, {
+	return s ? /* @__PURE__ */ l(re, {
 		title: "Privacy Mask",
 		icon: /* @__PURE__ */ l(ae, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
 		children: /* @__PURE__ */ u("div", {
 			className: "flex flex-col gap-3",
 			children: [v || $ ? /* @__PURE__ */ l("p", {
-				className: `${s} leading-relaxed`,
+				className: `${o} leading-relaxed`,
 				children: "This camera doesn't support an on-board privacy mask."
 			}) : b ? /* @__PURE__ */ l("p", {
-				className: `${s} leading-relaxed`,
+				className: `${o} leading-relaxed`,
 				children: "This camera hasn't answered, so what it currently masks is unknown — the editor stays closed rather than showing an empty frame you could save over. A battery camera answers once it wakes; otherwise check that it is reachable."
 			}) : !v && !$ && !b && d !== null && S !== null ? /* @__PURE__ */ u(le, { children: [
 				/* @__PURE__ */ u("p", {
-					className: `${s} leading-relaxed`,
+					className: `${o} leading-relaxed`,
 					children: [
 						"Toggle ",
 						/* @__PURE__ */ l("strong", {
@@ -266,7 +266,7 @@ function v({ deviceId: a }) {
 							children: "+ Polygon"
 						}),
 						/* @__PURE__ */ u("span", {
-							className: `${s} ml-1 tabular-nums`,
+							className: `${o} ml-1 tabular-nums`,
 							children: [
 								V,
 								" / ",
@@ -323,7 +323,7 @@ function v({ deviceId: a }) {
 					})
 				}) : null
 			] }) : /* @__PURE__ */ l("p", {
-				className: `${s} leading-relaxed`,
+				className: `${o} leading-relaxed`,
 				children: "Loading the camera's privacy mask…"
 			}), Z.supported && /* @__PURE__ */ u("div", {
 				className: "flex items-start gap-3 rounded-md border border-border bg-surface px-2 py-2",