likec4 1.59.4 → 1.61.0

package/__app__/src/pages/EmbedPage.mjs

@@ -0,0 +1,93 @@
+import "../chunks/rolldown-runtime.mjs";
+import { l as useSearch } from "../chunks/libs/@tanstack.mjs";
+import { a as useTransparentBackground, n as useCurrentView, t as useCurrentProject } from "../chunks/hooks.mjs";
+import { t as useRelationshipBrowserScope } from "../chunks/scope.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { StaticLikeC4Diagram, pickViewBounds } from "likec4/react";
+// src/pages/EmbedPage.tsx
+function EmbedPage() {
+	const $ = c(18);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { strict: false };
+		$[0] = t0;
+	} else t0 = $[0];
+	const { padding: t1, dynamic } = useSearch(t0);
+	const padding = t1 === void 0 ? 20 : t1;
+	const project = useCurrentProject();
+	const [relationshipBrowserScope] = useRelationshipBrowserScope(project);
+	const [diagram] = useCurrentView();
+	useTransparentBackground(!!diagram);
+	if (!diagram) {
+		let t2;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx("div", { children: "Loading..." });
+			$[1] = t2;
+		} else t2 = $[1];
+		return t2;
+	}
+	let t2;
+	if ($[2] !== diagram || $[3] !== dynamic) {
+		t2 = pickViewBounds(diagram, dynamic);
+		$[2] = diagram;
+		$[3] = dynamic;
+		$[4] = t2;
+	} else t2 = $[4];
+	const bounds = t2;
+	const t3 = `${bounds.width + padding * 2} / ${bounds.height + padding * 2}`;
+	const t4 = bounds.width + padding * 2;
+	let t5;
+	if ($[5] !== padding || $[6] !== t3 || $[7] !== t4) {
+		t5 = {
+			position: "absolute",
+			top: 0,
+			left: "50%",
+			boxSizing: "border-box",
+			padding,
+			transform: "translateX(-50%)",
+			aspectRatio: t3,
+			width: "100vw",
+			maxWidth: t4,
+			height: "auto",
+			maxHeight: "100vh"
+		};
+		$[5] = padding;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== bounds.height || $[10] !== bounds.width || $[11] !== diagram || $[12] !== dynamic || $[13] !== relationshipBrowserScope) {
+		t6 = /* @__PURE__ */ jsx(StaticLikeC4Diagram, {
+			view: diagram,
+			fitView: true,
+			background: "transparent",
+			fitViewPadding: 0,
+			dynamicViewVariant: dynamic,
+			enableRelationshipDetails: true,
+			enableRelationshipBrowser: true,
+			relationshipBrowserScope,
+			initialWidth: bounds.width,
+			initialHeight: bounds.height
+		});
+		$[9] = bounds.height;
+		$[10] = bounds.width;
+		$[11] = diagram;
+		$[12] = dynamic;
+		$[13] = relationshipBrowserScope;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== t5 || $[16] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			style: t5,
+			children: t6
+		});
+		$[15] = t5;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
+}
+export { EmbedPage };