@diagrammo/dgmo 0.4.2 → 0.4.4

package/.claude/skills/dgmo-chart/SKILL.md

@@ -79,6 +79,32 @@ Bob: 9, 88
 Carol: 2, 70
 ```
 
+**Sankey** (arrow syntax):
+```
+chart: sankey
+title: Energy Flow
+
+Coal -> Electricity: 50
+Gas -> Electricity: 30
+Electricity -> Industry: 45
+Electricity -> Homes: 35
+```
+
+**Sankey** (indentation + colors):
+```
+chart: sankey
+title: Budget Flow
+
+Revenue (green)
+  Operating Costs (red): 600
+  R&D (blue): 250
+  Profit (green): 150
+
+Operating Costs
+  Salaries: 400
+  Infrastructure: 200 (orange)
+```
+
 **Heatmap**:
 ```
 chart: heatmap
@@ -102,6 +128,8 @@ Team B: 2, 3, 2, 4, 3
 - `labels: percent` — show percentages on pie/doughnut
 - `orientation: horizontal` — rotate bar charts
 - Data is always `Label: value` or `Label: v1, v2, v3` for multi-series
+- Sankey: `Source -> Target: value` or indent targets under a bare source label
+- Sankey colors: `Node (color)` for nodes, `value (color)` for links
 
 ## Output
 

package/.claude/skills/dgmo-generate/SKILL.md

@@ -20,6 +20,7 @@ Generate a `.dgmo` diagram file based on the user's description. Pick the best d
    - Database schemas → `er`
    - Class/type hierarchies → `class`
    - System architecture → `c4`
+   - Infrastructure traffic flow → `infra`
    - Task boards → `kanban`
    - Project roadmaps → `initiative-status`
    - Comparisons, data → `bar`, `line`, `pie`, etc.

package/.claude/skills/dgmo-sequence/SKILL.md

@@ -56,7 +56,24 @@ note on DB:
 == Phase 2 ==
 
 // Visual groups
-## Authentication
+[Backend]
+  OrderAPI
+  DB
+
+// Tag groups — define color-coded metadata dimensions
+tag: Concern alias c
+  Caching(blue)
+  Auth(green)
+
+// Pipe metadata — attach tags to participants and messages
+API is a service | concern: Caching
+User -login-> API | concern: Auth
+[Backend | concern: Caching]
+  OrderAPI
+  DB
+
+// Activate a tag group for recoloring
+active-tag: Concern
 ```
 
 **Participant types**: `actor`, `service`, `database`, `queue`, `cache`, `gateway`, `external`, `networking`, `frontend`
@@ -65,6 +82,12 @@ note on DB:
 - Sync: `A -label-> B`
 - Async: `A ~label~> B`
 
+**Tag groups** — color-coded metadata for interactive recoloring:
+- `tag: Name alias x` — declare a group with optional alias
+- Entry: `Value(color)` — named color; add `default` for untagged elements
+- Pipe metadata: `| key: value` on participants, messages, groups
+- `active-tag: Name` — activate a group for CLI/export rendering
+
 **Key rules**:
 - Indentation closes blocks (no `end` keyword)
 - Use `//` for comments (not `#`)

package/.cursorrules

@@ -83,9 +83,34 @@ system App | description: Main application
   -Uses-> User
 ```
 
-## All 29 chart types
+### Infra chart
+```
+chart: infra
+direction: LR
+
+edge
+  rps: 10000
+  -> CDN
+
+CDN
+  cache-hit: 80%
+  -> LB
+
+LB
+  -/api-> API | split: 70%
+  -/web-> Web | split: 30%
+
+API
+  instances: 3
+  max-rps: 500
+  latency-ms: 45
+```
+
+Properties: `cache-hit`, `firewall-block`, `ratelimit-rps`, `bot-filter`, `max-rps`, `instances` (N or N-M), `latency-ms`, `cb-error-threshold`. Groups: `[Name]` with children. Roles are inferred from behavior.
+
+## All 32 chart types
 
-bar, line, multi-line, area, pie, doughnut, radar, polar-area, bar-stacked, scatter, sankey, chord, function, heatmap, funnel, slope, wordcloud, arc, timeline, venn, quadrant, sequence, flowchart, class, er, org, kanban, c4, initiative-status
+bar, line, multi-line, area, pie, doughnut, radar, polar-area, bar-stacked, scatter, sankey, chord, function, heatmap, funnel, slope, wordcloud, arc, timeline, venn, quadrant, sequence, flowchart, state, class, er, org, kanban, c4, initiative-status, sitemap, infra
 
 ## Common patterns
 

package/.github/copilot-instructions.md

@@ -16,8 +16,16 @@ When the user asks for a diagram, visualization, or chart, generate a `.dgmo` fi
 chart: sequence
 title: Auth Flow
 
+tag: Concern alias c
+  Auth(green)
+  Data(blue)
+
+User is an actor
+API is a service | c: Auth
+DB is a database | c: Data
+
 User -Login-> API
-API -Find user-> DB
+API -Find user-> DB | c: Data
 DB -user-> API
   if valid
     API -200 OK-> User
@@ -83,9 +91,34 @@ system App | description: Main application
   -Uses-> User
 ```
 
-## All 29 chart types
+## Infra chart
+```
+chart: infra
+direction: LR
+
+edge
+  rps: 10000
+  -> CDN
+
+CDN
+  cache-hit: 80%
+  -> LB
+
+LB
+  -/api-> API | split: 70%
+  -/web-> Web | split: 30%
+
+API
+  instances: 3
+  max-rps: 500
+  latency-ms: 45
+```
+
+Properties: `cache-hit`, `firewall-block`, `ratelimit-rps`, `bot-filter`, `max-rps`, `instances` (N or N-M), `latency-ms`, `cb-error-threshold`. Groups: `[Name]` with children. Roles are inferred from behavior.
+
+## All 32 chart types
 
-bar, line, multi-line, area, pie, doughnut, radar, polar-area, bar-stacked, scatter, sankey, chord, function, heatmap, funnel, slope, wordcloud, arc, timeline, venn, quadrant, sequence, flowchart, class, er, org, kanban, c4, initiative-status
+bar, line, multi-line, area, pie, doughnut, radar, polar-area, bar-stacked, scatter, sankey, chord, function, heatmap, funnel, slope, wordcloud, arc, timeline, venn, quadrant, sequence, flowchart, state, class, er, org, kanban, c4, initiative-status, sitemap, infra
 
 ## Common patterns
 

package/.windsurfrules

@@ -83,9 +83,34 @@ system App | description: Main application
   -Uses-> User
 ```
 
-## All 29 chart types
+### Infra chart
+```
+chart: infra
+direction: LR
+
+edge
+  rps: 10000
+  -> CDN
+
+CDN
+  cache-hit: 80%
+  -> LB
+
+LB
+  -/api-> API | split: 70%
+  -/web-> Web | split: 30%
+
+API
+  instances: 3
+  max-rps: 500
+  latency-ms: 45
+```
+
+Properties: `cache-hit`, `firewall-block`, `ratelimit-rps`, `bot-filter`, `max-rps`, `instances` (N or N-M), `latency-ms`, `cb-error-threshold`. Groups: `[Name]` with children. Roles are inferred from behavior.
+
+## All 32 chart types
 
-bar, line, multi-line, area, pie, doughnut, radar, polar-area, bar-stacked, scatter, sankey, chord, function, heatmap, funnel, slope, wordcloud, arc, timeline, venn, quadrant, sequence, flowchart, class, er, org, kanban, c4, initiative-status
+bar, line, multi-line, area, pie, doughnut, radar, polar-area, bar-stacked, scatter, sankey, chord, function, heatmap, funnel, slope, wordcloud, arc, timeline, venn, quadrant, sequence, flowchart, state, class, er, org, kanban, c4, initiative-status, sitemap, infra
 
 ## Common patterns
 

package/README.md

@@ -139,8 +139,10 @@ const content = `
 chart: sankey
 title: Energy Flow
 
-Coal -> Electricity: 50
-Gas -> Electricity: 30
+Coal (orange)
+  Electricity: 50
+Gas (blue)
+  Electricity: 30
 Electricity -> Industry: 45
 Electricity -> Homes: 35
 `;
@@ -207,10 +209,12 @@ renderSequenceDiagram(container, parsed, colors, false, (lineNum) => {
 - `loop condition` / `end` — loop blocks
 - `parallel` / `else` / `end` — concurrent branches
 - `== Section ==` — horizontal dividers (collapsible in the desktop app)
-- `## GroupName(color)` — participant grouping with optional color
+- `[GroupName]` — participant grouping
 - `Name is a database` — explicit type declaration
 - `Name position 0` — explicit ordering
 - `activations: off` — disable activation bars
+- `tag: Name` + `Value(color)` entries — color-coded metadata dimensions with interactive legend
+- `| key: value` — attach tag metadata to participants, messages, or groups
 
 **Participant type inference** — 104 rules map names to shapes automatically:
 
@@ -425,6 +429,11 @@ Label: value1, value2
 
 # Connections (sankey, chord, arc)
 Source -> Target: weight
+Source (color) -> Target (color): weight (linkcolor)
+
+# Indentation syntax (sankey)
+Source (color)
+  Target (color): weight (linkcolor)
 
 # Groups
 ## Category Name