likec4 1.48.0 → 1.50.0

package/dist/_chunks/plugin.mjs

@@ -1,996 +0,0 @@
-import { s as __toESM } from "./rolldown-runtime.mjs";
-import { a as expandToNode, i as toString, n as CompositeGeneratorNode, r as NL, t as joinToNode } from "./libs/langium.mjs";
-import { B as n$2, S as e, U as n, h as t$3, j as t$5, m as t, o as t$2, q as t$1, r as n$1, u as t$4, v as e$2, w as e$1 } from "./libs/remeda.mjs";
-import { t as u } from "./libs/tinyrainbow.mjs";
-import { t as require_lib } from "./libs/json5.mjs";
-import { o as joinURL } from "./libs/ufo.mjs";
-import { t as LikeC4 } from "./LikeC4.mjs";
-import { t as createBirpc } from "./libs/birpc.mjs";
-import { RichText } from "@likec4/core/types";
-import { invariant, isNonEmptyArray, nonexhaustive } from "@likec4/core";
-import { compareNatural } from "@likec4/core/utils";
-
-//#region src/vite-plugin/rpc/calcAdhocView.ts
-async function calcAdhocView({ logger, likec4 }, data) {
-	logger.info([
-		u.green("adhoc:view"),
-		u.dim("project:"),
-		data.projectId
-	].join(" "));
-	const view = await likec4.views.adhocView(data.predicates, data.projectId);
-	logger.info([u.green("adhoc:view"), "✅"].join(" "));
-	return view;
-}
-
-//#endregion
-//#region src/vite-plugin/rpc/sendError.ts
-function sendError(server, { name, error }) {
-	const lines = error.split("\n");
-	const test = /^\s+at\s+/;
-	let stackBeginAt = lines.findIndex((l) => test.test(l));
-	if (stackBeginAt === -1) stackBeginAt = lines.length;
-	server.hot.send({
-		type: "error",
-		err: {
-			message: lines.slice(0, stackBeginAt).join("\n"),
-			stack: lines.slice(stackBeginAt).join("\n"),
-			name: name ?? "LikeC4PluginError",
-			plugin: "vite-plugin-likec4"
-		}
-	});
-}
-
-//#endregion
-//#region src/vite-plugin/rpc/updateView.ts
-async function updateView({ logger, likec4 }, data) {
-	logger.info([
-		u.green("view:onChange"),
-		u.dim("project") + ":",
-		data.projectId,
-		u.dim("view") + ":",
-		data.viewId,
-		u.dim("change") + ":",
-		data.change.op
-	].join(" "));
-	const result = await likec4.editor.applyChange(data);
-	if (!result.success) {
-		logger.error(`Failed to apply view change:\n${result.error}`);
-		const err = new Error(result.error);
-		err.stack = result.error;
-		throw err;
-	}
-	logger.info([u.green("view:onChange"), "✅"].join(" "));
-}
-
-//#endregion
-//#region src/vite-plugin/rpc/rpc.ts
-function enablePluginRPC(params) {
-	let lastError = null;
-	const server = params.server;
-	createBirpc({
-		updateView: (data) => updateView(params, data),
-		calcAdhocView: (data) => calcAdhocView(params, data)
-	}, {
-		on: (fn) => server.hot.on("likec4:rpc", fn),
-		post: (data) => server.hot.send("likec4:rpc", data),
-		onFunctionError: (error, functionName) => {
-			params.logger.error(`RPC error in ${functionName}`, { error });
-			const errorString = error.stack ?? error.message;
-			try {
-				if (lastError !== errorString) {
-					lastError = errorString;
-					sendError(server, {
-						name: error.name,
-						error: errorString
-					});
-				}
-			} catch (e) {
-				params.logger.error(`Failed to send error to client`, { error: e });
-			}
-		}
-	});
-}
-
-//#endregion
-//#region ../generators/src/d2/generate-d2.ts
-const capitalizeFirstLetter$2 = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName$2 = (nodeId) => nodeId.split(".").map(capitalizeFirstLetter$2).join("");
-const nodeName$2 = (node) => {
-	return fqnName$2(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const d2direction = ({ autoLayout }) => {
-	switch (autoLayout.direction) {
-		case "TB": return "down";
-		case "BT": return "up";
-		case "LR": return "right";
-		case "RL": return "left";
-	}
-};
-const d2shape = ({ shape }) => {
-	switch (shape) {
-		case "queue":
-		case "cylinder":
-		case "rectangle":
-		case "document": return shape;
-		case "person": return "c4-person";
-		case "storage": return "stored_data";
-		case "bucket":
-		case "mobile":
-		case "browser": return "rectangle";
-	}
-};
-function generateD2(viewmodel) {
-	const view = viewmodel.$view;
-	const { nodes, edges } = view;
-	const names = /* @__PURE__ */ new Map();
-	const printNode = (node, parentName) => {
-		const name = nodeName$2(node);
-		const fqnName = (parentName ? parentName + "." : "") + name;
-		names.set(node.id, fqnName);
-		const label = JSON.stringify(node.title);
-		const shape = d2shape(node);
-		return new CompositeGeneratorNode().append(name, ": {", NL).indent({
-			indentedChildren: (indent) => indent.append("label: ", label, NL).appendIf(shape !== "rectangle", "shape: ", shape, NL).appendIf(node.children.length > 0, NL, joinToNode(nodes.filter((n) => n.parent === node.id), (n) => printNode(n, fqnName))),
-			indentation: 2
-		}).append("}", NL);
-	};
-	const printEdge = (edge) => {
-		return new CompositeGeneratorNode().append(names.get(edge.source), " -> ", names.get(edge.target)).append((out) => edge.label && out.append(": ", JSON.stringify(edge.label)));
-	};
-	return toString(new CompositeGeneratorNode().append("direction: ", d2direction(view), NL, NL).append(joinToNode(nodes.filter((n) => e(n.parent)), (n) => printNode(n), { appendNewLineIfNotEmpty: true })).appendIf(edges.length > 0, NL, joinToNode(edges, (e) => printEdge(e), { appendNewLineIfNotEmpty: true })));
-}
-
-//#endregion
-//#region ../generators/src/mmd/generate-mmd.ts
-const capitalizeFirstLetter$1 = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName$1 = (nodeId) => nodeId.split(".").map(capitalizeFirstLetter$1).join("");
-const nodeName$1 = (node) => {
-	return fqnName$1(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const toSingleQuotes = (str) => str.replace(/\\?"/g, `'`);
-const mmdshape = ({ shape, title }) => {
-	const label = `label: ${JSON.stringify(title)}`;
-	switch (shape) {
-		case "queue": return `@{ shape: horizontal-cylinder, ${label} }`;
-		case "person": return `@{ icon: "fa:user", shape: rounded, ${label} }`;
-		case "storage": return `@{ shape: disk, ${label} }`;
-		case "cylinder": return `@{ shape: cylinder, ${label} }`;
-		case "mobile":
-		case "browser": return `@{ shape: rounded, ${label} }`;
-		case "bucket": return `@{ shape: trap-t, ${label} }`;
-		case "rectangle": return `@{ shape: rectangle, ${label} }`;
-		case "document": return `@{ shape: doc, ${label} }`;
-		default: nonexhaustive(shape);
-	}
-};
-function generateMermaid(viewmodel) {
-	const view = viewmodel.$view;
-	const { nodes, edges } = view;
-	const names = /* @__PURE__ */ new Map();
-	const printNode = (node, parentName) => {
-		const name = nodeName$1(node);
-		const fqnName = (parentName ? parentName + "." : "") + name;
-		names.set(node.id, fqnName);
-		const baseNode = new CompositeGeneratorNode();
-		if (node.children.length > 0) {
-			const label = toSingleQuotes(node.title);
-			baseNode.append("subgraph ", fqnName, "[\"`", label, "`\"]", NL).indent({
-				indentedChildren: [joinToNode(nodes.filter((n) => n.parent === node.id), (n) => printNode(n, fqnName), { appendNewLineIfNotEmpty: true })],
-				indentation: 2
-			}).append("end", NL);
-		} else baseNode.append(fqnName, mmdshape(node));
-		return baseNode;
-	};
-	const printEdge = (edge) => {
-		return new CompositeGeneratorNode().append(names.get(edge.source), " -.", edge.label ? " \"`" + toSingleQuotes(edge.label) + "`\" .-" : "-", "> ", names.get(edge.target));
-	};
-	return toString(new CompositeGeneratorNode().append("---", NL, `title: ${JSON.stringify(toSingleQuotes(viewmodel.titleOrId))}`, NL, "---", NL).append("graph ", view.autoLayout.direction, NL).indent({
-		indentedChildren: (indent) => {
-			indent.append(joinToNode(nodes.filter((n) => e(n.parent)), (n) => printNode(n), { appendNewLineIfNotEmpty: true })).appendIf(edges.length > 0, joinToNode(edges, (e) => printEdge(e), { appendNewLineIfNotEmpty: true }));
-		},
-		indentation: 2
-	}));
-}
-
-//#endregion
-//#region ../generators/src/puml/generate-puml.ts
-const capitalizeFirstLetter = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName = (nodeId) => {
-	return nodeId.split(/[.-]/).map(capitalizeFirstLetter).join("");
-};
-const nodeName = (node) => {
-	return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const pumlColor = (color, customColorProvider, defaultColor = "#3b82f6") => {
-	if (color) return customColorProvider(color) ?? defaultColor;
-	return defaultColor;
-};
-const pumlDirection = ({ autoLayout }) => {
-	switch (autoLayout.direction) {
-		case "TB": return "top to bottom";
-		case "BT":
-			console.warn("Bottom to top direction is not supported. Defaulting to top to bottom.");
-			return "top to bottom";
-		case "LR": return "left to right";
-		case "RL":
-			console.warn("Right to left direction is not supported. Defaulting to left to right.");
-			return "left to right";
-	}
-};
-const pumlShape = ({ shape }) => {
-	switch (shape) {
-		case "queue":
-		case "rectangle":
-		case "person": return shape;
-		case "storage":
-		case "cylinder": return "database";
-		case "document":
-		case "mobile":
-		case "bucket":
-		case "browser": return "rectangle";
-		default: nonexhaustive(shape);
-	}
-};
-const escapeLabel = (label) => e$1(label) ? null : JSON.stringify(label).slice(1, -1).replace(/\\"/g, "\"");
-function generatePuml(viewmodel) {
-	const view = viewmodel.$view;
-	const colors = viewmodel.$model.$styles.theme.colors;
-	const { nodes, edges } = view;
-	const elemntColorProvider = (key) => (colorKey) => colorKey in colors ? colors[colorKey].elements[key] : void 0;
-	const relationshipsColorProvider = (key) => (colorKey) => colorKey in colors ? colors[colorKey].relationships[key] : void 0;
-	const names = /* @__PURE__ */ new Map();
-	const printHeader = () => {
-		return new CompositeGeneratorNode().append("title \"", viewmodel.titleOrId, "\"", NL).append(pumlDirection(view), " direction", NL);
-	};
-	const printTheme = () => {
-		return new CompositeGeneratorNode().append("hide stereotype", NL).append("skinparam ranksep ", "60", NL).append("skinparam nodesep ", "30", NL).append("skinparam {", NL).indent({
-			indentedChildren: (indent) => indent.append("arrowFontSize ", "10", NL).append("defaultTextAlignment ", "center", NL).append("wrapWidth ", "200", NL).append("maxMessageSize ", "100", NL).append("shadowing ", "false", NL),
-			indentation: 2
-		}).append("}", NL);
-	};
-	const printStereotypes = (node) => {
-		const shape = pumlShape(node);
-		const fqn = fqnName(node.id);
-		return new CompositeGeneratorNode().append("skinparam ", shape, "<<", fqn, ">>", "{", NL).indent({
-			indentedChildren: (indent) => indent.append("BackgroundColor ", pumlColor(node.color, elemntColorProvider("fill")), NL).append("FontColor ", pumlColor(node.color, elemntColorProvider("hiContrast"), "#FFFFFF"), NL).append("BorderColor ", pumlColor(node.color, elemntColorProvider("stroke")), NL),
-			indentation: 2
-		}).append("}", NL);
-	};
-	const printNode = (node) => {
-		const shape = pumlShape(node);
-		const fqn = fqnName(node.id);
-		const label = escapeLabel(node.title) || nodeName(node);
-		const tech = escapeLabel(node.technology);
-		names.set(node.id, fqn);
-		const description = RichText.from(node.description);
-		return new CompositeGeneratorNode().append(shape, " ").append("\"").append("==", label).appendIf(!!tech, `\\n<size:10>[`, tech, "]</size>").appendIf(description.nonEmpty, `\\n\\n`, escapeLabel(description.text)).append("\"", " <<", fqn, ">> ", "as ", fqn, NL);
-	};
-	const printBoundary = (node) => {
-		const label = escapeLabel(node.title) || nodeName(node);
-		const fqn = fqnName(node.id);
-		names.set(node.id, fqn);
-		return new CompositeGeneratorNode().append("rectangle \"", label, "\" <<", fqn, ">> as ", fqn, " {", NL).indent({
-			indentedChildren: (indent) => indent.append("skinparam ", "RectangleBorderColor<<", fqn, ">> ", pumlColor(node.color, elemntColorProvider("fill")), NL).append("skinparam ", "RectangleFontColor<<", fqn, ">> ", pumlColor(node.color, elemntColorProvider("fill")), NL).append("skinparam ", "RectangleBorderStyle<<", fqn, ">> ", "dashed", NL, NL).append(joinToNode(nodes.filter((n) => n.parent === node.id), (c) => c.children.length > 0 ? printBoundary(c) : printNode(c))),
-			indentation: 2
-		}).append("}", NL);
-	};
-	const printEdge = (edge) => {
-		const tech = edge.technology || "";
-		const label = edge.label || tech;
-		const color = pumlColor(edge.color, relationshipsColorProvider("line"), "#777777");
-		const withColor = (text) => `<color:${color}>${text.replaceAll("\"", `'`)}`;
-		const out = new CompositeGeneratorNode().append(names.get(edge.source), " .[", color, ",thickness=2].> ", names.get(edge.target));
-		if (label || tech) {
-			out.append(" : ", label.split("\n").map((l) => e$1(l) ? l : withColor(l)).join("\\n"));
-			if (tech && tech !== label) out.append("\\n<size:8>[", withColor(tech), "]</size>");
-		}
-		return out.append(NL);
-	};
-	return toString(new CompositeGeneratorNode().append("@startuml", NL).append(printHeader(), NL).append(printTheme(), NL).append(joinToNode(nodes.filter((n) => n.children.length == 0), (n) => printStereotypes(n), { appendNewLineIfNotEmpty: true })).append(joinToNode(nodes.filter((n) => e(n.parent)), (n) => n.children.length > 0 ? printBoundary(n) : printNode(n), { appendNewLineIfNotEmpty: true })).appendIf(edges.length > 0, NL, joinToNode(edges, (e) => printEdge(e), { appendNewLineIfNotEmpty: true })).append(`@enduml`, NL));
-}
-
-//#endregion
-//#region src/vite-plugin/virtuals/_shared.ts
-function generateMatches(moduleId, extension = ".js") {
-	return {
-		matches: (id) => {
-			let { module, projectId } = id.match(/^likec4:plugin\/(?<projectId>.+)\/(?<module>.+)$/)?.groups ?? id.match(/^likec4:(?<module>.+)\/(?<projectId>.+)$/)?.groups ?? {};
-			if (!module || !projectId) return null;
-			if (module.endsWith(extension)) module = module.slice(0, -extension.length);
-			if (module === moduleId) return projectId;
-			return null;
-		},
-		virtualId: (projectId) => joinURL(`likec4:plugin`, projectId, moduleId) + extension
-	};
-}
-const charMap = {
-	"<": "\\u003C",
-	">": "\\u003E",
-	"/": "\\u002F",
-	"\\": "\\\\",
-	"\b": "\\b",
-	"\f": "\\f",
-	"\n": "\\n",
-	"\r": "\\r",
-	"	": "\\t",
-	"\0": "\\0",
-	"\u2028": "\\u2028",
-	"\u2029": "\\u2029"
-};
-function escapeUnsafeChars(str) {
-	return str.replace(/[<>\b\f\n\r\t\0\u2028\u2029\\]/g, (x) => charMap[x]);
-}
-function generateCombinedProjects(moduleId, fnName) {
-	return {
-		id: `likec4:${moduleId}`,
-		virtualId: `likec4:plugin/${moduleId}.js`,
-		async load({ logger, projects }) {
-			logger.info(u.dim(`generating likec4:${moduleId}`));
-			return `
-export let ${fnName}Fn = {
-${projects.map(({ id }) => {
-				const pkg = escapeUnsafeChars(JSON.stringify(joinURL(`likec4:${moduleId}`, id)));
-				return `  ${JSON.stringify(id)}: () => import(${pkg})`;
-			}).join(",\n")}
-}      
-
-export async function ${fnName}(projectId) {
-  let fn = ${fnName}Fn[projectId]
-  if (!fn) {
-    const projects = Object.keys(${fnName}Fn)
-    console.error('Unknown projectId: ' + projectId + ' (available: ' + projects + ')')
-    if (projects.length === 0) {
-      throw new Error('No projects found, invalid state')
-    }
-    projectId = projects[0]
-    console.warn('Falling back to project: ' + projectId)
-    fn = ${fnName}Fn[projectId]
-  }
-  return await fn()
-}
-
-if (import.meta.hot) {
-  import.meta.hot.accept(md => {
-    if (!import.meta.hot.data.$update) {
-      import.meta.hot.data.$update = ${fnName}Fn
-    }
-    const update = md.${fnName}Fn
-    if (update) {
-      Object.assign(import.meta.hot.data.$update, update)
-    } else {
-      import.meta.hot.invalidate()
-    }
-  })
-}
-    `;
-		}
-	};
-}
-
-//#endregion
-//#region src/vite-plugin/virtuals/d2.ts
-function code$8(model) {
-	const out = new CompositeGeneratorNode();
-	out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* eslint-disable */
-
-    export function d2Source(viewId) {
-      switch (viewId) {
-  `.appendNewLine().indent({
-		indentation: 4,
-		indentedChildren(indented) {
-			indented.append(joinToNode([...model.views()], (view) => expandToNode`
-              case ${JSON.stringify(view.id)}: {
-                return ${JSON.stringify(generateD2(view))}
-              }
-            `, { appendNewLineIfNotEmpty: true })).appendTemplate`
-        default: {
-          throw new Error('Unknown viewId: ' + viewId)
-        }
-      `;
-		}
-	}).append(NL, "  }", NL).appendTemplate`
-    }
-    `.append(NL, NL);
-	return toString(out);
-}
-const projectD2Module = {
-	...generateMatches("d2"),
-	async load({ likec4, project, logger }) {
-		logger.info(u.dim(`generating likec4:d2/${project.id}`));
-		return code$8(await likec4.computedModel(project.id));
-	}
-};
-const d2Module = generateCombinedProjects("d2", "loadD2Sources");
-
-//#endregion
-//#region src/vite-plugin/virtuals/dot.ts
-function code$7(sources) {
-	const out = new CompositeGeneratorNode();
-	out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* eslint-disable */
-
-    export function dotSource(viewId) {
-      switch (viewId) {
-  `.appendNewLine().indent({
-		indentation: 4,
-		indentedChildren(indented) {
-			indented.append(joinToNode(Object.keys(sources), (key) => expandToNode`
-              case ${JSON.stringify(key)}: {
-                return ${JSON.stringify(sources[key].dot)}
-              }
-            `, { appendNewLineIfNotEmpty: true })).appendTemplate`
-          default: {
-            throw new Error('Unknown viewId: ' + viewId)
-          }
-        `;
-		}
-	}).append(NL, "  }", NL).appendTemplate`
-    }
-
-    export function svgSource(viewId) {
-      switch (viewId) {
-    `.appendNewLine().indent({
-		indentation: 4,
-		indentedChildren(indented) {
-			indented.append(joinToNode(Object.keys(sources), (key) => expandToNode`
-              case ${JSON.stringify(key)}: {
-                return ${JSON.stringify(sources[key].svg)}
-              }
-            `, { appendNewLineIfNotEmpty: true })).appendTemplate`
-          default: {
-            throw new Error('Unknown viewId: ' + viewId)
-          }
-        `;
-		}
-	}).append(NL, "  }", NL, "}", NL, NL);
-	return toString(out);
-}
-const projectDotSourcesModule = {
-	...generateMatches("dot"),
-	async load({ likec4, project, logger }) {
-		logger.info(u.dim(`generating likec4:dot/${project.id}`));
-		return code$7(t(await likec4.views.viewsAsGraphvizOut(project.id), ({ id, svg, dot }) => [id, {
-			dot,
-			svg
-		}]));
-	}
-};
-const dotModule = generateCombinedProjects("dot", "loadDotSources");
-
-//#endregion
-//#region src/vite-plugin/virtuals/icons.ts
-function code$6(views) {
-	const { imports, cases } = t$1(views.flatMap((v) => v.nodes.map((n) => n.icon)), n((s) => e$2(s) && !(s.toLowerCase().startsWith("http:") || s.toLowerCase().startsWith("https:"))), n$1(), t$2(compareNatural)).reduce((acc, s, i) => {
-		const isLocalImage = s.startsWith("file:");
-		const Component = "Icon" + i.toString().padStart(2, "0");
-		if (isLocalImage) {
-			acc.imports.push(`import ${Component} from '${s}?inline'`);
-			acc.cases.push(`  '${s}': () => jsx('img', { src: ${Component} })`);
-			return acc;
-		}
-		const [group, icon] = s.split(":");
-		acc.imports.push(`import ${Component} from '@likec4/icons/${group}/${icon}'`);
-		acc.cases.push(`  '${group}:${icon}': ${Component}`);
-		return acc;
-	}, {
-		imports: [],
-		cases: []
-	});
-	return `
-import { jsx } from 'react/jsx-runtime'
-${imports.join("\n")}
-
-const Icons = {
-${cases.join(",\n")}
-}
-export function IconRenderer({ node, ...props }) {
-  const IconComponent = Icons[node.icon ?? '']
-  if (!IconComponent) {
-    return null
-  }
-  return jsx(IconComponent, props)
-}
-`;
-}
-const projectIconsModule = {
-	...generateMatches("icons", ".jsx"),
-	async load({ likec4, project, logger }) {
-		logger.info(u.dim(`generating likec4:icons/${project.id}`));
-		return code$6(await likec4.views.computedViews(project.id));
-	}
-};
-const iconsModule = {
-	id: "likec4:icons",
-	virtualId: "likec4:plugin/icons.jsx",
-	async load({ projects, logger }) {
-		logger.info(u.dim(`generating likec4:icons`));
-		const { imports, cases } = projects.reduce((acc, { id }, i) => {
-			const Component = "Icons" + i.toString().padStart(2, "0");
-			const pkg = joinURL("likec4:icons", id);
-			acc.imports.push(`import { IconRenderer as ${Component} } from ${JSON.stringify(pkg)}`);
-			acc.cases.push(`   case ${JSON.stringify(id)}: return ${Component}`);
-			return acc;
-		}, {
-			imports: [],
-			cases: []
-		});
-		return `
-import { jsx } from 'react/jsx-runtime'    
-${imports.join("\n")}
-
-function getProjectIcons(projectId) {
-  switch (projectId) {
-${cases.join("\n")}
-    default:
-      throw new Error('Unknown projectId: ' + projectId)
-  }
-}
-
-export function ProjectIcons({ projectId, ...props }) {
-  const IconComponent = getProjectIcons(projectId)
-  return jsx(IconComponent, props)
-} 
-`;
-	}
-};
-
-//#endregion
-//#region src/vite-plugin/virtuals/mmd.ts
-function code$5(model) {
-	const out = new CompositeGeneratorNode();
-	out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* eslint-disable */
-
-    export function mmdSource(viewId) {
-      switch (viewId) {
-  `.appendNewLine().indent({
-		indentation: 4,
-		indentedChildren(indented) {
-			indented.append(joinToNode([...model.views()], (view) => expandToNode`
-              case ${JSON.stringify(view.id)}: {
-                return ${JSON.stringify(generateMermaid(view))}
-              }
-            `, { appendNewLineIfNotEmpty: true })).appendTemplate`
-          default: {
-            throw new Error('Unknown viewId: ' + viewId)
-          }
-        `;
-		}
-	}).append(NL, "  }", NL).appendTemplate`
-    }
-
-    `.append(NL, NL);
-	return toString(out);
-}
-const projectMmdSourcesModule = {
-	...generateMatches("mmd"),
-	async load({ likec4, project, logger }) {
-		logger.info(u.dim(`generating virtual:likec4/mmd/${project.id}`));
-		return code$5(await likec4.computedModel(project.id));
-	}
-};
-const mmdModule = generateCombinedProjects("mmd", "loadMmdSources");
-
-//#endregion
-//#region src/vite-plugin/virtuals/model.ts
-var import_lib = /* @__PURE__ */ __toESM(require_lib(), 1);
-const projectModelCode = (model) => `
-import { createHooksForModel, atom } from 'likec4/vite-plugin/internal'
-
-export const $likec4data = atom(${import_lib.default.stringify(model.$data)})
-
-export const {
-  updateModel,
-  $likec4model,
-  useLikeC4Model,
-  useLikeC4Views,
-  useLikeC4View
-} = createHooksForModel($likec4data)
-
-if (import.meta.hot) {
-  import.meta.hot.accept(md => {
-    if (!import.meta.hot.data.$update) {
-      import.meta.hot.data.$update = updateModel
-    }
-    const update = md.$likec4data?.get()
-    if (update) {
-      import.meta.hot.data.$update(update)
-    } else {
-      import.meta.hot.invalidate()
-    }
-  })
-}
-`;
-const projectModelModule = {
-	...generateMatches("model"),
-	async load({ likec4, project, logger }) {
-		logger.info(u.dim(`generating likec4:model/${project.id}`));
-		return projectModelCode(await likec4.layoutedModel(project.id));
-	}
-};
-const modelModule = generateCombinedProjects("model", "loadModel");
-
-//#endregion
-//#region src/vite-plugin/virtuals/projects.ts
-const code$4 = (projects) => `
-import { atom, useStore } from 'likec4/vite-plugin/internal'
-
-export const isSingleProject = ${projects.length === 1};
-export const projects = ${import_lib.default.stringify(projects, null, 2)};
-
-export const $projects = atom([...projects])
-
-export function useLikeC4Projects() {
-  return useStore($projects)
-}
-
-if (import.meta.hot) {
-  import.meta.hot.accept(md => {
-    if (!import.meta.hot.data.$projects) {
-      import.meta.hot.data.$projects = $projects
-    }
-    if (!import.meta.hot.data.projects) {
-      import.meta.hot.data.projects = projects
-    }      
-    const update = md.projects
-    if (update) {
-      import.meta.hot.data.projects.length = 0
-      import.meta.hot.data.projects.push(...update)
-      import.meta.hot.data.$projects.set(update)
-    } else {
-      import.meta.hot.invalidate()
-    }
-  })
-}
-`;
-const projectsModule = {
-	id: "likec4:projects",
-	virtualId: "likec4:plugin/projects.js",
-	async load({ logger, projects }) {
-		logger.info(u.dim("generating likec4:projects"));
-		return code$4(t$3(projects, t$4(["id", "title"])));
-	}
-};
-
-//#endregion
-//#region src/vite-plugin/virtuals/projectsOverview.ts
-const code$3 = (view) => `
-import { atom, useStore } from 'likec4/vite-plugin/internal'
-
-export const $viewdata = atom(${import_lib.default.stringify(view)})
-
-export function useLikeC4ProjectsOverview() {
-  return useStore($viewdata)
-}
-
-if (import.meta.hot) {
-  import.meta.hot.accept(md => {
-    if (!import.meta.hot.data.$viewdata) {
-      import.meta.hot.data.$viewdata = $viewdata
-    }
-    const update = md.$viewdata?.get()
-    if (update) {
-      import.meta.hot.data.$viewdata.set(update)
-    } else {
-      import.meta.hot.invalidate()
-    }
-  })
-}
-`;
-const noProjects = () => `
-export function useLikeC4ProjectsOverview() {
-  throw new Error('No projects overview available for this workspace: single project mode is enabled')
-}
-`;
-const projectsOverviewModule = {
-	id: "likec4:projects-overview",
-	virtualId: "likec4:plugin/projects-overview.js",
-	async load({ logger, projects, likec4 }) {
-		if (projects.length < 2) return noProjects();
-		logger.info(u.dim("generating likec4:projects-overview"));
-		return code$3(await likec4.projectsOverview());
-	}
-};
-
-//#endregion
-//#region src/vite-plugin/virtuals/puml.ts
-function code$2(model) {
-	const out = new CompositeGeneratorNode();
-	out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* eslint-disable */
-
-    export function pumlSource(viewId) {
-      switch (viewId) {
-  `.appendNewLine().indent({
-		indentation: 4,
-		indentedChildren(indented) {
-			indented.append(joinToNode([...model.views()], (view) => expandToNode`
-              case ${JSON.stringify(view.id)}: {
-                return ${JSON.stringify(generatePuml(view))}
-              }
-            `, { appendNewLineIfNotEmpty: true })).appendTemplate`
-        default: {
-          throw new Error('Unknown viewId: ' + viewId)
-        }
-      `;
-		}
-	}).append(NL, "  }", NL).appendTemplate`
-    }
-    `.append(NL, NL);
-	return toString(out);
-}
-const projectPumlModule = {
-	...generateMatches("puml"),
-	async load({ likec4, project, logger }) {
-		logger.info(u.dim(`generating likec4:puml/${project.id}`));
-		return code$2(await likec4.computedModel(project.id));
-	}
-};
-const pumlModule = generateCombinedProjects("puml", "loadPumlSources");
-
-//#endregion
-//#region src/vite-plugin/virtuals/react.ts
-const projectCode = (id) => `
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LikeC4ModelProvider as Provider, LikeC4View as GenericView, ReactLikeC4 as GenericReactLikeC4 } from 'likec4/react';
-import { IconRenderer } from 'likec4:icons/${id}'
-
-import { useLikeC4Model, useLikeC4Views, useLikeC4View } from 'likec4:model/${id}'
-
-export function LikeC4ModelProvider({ children }) {
-  const likeC4Model = useLikeC4Model()
-  return (_jsx(Provider, { likec4model: likeC4Model, children: children }));
-}
-export function LikeC4View(props) {
-  return (_jsx(LikeC4ModelProvider, { children: _jsx(GenericView, { renderIcon: IconRenderer, ...props }) }));
-}
-export function ReactLikeC4(props) {
-  return (_jsx(LikeC4ModelProvider, { children: _jsx(GenericReactLikeC4, { renderIcon: IconRenderer, ...props }) }));
-}
-
-export {
-  useLikeC4Model,
-  useLikeC4View,
-  useLikeC4Views
-}
-`;
-const projectReactModule = {
-	...generateMatches("react"),
-	async load({ project, logger }) {
-		logger.info(u.dim(`generating likec4:react/${project.id}`));
-		return projectCode(project.id);
-	}
-};
-const singleProjectReactModule = {
-	id: "likec4:react",
-	virtualId: "likec4:plugin/react.js",
-	async load({ logger, projects }) {
-		const project = n$2(projects);
-		logger.info(u.dim("generating likec4:react for") + " " + project.id);
-		return projectCode(project.id);
-	}
-};
-
-//#endregion
-//#region src/vite-plugin/virtuals/rpc.ts
-const code$1 = ` 
-import { createRpc } from 'likec4/vite-plugin/internal'
-
-export const isRpcAvailable = !!import.meta.hot
-
-let rpc 
-if (import.meta.hot) {
-  rpc = createRpc({
-    send: (event, data) => {
-      import.meta.hot.send(event, data)
-    },
-    on: (event, fn) => {
-      import.meta.hot.on(event, fn)
-    }
-  })
-
-  import.meta.hot.accept()
-}
-
-export const likec4rpc = rpc ?? {
-  updateView: () => {
-    throw new Error('likec4rpc.updateView is not available in production')
-  },
-  calcAdhocView: () => {
-    throw new Error('likec4rpc.calcAdhocView is not available in production')
-  },
-}
-`;
-const rpcModule = {
-	id: "likec4:rpc",
-	virtualId: "likec4:plugin/rpc.js",
-	async load({ logger }) {
-		logger.info(u.dim("generating likec4:rpc"));
-		return code$1;
-	}
-};
-
-//#endregion
-//#region src/vite-plugin/virtuals/single-project.ts
-const code = (id) => `
-export { IconRenderer } from 'likec4:icons/${id}'
-export {
-  $likec4data,
-  $likec4model,
-  useLikeC4Model,
-  useLikeC4Views,
-  useLikeC4View
-} from 'likec4:model/${id}'
-export const projectId = ${JSON.stringify(id)}
-`;
-const singleProjectModule = {
-	id: "likec4:single-project",
-	virtualId: "likec4:plugin/single-project.js",
-	async load({ logger, projects }) {
-		const project = n$2(projects);
-		logger.info(u.dim("generating likec4:single-project for") + " " + project.id);
-		return code(project.id);
-	}
-};
-
-//#endregion
-//#region src/vite-plugin/plugin.ts
-const hmrProjectVirtuals = [
-	projectModelModule,
-	projectIconsModule,
-	projectD2Module,
-	projectDotSourcesModule,
-	projectMmdSourcesModule,
-	projectPumlModule
-];
-const projectVirtuals = [...hmrProjectVirtuals, projectReactModule];
-const virtuals = [
-	projectsModule,
-	modelModule,
-	projectsOverviewModule,
-	singleProjectModule,
-	singleProjectReactModule,
-	d2Module,
-	dotModule,
-	mmdModule,
-	pumlModule,
-	iconsModule,
-	rpcModule
-];
-function LikeC4VitePlugin({ environments, ...opts }) {
-	let logger;
-	let likec4;
-	let assetsDir;
-	let shouldDisposeOnStop = opts.watch ?? false;
-	return {
-		name: "vite-plugin-likec4",
-		applyToEnvironment(env) {
-			return environments ? environments.includes(env.name) : true;
-		},
-		async configResolved(config) {
-			config.server.hmr;
-			logger = config.logger;
-			if (opts.languageServices) likec4 = opts.languageServices;
-			else {
-				const watch = shouldDisposeOnStop = opts.watch ?? config.mode === "development";
-				likec4 = (await LikeC4.fromWorkspace(opts.workspace ?? config.root, {
-					logger,
-					graphviz: opts.graphviz ?? "wasm",
-					printErrors: opts.printErrors ?? true,
-					throwIfInvalid: opts.throwIfInvalid ?? false,
-					watch
-				})).languageServices;
-			}
-			assetsDir = likec4.workspaceUri.fsPath;
-		},
-		resolveId(id) {
-			for (const module of projectVirtuals) {
-				const projectId = module.matches(id);
-				if (projectId) return module.virtualId(projectId);
-			}
-			for (const module of virtuals) if (module.id === id) return module.virtualId;
-			return null;
-		},
-		async load(id) {
-			for (const module of projectVirtuals) {
-				const projectId = module.matches(id);
-				if (projectId) {
-					const project = likec4.project(projectId);
-					return await module.load({
-						logger,
-						likec4,
-						project,
-						assetsDir
-					});
-				}
-			}
-			for (const module of virtuals) if (module.virtualId === id) {
-				const projects = likec4.projects();
-				invariant(isNonEmptyArray(projects));
-				return await module.load({
-					logger,
-					likec4,
-					projects,
-					assetsDir
-				});
-			}
-			return null;
-		},
-		configureServer(server) {
-			const hotChannel = server.hot;
-			enablePluginRPC.call(this, {
-				logger,
-				likec4,
-				server
-			});
-			const readProjects = () => t$3(likec4.projects(), (p) => ({
-				id: p.id,
-				title: p.title,
-				folder: p.folder.fsPath
-			}));
-			let _projects = readProjects();
-			const reloadModule = async (id) => {
-				const md = server.moduleGraph.getModuleById(id);
-				if (md && md.importers.size > 0) try {
-					await server.reloadModule(md);
-				} catch (err) {
-					logger.error(err);
-				}
-			};
-			likec4.builder.onModelParsed(async () => {
-				const [error] = likec4.getErrors();
-				if (error) {
-					const [message, ...stack] = error.message.split("\n");
-					hotChannel.send({
-						type: "error",
-						err: {
-							name: "LikeC4ValidationError",
-							message,
-							stack: stack.join("\n"),
-							plugin: "vite-plugin-likec4",
-							loc: {
-								file: error.sourceFsPath,
-								line: error.line,
-								column: error.range.start.character + 1
-							}
-						}
-					});
-					return;
-				}
-				const _updated = readProjects();
-				if (!t$5(_updated, _projects)) {
-					_projects = _updated;
-					await reloadModule(projectsModule.virtualId);
-					await reloadModule(iconsModule.virtualId);
-					await reloadModule(modelModule.virtualId);
-					if (_projects.length > 1) await reloadModule(projectsOverviewModule.virtualId);
-					return;
-				}
-				for (const project of _projects) for (const projectModule of hmrProjectVirtuals) await reloadModule(projectModule.virtualId(project.id));
-			});
-		},
-		async buildEnd() {
-			if (shouldDisposeOnStop) await likec4.dispose();
-		}
-	};
-}
-
-//#endregion
-export { generateD2 as i, generatePuml as n, generateMermaid as r, LikeC4VitePlugin as t };