likec4 1.57.0 → 1.59.0

package/__app__/src/chunks/hooks.mjs

@@ -0,0 +1,458 @@
+import { i as o } from "./rolldown-runtime.mjs";
+import { d as s, i as c } from "./libs/@tanstack.mjs";
+import { st as l } from "./libs/@mantine.mjs";
+import { E as u, M as d, o as f } from "./styled-system.mjs";
+import { n as p, t as m } from "./libs/fast-equals.mjs";
+import { b as h } from "./libs/framer.mjs";
+import { n as g } from "./libs/@xstate/react.mjs";
+import { createContext as _, createElement as v, forwardRef as y, useCallback as b, useContext as x, useEffect as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E, useSyncExternalStore as D } from "react";
+import { c as O } from "react/compiler-runtime";
+import { jsx as k } from "react/jsx-runtime";
+import { useLikeC4Projects as A } from "likec4:projects";
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/lazyDataLastImpl-DtF3cihj.js
+function e$2(o, s, c) {
+	let r = (c) => o(c, ...s);
+	return c === void 0 ? r : Object.assign(r, {
+		lazy: c,
+		lazyArgs: s
+	});
+}
+o(e$2, "e");
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/purry.js
+function t$3(o, s, c) {
+	let l = o.length - s.length;
+	if (l === 0) return o(...s);
+	if (l === 1) return e$2(o, s, c);
+	throw Error("Wrong number of arguments");
+}
+o(t$3, "t");
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/utilityEvaluators-Cb8x6-JZ.js
+var j = {
+	done: !1,
+	hasNext: !1
+}, M = /* @__PURE__ */ o((o) => ({
+	hasNext: !0,
+	next: o,
+	done: !1
+}), "r");
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/pipe.js
+function t$1(o, ...s) {
+	let c = o, l = s.map((o) => "lazy" in o ? r$2(o) : void 0), u = 0;
+	for (; u < s.length;) {
+		if (l[u] === void 0 || !i$1(c)) {
+			let o = s[u];
+			c = o(c), u += 1;
+			continue;
+		}
+		let o = [];
+		for (let c = u; c < s.length; c++) {
+			let s = l[c];
+			if (s === void 0 || (o.push(s), s.isSingle)) break;
+		}
+		let d = [];
+		for (let s of c) if (n$1(s, d, o)) break;
+		let { isSingle: f } = o.at(-1);
+		c = f ? d[0] : d, u += o.length;
+	}
+	return c;
+}
+o(t$1, "t");
+function n$1(o, s, c) {
+	if (c.length === 0) return s.push(o), !1;
+	let l = o, u = j, d = !1;
+	for (let [o, f] of c.entries()) {
+		let { index: p, items: m } = f;
+		if (m.push(l), u = f(l, p, m), f.index += 1, u.hasNext) {
+			if (u.hasMany ?? !1) {
+				for (let l of u.next) if (n$1(l, s, c.slice(o + 1))) return !0;
+				return d;
+			}
+			l = u.next;
+		}
+		if (!u.hasNext) break;
+		u.done && (d = !0);
+	}
+	return u.hasNext && s.push(l), d;
+}
+o(n$1, "n");
+function r$2(o) {
+	let { lazy: s, lazyArgs: c } = o, l = s(...c);
+	return Object.assign(l, {
+		isSingle: s.single ?? !1,
+		index: 0,
+		items: []
+	});
+}
+o(r$2, "r");
+function i$1(o) {
+	return typeof o == "string" || typeof o == "object" && !!o && Symbol.iterator in o;
+}
+o(i$1, "i");
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/toSingle-1Si1O88f.js
+var N = /* @__PURE__ */ o((o) => Object.assign(o, { single: !0 }), "e");
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/find.js
+function r$1(...o) {
+	return t$3(i, o, N(a));
+}
+o(r$1, "r");
+var i = (o, s) => o.find(s), a = (o) => (s, c, l) => o(s, c, l) ? {
+	done: !0,
+	hasNext: !0,
+	next: s
+} : j, e = (o) => typeof o == "function";
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/map.js
+function t(...o) {
+	return t$3(n, o, r);
+}
+var n = (o, s) => o.map(s), r = (o) => (s, c, l) => ({
+	done: !1,
+	hasNext: !0,
+	next: o(s, c, l)
+}), P = {
+	outline: {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	},
+	filled: {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		stroke: "none"
+	}
+}, createReactComponent = (o, s, c, l) => {
+	let u = y(({ color: c = "currentColor", size: u = 24, stroke: d = 2, title: f, className: p, children: m, ...h }, g) => v("svg", {
+		ref: g,
+		...P[o],
+		width: u,
+		height: u,
+		className: [
+			"tabler-icon",
+			`tabler-icon-${s}`,
+			p
+		].join(" "),
+		...o === "filled" ? { fill: c } : {
+			strokeWidth: d,
+			stroke: c
+		},
+		...h
+	}, [
+		f && v("title", { key: "svg-title" }, f),
+		...l.map(([o, s]) => v(o, s)),
+		...Array.isArray(m) ? m : [m]
+	]));
+	return u.displayName = `${c}`, u;
+}, F = createReactComponent("outline", "sparkles", "Sparkles", [["path", {
+	d: "M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6",
+	key: "svg-0"
+}]]), I = createReactComponent("filled", "player-stop-filled", "PlayerStopFilled", [["path", {
+	d: "M17 4h-10a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3 -3v-10a3 3 0 0 0 -3 -3z",
+	key: "svg-0"
+}]]);
+//#endregion
+//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@react-hookz/web/dist/useSyncedRef/index.js
+function useSyncedRef(o) {
+	let s = T(o);
+	return s.current = o, w(() => Object.freeze({ get current() {
+		return s.current;
+	} }), []);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@react-hookz/web/dist/util/const.js
+var L = /* @__PURE__ */ o(() => {}, "noop"), R = typeof globalThis < "u" && typeof navigator < "u" && typeof document < "u", basicDepsComparator = (o, s) => {
+	if (o === s) return !0;
+	if (o.length !== s.length) return !1;
+	for (let [c, l] of o.entries()) if (l !== s[c]) return !1;
+	return !0;
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@react-hookz/web/dist/useCustomCompareEffect/index.js
+function useCustomCompareEffect(o, s, c = basicDepsComparator, l = S, ...u) {
+	let d = T(void 0);
+	(d.current === void 0 || R && !c(d.current, s)) && (d.current = s), l(o, d.current, ...u);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@react-hookz/web/dist/useFirstMountState/index.js
+function useFirstMountState() {
+	let o = T(!0);
+	return S(() => {
+		o.current = !1;
+	}, []), o.current;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@react-hookz/web/dist/useIsomorphicLayoutEffect/index.js
+var z = R ? C : S, cancelTimeout = (o) => {
+	o && clearTimeout(o);
+};
+function useTimeoutEffect(o, s) {
+	let c = useSyncedRef(o), l = useSyncedRef(s), u = T(null), d = b(() => {
+		cancelTimeout(u.current);
+	}, []), f = b(() => {
+		l.current !== void 0 && (d(), u.current = setTimeout(() => {
+			c.current();
+		}, l.current));
+	}, []);
+	return S(() => (f(), d), [s]), [d, f];
+}
+//#endregion
+//#region ../diagram/src/hooks/useUpdateEffect.ts
+var noop = () => {}, depsShallowEqual = (o, s) => {
+	if (o === s) return !0;
+	if (o.length !== s.length) return !1;
+	for (let [c, l] of o.entries()) if (!(l === s[c] || p(l, s[c]))) return !1;
+	return !0;
+};
+function useUpdateEffect(o, s, c, l) {
+	useCustomCompareEffect(useFirstMountState() ? noop : o, s, c ?? depsShallowEqual, l);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.3.0/node_modules/nanostores/atom/index.js
+var B = [], V = 0, H = 4, U = globalThis.nanostoresGlobal ||= { epoch: 0 }, atom = /* @__NO_SIDE_EFFECTS__ */ (o) => {
+	let s = [], c = {
+		get() {
+			return c.lc || c.listen(() => {})(), c.value;
+		},
+		init: o,
+		lc: 0,
+		listen(o) {
+			return c.lc = s.push(o), () => {
+				for (let s = V + H; s < B.length;) B[s] === o ? B.splice(s, H) : s += H;
+				let l = s.indexOf(o);
+				~l && (s.splice(l, 1), --c.lc || c.off());
+			};
+		},
+		notify(o, l) {
+			U.epoch++;
+			let u = !B.length;
+			for (let u of s) B.push(u, c.value, o, l);
+			if (u) {
+				for (V = 0; V < B.length; V += H) B[V](B[V + 1], B[V + 2], B[V + 3]);
+				B.length = 0;
+			}
+		},
+		off() {},
+		set(o) {
+			let s = c.value;
+			s !== o && (c.value = o, c.notify(s));
+		},
+		subscribe(o) {
+			let s = c.listen(o);
+			return o(c.value), s;
+		},
+		value: o
+	};
+	return c;
+}, W = 5, G = 6, K = 10, on = (o, s, c, l) => (o.events = o.events || {}, o.events[c + K] || (o.events[c + K] = l((s) => {
+	o.events[c].reduceRight((o, s) => (s(o), o), {
+		shared: {},
+		...s
+	});
+})), o.events[c] = o.events[c] || [], o.events[c].push(s), () => {
+	let l = o.events[c], u = l.indexOf(s);
+	l.splice(u, 1), l.length || (delete o.events[c], o.events[c + K](), delete o.events[c + K]);
+}), q = 1e3, onMount = (o, s) => {
+	let listener = (c) => {
+		let l = s(c);
+		l && o.events[G].push(l);
+	};
+	return on(o, listener, W, (s) => {
+		let c = o.listen;
+		o.listen = (...l) => (!o.lc && !o.active && (o.active = !0, s()), c(...l));
+		let l = o.off;
+		return o.events[G] = [], o.off = () => {
+			l(), setTimeout(() => {
+				if (o.active && !o.lc) {
+					o.active = !1;
+					for (let s of o.events[G]) s();
+					o.events[G] = [];
+				}
+			}, q);
+		}, () => {
+			o.listen = c, o.off = l;
+		};
+	});
+};
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.3.0/node_modules/nanostores/listen-keys/index.js
+function listenKeys(o, s, c) {
+	let l = new Set(s).add(void 0);
+	return o.listen((o, s, u) => {
+		l.has(u) && c(o, s, u);
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@nanostores+react@1.1.0_nanostores@1.3.0_react@19.2.7/node_modules/@nanostores/react/index.js
+var emit = (o, s) => (c) => {
+	o.current !== c && (o.current = c, s());
+};
+function useStore(o, { keys: s, deps: c = [o, s], ssr: l } = {}) {
+	let u = T();
+	u.current = o.get();
+	let d = b((c) => (emit(u, c)(o.value), s?.length > 0 ? listenKeys(o, s, emit(u, c)) : o.listen(emit(u, c))), c), get = () => u.current, f = get;
+	return l && "init" in o && (f = l === "initial" ? () => o.init : l), D(d, get, f);
+}
+//#endregion
+//#region ../diagram/src/hooks/safeContext.tsx
+var J = _(null);
+J.displayName = "DiagramApiSafeContext";
+var Y = J.Provider;
+function useDiagram() {
+	let o = x(J);
+	if (o === null) throw Error("DiagramApi is not provided");
+	return o;
+}
+function createSafeContextForActor(o) {
+	let s = _(null);
+	function selectSnapshot(o, s) {
+		return [o, s ?? p];
+	}
+	function selectContext(o, s) {
+		return [(s) => o(s.context), s ?? p];
+	}
+	function useActorRef() {
+		let c = x(s);
+		if (c === null) throw Error(`${o}SafeContext is not provided `);
+		return c;
+	}
+	function useActorSelector(o, s) {
+		let c, l;
+		return s === void 0 ? Array.isArray(o) ? [c, l] = o : (c = o, l = p) : [c, l] = [o, s], l ??= p, h(e(c), "selector must be a function"), g(useActorRef(), c, l);
+	}
+	return {
+		ContextProvider: s.Provider,
+		selectSnapshot,
+		selectContext,
+		useActorSelector,
+		useActorRef
+	};
+}
+var { ContextProvider: X, selectSnapshot: Z, selectContext: ee, useActorSelector: te, useActorRef: ne } = createSafeContextForActor("DiagramActor"), Q = y((o, s) => {
+	let c = O(34), p, m, h, g, _, v, y, b, x;
+	c[0] === o ? (p = c[1], m = c[2], h = c[3], g = c[4], _ = c[5], v = c[6], y = c[7], b = c[8], x = c[9]) : ({value: x, textScale: _, uselikec4palette: v, hideIfEmpty: y, emptyText: b, className: p, style: g, fontSize: m, ...h} = o, c[0] = o, c[1] = p, c[2] = m, c[3] = h, c[4] = g, c[5] = _, c[6] = v, c[7] = y, c[8] = b, c[9] = x);
+	let S = _ === void 0 ? 1 : _, C = v === void 0 ? !1 : v, w = y === void 0 ? !1 : y, T = b === void 0 ? "no content" : b;
+	if (x.isEmpty && w) return null;
+	let E;
+	c[10] !== T || c[11] !== x.html || c[12] !== x.isMarkdown || c[13] !== x.nonEmpty || c[14] !== x.text ? (E = x.nonEmpty ? x.isMarkdown ? { dangerouslySetInnerHTML: { __html: x.html } } : { children: /* @__PURE__ */ k("p", { children: x.text }) } : { children: /* @__PURE__ */ k(l, {
+		component: "span",
+		fz: "xs",
+		c: "dimmed",
+		style: { userSelect: "none" },
+		children: T
+	}) }, c[10] = T, c[11] = x.html, c[12] = x.isMarkdown, c[13] = x.nonEmpty, c[14] = x.text, c[15] = E) : E = c[15];
+	let D = E, A;
+	c[16] !== p || c[17] !== C || c[18] !== x.isMarkdown ? (A = d(f({
+		uselikec4palette: C,
+		value: x.isMarkdown ? "markdown" : "plaintext"
+	}), p), c[16] = p, c[17] = C, c[18] = x.isMarkdown, c[19] = A) : A = c[19];
+	let j;
+	c[20] === m ? j = c[21] : (j = m && { "--text-fz": `var(--font-sizes-${m}, var(--font-sizes-md))` }, c[20] = m, c[21] = j);
+	let M;
+	c[22] === S ? M = c[23] : (M = S !== 1 && { "--mantine-scale": S }, c[22] = S, c[23] = M);
+	let N;
+	c[24] !== g || c[25] !== j || c[26] !== M ? (N = {
+		...g,
+		...j,
+		...M
+	}, c[24] = g, c[25] = j, c[26] = M, c[27] = N) : N = c[27];
+	let P;
+	return c[28] !== D || c[29] !== h || c[30] !== s || c[31] !== A || c[32] !== N ? (P = /* @__PURE__ */ k(u, {
+		...h,
+		ref: s,
+		className: A,
+		style: N,
+		...D
+	}), c[28] = D, c[29] = h, c[30] = s, c[31] = A, c[32] = N, c[33] = P) : P = c[33], P;
+});
+Q.displayName = "Markdown";
+//#endregion
+//#region src/context/safeCtx.ts
+var $ = _(null), re = $.Provider, useLikeC4ModelAtom = () => {
+	let o = x($);
+	if (o === null) throw Error("LikeC4ModelAtom is not provided");
+	return o;
+};
+//#endregion
+//#region src/hooks.ts
+function useTransparentBackground(o) {
+	let s = O(3), c = o === void 0 ? !0 : o, t1, l;
+	s[0] === c ? (t1 = s[1], l = s[2]) : (t1 = () => {
+		let o = document.body.parentElement;
+		if (!(!o || c !== !0)) return o.classList.add("transparent-bg"), () => {
+			o.classList.remove("transparent-bg");
+		};
+	}, l = [c], s[0] = c, s[1] = t1, s[2] = l), z(t1, l);
+}
+function useLikeC4Views() {
+	let o = O(4), s = useLikeC4ModelAtom(), c;
+	o[0] === Symbol.for("react.memo_cache_sentinel") ? (c = [], o[0] = c) : c = o[0];
+	let [l, u] = E(c), t1, d;
+	return o[1] === s ? (t1 = o[2], d = o[3]) : (t1 = () => s.subscribe((o) => {
+		u((s) => {
+			let c = [...o.views()].map((o) => {
+				let c = o.$layouted, l = s.find((s) => s.id === o.id);
+				return l && m(c, l) ? l : c;
+			});
+			return p(s, c) ? s : c;
+		});
+	}), d = [s], o[1] = s, o[2] = t1, o[3] = d), S(t1, d), l;
+}
+function useCurrentViewId() {
+	let o = O(1), c;
+	return o[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+		select: _temp,
+		strict: !1
+	}, o[0] = c) : c = o[0], s(c) ?? "index";
+}
+function _temp(o) {
+	return o.viewId;
+}
+function useCurrentView() {
+	let o = O(13), s = useCurrentViewId(), c = useLikeC4ModelAtom(), [l, u] = E("manual"), t0;
+	o[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => {
+		u("manual");
+	}, o[0] = t0) : t0 = o[0];
+	let d;
+	o[1] === s ? d = o[2] : (d = [s], o[1] = s, o[2] = d), useUpdateEffect(t0, d);
+	let t2;
+	o[3] !== c || o[4] !== s ? (t2 = () => c.get().findView(s)?.$layouted ?? null, o[3] = c, o[4] = s, o[5] = t2) : t2 = o[5];
+	let [f, p] = E(t2), t3, h;
+	o[6] !== c || o[7] !== l || o[8] !== s ? (t3 = () => c.subscribe((o, c) => {
+		p((c) => {
+			let u = o.findView(s);
+			if (!u) return c?.id === s ? c : null;
+			let d = l === "auto" ? u.$view : u.$layouted;
+			return m(c, d) ? c : d;
+		});
+	}), h = [
+		c,
+		s,
+		l
+	], o[6] = c, o[7] = l, o[8] = s, o[9] = t3, o[10] = h) : (t3 = o[9], h = o[10]), S(t3, h);
+	let g;
+	return o[11] === f ? g = o[12] : (g = [f, u], o[11] = f, o[12] = g), g;
+}
+function useCurrentProject() {
+	let o = O(4), s = A(), l;
+	o[0] === Symbol.for("react.memo_cache_sentinel") ? (l = { select: selectProjectIdFromContext }, o[0] = l) : l = o[0];
+	let u = c(l), d;
+	return o[1] !== u || o[2] !== s ? (d = u && s.find((o) => o.id === u) || s[0], o[1] = u, o[2] = s, o[3] = d) : d = o[3], d;
+}
+function selectProjectIdFromContext(o) {
+	return o.find((o) => o.routeId === "/project/$projectId")?.params?.projectId ?? o.at(-1)?.context.projectId ?? void 0;
+}
+//#endregion
+export { createReactComponent as A, useTimeoutEffect as C, useSyncedRef as D, L as E, t$1 as F, M as I, j as L, e as M, r$1 as N, I as O, N as P, t$3 as R, useUpdateEffect as S, R as T, useStore as _, useTransparentBackground as a, U as b, Q as c, createSafeContextForActor as d, ee as f, te as g, ne as h, useLikeC4Views as i, t as j, F as k, X as l, useDiagram as m, useCurrentView as n, re as o, Z as p, useCurrentViewId as r, useLikeC4ModelAtom as s, useCurrentProject as t, Y as u, onMount as v, useFirstMountState as w, depsShallowEqual as x, atom as y, e$2 as z };