diff --git a/content/en/docs/documentation/local-development.md b/content/en/docs/documentation/local-development.md index 3934f19..1958e97 100644 --- a/content/en/docs/documentation/local-development.md +++ b/content/en/docs/documentation/local-development.md @@ -97,6 +97,38 @@ Architecture diagrams are created with LikeC4: 2. **Edit or create `.c4` files** with your model + Example: Create a simple view in `resources/edp-likec4/views/my-view.c4`: + + ```likec4 + specification { + element myperson + element mysystem + } + + model { + customer = myperson 'Customer' { + description 'End user of the platform' + } + + mySystem = mysystem 'My System' { + description 'Example system component' + } + + customer -> mySystem 'uses' + } + + views { + view myCustomView { + title "My Custom Architecture View" + + include customer + include mySystem + + autoLayout TopBottom + } + } + ``` + 3. **Regenerate webcomponents:** ```bash @@ -106,16 +138,14 @@ Architecture diagrams are created with LikeC4: 4. **Embed diagrams in Markdown:** ```markdown - {{< likec4-view view="localDevelopment" title="Local Development Workflow" >}} + {{}} ``` - Available views: - - `overview` - Complete system overview - - `localDevelopment` - Documentor workflow - - `cicdPipeline` - CI/CD process - - `deploymentFlow` - Edge deployment - - `fullWorkflow` - End-to-end workflow - - `testingCapabilities` - Testing overview + **Finding available view IDs:** + - Open the `.c4` files in your project directory + - Look for `view {` declarations + - The `` is what you use in the `view` parameter + - Or use: `grep -r "^view " resources/edp-likec4/ --include="*.c4"` ## Available Tasks