likec4 1.60.0 → 1.61.0

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

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

package/__app__/src/routes/projects.mjs

@@ -0,0 +1,36 @@
+import "../chunks/rolldown-runtime.mjs";
+import { s as Box } from "../chunks/styled-system.mjs";
+import { a as createFileRoute, h as redirect } from "../chunks/libs/@tanstack.mjs";
+import { lazy } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { pageTitle } from "likec4:app-config";
+import { useDocumentTitle } from "@mantine/hooks";
+// src/routes/projects.tsx
+var ProjectsOverviewPage = lazy(async () => {
+	const { ProjectsOverviewPage } = await import("../pages/ProjectsOverview.mjs");
+	return { default: ProjectsOverviewPage };
+});
+var Route = createFileRoute("/projects")({
+	beforeLoad: async ({ context }) => {
+		if (context.projects.length < 2) throw redirect({ to: "/single-index/" });
+	},
+	component: RouteComponent,
+	wrapInSuspense: true
+});
+function RouteComponent() {
+	const $ = c(1);
+	useDocumentTitle(`Projects - ${pageTitle}`);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Box, {
+			w: "100%",
+			h: "100%",
+			overflow: "hidden",
+			children: /* @__PURE__ */ jsx(ProjectsOverviewPage, {})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+export { Route };

package/__app__/src/routes/single-index.mjs

@@ -0,0 +1 @@
+export { t as Route } from "../chunks/single-index.mjs";

package/__app__/src/routes/webcomponent._.mjs

@@ -0,0 +1,94 @@
+import "../chunks/rolldown-runtime.mjs";
+import { s as Box$1 } from "../chunks/styled-system.mjs";
+import { a as createFileRoute, d as useRouter } from "../chunks/libs/@tanstack.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { ComponentName } from "likec4:app-config";
+import { useMantineColorScheme } from "@mantine/core";
+// src/routes/webcomponent.$.tsx
+var Route = createFileRoute("/webcomponent/$")({ component: WebcomponentPage });
+function WebcomponentPage() {
+	const $ = c(7);
+	const router = useRouter();
+	const viewId = Route.useParams()._splat || "index";
+	const { colorScheme } = useMantineColorScheme();
+	let t0;
+	if ($[0] !== router.basepath) {
+		t0 = router.basepath.endsWith("/") ? router.basepath : `${router.basepath}/`;
+		$[0] = router.basepath;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = `${t0}likec4-views.js`;
+	let t2;
+	if ($[2] !== t1) {
+		t2 = new URL(t1, window.location.href);
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	const jsurl = t2;
+	const iframeHtml = `
+    <!DOCTYPE html>
+    <html lang="en-US" style="color-scheme: ${colorScheme};">
+    <head>
+      <meta charset="utf-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
+      <style>
+        * {
+          border-width: 0px;
+          border-style: solid;
+          box-sizing: border-box;
+          overflow-wrap: break-word;
+        }
+        html, body {
+          margin: 0;
+          background-color: transparent !important;
+          width: 100%;
+          height: 100%;
+          font-size: 16px;
+        }
+        body {
+          min-height: 100%;
+        }
+      </style>
+    </head>
+    <body>      
+      <div style="width: 100%; height: 100%; padding: clamp(0.5rem, 5vh, 4rem) clamp(0.5rem, 5vw, 5rem)">
+        <${ComponentName.View} view-id="${encodeURIComponent(viewId)}"></${ComponentName.View}>
+      </div>
+      <script type="module" src="${jsurl.href}"><\/script>
+    </body>
+    </html>
+  `;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			position: "fixed",
+			inset: "0",
+			width: "100%",
+			height: "100%",
+			overflow: "hidden",
+			"& iframe": {
+				width: "100%",
+				height: "100%",
+				borderStyle: "none",
+				backgroundColor: "transparent",
+				overflow: "hidden"
+			}
+		};
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== iframeHtml) {
+		t4 = /* @__PURE__ */ jsx(Box$1, {
+			css: t3,
+			children: /* @__PURE__ */ jsx("iframe", {
+				srcDoc: iframeHtml,
+				allowtransparency: "true"
+			})
+		});
+		$[5] = iframeHtml;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
+}
+export { Route };