likec4 1.60.0 → 1.61.0

package/__app__/src/pages/export-page-params.mjs

@@ -0,0 +1,9 @@
+import "../chunks/rolldown-runtime.mjs";
+// src/pages/export-page-params.ts
+/**
+* Normalizes boolean export search params that can arrive from TanStack Router or URL strings.
+*/
+function isExportSearchFlagEnabled(value) {
+	return value === true || value === "true";
+}
+export { isExportSearchFlagEnabled };

package/__app__/src/pages/styles.css.mjs

@@ -0,0 +1,23 @@
+import { f as css } from "../chunks/styled-system.mjs";
+// src/pages/styles.css.ts
+var svgContainer = css({
+	minWidth: "[300px]",
+	"& svg": {
+		width: "100%",
+		height: "auto"
+	}
+});
+var cssScrollArea = css({
+	height: "100%",
+	"& .mantine-ScrollArea-viewport": { minHeight: "100%" },
+	"& .mantine-ScrollArea-viewport > div": {
+		minHeight: "100%",
+		height: "100%"
+	}
+});
+var cssCodeBlock = css({ minHeight: "100%" });
+var viewWithTopPadding = css({
+	height: "100%",
+	paddingTop: "[var(--header-height)]"
+});
+export { cssCodeBlock, cssScrollArea, svgContainer, viewWithTopPadding };

package/__app__/src/routeTree.gen.mjs

@@ -0,0 +1,105 @@
+import "./chunks/rolldown-runtime.mjs";
+import { Route } from "./routes/__root.mjs";
+import { Route as Route$1 } from "./routes/index.mjs";
+import { Route as Route$2 } from "./routes/projects.mjs";
+import { t as Route$3 } from "./chunks/single-index.mjs";
+import { Route as Route$4 } from "./routes/project._projectId/route.mjs";
+import { Route as Route$5 } from "./routes/webcomponent._.mjs";
+import { Route as Route$6 } from "./routes/project._projectId/index.mjs";
+import { Route as Route$7 } from "./routes/project._projectId/embed._viewId.mjs";
+import { Route as Route$8 } from "./routes/project._projectId/export._viewId.mjs";
+import { Route as Route$9 } from "./routes/project._projectId/view._viewId.mjs";
+import { Route as Route$10 } from "./routes/project._projectId/view._viewId.index.mjs";
+import { Route as Route$11 } from "./routes/project._projectId/view._viewId.d2.mjs";
+import { Route as Route$12 } from "./routes/project._projectId/view._viewId.dot.mjs";
+import { Route as Route$13 } from "./routes/project._projectId/view._viewId.mmd.mjs";
+import { Route as Route$14 } from "./routes/project._projectId/view._viewId.puml.mjs";
+// src/routeTree.gen.ts
+var IndexRoute = Route$1.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => Route
+});
+var ProjectsRoute = Route$2.update({
+	id: "/projects",
+	path: "/projects",
+	getParentRoute: () => Route
+});
+var SingleIndexRoute = Route$3.update({
+	id: "/single-index",
+	path: "/single-index",
+	getParentRoute: () => Route
+});
+var ProjectProjectIdRouteRoute = Route$4.update({
+	id: "/project/$projectId",
+	path: "/project/$projectId",
+	getParentRoute: () => Route
+});
+var WebcomponentSplatRoute = Route$5.update({
+	id: "/webcomponent/$",
+	path: "/webcomponent/$",
+	getParentRoute: () => Route
+});
+var ProjectProjectIdIndexRoute = Route$6.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => ProjectProjectIdRouteRoute
+});
+var ProjectProjectIdEmbedViewIdRoute = Route$7.update({
+	id: "/embed/$viewId",
+	path: "/embed/$viewId",
+	getParentRoute: () => ProjectProjectIdRouteRoute
+});
+var ProjectProjectIdExportViewIdRoute = Route$8.update({
+	id: "/export/$viewId",
+	path: "/export/$viewId",
+	getParentRoute: () => ProjectProjectIdRouteRoute
+});
+var ProjectProjectIdViewViewIdRoute = Route$9.update({
+	id: "/view/$viewId",
+	path: "/view/$viewId",
+	getParentRoute: () => ProjectProjectIdRouteRoute
+});
+var ProjectProjectIdViewViewIdIndexRoute = Route$10.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => ProjectProjectIdViewViewIdRoute
+});
+var ProjectProjectIdViewViewIdRouteChildren = {
+	ProjectProjectIdViewViewIdD2Route: Route$11.update({
+		id: "/d2",
+		path: "/d2",
+		getParentRoute: () => ProjectProjectIdViewViewIdRoute
+	}),
+	ProjectProjectIdViewViewIdDotRoute: Route$12.update({
+		id: "/dot",
+		path: "/dot",
+		getParentRoute: () => ProjectProjectIdViewViewIdRoute
+	}),
+	ProjectProjectIdViewViewIdMmdRoute: Route$13.update({
+		id: "/mmd",
+		path: "/mmd",
+		getParentRoute: () => ProjectProjectIdViewViewIdRoute
+	}),
+	ProjectProjectIdViewViewIdPumlRoute: Route$14.update({
+		id: "/puml",
+		path: "/puml",
+		getParentRoute: () => ProjectProjectIdViewViewIdRoute
+	}),
+	ProjectProjectIdViewViewIdIndexRoute
+};
+var ProjectProjectIdRouteRouteChildren = {
+	ProjectProjectIdIndexRoute,
+	ProjectProjectIdEmbedViewIdRoute,
+	ProjectProjectIdExportViewIdRoute,
+	ProjectProjectIdViewViewIdRoute: ProjectProjectIdViewViewIdRoute._addFileChildren(ProjectProjectIdViewViewIdRouteChildren)
+};
+var rootRouteChildren = {
+	IndexRoute,
+	ProjectsRoute,
+	SingleIndexRoute,
+	ProjectProjectIdRouteRoute: ProjectProjectIdRouteRoute._addFileChildren(ProjectProjectIdRouteRouteChildren),
+	WebcomponentSplatRoute
+};
+var routeTree = Route._addFileChildren(rootRouteChildren)._addFileTypes();
+export { routeTree };

package/__app__/src/router.mjs

@@ -0,0 +1 @@
+export { t as Routes } from "./chunks/router.mjs";

package/__app__/src/routes/__root.mjs

@@ -0,0 +1,65 @@
+import "../chunks/rolldown-runtime.mjs";
+import { f as stripSearchParams, i as Outlet, o as createRootRouteWithContext } from "../chunks/libs/@tanstack.mjs";
+import { t as ErrorBoundary } from "../chunks/ErrorComponent.mjs";
+import { LikeC4CustomizationContext } from "../context/LikeC4CustomizationContext.mjs";
+import { n as searchParamsSchema, t as resolveForceColorScheme } from "../chunks/searchParams.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { defaultTheme } from "likec4:app-config";
+import { FramerMotionConfig, LikeC4MantineProvider } from "likec4/react";
+// src/routes/__root.tsx
+var Route = createRootRouteWithContext()({
+	validateSearch: searchParamsSchema,
+	search: { middlewares: [stripSearchParams({
+		padding: 20,
+		theme: void 0,
+		dynamic: void 0,
+		relationships: void 0,
+		focusOnElement: void 0
+	})] },
+	component: RootComponent
+});
+function RootComponent() {
+	const $ = c(9);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { select: _temp };
+		$[0] = t0;
+	} else t0 = $[0];
+	const theme = Route.useSearch(t0);
+	let t1;
+	if ($[1] !== theme) {
+		t1 = resolveForceColorScheme(theme);
+		$[1] = theme;
+		$[2] = t1;
+	} else t1 = $[2];
+	const forceColorScheme = t1;
+	const defaultColorScheme = theme === "auto" ? "auto" : defaultTheme;
+	let t2;
+	if ($[3] !== forceColorScheme) {
+		t2 = forceColorScheme && { forceColorScheme };
+		$[3] = forceColorScheme;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(FramerMotionConfig, { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Outlet, {}) }) });
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== defaultColorScheme || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx(LikeC4CustomizationContext, { children: /* @__PURE__ */ jsx(LikeC4MantineProvider, {
+			defaultColorScheme,
+			...t2,
+			children: t3
+		}) });
+		$[6] = defaultColorScheme;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+function _temp(search) {
+	return search.theme;
+}
+export { Route };

package/__app__/src/routes/index.css.mjs

@@ -0,0 +1,29 @@
+import { f as css } from "../chunks/styled-system.mjs";
+// src/routes/index.css.ts
+var dimmed = css({ color: "text.dimmed" });
+var header = css({});
+var previewBg = css({
+	position: "relative",
+	overflow: "hidden",
+	padding: "0",
+	margin: "0",
+	backgroundOrigin: "padding-box",
+	backgroundImage: `radial-gradient({colors.border.default} 15%, {colors.body} 15%)`,
+	backgroundPosition: "0 0",
+	backgroundSize: "12px 12px",
+	_after: {
+		content: "\" \"",
+		position: "absolute",
+		top: "0",
+		left: "0",
+		right: "0",
+		bottom: "0",
+		zIndex: "[1]"
+	}
+});
+var cardLink = css({
+	position: "absolute",
+	inset: "0",
+	zIndex: "[5]"
+});
+export { cardLink, dimmed, header, previewBg };

package/__app__/src/routes/index.mjs

@@ -0,0 +1,32 @@
+import "../chunks/rolldown-runtime.mjs";
+import { a as createFileRoute, h as redirect } from "../chunks/libs/@tanstack.mjs";
+import { projects } from "likec4:projects";
+// src/routes/index.tsx
+var Route = createFileRoute("/")({ beforeLoad: ({ context }) => {
+	if (projects.length > 1) throw redirect({
+		to: "/projects/",
+		mask: {
+			to: "/",
+			unmaskOnReload: true
+		}
+	});
+	if (projects[0].landingPage && "redirect" in projects[0].landingPage) throw redirect({
+		to: "/project/$projectId/view/$viewId/",
+		params: {
+			projectId: context.projectId,
+			viewId: "index"
+		},
+		mask: {
+			to: "/",
+			unmaskOnReload: true
+		}
+	});
+	throw redirect({
+		to: "/single-index/",
+		mask: {
+			to: "/",
+			unmaskOnReload: true
+		}
+	});
+} });
+export { Route };

package/__app__/src/routes/project._projectId/-components.mjs

@@ -0,0 +1,100 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { d as cx } from "../../chunks/styled-system.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Box, Group, UnstyledButton, createScopedKeydownHandler } from "@mantine/core";
+// src/routes/project.$projectId/-components.tsx
+function ProjectButton(t0) {
+	const $ = c(23);
+	let className;
+	let navigateTo;
+	let project;
+	let props;
+	if ($[0] !== t0) {
+		({project, navigateTo, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = navigateTo;
+		$[3] = project;
+		$[4] = props;
+	} else {
+		className = $[1];
+		navigateTo = $[2];
+		project = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cx(className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== navigateTo || $[8] !== project) {
+		t2 = (e) => {
+			e.stopPropagation();
+			navigateTo(project);
+		};
+		$[7] = navigateTo;
+		$[8] = project;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== navigateTo || $[11] !== project) {
+		t3 = createScopedKeydownHandler({
+			siblingSelector: "[data-likec4-project]",
+			parentSelector: "[data-likec4-projects]",
+			activateOnFocus: false,
+			loop: true,
+			orientation: "vertical",
+			onKeyDown: (e_0) => {
+				if (e_0.nativeEvent.code === "Space") {
+					e_0.stopPropagation();
+					navigateTo(project);
+				}
+			}
+		});
+		$[10] = navigateTo;
+		$[11] = project;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = { flexGrow: 1 };
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== project) {
+		t5 = /* @__PURE__ */ jsx(Box, {
+			style: t4,
+			children: /* @__PURE__ */ jsx(Group, {
+				gap: "xs",
+				wrap: "nowrap",
+				align: "center",
+				children: project
+			})
+		});
+		$[14] = project;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== project || $[17] !== props || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t5) {
+		t6 = /* @__PURE__ */ jsx(UnstyledButton, {
+			...props,
+			className: t1,
+			"data-likec4-project": project,
+			onClick: t2,
+			onKeyDown: t3,
+			children: t5
+		});
+		$[16] = project;
+		$[17] = props;
+		$[18] = t1;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	return t6;
+}
+export { ProjectButton };

package/__app__/src/routes/project._projectId/embed._viewId.mjs

@@ -0,0 +1,5 @@
+import { a as createFileRoute } from "../../chunks/libs/@tanstack.mjs";
+import { EmbedPage } from "../../pages/EmbedPage.mjs";
+// src/routes/project.$projectId/embed.$viewId.tsx
+var Route = createFileRoute("/project/$projectId/embed/$viewId")({ component: EmbedPage });
+export { Route };

package/__app__/src/routes/project._projectId/export._viewId.mjs

@@ -0,0 +1,24 @@
+import { a as createFileRoute, f as stripSearchParams } from "../../chunks/libs/@tanstack.mjs";
+import { n as ErrorComponent } from "../../chunks/ErrorComponent.mjs";
+import { ExportPage } from "../../pages/ExportPage.mjs";
+import { z } from "zod";
+// src/routes/project.$projectId/export.$viewId.tsx
+var Route = createFileRoute("/project/$projectId/export/$viewId")({
+	validateSearch: z.object({
+		description: z.boolean().optional().catch(false),
+		download: z.boolean().optional().catch(false),
+		format: z.enum(["png", "jpeg"]).optional().catch("png"),
+		notation: z.boolean().optional().catch(false),
+		quality: z.number().min(0).max(1).optional().catch(void 0)
+	}),
+	search: { middlewares: [stripSearchParams({
+		description: false,
+		download: false,
+		format: "png",
+		notation: false,
+		quality: void 0
+	})] },
+	component: ExportPage,
+	errorComponent: ErrorComponent
+});
+export { Route };

package/__app__/src/routes/project._projectId/index.mjs

@@ -0,0 +1,14 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { a as createFileRoute, h as redirect } from "../../chunks/libs/@tanstack.mjs";
+// src/routes/project.$projectId/index.tsx
+var Route = createFileRoute("/project/$projectId/")({ beforeLoad: ({ params }) => {
+	throw redirect({
+		to: "/project/$projectId/view/$viewId/",
+		replace: true,
+		params: {
+			projectId: params.projectId,
+			viewId: "index"
+		}
+	});
+} });
+export { Route };

package/__app__/src/routes/project._projectId/route.mjs

@@ -0,0 +1,93 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { _ as notFound, a as createFileRoute, h as redirect, i as Outlet, s as Link } from "../../chunks/libs/@tanstack.mjs";
+import { n as ErrorComponent } from "../../chunks/ErrorComponent.mjs";
+import { ViewOutlet } from "../../components/ViewOutlet.mjs";
+import { LikeC4IconRendererContext } from "../../context/LikeC4IconRendererContext.mjs";
+import { LikeC4ModelContext } from "../../context/LikeC4ModelContext.mjs";
+import { ModelDiffsContext } from "../../context/ModelDiffsContext.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Container, Stack, Title } from "@mantine/core";
+import { z } from "zod";
+import { loadDiffs } from "likec4:diffs";
+import { loadModel } from "likec4:model";
+// src/routes/project.$projectId/route.tsx
+var Route = createFileRoute("/project/$projectId")({
+	staleTime: Infinity,
+	params: z.object({ projectId: z.string().transform((v) => v) }),
+	beforeLoad: ({ params }) => ({ projectId: params.projectId }),
+	loader: async ({ params }) => {
+		const projectId = params.projectId;
+		const [likec4model, { $diffs }] = await Promise.all([loadModel(projectId).catch((error) => {
+			console.error(`Failed to load model for project ${projectId}`, error);
+			throw notFound();
+		}), loadDiffs(projectId)]);
+		const data = likec4model.$likec4data.value;
+		if (!data) throw notFound();
+		if (data.projectId !== projectId) throw redirect({
+			to: "/project/$projectId/",
+			search: true,
+			params: { projectId: data.projectId }
+		});
+		return {
+			$likec4model: likec4model.$likec4model,
+			$diffs,
+			projectId
+		};
+	},
+	component: RouteComponent,
+	errorComponent: ErrorComponent,
+	notFoundComponent: () => /* @__PURE__ */ jsx(ViewOutlet, { children: /* @__PURE__ */ jsx(Container, {
+		py: "xl",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			align: "flex-start",
+			children: [/* @__PURE__ */ jsx(Title, { children: "Project not found" }), /* @__PURE__ */ jsx(Button, {
+				component: Link,
+				to: "/",
+				search: true,
+				size: "md",
+				children: "Open overview"
+			})]
+		})
+	}) })
+});
+function RouteComponent() {
+	const $ = c(9);
+	const { $likec4model, $diffs, projectId } = Route.useLoaderData();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Outlet, {});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== $diffs) {
+		t1 = /* @__PURE__ */ jsx(ModelDiffsContext, {
+			diffs: $diffs,
+			children: t0
+		});
+		$[1] = $diffs;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== $likec4model || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(LikeC4ModelContext, {
+			likec4model: $likec4model,
+			children: t1
+		});
+		$[3] = $likec4model;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== projectId || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx(ViewOutlet, { children: /* @__PURE__ */ jsx(LikeC4IconRendererContext, {
+			projectId,
+			children: t2
+		}) });
+		$[6] = projectId;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+export { Route };

package/__app__/src/routes/project._projectId/view._viewId.d2.mjs

@@ -0,0 +1,34 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { _ as notFound, a as createFileRoute } from "../../chunks/libs/@tanstack.mjs";
+import { ViewAsD2 } from "../../pages/ViewAsD2.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { loadD2Sources } from "likec4:d2";
+// src/routes/project.$projectId/view.$viewId.d2.tsx
+var Route = createFileRoute("/project/$projectId/view/$viewId/d2")({
+	staleTime: Infinity,
+	loader: async ({ context, params }) => {
+		const projectId = context.projectId;
+		const { viewId } = params;
+		try {
+			const { d2Source } = await loadD2Sources(projectId);
+			return { source: d2Source(viewId) };
+		} catch (error) {
+			console.error(error);
+			throw notFound();
+		}
+	},
+	component: Page
+});
+function Page() {
+	const $ = c(2);
+	const { source } = Route.useLoaderData();
+	let t0;
+	if ($[0] !== source) {
+		t0 = /* @__PURE__ */ jsx(ViewAsD2, { d2Source: source });
+		$[0] = source;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+export { Route };

package/__app__/src/routes/project._projectId/view._viewId.dot.mjs

@@ -0,0 +1,41 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { _ as notFound, a as createFileRoute } from "../../chunks/libs/@tanstack.mjs";
+import { ViewAsDot } from "../../pages/ViewAsDot.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { loadDotSources } from "likec4:dot";
+// src/routes/project.$projectId/view.$viewId.dot.tsx
+var Route = createFileRoute("/project/$projectId/view/$viewId/dot")({
+	staleTime: Infinity,
+	component: Page,
+	loader: async ({ params, context }) => {
+		const projectId = context.projectId;
+		const { viewId } = params;
+		try {
+			const { dotSource, svgSource } = await loadDotSources(projectId);
+			return {
+				dot: dotSource(viewId),
+				dotSvg: svgSource(viewId)
+			};
+		} catch (error) {
+			console.error(error);
+			throw notFound();
+		}
+	}
+});
+function Page() {
+	const $ = c(3);
+	const { dot, dotSvg } = Route.useLoaderData();
+	let t0;
+	if ($[0] !== dot || $[1] !== dotSvg) {
+		t0 = /* @__PURE__ */ jsx(ViewAsDot, {
+			dot,
+			dotSvg
+		});
+		$[0] = dot;
+		$[1] = dotSvg;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+export { Route };

package/__app__/src/routes/project._projectId/view._viewId.index.mjs

@@ -0,0 +1,7 @@
+import { a as createFileRoute } from "../../chunks/libs/@tanstack.mjs";
+import { ViewEditor } from "../../pages/ViewEditor.mjs";
+import { i as ViewReact } from "../../chunks/ViewReact.mjs";
+import { isRpcAvailable } from "likec4:rpc";
+// src/routes/project.$projectId/view.$viewId.index.tsx
+var Route = createFileRoute("/project/$projectId/view/$viewId/")({ component: isRpcAvailable ? ViewEditor : ViewReact });
+export { Route };

package/__app__/src/routes/project._projectId/view._viewId.mjs

@@ -0,0 +1,23 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { a as createFileRoute, i as Outlet } from "../../chunks/libs/@tanstack.mjs";
+import { n as ErrorComponent } from "../../chunks/ErrorComponent.mjs";
+import { NotFound } from "../../components/NotFound.mjs";
+import { t as Header } from "../../chunks/Header.mjs";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/routes/project.$projectId/view.$viewId.tsx
+var Route = createFileRoute("/project/$projectId/view/$viewId")({
+	component: ViewLayout,
+	errorComponent: ErrorComponent,
+	notFoundComponent: () => /* @__PURE__ */ jsx(NotFound, {})
+});
+function ViewLayout() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Outlet, {}), /* @__PURE__ */ jsx(Header, {})] });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+export { Route };

package/__app__/src/routes/project._projectId/view._viewId.mmd.mjs

@@ -0,0 +1,39 @@
+import "../../chunks/rolldown-runtime.mjs";
+import { _ as notFound, a as createFileRoute } from "../../chunks/libs/@tanstack.mjs";
+import { ViewAsMmd } from "../../pages/ViewAsMmd.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { loadMmdSources } from "likec4:mmd";
+// src/routes/project.$projectId/view.$viewId.mmd.tsx
+var Route = createFileRoute("/project/$projectId/view/$viewId/mmd")({
+	component: Page,
+	staleTime: Infinity,
+	loader: async ({ params, context }) => {
+		const projectId = context.projectId;
+		const { viewId } = params;
+		try {
+			const { mmdSource } = await loadMmdSources(projectId);
+			return { source: mmdSource(viewId) };
+		} catch (error) {
+			console.error(error);
+			throw notFound();
+		}
+	}
+});
+function Page() {
+	const $ = c(3);
+	const { viewId } = Route.useParams();
+	const { source } = Route.useLoaderData();
+	let t0;
+	if ($[0] !== source || $[1] !== viewId) {
+		t0 = /* @__PURE__ */ jsx(ViewAsMmd, {
+			viewId,
+			mmdSource: source
+		});
+		$[0] = source;
+		$[1] = viewId;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+export { Route };