likec4 1.59.4 → 1.61.0

package/README.md

@@ -94,6 +94,8 @@ likec4 build -o ./dist
 
 Demo - [https://template.likec4.dev](https://template.likec4.dev/view/boutique/)
 
+The options of `start`, `build` and other commands can be kept in a `likec4.app.config.ts` file instead of flags (experimental), see [App config](https://likec4.dev/tooling/app-config/).
+
 > **Tip:**\
 > [likec4/template](https://github.com/likec4/template) repository demonstrates how to deploy to github pages.
 

package/__app__/codegen/react.mjs

@@ -1,10 +1,4 @@
-import "../src/chunks/rolldown-runtime.mjs";
-import { $likec4model as e, IconRenderer as t } from "likec4:single-project";
-import { LikeC4ModelProvider as n, LikeC4View as r, ReactLikeC4 as i, useLikeC4Model as a, useLikeC4View as o } from "likec4:react";
-//#region codegen/react.tsx
-var s = e.get();
-function isLikeC4ViewId(e) {
-	return e != null && typeof e == "string" && !!s.findView(e);
-}
-//#endregion
-export { n as LikeC4ModelProvider, r as LikeC4View, i as ReactLikeC4, t as RenderIcon, isLikeC4ViewId, s as likec4model, a as useLikeC4Model, o as useLikeC4View };
+import { $likec4data, $likec4model, $likec4model as $likec4model$1, IconRenderer as RenderIcon, LikeC4ModelProvider, LikeC4View, ReactLikeC4, isLikeC4ViewId, useLikeC4Model, useLikeC4View } from "likec4:react";
+// codegen/react.tsx
+var likec4model = $likec4model$1.get();
+export { $likec4data, $likec4model, LikeC4ModelProvider, LikeC4View, ReactLikeC4, RenderIcon, isLikeC4ViewId, likec4model, useLikeC4Model, useLikeC4View };

package/__app__/codegen/webcomponent.mjs

@@ -1,131 +1,6 @@
-import "../src/chunks/rolldown-runtime.mjs";
-import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, b as s, d as c, f as l, g as u, h as d, l as f, m as p, p as m, u as h, v as g, w as _, x as v, y } from "../src/chunks/libs/zod.mjs";
-import { createRoot as b } from "react-dom/client";
-import { jsx as x } from "react/jsx-runtime";
-import { ComponentName as S } from "likec4:app-config";
-import { LikeC4View as C } from "likec4:react";
-//#region ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/mini/schemas.js
-var w = /*@__PURE__*/ r("ZodMiniType", (t, n) => {
-	if (!t._zod) throw Error("Uninitialized schema in ZodMiniType.");
-	y.init(t, n), t.def = n, t.type = n.type, t.parse = (e, n) => s(t, e, n, { callee: t.parse }), t.safeParse = (e, n) => i(t, e, n), t.parseAsync = async (e, n) => v(t, e, n, { callee: t.parseAsync }), t.safeParseAsync = async (n, r) => e(t, n, r), t.check = (...e) => t.clone({
-		...n,
-		checks: [...n.checks ?? [], ...e.map((e) => typeof e == "function" ? { _zod: {
-			check: e,
-			def: { check: "custom" },
-			onattach: []
-		} } : e)]
-	}, { parent: !0 }), t.with = t.check, t.clone = (e, n) => _(t, e, n), t.brand = () => t, t.register = ((e, n) => (e.add(t, n), t)), t.apply = (e) => e(t);
-}), T = /*@__PURE__*/ r("ZodMiniString", (e, t) => {
-	g.init(e, t), w.init(e, t);
-});
-// @__NO_SIDE_EFFECTS__
-function string(e) {
-	return f(T, e);
-}
-var E = /*@__PURE__*/ r("ZodMiniBoolean", (e, t) => {
-	c.init(e, t), w.init(e, t);
-}), D = /*@__PURE__*/ r("ZodMiniObject", (e, t) => {
-	d.init(e, t), w.init(e, t), a(e, "shape", () => t.shape);
-});
-// @__NO_SIDE_EFFECTS__
-function object(e, t) {
-	return new D({
-		type: "object",
-		shape: e ?? {},
-		...n(t)
-	});
-}
-var O = /*@__PURE__*/ r("ZodMiniLiteral", (e, t) => {
-	p.init(e, t), w.init(e, t);
-});
-// @__NO_SIDE_EFFECTS__
-function literal(e, t) {
-	return new O({
-		type: "literal",
-		values: Array.isArray(e) ? e : [e],
-		...n(t)
-	});
-}
-var k = /*@__PURE__*/ r("ZodMiniOptional", (e, t) => {
-	u.init(e, t), w.init(e, t);
-});
-// @__NO_SIDE_EFFECTS__
-function optional(e) {
-	return new k({
-		type: "optional",
-		innerType: e
-	});
-}
-var A = /*@__PURE__*/ r("ZodMiniDefault", (e, t) => {
-	m.init(e, t), w.init(e, t);
-});
-// @__NO_SIDE_EFFECTS__
-function _default(e, n) {
-	return new A({
-		type: "default",
-		innerType: e,
-		get defaultValue() {
-			return typeof n == "function" ? n() : t(n);
-		}
-	});
-}
-var j = /*@__PURE__*/ r("ZodMiniPipe", (e, t) => {
-	o.init(e, t), w.init(e, t);
-}), M = /*@__PURE__*/ r("ZodMiniCodec", (e, t) => {
-	j.init(e, t), l.init(e, t);
-}), stringbool = (...e) => h({
-	Codec: M,
-	Boolean: E,
-	String: T
-}, ...e), N = /* @__PURE__ */ object({
-	viewId: /* @__PURE__ */ _default(/* @__PURE__ */ string(), "index"),
-	browser: /* @__PURE__ */ _default(stringbool(), !0),
-	dynamicViewVariant: /* @__PURE__ */ optional(/* @__PURE__ */ literal(["diagram", "sequence"])),
-	colorScheme: /* @__PURE__ */ optional(/* @__PURE__ */ literal(["light", "dark"]))
-}), LikeC4View = class extends HTMLElement {
-	shadow;
-	root;
-	hostCss;
-	lastHostCss = "";
-	constructor() {
-		super(), this.shadow = this.attachShadow({
-			mode: "open",
-			delegatesFocus: !0
-		});
-	}
-	updateHostCss() {
-		let e = "\n    :host {\n      display: contents;\n      background-color: transparent;\n      margin: 0;\n      padding: 0;\n    }";
-		e !== this.lastHostCss && (this.hostCss?.replaceSync(e), this.lastHostCss = e);
-	}
-	connectedCallback() {
-		this.lastHostCss = "", this.hostCss = new CSSStyleSheet(), this.updateHostCss(), this.shadow.adoptedStyleSheets = [this.hostCss], this.render();
-	}
-	disconnectedCallback() {
-		this.root?.unmount(), this.root = void 0, this.shadow.adoptedStyleSheets.length = 0, this.hostCss = void 0;
-	}
-	static observedAttributes = [
-		"view-id",
-		"browser",
-		"dynamic-variant",
-		"color-scheme"
-	];
-	getProps() {
-		let e = N.safeParse({
-			viewId: this.getAttribute("view-id"),
-			browser: this.getAttribute("browser") ?? void 0,
-			dynamicViewVariant: this.getAttribute("dynamic-variant") ?? void 0,
-			colorScheme: this.getAttribute("color-scheme") ?? void 0
-		});
-		return e.success ? e.data : (console.error("Invalid props", e.error), { viewId: "index" });
-	}
-	render() {
-		let e = this.getProps();
-		this.updateHostCss(), this.root ??= b(this.shadow), this.root.render(/* @__PURE__ */ x(C, { ...e }));
-	}
-	attributeChangedCallback(e) {
-		this.root && this.render();
-	}
-};
-customElements.define(S.View, LikeC4View);
-//#endregion
-export { LikeC4View };
+import { ComponentName } from "likec4:app-config";
+import { defineLikeC4Webcomponent } from "likec4/react";
+import { LikeC4View } from "likec4:react";
+import { projectId } from "likec4:single-project";
+// codegen/webcomponent.tsx
+defineLikeC4Webcomponent(ComponentName.View, LikeC4View, projectId);

package/__app__/index.html

@@ -1,19 +1,19 @@
 <!DOCTYPE html>
 <html lang="en-US">
+  <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"
+    />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="stylesheet" href="/src/fonts.css">
+    <link rel="stylesheet" href="/src/style.css">
+    <title>LikeC4</title>
+  </head>
 
-<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" />
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
-  <link rel="stylesheet" href="/src/fonts.css">
-  <link rel="stylesheet" href="/src/style.css">
-  <title>LikeC4</title>
-</head>
-
-<body>
-  <div id="likec4-root"></div>
-  <script type="module" src="/src/main"></script>
-</body>
-
+  <body>
+    <div id="likec4-root"></div>
+    <script type="module" src="/src/main"></script>
+  </body>
 </html>

package/__app__/src/aichat/index.mjs

@@ -1,8 +1,12 @@
 import "../chunks/rolldown-runtime.mjs";
-import { Suspense as e, lazy as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { isAIAvailable as r } from "likec4:rpc";
-//#region src/aichat/index.tsx
-var i = /* @__PURE__ */ t(() => import("../chunks/AIChat.mjs")), a = r ? () => /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(i, {}) }) : () => null;
-//#endregion
-export { a as LazyAIChat };
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+import { isAIAvailable } from "likec4:rpc";
+// src/aichat/index.tsx
+var AIChat = /* @__PURE__ */ lazy(() => import("../chunks/AIChat.mjs"));
+/**
+* AI Chat component that is conditionally rendered based on AI availability
+* Uses lazy loading to avoid importing AI components in environments where AI is not available
+*/
+var LazyAIChat = isAIAvailable ? () => /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(AIChat, {}) }) : () => null;
+export { LazyAIChat };