-
View Editor
VSCode Preview allows to change color, shape and switch auto-layout.
Changes are persistent and update sources.Also available in preview (via CLI), but changes are not saved back.
-
LikeC4 views as webcomponents
Generates JS with custom elements:<script src="https://published.website/likec4-views.js"></script> <likec4-view view-id="index"></likec4-view>
Always generated on
likec4 build
, but also available aslikec4 gen webcomponent
-
New predicate
include some._
Expand and include nested elements only if they have in/out relationships (internals are not considered):view { include some._ }
Differs from
include some.*
, which includes all nested elements regardless of relationships.Almost the same as:
view { include some include -> some.* -> exclude some.* -> some.* }
-
New predicate
<->
Include relationships of both directions between elements:view { include someA.* <-> someB.* }
-
CLI
Builds and exports with pre-bundled CLI are 6-8x times faster
Allow deep-linking in GitHub Pages, closes #661
Set color-scheme on export to png, closes #685 -
New renderer
Fast and responsive views on any device, based on xyflow -
New sites
https://docs.likec4.dev/ - (migration in progress...)
https://playground.likec4.dev/ - dedicated for playgrounds