likec4 1.13.0 → 1.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.13.0",
+  "version": "1.15.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -13,7 +13,7 @@
     "directory": "packages/likec4"
   },
   "engines": {
-    "node": ">=20.17.0"
+    "node": ">=20"
   },
   "bugs": "https://github.com/likec4/likec4/issues",
   "type": "module",
@@ -102,28 +102,28 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "type-fest": "4.26.1",
-    "vite": "5.4.8"
+    "vite": "5.4.10"
   },
   "devDependencies": {
     "@fontsource/ibm-plex-sans": "^5.1.0",
-    "@likec4/core": "1.13.0",
-    "@likec4/diagram": "1.13.0",
-    "@likec4/generators": "1.13.0",
-    "@likec4/icons": "1.13.0",
-    "@likec4/language-server": "1.13.0",
-    "@likec4/layouts": "1.13.0",
-    "@likec4/log": "1.13.0",
-    "@likec4/tsconfig": "1.13.0",
-    "@mantine/core": "7.13.2",
-    "@mantine/hooks": "7.13.2",
-    "@mantine/vanilla-extract": "7.13.2",
+    "@likec4/core": "1.15.0",
+    "@likec4/diagram": "1.15.0",
+    "@likec4/generators": "1.15.0",
+    "@likec4/icons": "1.15.0",
+    "@likec4/language-server": "1.15.0",
+    "@likec4/layouts": "1.15.0",
+    "@likec4/log": "1.15.0",
+    "@likec4/tsconfig": "1.15.0",
+    "@mantine/core": "7.13.4",
+    "@mantine/hooks": "7.13.4",
+    "@mantine/vanilla-extract": "7.13.4",
     "@nanostores/react": "0.8.0",
     "@react-hookz/web": "^24.0.4",
     "@tabler/icons-react": "3.17.0",
     "@tanstack/react-router": "1.45.13",
     "@tanstack/router-cli": "1.45.13",
     "@tanstack/router-vite-plugin": "1.45.13",
-    "@types/node": "^20.16.5",
+    "@types/node": "^20.16.14",
     "@types/prop-types": "^15.7.13",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -131,7 +131,7 @@
     "@types/yargs": "^17.0.33",
     "@vanilla-extract/css": "^1.16.0",
     "@vanilla-extract/dynamic": "^2.1.2",
-    "@vanilla-extract/vite-plugin": "^4.0.16",
+    "@vanilla-extract/vite-plugin": "^4.0.17",
     "@xyflow/react": "12.3.2",
     "@xyflow/system": "0.0.43",
     "autoprefixer": "^10.4.20",
@@ -143,8 +143,8 @@
     "esbuild-node-externals": "^1.15.0",
     "execa": "^9.3.1",
     "fast-equals": "^5.0.1",
-    "fdir": "^6.4.0",
-    "framer-motion": "^11.11.1",
+    "fdir": "^6.4.2",
+    "framer-motion": "^11.11.9",
     "get-port": "^7.1.0",
     "glob": "^11.0.0",
     "html-to-image": "^1.11.11",
@@ -152,30 +152,30 @@
     "langium": "3.2.0",
     "mkdirp": "^3.0.1",
     "nanostores": "0.11.3",
-    "npm-run-all2": "^6.2.2",
+    "npm-run-all2": "^6.2.6",
     "p-limit": "^6.1.0",
     "package-up": "^5.0.0",
     "postcss": "^8.4.47",
     "postcss-preset-mantine": "^1.17.0",
     "pretty-ms": "^9.1.0",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "^4.1.2",
     "react-resizable-panels": "^2.1.4",
     "react-shadow": "^20.5.0",
-    "remeda": "^2.14.0",
+    "remeda": "^2.15.0",
     "std-env": "^3.7.0",
     "string-hash": "^1.1.3",
     "strip-indent": "^4.0.0",
     "terser": "^5.33.0",
     "tinyrainbow": "^1.2.0",
     "tsx": "~4.9.3",
-    "turbo": "^2.1.3",
+    "turbo": "^2.2.3",
     "typescript": "^5.6.3",
     "ufo": "^1.5.4",
     "unbuild": "^3.0.0-rc.11",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-shadow-style": "^1.1.1",
-    "vitest": "^2.1.2",
+    "vitest": "^2.1.3",
     "yargs": "17.7.2"
   },
-  "packageManager": "yarn@4.5.0"
+  "packageManager": "yarn@4.5.1"
 }

package/react/index.d.ts

@@ -57,6 +57,9 @@ declare const BorderStyles: readonly [
 ];
 type BorderStyle = TupleToUnion<typeof BorderStyles>;
 type ElementKind<Kinds extends string = string> = Tagged<Kinds, "ElementKind">;
+declare namespace ElementKind {
+	const Group: ElementKind;
+}
 declare const ElementShapes: readonly [
 	"rectangle",
 	"person",
@@ -136,6 +139,11 @@ type OrOperator<Tag, Kind> = Omit<AllNever, "or"> & {
 	or: NonEmptyArray<WhereOperator<Tag, Kind>>;
 };
 type WhereOperator<Tag, Kind> = TagEqual<Tag> | KindEqual<Kind> | NotOperator<Tag, Kind> | AndOperator<Tag, Kind> | OrOperator<Tag, Kind>;
+type GlobalStyleID = Tagged<string, "GlobalStyleID">;
+interface GlobalStyle {
+	readonly id: GlobalStyleID;
+	readonly styles: NonEmptyArray<ViewRuleStyle>;
+}
 type ElementNotation = {
 	kinds: ElementKind[];
 	shape: ElementShape;
@@ -159,13 +167,23 @@ interface ViewRuleStyle {
 		icon?: IconUrl;
 	};
 }
+interface ViewRuleGlobalStyle {
+	styleId: GlobalStyleID;
+}
 type AutoLayoutDirection = "TB" | "BT" | "LR" | "RL";
 interface ViewRuleAutoLayout {
 	direction: AutoLayoutDirection;
 	nodeSep?: number;
 	rankSep?: number;
 }
-type ViewRule = ViewRulePredicate | ViewRuleStyle | ViewRuleAutoLayout;
+interface ViewRuleGroup {
+	groupRules: Array<ViewRulePredicate | ViewRuleGroup>;
+	title: string | null;
+	color?: Color;
+	border?: BorderStyle;
+	opacity?: number;
+}
+type ViewRule = ViewRulePredicate | ViewRuleGroup | ViewRuleStyle | ViewRuleGlobalStyle | ViewRuleAutoLayout;
 interface BasicView<ViewType extends "element" | "dynamic", ViewIDs extends string, Tags extends string> {
 	readonly __?: ViewType;
 	readonly id: ViewID<ViewIDs>;
@@ -227,7 +245,7 @@ type DynamicViewStepOrParallel = DynamicViewStep | DynamicViewParallelSteps;
 type DynamicViewIncludeRule = {
 	include: ElementPredicateExpression[];
 };
-type DynamicViewRule = DynamicViewIncludeRule | ViewRuleStyle | ViewRuleAutoLayout;
+type DynamicViewRule = DynamicViewIncludeRule | ViewRuleStyle | ViewRuleGlobalStyle | ViewRuleAutoLayout;
 interface DynamicView<ViewIDs extends string = string, Tags extends string = string> extends BasicView<"dynamic", ViewIDs, Tags> {
 	readonly __: "dynamic";
 	readonly steps: DynamicViewStepOrParallel[];
@@ -270,6 +288,12 @@ interface ComputedNode {
 	 */
 	isCustomized?: boolean;
 }
+declare namespace ComputedNode {
+	/**
+	 * Nodes group is a special kind of node, exisiting only in view
+	 */
+	function isNodesGroup(node: ComputedNode): boolean;
+}
 interface ComputedEdge {
 	id: EdgeId;
 	parent: NodeId | null;
@@ -344,6 +368,12 @@ interface DiagramNode extends ComputedNode {
 	position: Point;
 	labelBBox: BBox;
 }
+declare namespace DiagramNode {
+	/**
+	 * Nodes group is a special kind of node, exisiting only in view
+	 */
+	function isNodesGroup(node: DiagramNode): boolean;
+}
 interface DiagramEdge extends ComputedEdge {
 	points: NonEmptyArray<Point>;
 	controlPoints?: NonEmptyArray<XYPoint>;
@@ -517,6 +547,9 @@ interface ParsedLikeC4Model<ElementKinds extends string = string, RelationKinds
 	};
 	elements: Record<Fqns, TypedElement<Fqns, ElementKinds, Tags>>;
 	relations: Record<RelationID, Relation>;
+	globals: {
+		styles: Record<GlobalStyleID, GlobalStyle>;
+	};
 	views: Record<Views, LikeC4View<Views, Tags>>;
 }
 interface ComputedLikeC4Model extends Omit<ParsedLikeC4Model, "views"> {