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 as likec4 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

1.0.0-rc.1

published 1.0.0-rc.1 • 9 months ago

Changelog

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 as likec4 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.*
}
```
Pre-bundled CLI
Builds and exports are 6-8x times faster
New renderer
Fast and responsive views on any device, based on xyflow
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.