likec4 1.42.1 → 1.44.0

package/__app__/src/webcomponent.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { LikeC4View as LikeC4View$1 } from "likec4:react";
 import { createRoot } from "react-dom/client";
 import { ComponentName } from "./const.js";
-import { dv as object, dw as literal, dx as stringbool, dy as string, dz as formatError } from "./vendors.js";
+import { dj as object, dk as literal, dl as stringbool, dm as string, dn as formatError } from "./vendors.js";
 const propsSchema = object({
   viewId: string().default("index"),
   browser: stringbool().default(!0),

package/config/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
   "description": "LikeC4 project configuration",
   "type": "object",
   "properties": {
@@ -31,11 +31,7 @@
       }
     },
     "styles": {
-      "allOf": [
-        {
-          "$ref": "#/definitions/StylesConfiguration"
-        }
-      ]
+      "$ref": "#/$defs/StylesConfiguration"
     },
     "exclude": {
       "description": "List of file patterns to exclude from the project, default is [\"**/node_modules/**\"]",
@@ -43,32 +39,28 @@
       "items": {
         "type": "string"
       }
+    },
+    "manualLayouts": {
+      "$ref": "#/$defs/manual-layouts-config"
     }
   },
   "required": [
     "name"
   ],
-  "definitions": {
+  "$defs": {
     "StylesConfiguration": {
       "id": "StylesConfiguration",
       "description": "Project styles customization",
       "type": "object",
       "properties": {
         "theme": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/ThemeCustomization"
-            }
-          ]
+          "$ref": "#/$defs/ThemeCustomization"
         },
         "defaults": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/DefaultStyleValues"
-            }
-          ]
+          "$ref": "#/$defs/DefaultStyleValues"
         }
-      }
+      },
+      "additionalProperties": false
     },
     "ThemeCustomization": {
       "id": "ThemeCustomization",
@@ -76,151 +68,62 @@
       "type": "object",
       "properties": {
         "colors": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/ThemeColors"
-            }
-          ]
+          "$ref": "#/$defs/ThemeColors"
         },
         "sizes": {
-          "description": "Map of theme sizes.",
-          "type": "object",
-          "properties": {
-            "xs": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "sm": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "md": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "lg": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            },
-            "xl": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Dimensions"
-                }
-              ]
-            }
-          }
+          "$ref": "#/$defs/ThemeSizes"
         }
-      }
+      },
+      "additionalProperties": false
     },
     "ThemeColors": {
       "id": "ThemeColors",
-      "description": "Override of theme colors",
+      "description": "Override theme colors",
       "anyOf": [
         {
           "type": "object",
           "propertyNames": {
-            "$ref": "#/definitions/ColorName"
+            "$ref": "#/$defs/ColorName"
           },
           "additionalProperties": {
-            "allOf": [
-              {
-                "$ref": "#/definitions/ThemeColorValues"
-              }
-            ]
+            "$ref": "#/$defs/ThemeColorValues"
           }
         },
         {
           "type": "object",
           "properties": {
             "amber": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "blue": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "gray": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "slate": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "green": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "indigo": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "muted": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "primary": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "red": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "secondary": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             },
             "sky": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ThemeColorValues"
-                }
-              ]
+              "$ref": "#/$defs/ThemeColorValues"
             }
           }
         }
@@ -228,10 +131,9 @@
     },
     "ColorName": {
       "id": "ColorName",
-      "description": "Color name (Theme color name or custom color name)",
       "anyOf": [
         {
-          "$ref": "#/definitions/ThemeColor"
+          "$ref": "#/$defs/ThemeColor"
         },
         {
           "type": "string",
@@ -241,7 +143,6 @@
     },
     "ThemeColor": {
       "id": "ThemeColor",
-      "description": "Reserved theme color name",
       "type": "string",
       "enum": [
         "amber",
@@ -262,36 +163,30 @@
       "description": "Exact value (hex, rgb, rgba, hsl, hsla ...) or break down of specific color values",
       "anyOf": [
         {
-          "$ref": "#/definitions/ColorLiteral"
+          "$ref": "#/$defs/ColorLiteral"
         },
         {
           "type": "object",
           "properties": {
             "elements": {
+              "description": "Element color value (or a breakdown of specific color values)",
               "anyOf": [
                 {
-                  "$ref": "#/definitions/ColorLiteral"
+                  "$ref": "#/$defs/ColorLiteral"
                 },
                 {
-                  "allOf": [
-                    {
-                      "$ref": "#/definitions/ElementColorValues"
-                    }
-                  ]
+                  "$ref": "#/$defs/ElementColorValues"
                 }
               ]
             },
             "relationships": {
+              "description": "Relationship color value (or a breakdown of specific color values)",
               "anyOf": [
                 {
-                  "$ref": "#/definitions/ColorLiteral"
+                  "$ref": "#/$defs/ColorLiteral"
                 },
                 {
-                  "allOf": [
-                    {
-                      "$ref": "#/definitions/RelationshipColorValues"
-                    }
-                  ]
+                  "$ref": "#/$defs/RelationshipColorValues"
                 }
               ]
             }
@@ -299,7 +194,8 @@
           "required": [
             "elements",
             "relationships"
-          ]
+          ],
+          "additionalProperties": false
         }
       ]
     },
@@ -311,40 +207,23 @@
     },
     "ElementColorValues": {
       "id": "ElementColorValues",
-      "description": "Specific element colors",
       "type": "object",
       "properties": {
         "fill": {
           "description": "Background color",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         },
         "stroke": {
           "description": "Stroke color (border, paths above background)",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         },
         "hiContrast": {
           "description": "High contrast text color (title)",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         },
         "loContrast": {
           "description": "Low contrast text color (description)",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         }
       },
       "required": [
@@ -352,42 +231,54 @@
         "stroke",
         "hiContrast",
         "loContrast"
-      ]
+      ],
+      "additionalProperties": false
     },
     "RelationshipColorValues": {
       "id": "RelationshipColorValues",
-      "description": "Specefic relationship colors",
       "type": "object",
       "properties": {
         "line": {
           "description": "Line color",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         },
         "label": {
           "description": "Label text color",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         },
         "labelBg": {
           "description": "Label background color",
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorLiteral"
-            }
-          ]
+          "$ref": "#/$defs/ColorLiteral"
         }
       },
       "required": [
         "line",
         "label"
-      ]
+      ],
+      "additionalProperties": false
+    },
+    "ThemeSizes": {
+      "id": "ThemeSizes",
+      "description": "Override theme sizes",
+      "type": "object",
+      "properties": {
+        "xs": {
+          "$ref": "#/$defs/Dimensions"
+        },
+        "sm": {
+          "$ref": "#/$defs/Dimensions"
+        },
+        "md": {
+          "$ref": "#/$defs/Dimensions"
+        },
+        "lg": {
+          "$ref": "#/$defs/Dimensions"
+        },
+        "xl": {
+          "$ref": "#/$defs/Dimensions"
+        }
+      },
+      "additionalProperties": false
     },
     "Dimensions": {
       "id": "Dimensions",
@@ -395,16 +286,19 @@
       "type": "object",
       "properties": {
         "width": {
-          "type": "number"
+          "type": "number",
+          "minimum": 50
         },
         "height": {
-          "type": "number"
+          "type": "number",
+          "minimum": 50
         }
       },
       "required": [
         "width",
         "height"
-      ]
+      ],
+      "additionalProperties": false
     },
     "DefaultStyleValues": {
       "id": "DefaultStyleValues",
@@ -412,104 +306,45 @@
       "type": "object",
       "properties": {
         "color": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/ColorName"
-            }
-          ]
+          "description": "Default color for elements\n(must be a valid color name from the theme)",
+          "$ref": "#/$defs/ColorName"
         },
         "opacity": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/Opacity"
-            }
-          ]
+          "description": "Default opacity (0-100%) for elements when displayed as a group (like a container)",
+          "$ref": "#/$defs/Opacity"
         },
         "border": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/BorderStyle"
-            }
-          ]
+          "description": "Default border style for elements when displayed as a group (like a container)",
+          "$ref": "#/$defs/BorderStyle"
         },
         "size": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/ElementSize"
-            }
-          ]
+          "description": "Default size for elements",
+          "$ref": "#/$defs/ElementSize"
         },
         "shape": {
-          "allOf": [
-            {
-              "$ref": "#/definitions/ElementShape"
-            }
-          ]
+          "description": "Default shape for elements",
+          "$ref": "#/$defs/ElementShape"
         },
         "group": {
-          "type": "object",
-          "properties": {
-            "color": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ColorName"
-                }
-              ]
-            },
-            "opacity": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/Opacity"
-                }
-              ]
-            },
-            "border": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/BorderStyle"
-                }
-              ]
-            }
-          }
+          "description": "Default style values for groups",
+          "$ref": "#/$defs/GroupDefaultStyleValues"
         },
         "relationship": {
-          "type": "object",
-          "properties": {
-            "color": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ColorName"
-                }
-              ]
-            },
-            "line": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/LineType"
-                }
-              ]
-            },
-            "arrow": {
-              "allOf": [
-                {
-                  "$ref": "#/definitions/ArrowType"
-                }
-              ]
-            }
-          }
+          "description": "Default style values for relationships",
+          "$ref": "#/$defs/RelationshipDefaultStyleValues"
         }
-      }
+      },
+      "additionalProperties": false
     },
     "Opacity": {
       "id": "Opacity",
-      "description": "Opacity 0%-100%",
-      "type": "number",
+      "description": "Opacity 0-100%",
+      "type": "integer",
       "minimum": 0,
       "maximum": 100
     },
     "BorderStyle": {
       "id": "BorderStyle",
-      "description": "Border style",
       "type": "string",
       "enum": [
         "solid",
@@ -520,7 +355,6 @@
     },
     "ElementSize": {
       "id": "ElementSize",
-      "description": "Element size",
       "type": "string",
       "enum": [
         "xs",
@@ -532,7 +366,6 @@
     },
     "ElementShape": {
       "id": "ElementShape",
-      "description": "Element shape",
       "type": "string",
       "enum": [
         "rectangle",
@@ -544,9 +377,48 @@
         "queue"
       ]
     },
+    "GroupDefaultStyleValues": {
+      "id": "GroupDefaultStyleValues",
+      "description": "Override default values for group style properties\nThese values will be used if such property is not defined",
+      "type": "object",
+      "properties": {
+        "color": {
+          "description": "Default color for groups\n(must be a valid color name from the theme)",
+          "$ref": "#/$defs/ColorName"
+        },
+        "opacity": {
+          "description": "Default opacity for groups",
+          "$ref": "#/$defs/Opacity"
+        },
+        "border": {
+          "description": "Default border for groups",
+          "$ref": "#/$defs/BorderStyle"
+        }
+      },
+      "additionalProperties": false
+    },
+    "RelationshipDefaultStyleValues": {
+      "id": "RelationshipDefaultStyleValues",
+      "description": "Override default values for relationship style properties\nThese values will be used if such property is not defined",
+      "type": "object",
+      "properties": {
+        "color": {
+          "description": "Default color for relationships\n(must be a valid color name from the theme)",
+          "$ref": "#/$defs/ColorName"
+        },
+        "line": {
+          "description": "Default line style for relationships",
+          "$ref": "#/$defs/LineType"
+        },
+        "arrow": {
+          "description": "Default arrow style for relationships",
+          "$ref": "#/$defs/ArrowType"
+        }
+      },
+      "additionalProperties": false
+    },
     "LineType": {
       "id": "LineType",
-      "description": "Default line type for relationships",
       "type": "string",
       "enum": [
         "dashed",
@@ -556,7 +428,6 @@
     },
     "ArrowType": {
       "id": "ArrowType",
-      "description": "Relationship arrow type",
       "type": "string",
       "enum": [
         "none",
@@ -570,6 +441,20 @@
         "open",
         "vee"
       ]
+    },
+    "manual-layouts-config": {
+      "id": "manual-layouts-config",
+      "description": "Configuration for manual layouts",
+      "type": "object",
+      "properties": {
+        "outDir": {
+          "description": "Path to the directory where manual layouts will be stored, relative to the folder containing the project config",
+          "type": "string"
+        }
+      },
+      "required": [
+        "outDir"
+      ]
     }
   }
 }