@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.0

package/dist/copyable-id-DYGiAcnq.js

@@ -0,0 +1,40 @@
+import { m as e, n as t } from "./i18n-BgzakKoC.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CheckIcon as s, CopyIcon as c } from "lucide-react";
+//#region src/workspace/copyable-id.tsx
+function l({ id: l }) {
+	let u = e(), d = t(), [f, p] = i(!1), m = r(null);
+	n(() => () => {
+		m.current != null && clearTimeout(m.current);
+	}, []);
+	async function h() {
+		try {
+			await navigator.clipboard.writeText(l), p(!0), m.current != null && clearTimeout(m.current), m.current = setTimeout(() => {
+				p(!1), m.current = null;
+			}, 2e3);
+		} catch {
+			d.error(u("copyable_id_copy_failed"));
+		}
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "flex h-2.5 w-fit max-w-full items-center gap-0.5 self-start",
+		children: [/* @__PURE__ */ a("span", {
+			className: "cursor-text font-mono text-[10px] leading-none text-muted-foreground select-all",
+			children: l
+		}), /* @__PURE__ */ a("button", {
+			type: "button",
+			className: "\n          inline-flex size-2.5 shrink-0 items-center justify-center text-muted-foreground\n          hover:text-foreground\n          focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:outline-none\n        ",
+			"aria-label": u(f ? "copyable_id_copied" : "copyable_id_copy"),
+			onClick: () => {
+				h();
+			},
+			children: a(f ? s : c, {
+				className: "size-2",
+				strokeWidth: 1.75
+			})
+		})]
+	});
+}
+//#endregion
+export { l as t };

package/dist/dashboard-bindings.js

@@ -0,0 +1,26 @@
+//#region src/workspace/dashboards/bindings.ts
+function e(e) {
+	return e.flatMap((e) => {
+		let t = e.requiredFields.filter((t) => e.bindings?.[t] == null);
+		return t.length === 0 ? [] : [{
+			path: e.path,
+			fields: t
+		}];
+	});
+}
+function t(e) {
+	return Object.keys(e.properties);
+}
+function n(n, r) {
+	return e(Object.entries(n).map(([e, n]) => ({
+		path: `parameters.${e}`,
+		bindings: r?.[e],
+		requiredFields: t(n)
+	})));
+}
+function r(e) {
+	let n = 0;
+	return Object.fromEntries(Object.entries(e).map(([e, r]) => [e, Object.fromEntries(t(r).map((e) => (n += 1, [e, `00000000-0000-4000-8000-${String(n).padStart(12, "0")}`])))]));
+}
+//#endregion
+export { t as dashboardBindingFields, r as exampleDashboardBindings, n as missingDashboardBindingGroups, e as missingDashboardBindings };

package/dist/dashboard-context-CBfG6DoT.js

@@ -0,0 +1,191 @@
+import { s as e } from "./context-u9KJQmdB.js";
+import { createContext as t, useCallback as n, useContext as r, useEffect as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { dashboardHref as l, dashboardLocationSchema as u } from "@overvis/hmi-shared/dashboard";
+import { jsx as d } from "react/jsx-runtime";
+import { useRouter as f, useRouterState as p } from "@tanstack/react-router";
+//#region src/workspace/page-navigation.ts
+var m = /* @__PURE__ */ new WeakSet();
+function h(e) {
+	return { overvisKeepScrollFrom: e };
+}
+function g(e, t) {
+	if (e == null) return !1;
+	let [n, r] = t.state.__TSR_index >= e.state.__TSR_index ? [e, t] : [t, e];
+	return r.state.overvisKeepScrollFrom === n.pathname;
+}
+function _(e) {
+	return m.add(e), e;
+}
+function v(e) {
+	return e.status === "pending" && e.location.pathname !== e.resolvedLocation?.pathname;
+}
+function y(e, t) {
+	if (e.status !== "pending") return e.matches.find((e) => t(e.routeId))?.id ?? e.resolvedLocation?.pathname;
+}
+function b(e) {
+	let t = f(), n = p({ select: (e) => y(e, (e) => {
+		let n = t.looseRoutesById[e];
+		return n != null && m.has(n);
+	}) }), r = p({ select: (e) => e.resolvedLocation?.hash ?? "" }), i = p({ select: (e) => e.resolvedLocation }), o = s({
+		page: n,
+		entry: i
+	});
+	a(() => {
+		if (n === void 0) return;
+		let t = o.current;
+		o.current = {
+			page: n,
+			entry: i
+		}, !(n === t.page || r !== "") && (i != null && g(t.entry, i) || e.current?.scrollTo({ top: 0 }));
+	}, [
+		e,
+		n,
+		r,
+		i
+	]);
+}
+//#endregion
+//#region src/workspace/dashboards/navigation.tsx
+var x = t(null);
+function S({ workspaceId: e, dashboardId: t, children: n }) {
+	return /* @__PURE__ */ d(x, {
+		value: {
+			workspaceId: e,
+			dashboardId: t
+		},
+		children: n
+	});
+}
+function C(e, t) {
+	let n = e.indexOf("#"), r = n === -1 ? e : e.slice(0, n), i = r.indexOf("?"), a = i === -1 ? r : r.slice(0, i);
+	if (a !== t && !a.startsWith(`${t}/`)) return null;
+	let o = {
+		path: a.slice(t.length) || "/",
+		search: i === -1 ? "" : r.slice(i),
+		hash: n === -1 ? "" : e.slice(n + 1)
+	};
+	return u["~standard"].validate(o).issues == null ? o : null;
+}
+function w() {
+	let e = r(x), t = f(), n = p({ select: (e) => e.location.publicHref }), [i, a] = c(n);
+	if (e === null) throw Error("useDashboardNavigation requires a mounted dashboard");
+	let { workspaceId: s, dashboardId: u } = e, d = l({
+		workspaceId: s,
+		dashboardId: u
+	}), m = C(n, d);
+	m !== null && n !== i && a(n);
+	let { path: g, search: _, hash: v } = m ?? C(i, d) ?? {
+		path: "/",
+		search: "",
+		hash: ""
+	}, y = o(() => {
+		let e = l({
+			workspaceId: s,
+			dashboardId: u
+		}), n = (e) => l({
+			workspaceId: s,
+			dashboardId: u,
+			...e
+		});
+		return {
+			href: n,
+			navigate: (r, i) => {
+				let a = n(r), o = t.state.location, s = (C(o.publicHref, e)?.path === C(a, e)?.path ? o.state.overvisKeepScrollFrom : void 0) ?? (i?.keepScroll === !0 ? o.pathname : void 0);
+				return t.navigate({
+					href: a,
+					replace: i?.replace ?? !1,
+					resetScroll: s === void 0,
+					...s === void 0 ? {} : { state: h(s) }
+				});
+			}
+		};
+	}, [
+		t,
+		s,
+		u
+	]);
+	return o(() => ({
+		location: {
+			path: g,
+			search: _,
+			hash: v
+		},
+		...y
+	}), [
+		g,
+		_,
+		v,
+		y
+	]);
+}
+function T(e) {
+	return /* @__PURE__ */ d(E, {
+		...e,
+		navigation: w()
+	});
+}
+function E({ navigation: e, to: t, replace: n = !1, keepScroll: r = !1, onClick: i, ...a }) {
+	return /* @__PURE__ */ d("a", {
+		...a,
+		href: e.href(t),
+		onClick: (o) => {
+			i?.(o), !(o.defaultPrevented || o.button !== 0 || o.metaKey || o.ctrlKey || o.altKey || o.shiftKey || a.download != null || a.target != null && a.target !== "_self") && (o.preventDefault(), e.navigate(t, {
+				replace: n,
+				keepScroll: r
+			}));
+		}
+	});
+}
+//#endregion
+//#region src/workspace/page-state/dashboard-context.tsx
+function D() {
+	let e = /* @__PURE__ */ new Set(), t = (t) => e.size === 1 && e.has(t);
+	return {
+		publish: (t) => (e.add(t), () => {
+			e.delete(t);
+		}),
+		read: async () => {
+			let [n] = e;
+			if (n == null || !t(n)) return null;
+			let r = await n();
+			return t(n) ? r : null;
+		}
+	};
+}
+var O = t(null);
+function k(e, t, n) {
+	let r = t.dashboardId === e.dashboardId && t.path === e.path;
+	return {
+		kind: "dashboard",
+		...t,
+		summary: r ? n : null
+	};
+}
+function A({ dashboardId: t, title: r, children: i }) {
+	let [o] = c(D), { path: l } = w().location, u = s({
+		dashboardId: t,
+		title: r,
+		path: l
+	});
+	return a(() => {
+		u.current = {
+			dashboardId: t,
+			title: r,
+			path: l
+		};
+	}), e("dashboard", n(async () => {
+		let e = u.current, t = await o.read();
+		return k(e, u.current, t);
+	}, [o])), /* @__PURE__ */ d(O, {
+		value: o,
+		children: i
+	});
+}
+function j(e) {
+	let t = r(O), n = s(e);
+	a(() => {
+		n.current = e;
+	}), i(() => t?.publish(() => n.current()), [t]);
+}
+//#endregion
+export { S as a, v as c, E as i, b as l, j as n, w as o, T as r, _ as s, A as t };