@likec4/core
Advanced tools
Changelog
1.7.3 (2024-08-16)
dsl: hiding relationship titles in views (closes #910)
react: where
filter on react components (closes #872, documentation)
// Display elements and relationships where:
// - tag is not 'legacy'
// - and
// - tag is 'v1' or 'v2'
<LikeC4View
viewId="index"
where={{
and: [
{ tag: { neq: 'legacy' } },
{
or: [
{ tag: { eq: 'v1' } },
{ tag: { eq: 'v2' } }
]
}
]
}}/>
react: export to png in new tab (198d79e)
cli: export png to flat directory (bcd23dd)
cli: warn layout drifts (49c1100)
Changelog
1.7.0 (2024-08-10)
where
in predicates
// include only microservices from nested
include cloud.*
where kind is microservice
// only microservices and not deprecated
include cloud.*
where
kind == microservice and // possible to use 'is' or '=='
tag != #deprecated // possible to use 'is not' or '!='
// Use logical operators
include cloud.*
where
not (kind is microservice or kind is webapp)
and tag is not #legacy
and (tag is #v1 or tag is #v2)
This also applies to relationship predicates (Resolves #593)
include
// only relationships with tag #messaging
cloud.* <-> amazon.*
where tag is #messaging,
// only incoming http-requests
-> backend
where kind is http-request
description
and technology
to relationship (not yet rendered)with
Changelog
1.6.0 (2024-07-20)
Bundled icons
model {
fn = service 'Lambda Function' {
icon aws:lambda
}
k8s = service 'K8s Service' {
icon gcp:google-kubernetes-engine
}
pg = storage 'PostgreSQL' {
icon tech:postgresql
}
}
<img width="733" alt="Screenshot 2024-07-20 at 14 29 03" src="https://github.com/user-attachments/assets/7314ee25-cbea-4b3e-9293-f0db891cd69b">
Besides, icon can be just an element property, skipping style
block
Improved code completion in view predicates
Changelog
1.5.0 (2024-07-12)
Customize relationships per view
include
// Include elements if they have any relationships
// and customize these relationships
cloud.* <-> amazon.* with {
color red
line solid
},
// or only directed
customer -> cloud.* with {
// Override label
title 'Customer uses cloud'
}
<->
relationships (98c8b1f)monaco-vscode
(36be81e)