@camstack/addon-benchmark 1.0.2 → 1.0.3

package/dist/MotionZonesSettings-CkSSpN1f.mjs

@@ -0,0 +1,309 @@
+import { b as e, c as t, h as n, m as r, p as i, u as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-Bnj8XQnA.mjs";
+import { n as o, r as s, t as c } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
+import { a as l, f as u, i as d, p as f, s as ee, t as p, u as m } from "./player-overlays-97shCqYZ.mjs";
+import { MaskShapeCanvas as h } from "./MaskShapeCanvas-DwXCR2iE.mjs";
+var g = m("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
+e();
+var _ = 110, te = "motion-zones", v = 0, y = [
+	1,
+	2,
+	3
+], b = 1, x = "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", S = "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 C(e, t, n) {
+	let r = t * n, i = Array(r);
+	for (let t = 0; t < r; t += 1) i[t] = e[t] === !0;
+	return i;
+}
+function ne(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 w(e, t) {
+	return Math.ceil(e / t);
+}
+function T(e, t, n) {
+	return Math.min(n - 1, Math.floor((e + .5) / t * n));
+}
+function E(e, t, n, r) {
+	let i = w(t, r), a = w(n, r), o = Array(i * a).fill(!1);
+	for (let r = 0; r < n; r += 1) {
+		let s = T(r, n, a);
+		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + T(n, t, i)] = !0);
+	}
+	return o;
+}
+function D(e, t, n, r) {
+	let i = w(t, r), a = w(n, r), o = Array(t * n).fill(!1);
+	for (let r = 0; r < n; r += 1) {
+		let s = T(r, n, a);
+		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + T(n, t, i)] === !0;
+	}
+	return o;
+}
+function O({ deviceId: e }) {
+	let m = l(ee().trpcClient, e), [T, O] = n(null), [k, A] = n(!1), [j, M] = n(null), [N, P] = n(null), [F, I] = n(b), [L, R] = n(!1), [z, B] = n(!1), V = r(!1);
+	a(() => {
+		if (!m) return;
+		let e = !1;
+		return V.current = !1, O(null), A(!1), M(null), P(null), I(b), B(!1), (async () => {
+			try {
+				let t = await m.motionZones?.getOptions({});
+				if (e) return;
+				if (!t) throw Error("device proxy not ready");
+				if (O(t), V.current) return;
+				let n = await m.motionZones?.getStatus({});
+				if (e) return;
+				if (!n) throw Error("device proxy not ready");
+				V.current = !0;
+				let r = n.regions.find((e) => e.shape.kind === "grid"), i = C(r ? r.shape.cells : [], t.grid.width, t.grid.height);
+				P(i), M(E(i, t.grid.width, t.grid.height, b));
+			} catch (t) {
+				if (e) return;
+				f(t) ? A(!0) : console.error("Motion Zones load failed", t);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [m]);
+	let H = T ? T.grid.width : 0, U = T ? T.grid.height : 0, W = w(H, F), G = w(U, F), K = i(() => j && T ? D(j, H, U, F) : null, [
+		j,
+		T,
+		H,
+		U,
+		F
+	]), q = i(() => K !== null && N !== null && !ne(K, N), [K, N]), J = i(() => K ? K.reduce((e, t) => t ? e + 1 : e, 0) : 0, [K]), Y = H * U, X = W * G, Z = t((e) => {
+		X > 0 && M(Array(X).fill(e));
+	}, [X]), re = t(() => {
+		M((e) => e && e.map((e) => !e));
+	}, []), ie = t(() => {
+		N && T && M(E(N, H, U, F));
+	}, [
+		N,
+		T,
+		H,
+		U,
+		F
+	]), ae = t((e) => {
+		e === F || !T || M((t) => {
+			if (!t) return I(e), t;
+			let n = E(D(t, H, U, F), H, U, e);
+			return I(e), n;
+		});
+	}, [
+		F,
+		T,
+		H,
+		U
+	]), Q = i(() => T && j ? [{
+		id: v,
+		shape: {
+			kind: "grid",
+			gridWidth: W,
+			gridHeight: G,
+			cells: [...j]
+		}
+	}] : [], [
+		T,
+		j,
+		W,
+		G
+	]), $ = t((e, t) => {
+		t.kind === "grid" && M(t.cells);
+	}, []), oe = t(async () => {
+		if (!(!m || !j || !T)) {
+			R(!0);
+			try {
+				let e = D(j, T.grid.width, T.grid.height, F), t = {
+					kind: "grid",
+					gridWidth: T.grid.width,
+					gridHeight: T.grid.height,
+					cells: e
+				};
+				await m.motionZones?.setZone({ patch: { regions: [{
+					id: v,
+					enabled: !0,
+					shape: t
+				}] } });
+				let n = await m.motionZones?.getStatus({});
+				if (n) {
+					let e = n.regions.find((e) => e.shape.kind === "grid"), t = C(e ? e.shape.cells : [], T.grid.width, T.grid.height);
+					P(t), M(E(t, T.grid.width, T.grid.height, F));
+				}
+			} catch (e) {
+				console.error("Motion Zones save failed", e);
+			} finally {
+				R(!1);
+			}
+		}
+	}, [
+		m,
+		j,
+		T,
+		F
+	]);
+	return p(i(() => z && !k && T && j ? {
+		id: te,
+		order: _,
+		node: /* @__PURE__ */ o(h, {
+			transparent: !0,
+			items: Q,
+			supportedShapes: ["grid"],
+			grid: {
+				width: W,
+				height: G
+			},
+			selectedId: v,
+			onSelect: () => {},
+			onShapeChange: $,
+			onDrawComplete: () => {},
+			drawingKind: null
+		})
+	} : null, [
+		z,
+		k,
+		T,
+		j,
+		Q,
+		$,
+		W,
+		G
+	])), m ? /* @__PURE__ */ o(d, {
+		title: "Motion Zones",
+		icon: /* @__PURE__ */ o(g, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ o("div", {
+			className: "flex flex-col gap-3",
+			children: k ? /* @__PURE__ */ o("p", {
+				className: `${u} leading-relaxed`,
+				children: "This camera doesn't expose an on-board motion zones grid."
+			}) : !k && T !== null && j !== null ? /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s("p", {
+				className: `${u} leading-relaxed`,
+				children: [
+					"Toggle ",
+					/* @__PURE__ */ o("strong", {
+						className: "text-foreground",
+						children: "Edit grid"
+					}),
+					" to paint the region directly on the live frame, then ",
+					/* @__PURE__ */ o("strong", {
+						className: "text-foreground",
+						children: "Save"
+					}),
+					" to push the mask to the camera. Pick a bigger",
+					" ",
+					/* @__PURE__ */ o("strong", {
+						className: "text-foreground",
+						children: "Cell size"
+					}),
+					" for quicker, broad-stroke painting — it's resampled to the camera's native ",
+					T.grid.width,
+					"×",
+					T.grid.height,
+					" grid on save (×1 is the finest)."
+				]
+			}), /* @__PURE__ */ s("div", {
+				className: "flex items-center gap-2 flex-wrap",
+				children: [
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => B((e) => !e),
+						disabled: L,
+						"aria-pressed": z,
+						className: z ? S : x,
+						children: z ? "Done editing" : "Edit grid"
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => Z(!0),
+						disabled: L,
+						className: x,
+						children: "All on"
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => Z(!1),
+						disabled: L,
+						className: x,
+						children: "All off"
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: re,
+						disabled: L,
+						className: x,
+						children: "Invert"
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "flex items-center gap-1 ml-1",
+						role: "group",
+						"aria-label": "Cell size",
+						children: [/* @__PURE__ */ o("span", {
+							className: `${u} mr-0.5`,
+							children: "Cell size"
+						}), y.map((e) => /* @__PURE__ */ s("button", {
+							type: "button",
+							onClick: () => ae(e),
+							disabled: L,
+							"aria-pressed": F === e,
+							title: e === 1 ? `Camera grid ${H}×${U} (finest)` : `${w(H, e)}×${w(U, e)} painting grid · cells ×${e} bigger`,
+							className: F === e ? S : x,
+							children: ["×", e]
+						}, e))]
+					}),
+					/* @__PURE__ */ s("span", {
+						className: `${u} ml-1 tabular-nums`,
+						children: [
+							J,
+							" / ",
+							Y,
+							" cells · ",
+							T.grid.width,
+							"×",
+							T.grid.height,
+							F === 1 ? "" : ` · paint ${W}×${G}`
+						]
+					}),
+					/* @__PURE__ */ o("span", { className: "flex-1" }),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: ie,
+						disabled: L || !q,
+						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__ */ o("button", {
+						type: "button",
+						onClick: () => void oe(),
+						disabled: L || !q,
+						className: S,
+						children: L ? "Saving…" : "Save"
+					})
+				]
+			})] }) : /* @__PURE__ */ o("p", {
+				className: `${u} leading-relaxed`,
+				children: "Loading the camera's grid…"
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { O as MotionZonesSettings };

package/dist/PrivacyMaskSettings-Cfff_PeN.mjs

@@ -0,0 +1,290 @@
+import { b as e, c as t, h as n, m as r, p as i, u as a } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react__loadShare__.js-Bnj8XQnA.mjs";
+import { n as o, r as s, t as ee } from "./_virtual_mf___mfe_internal__addon_benchmark_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-SOU_VnTj.mjs";
+import { a as te, f as c, i as ne, p as re, s as ie, t as l, u } from "./player-overlays-97shCqYZ.mjs";
+import { n as d, r as f, t as p } from "./trash-2-I9mqk3Ix.mjs";
+import { MaskShapeCanvas as m } from "./MaskShapeCanvas-DwXCR2iE.mjs";
+var h = u("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"
+}]]);
+//#endregion
+//#region ../ui-library/src/composites/cap-settings/PrivacyMaskSettings.tsx
+e();
+var g = 120, _ = "privacy-mask", v = "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", y = "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 b(e) {
+	return e.kind === "rect" || e.kind === "polygon" ? e : null;
+}
+function x(e) {
+	let t = new Set(e.map((e) => e.id)), n = 0;
+	for (; t.has(n);) n += 1;
+	return n;
+}
+function S(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n += 1) if (JSON.stringify(e[n]) !== JSON.stringify(t[n])) return !1;
+	return !0;
+}
+function C({ deviceId: e }) {
+	let u = te(ie().trpcClient, e), [C, w] = n(null), [T, E] = n(!1), [D, O] = n(null), [k, A] = n(null), [j, M] = n(!1), [N, P] = n(!1), [F, I] = n(null), [L, R] = n(null), z = r(!1);
+	a(() => {
+		if (!u) return;
+		let e = !1;
+		return z.current = !1, w(null), E(!1), O(null), A(null), P(!1), I(null), R(null), (async () => {
+			try {
+				let t = await u.privacyMask?.getOptions({});
+				if (e) return;
+				if (!t) throw Error("device proxy not ready");
+				if (w(t), z.current) return;
+				let n = await u.privacyMask?.getStatus({});
+				if (e) return;
+				if (!n) throw Error("device proxy not ready");
+				z.current = !0;
+				let r = {
+					enabled: n.enabled,
+					regions: n.regions
+				};
+				A(r), O(r);
+			} catch (t) {
+				if (e) return;
+				re(t) ? E(!0) : console.error("Privacy Mask load failed", t);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [u]);
+	let B = i(() => D !== null && k !== null && (D.enabled !== k.enabled || !S(D.regions, k.regions)), [D, k]), V = D ? D.regions.length : 0, H = C ? C.maxRegions : 0, U = r(0);
+	a(() => {
+		U.current = H;
+	}, [H]);
+	let W = H > 0 && V >= H, G = t(() => {
+		O((e) => e && {
+			...e,
+			enabled: !e.enabled
+		});
+	}, []), K = t((e) => {
+		I(typeof e == "number" ? e : null);
+	}, []), q = i(() => D ? D.regions.map((e) => ({
+		id: e.id,
+		shape: e.shape,
+		enabled: e.enabled,
+		label: `Zone ${String(e.id)}`
+	})) : [], [D]), J = t((e, t) => {
+		let n = b(t);
+		n && O((t) => t && {
+			...t,
+			regions: t.regions.map((t) => t.id === e ? {
+				...t,
+				shape: n
+			} : t)
+		});
+	}, []), Y = t((e) => {
+		let t = b(e);
+		t && (R(null), O((e) => {
+			if (!e) return e;
+			let n = U.current;
+			if (n > 0 && e.regions.length >= n) return e;
+			let r = x(e.regions), i = {
+				id: r,
+				enabled: !0,
+				shape: t
+			};
+			return I(r), {
+				...e,
+				regions: [...e.regions, i]
+			};
+		}));
+	}, []), X = t((e) => {
+		P(!0), I(null), R(e);
+	}, []), ae = t((e) => {
+		P(!0), R(null), I(e);
+	}, []), Z = t((e) => {
+		I((t) => t === e ? null : t), O((t) => t && {
+			...t,
+			regions: t.regions.filter((t) => t.id !== e)
+		});
+	}, []), oe = t(() => {
+		R(null), I(null), k && O({
+			enabled: k.enabled,
+			regions: k.regions
+		});
+	}, [k]), se = t(async () => {
+		if (!(!u || !D)) {
+			M(!0);
+			try {
+				await u.privacyMask?.setMask({ patch: {
+					enabled: D.enabled,
+					regions: [...D.regions]
+				} });
+				let e = await u.privacyMask?.getStatus({});
+				if (e) {
+					let t = {
+						enabled: e.enabled,
+						regions: e.regions
+					};
+					A(t), O(t);
+				}
+			} catch (e) {
+				console.error("Privacy Mask save failed", e);
+			} finally {
+				M(!1);
+			}
+		}
+	}, [u, D]), ce = t(() => {
+		P((e) => (e && (R(null), I(null)), !e));
+	}, []), Q = C?.supportedShapes ?? [];
+	l(i(() => N && !T && C && D ? {
+		id: _,
+		order: g,
+		node: /* @__PURE__ */ o(m, {
+			transparent: !0,
+			items: q,
+			supportedShapes: Q,
+			polygonVertices: C.polygonVertices,
+			selectedId: F,
+			onSelect: K,
+			onShapeChange: J,
+			onDrawComplete: Y,
+			drawingKind: L
+		})
+	} : null, [
+		N,
+		T,
+		C,
+		D,
+		q,
+		Q,
+		F,
+		K,
+		J,
+		Y,
+		L
+	]));
+	let le = C?.supportedShapes.includes("rect") ?? !1, ue = C?.supportedShapes.includes("polygon") ?? !1, $ = C !== null && (C.maxRegions <= 0 || C.supportedShapes.length === 0);
+	return u ? /* @__PURE__ */ o(ne, {
+		title: "Privacy Mask",
+		icon: /* @__PURE__ */ o(f, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
+		children: /* @__PURE__ */ o("div", {
+			className: "flex flex-col gap-3",
+			children: T || $ ? /* @__PURE__ */ o("p", {
+				className: `${c} leading-relaxed`,
+				children: "This camera doesn't support an on-board privacy mask."
+			}) : !T && !$ && C !== null && D !== null ? /* @__PURE__ */ s(ee, { children: [
+				/* @__PURE__ */ s("p", {
+					className: `${c} leading-relaxed`,
+					children: [
+						"Toggle ",
+						/* @__PURE__ */ o("strong", {
+							className: "text-foreground",
+							children: "Edit mask"
+						}),
+						" to draw blanked-out zones on the live frame, then ",
+						/* @__PURE__ */ o("strong", {
+							className: "text-foreground",
+							children: "Save"
+						}),
+						" to push them to the camera. Drag a rectangle to move, its corner to resize; drag polygon vertices, click an edge midpoint to add one, or right-click a vertex to remove it."
+					]
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2 flex-wrap",
+					children: [
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: ce,
+							disabled: j,
+							"aria-pressed": N,
+							className: N ? y : v,
+							children: N ? "Done editing" : "Edit mask"
+						}),
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: G,
+							disabled: j,
+							"aria-pressed": D.enabled,
+							className: D.enabled ? y : v,
+							children: D.enabled ? "Mask on" : "Mask off"
+						}),
+						le && /* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: () => X("rect"),
+							disabled: j || W,
+							"aria-pressed": L === "rect",
+							className: L === "rect" ? y : v,
+							title: W ? "Maximum zones reached" : "Add a rectangle zone",
+							children: "+ Rect"
+						}),
+						ue && /* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: () => X("polygon"),
+							disabled: j || W,
+							"aria-pressed": L === "polygon",
+							className: L === "polygon" ? y : v,
+							title: W ? "Maximum zones reached" : "Add a polygon zone",
+							children: "+ Polygon"
+						}),
+						/* @__PURE__ */ s("span", {
+							className: `${c} ml-1 tabular-nums`,
+							children: [
+								V,
+								" / ",
+								H,
+								" zones"
+							]
+						}),
+						/* @__PURE__ */ o("span", { className: "flex-1" }),
+						/* @__PURE__ */ o("button", {
+							type: "button",
+							onClick: oe,
+							disabled: j || !B,
+							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__ */ o("button", {
+							type: "button",
+							onClick: () => void se(),
+							disabled: j || !B,
+							className: y,
+							children: j ? "Saving…" : "Save"
+						})
+					]
+				}),
+				V > 0 ? /* @__PURE__ */ o("div", {
+					className: "flex flex-col gap-1",
+					children: D.regions.map((e) => {
+						let t = F === e.id, n = e.shape.kind === "polygon" ? h : d;
+						return /* @__PURE__ */ s("div", {
+							className: `flex items-center gap-2 rounded-md border px-2 py-1 transition-colors ${t ? "border-primary/50 bg-primary/10" : "border-border bg-surface"}`,
+							children: [/* @__PURE__ */ s("button", {
+								type: "button",
+								onClick: () => ae(e.id),
+								disabled: j,
+								className: "flex flex-1 items-center gap-2 text-left text-[11px] font-medium text-foreground-subtle hover:text-foreground disabled:opacity-40 transition-colors",
+								children: [
+									/* @__PURE__ */ o(n, { className: "h-3.5 w-3.5 shrink-0" }),
+									/* @__PURE__ */ s("span", { children: ["Zone ", e.id] }),
+									/* @__PURE__ */ o("span", {
+										className: "text-foreground-faint capitalize",
+										children: e.shape.kind
+									})
+								]
+							}), /* @__PURE__ */ o("button", {
+								type: "button",
+								onClick: () => Z(e.id),
+								disabled: j,
+								"aria-label": `Delete zone ${String(e.id)}`,
+								title: "Delete zone",
+								className: "inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:border-red-400/40 hover:bg-red-500/10 hover:text-red-400 disabled:opacity-40 transition-colors",
+								children: /* @__PURE__ */ o(p, { className: "h-3.5 w-3.5" })
+							})]
+						}, e.id);
+					})
+				}) : null
+			] }) : /* @__PURE__ */ o("p", {
+				className: `${c} leading-relaxed`,
+				children: "Loading the camera's privacy mask…"
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { C as PrivacyMaskSettings };