likec4 1.60.0 → 1.61.0

package/__app__/src/pages/ExportPage.mjs

@@ -0,0 +1,691 @@
+import "../chunks/rolldown-runtime.mjs";
+import { s as Box$1 } from "../chunks/styled-system.mjs";
+import { l as useSearch } from "../chunks/libs/@tanstack.mjs";
+import { a as useTransparentBackground, n as useCurrentView } from "../chunks/hooks.mjs";
+import { computeExportPageLayout } from "./export-layout.mjs";
+import { isExportSearchFlagEnabled } from "./export-page-params.mjs";
+import { useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LoadingOverlay } from "@mantine/core";
+import { ElementShape, LikeC4Diagram, Markdown, pickViewBounds, useLikeC4Model, useLikeC4Styles } from "likec4/react";
+import { RichText } from "@likec4/core";
+// src/pages/ExportPage.tsx
+/**
+* Downloads a generated object URL or data URL through a temporary browser link.
+*/
+function triggerDownload(url, filename) {
+	const link = document.createElement("a");
+	link.setAttribute("download", filename);
+	link.href = url;
+	document.body.appendChild(link);
+	link.click();
+	return new Promise((resolve) => setTimeout(() => {
+		document.body.removeChild(link);
+		URL.revokeObjectURL(url);
+		resolve();
+	}, 1e3));
+}
+/**
+* Converts the export viewport into a PNG file and starts a browser download.
+*/
+async function downloadAsPng({ pngFilename, viewport }) {
+	try {
+		const { toBlob } = await import("../chunks/libs/html-to-image.mjs").then((n) => n.t);
+		const blob = await toBlob(viewport, {
+			backgroundColor: "transparent",
+			cacheBust: true,
+			imagePlaceholder: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+		});
+		if (!blob) throw new Error("Failed to create PNG blob");
+		await triggerDownload(URL.createObjectURL(blob), `${pngFilename}.png`);
+		window.close();
+	} catch (err) {
+		console.error(err);
+		window.alert(`Failed to export to PNG, check the console for more details.`);
+	}
+}
+/**
+* Converts the export viewport into a JPEG file and starts a browser download.
+*/
+async function downloadAsJpeg({ filename, viewport, quality = .8 }) {
+	try {
+		const { toJpeg } = await import("../chunks/libs/html-to-image.mjs").then((n) => n.t);
+		await triggerDownload(await toJpeg(viewport, {
+			backgroundColor: getComputedStyle(document.documentElement).getPropertyValue("--mantine-color-body"),
+			quality,
+			cacheBust: true,
+			imagePlaceholder: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+		}), `${filename}.jpg`);
+		window.close();
+	} catch (err) {
+		console.error(err);
+		window.alert(`Failed to export to JPEG, check the console for more details.`);
+	}
+}
+/**
+* Renders the single-view export page used by browser downloads and CLI screenshots.
+*/
+function ExportPage() {
+	const $ = c(5);
+	const [diagram] = useCurrentView();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { strict: false };
+		$[0] = t0;
+	} else t0 = $[0];
+	const { format } = useSearch(t0);
+	const isJpeg = (format ?? "png") === "jpeg";
+	useTransparentBackground(!isJpeg);
+	if (!diagram) {
+		let t1;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx("div", { children: "Loading..." });
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	let t1;
+	if ($[2] !== diagram || $[3] !== isJpeg) {
+		t1 = /* @__PURE__ */ jsx(GuardedExportPage, {
+			diagram,
+			isJpeg
+		});
+		$[2] = diagram;
+		$[3] = isJpeg;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+/**
+* Renders the measured export viewport for a loaded diagram.
+*/
+function GuardedExportPage(t0) {
+	const $ = c(48);
+	const { diagram, isJpeg } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { strict: false };
+		$[0] = t1;
+	} else t1 = $[0];
+	const { padding: t2, download: t3, description: t4, quality, dynamic, notation: t5 } = useSearch(t1);
+	const padding = t2 === void 0 ? 20 : t2;
+	const download = t3 === void 0 ? false : t3;
+	const description = t4 === void 0 ? false : t4;
+	const notation = t5 === void 0 ? false : t5;
+	const viewportRef = useRef(null);
+	const loadingOverlayRef = useRef(null);
+	const downloadedRef = useRef(false);
+	const bounds = pickViewBounds(diagram, dynamic);
+	const model = useLikeC4Model();
+	const viewDescription = RichText.from(diagram.description, model.resolveMarkdownRef);
+	const showDescription = isExportSearchFlagEnabled(description) && viewDescription.nonEmpty;
+	const viewTitle = diagram.title ?? diagram.id;
+	let t6;
+	if ($[1] !== diagram.notation?.nodes) {
+		t6 = diagram.notation?.nodes ?? [];
+		$[1] = diagram.notation?.nodes;
+		$[2] = t6;
+	} else t6 = $[2];
+	const notationEntries = t6;
+	const showNotation = isExportSearchFlagEnabled(notation) && notationEntries.length > 0;
+	const layout = computeExportPageLayout({
+		bounds,
+		padding,
+		description: showDescription ? {
+			title: viewTitle,
+			text: viewDescription.text
+		} : null,
+		notationEntries: showNotation ? notationEntries.length : 0
+	});
+	let t7;
+	if ($[3] !== diagram || $[4] !== download || $[5] !== isJpeg || $[6] !== quality) {
+		t7 = () => {
+			const viewport = viewportRef.current;
+			if (!download || !viewport || !diagram || downloadedRef.current) return;
+			const loadingOverlay = loadingOverlayRef.current;
+			if (loadingOverlay) loadingOverlay.style.display = "none";
+			downloadedRef.current = true;
+			if (isJpeg) downloadAsJpeg({
+				filename: diagram.id,
+				viewport,
+				quality: quality ?? .8
+			});
+			else downloadAsPng({
+				pngFilename: diagram.id,
+				viewport
+			});
+		};
+		$[3] = diagram;
+		$[4] = download;
+		$[5] = isJpeg;
+		$[6] = quality;
+		$[7] = t7;
+	} else t7 = $[7];
+	const downloadDiagram = t7;
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
+			position: "fixed",
+			top: "0",
+			left: "0",
+			padding: "0",
+			margin: "0",
+			overflow: "hidden",
+			zIndex: "[2]"
+		};
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = isJpeg ? "var(--mantine-color-body)" : "transparent";
+	let t10;
+	if ($[9] !== layout.height || $[10] !== layout.width || $[11] !== t9) {
+		t10 = {
+			marginRight: "auto",
+			marginBottom: "auto",
+			minWidth: layout.width,
+			width: layout.width,
+			minHeight: layout.height,
+			height: layout.height,
+			background: t9
+		};
+		$[9] = layout.height;
+		$[10] = layout.width;
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== download) {
+		t11 = download && /* @__PURE__ */ jsx(LoadingOverlay, {
+			ref: loadingOverlayRef,
+			visible: true
+		});
+		$[13] = download;
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			position: "absolute",
+			overflow: "hidden"
+		};
+		$[15] = t12;
+	} else t12 = $[15];
+	const t13 = layout.height - layout.diagram.top;
+	let t14;
+	if ($[16] !== layout.diagram.left || $[17] !== layout.diagram.top || $[18] !== layout.diagram.width || $[19] !== t13) {
+		t14 = {
+			top: layout.diagram.top,
+			left: layout.diagram.left,
+			width: layout.diagram.width,
+			height: t13
+		};
+		$[16] = layout.diagram.left;
+		$[17] = layout.diagram.top;
+		$[18] = layout.diagram.width;
+		$[19] = t13;
+		$[20] = t14;
+	} else t14 = $[20];
+	let t15;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = {
+			top: "0px",
+			bottom: "0px",
+			left: "0px",
+			right: "0px"
+		};
+		$[21] = t15;
+	} else t15 = $[21];
+	const t16 = isJpeg ? "solid" : "transparent";
+	let t17;
+	if ($[22] !== bounds || $[23] !== download || $[24] !== downloadDiagram || $[25] !== padding) {
+		t17 = () => {
+			if (!viewportRef.current) {
+				console.error("viewportRef.current is null");
+				return;
+			}
+			const x = Math.round(-bounds.x + padding);
+			const y = Math.round(-bounds.y + padding);
+			[...viewportRef.current.querySelectorAll(".react-flow__viewport")].forEach((el) => {
+				el.style.transform = "translate(" + x + "px, " + y + "px)";
+			});
+			if (download) window.setTimeout(downloadDiagram, 500);
+		};
+		$[22] = bounds;
+		$[23] = download;
+		$[24] = downloadDiagram;
+		$[25] = padding;
+		$[26] = t17;
+	} else t17 = $[26];
+	let t18;
+	if ($[27] !== diagram || $[28] !== dynamic || $[29] !== t16 || $[30] !== t17) {
+		t18 = /* @__PURE__ */ jsx(LikeC4Diagram, {
+			view: diagram,
+			fitView: false,
+			fitViewPadding: t15,
+			background: t16,
+			reduceGraphics: false,
+			dynamicViewVariant: dynamic,
+			className: "likec4-static-view",
+			pannable: false,
+			zoomable: false,
+			controls: false,
+			enableNotations: false,
+			enableElementDetails: false,
+			enableRelationshipDetails: false,
+			enableRelationshipBrowser: false,
+			enableDynamicViewWalkthrough: false,
+			enableFocusMode: false,
+			enableSearch: false,
+			nodesSelectable: false,
+			enableElementTags: false,
+			onInitialized: t17
+		});
+		$[27] = diagram;
+		$[28] = dynamic;
+		$[29] = t16;
+		$[30] = t17;
+		$[31] = t18;
+	} else t18 = $[31];
+	let t19;
+	if ($[32] !== t14 || $[33] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Box$1, {
+			"data-testid": "export-diagram-area",
+			css: t12,
+			style: t14,
+			children: t18
+		});
+		$[32] = t14;
+		$[33] = t18;
+		$[34] = t19;
+	} else t19 = $[34];
+	let t20;
+	if ($[35] !== layout.description || $[36] !== viewDescription || $[37] !== viewTitle) {
+		t20 = layout.description && /* @__PURE__ */ jsx(ExportDescriptionPanel, {
+			title: viewTitle,
+			description: viewDescription,
+			layout: layout.description
+		});
+		$[35] = layout.description;
+		$[36] = viewDescription;
+		$[37] = viewTitle;
+		$[38] = t20;
+	} else t20 = $[38];
+	let t21;
+	if ($[39] !== layout.notation || $[40] !== notationEntries) {
+		t21 = layout.notation && /* @__PURE__ */ jsx(ExportNotationPanel, {
+			entries: notationEntries,
+			layout: layout.notation
+		});
+		$[39] = layout.notation;
+		$[40] = notationEntries;
+		$[41] = t21;
+	} else t21 = $[41];
+	let t22;
+	if ($[42] !== t10 || $[43] !== t11 || $[44] !== t19 || $[45] !== t20 || $[46] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Box$1, {
+			ref: viewportRef,
+			"data-testid": "export-page",
+			css: t8,
+			style: t10,
+			children: [
+				t11,
+				t19,
+				t20,
+				t21
+			]
+		});
+		$[42] = t10;
+		$[43] = t11;
+		$[44] = t19;
+		$[45] = t20;
+		$[46] = t21;
+		$[47] = t22;
+	} else t22 = $[47];
+	return t22;
+}
+/**
+* Renders the optional Markdown description panel above the exported diagram.
+*/
+function ExportDescriptionPanel(t0) {
+	const $ = c(14);
+	const { title, description, layout } = t0;
+	let t1;
+	if ($[0] !== layout) {
+		t1 = {
+			...layout,
+			position: "absolute",
+			boxSizing: "border-box",
+			overflow: "hidden",
+			border: "1px solid var(--mantine-color-default-border)",
+			borderRadius: 6,
+			background: "var(--mantine-color-body)",
+			boxShadow: "0 4px 18px rgb(0 0 0 / 14%)",
+			color: "var(--mantine-color-text)"
+		};
+		$[0] = layout;
+		$[1] = t1;
+	} else t1 = $[1];
+	const panelStyle = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
+			paddingTop: 10,
+			paddingBottom: 4,
+			paddingLeft: 16,
+			paddingRight: 16,
+			fontSize: 15,
+			fontWeight: 600,
+			lineHeight: `20px`,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	const titleStyle = t2;
+	const t3 = layout.height - 10 - 20 - 4 - 16;
+	let t4;
+	if ($[3] !== t3) {
+		t4 = {
+			maxHeight: t3,
+			overflow: "hidden",
+			paddingLeft: 16,
+			paddingRight: 16,
+			paddingBottom: 16
+		};
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	const descriptionStyle = t4;
+	let t5;
+	if ($[5] !== title) {
+		t5 = /* @__PURE__ */ jsx(Box$1, {
+			style: titleStyle,
+			children: title
+		});
+		$[5] = title;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== description || $[8] !== descriptionStyle) {
+		t6 = /* @__PURE__ */ jsx(Markdown, {
+			value: description,
+			hideIfEmpty: true,
+			fontSize: "sm",
+			textScale: .9,
+			style: descriptionStyle
+		});
+		$[7] = description;
+		$[8] = descriptionStyle;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== panelStyle || $[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Box$1, {
+			"data-testid": "export-description",
+			style: panelStyle,
+			children: [t5, t6]
+		});
+		$[10] = panelStyle;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+/**
+* Renders the optional notation panel next to the exported diagram.
+*/
+function ExportNotationPanel(t0) {
+	const $ = c(12);
+	const { entries, layout } = t0;
+	let t1;
+	if ($[0] !== layout) {
+		t1 = {
+			...layout,
+			position: "absolute",
+			boxSizing: "border-box",
+			overflow: "hidden",
+			border: "1px solid var(--mantine-color-default-border)",
+			borderRadius: 6,
+			background: "var(--mantine-color-body)",
+			boxShadow: "0 4px 18px rgb(0 0 0 / 14%)",
+			color: "var(--mantine-color-text)"
+		};
+		$[0] = layout;
+		$[1] = t1;
+	} else t1 = $[1];
+	const panelStyle = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
+			height: 36,
+			display: "flex",
+			alignItems: "center",
+			paddingLeft: 12,
+			paddingRight: 12,
+			fontSize: 13,
+			fontWeight: 600,
+			borderBottom: "1px solid var(--mantine-color-default-border)"
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	const headerStyle = t2;
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Box$1, {
+			style: headerStyle,
+			children: "Notation"
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = { padding: 12 };
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== entries) {
+		t5 = entries.map(_temp);
+		$[5] = entries;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Box$1, {
+			style: t4,
+			children: t5
+		});
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== panelStyle || $[10] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Box$1, {
+			"data-testid": "export-notation",
+			style: panelStyle,
+			children: [t3, t6]
+		});
+		$[9] = panelStyle;
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	return t7;
+}
+function _temp(entry, index) {
+	return /* @__PURE__ */ jsx(ExportNotationItem, { entry }, `${entry.title}-${index}`);
+}
+/**
+* Renders one notation entry with its representative element shape and labels.
+*/
+function ExportNotationItem(t0) {
+	const $ = c(30);
+	const { entry } = t0;
+	const styles = useLikeC4Styles();
+	let t1;
+	if ($[0] !== entry.color || $[1] !== styles) {
+		t1 = styles.colors(entry.color);
+		$[0] = entry.color;
+		$[1] = styles;
+		$[2] = t1;
+	} else t1 = $[2];
+	const elementColors = t1.elements;
+	let t2;
+	if ($[3] !== elementColors.fill || $[4] !== elementColors.hiContrast || $[5] !== elementColors.loContrast || $[6] !== elementColors.stroke) {
+		t2 = {
+			"--likec4-palette-fill": elementColors.fill,
+			"--likec4-palette-stroke": elementColors.stroke,
+			"--likec4-palette-hiContrast": elementColors.hiContrast,
+			"--likec4-palette-loContrast": elementColors.loContrast,
+			display: "grid",
+			gridTemplateColumns: "64px 1fr",
+			columnGap: 10,
+			alignItems: "center",
+			height: 68,
+			overflow: "hidden"
+		};
+		$[3] = elementColors.fill;
+		$[4] = elementColors.hiContrast;
+		$[5] = elementColors.loContrast;
+		$[6] = elementColors.stroke;
+		$[7] = t2;
+	} else t2 = $[7];
+	const itemStyle = t2;
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 3,
+			marginBottom: 5,
+			maxHeight: 31,
+			overflow: "hidden"
+		};
+		$[8] = t3;
+	} else t3 = $[8];
+	const kindsStyle = t3;
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {
+			display: "inline-flex",
+			alignItems: "center",
+			height: 14,
+			maxWidth: "100%",
+			paddingLeft: 4,
+			paddingRight: 4,
+			borderRadius: 2,
+			background: "var(--likec4-palette-fill)",
+			color: "var(--likec4-palette-hiContrast)",
+			fontSize: 9.5,
+			fontWeight: 500,
+			lineHeight: 1,
+			textTransform: "lowercase",
+			whiteSpace: "nowrap"
+		};
+		$[9] = t4;
+	} else t4 = $[9];
+	const kindStyle = t4;
+	let t5;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {
+			overflow: "hidden",
+			display: "-webkit-box",
+			WebkitBoxOrient: "vertical",
+			WebkitLineClamp: 2,
+			fontSize: 13,
+			fontWeight: 500,
+			lineHeight: 1.2
+		};
+		$[10] = t5;
+	} else t5 = $[10];
+	const titleStyle = t5;
+	const t6 = entry.color;
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = {
+			position: "relative",
+			width: 56,
+			height: 38
+		};
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== entry.shape) {
+		t8 = /* @__PURE__ */ jsx(Box$1, {
+			style: t7,
+			children: /* @__PURE__ */ jsx(ElementShape, {
+				data: {
+					shape: entry.shape,
+					width: 300,
+					height: 200
+				},
+				showSelectionOutline: false
+			})
+		});
+		$[12] = entry.shape;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = { minWidth: "0" };
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== entry.kinds) {
+		let t11;
+		if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+			t11 = (kind) => /* @__PURE__ */ jsx(Box$1, {
+				as: "span",
+				style: kindStyle,
+				children: kind
+			}, kind);
+			$[17] = t11;
+		} else t11 = $[17];
+		t10 = entry.kinds.map(t11);
+		$[15] = entry.kinds;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[18] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Box$1, {
+			style: kindsStyle,
+			children: t10
+		});
+		$[18] = t10;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== entry.title) {
+		t12 = /* @__PURE__ */ jsx(Box$1, {
+			style: titleStyle,
+			children: entry.title
+		});
+		$[20] = entry.title;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== t11 || $[23] !== t12) {
+		t13 = /* @__PURE__ */ jsxs(Box$1, {
+			css: t9,
+			children: [t11, t12]
+		});
+		$[22] = t11;
+		$[23] = t12;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== entry.color || $[26] !== itemStyle || $[27] !== t13 || $[28] !== t8) {
+		t14 = /* @__PURE__ */ jsxs(Box$1, {
+			"data-likec4-color": t6,
+			style: itemStyle,
+			children: [t8, t13]
+		});
+		$[25] = entry.color;
+		$[26] = itemStyle;
+		$[27] = t13;
+		$[28] = t8;
+		$[29] = t14;
+	} else t14 = $[29];
+	return t14;
+}
+export { ExportPage };

package/__app__/src/pages/ProjectsOverview.mjs

@@ -0,0 +1,23 @@
+import "../chunks/rolldown-runtime.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { LikeC4ProjectsOverview, useChangeLikeC4Project } from "likec4/react";
+import { useLikeC4ProjectsOverview } from "likec4:projects-overview";
+// src/pages/ProjectsOverview.tsx
+function ProjectsOverviewPage() {
+	const $ = c(3);
+	const changeProject = useChangeLikeC4Project();
+	const projectsOverview = useLikeC4ProjectsOverview();
+	let t0;
+	if ($[0] !== changeProject || $[1] !== projectsOverview) {
+		t0 = /* @__PURE__ */ jsx(LikeC4ProjectsOverview, {
+			view: projectsOverview,
+			onNavigateToProject: changeProject
+		});
+		$[0] = changeProject;
+		$[1] = projectsOverview;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+export { ProjectsOverviewPage };