Skip to content

feat: add new component element shape#2616

Merged
davydkov merged 7 commits intomainfrom
davydkov/add-component-shape
Feb 12, 2026
Merged

feat: add new component element shape#2616
davydkov merged 7 commits intomainfrom
davydkov/add-component-shape

Conversation

@davydkov
Copy link
Copy Markdown
Member

Add support for a new "component" element shape to LikeC4, used for representing software components, modules, or packages in architecture diagrams. The component shape is rendered as a rectangle with two small rectangles in the top-left corner (following UML component notation), with support for responsive sizing and interactive states.

Changes

  • Added 'component' to the Langium grammar and type system
  • Implemented SVG rendering with ComponentTopLeftRect for visual feedback
  • Added support in all export generators (D2, DrawIO, Mermaid, PlantUML)
  • Updated layout engine (Graphviz) with proper spacing calculations
  • Added UI controls and icons for shape selection
  • Updated styling system with PandaCSS recipes

Checklist

  • I've rebased my branch onto main before creating this PR.
  • My commit messages follow conventional spec
  • Updated the documentation accordingly.
  • I've added tests to cover my changes (if applicable).

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Feb 12, 2026

🦋 Changeset detected

Latest commit: f86dcba

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 18 packages
Name Type
@likec4/diagram Patch
likec4 Patch
@likec4/playground Patch
@likec4/vscode-preview Patch
@likec4/docs-astro Patch
likec4-vscode Patch
@likec4/style-preset Patch
@likec4/styles Patch
@likec4/config Patch
@likec4/core Patch
@likec4/generators Patch
@likec4/language-server Patch
@likec4/language-services Patch
@likec4/layouts Patch
@likec4/log Patch
@likec4/mcp Patch
@likec4/tsconfig Patch
@likec4/vite-plugin Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@davydkov davydkov merged commit e500b20 into main Feb 12, 2026
10 checks passed
@davydkov davydkov deleted the davydkov/add-component-shape branch February 12, 2026 17:49
@likec4-ci likec4-ci bot mentioned this pull request Feb 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant