@diagrammo/dgmo 0.30.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +21 -3
  2. package/dist/advanced.cjs +560 -269
  3. package/dist/advanced.d.cts +27 -2
  4. package/dist/advanced.d.ts +27 -2
  5. package/dist/advanced.js +559 -269
  6. package/dist/auto.cjs +558 -270
  7. package/dist/auto.js +93 -93
  8. package/dist/auto.mjs +558 -270
  9. package/dist/cli.cjs +144 -143
  10. package/dist/index.cjs +557 -269
  11. package/dist/index.js +557 -269
  12. package/package.json +1 -1
  13. package/src/advanced.ts +3 -0
  14. package/src/boxes-and-lines/layout-search.ts +214 -0
  15. package/src/boxes-and-lines/layout.ts +4 -0
  16. package/src/boxes-and-lines/parser.ts +78 -0
  17. package/src/boxes-and-lines/renderer.ts +57 -5
  18. package/src/boxes-and-lines/types.ts +9 -0
  19. package/src/c4/renderer.ts +7 -5
  20. package/src/chart-types.ts +2 -2
  21. package/src/class/renderer.ts +4 -2
  22. package/src/cli-banner.ts +107 -0
  23. package/src/cli.ts +13 -0
  24. package/src/colors.ts +22 -0
  25. package/src/er/renderer.ts +4 -2
  26. package/src/graph/flowchart-renderer.ts +4 -2
  27. package/src/graph/state-renderer.ts +4 -2
  28. package/src/infra/renderer.ts +8 -4
  29. package/src/journey-map/parser.ts +15 -1
  30. package/src/journey-map/renderer.ts +1 -1
  31. package/src/kanban/renderer.ts +1 -1
  32. package/src/map/renderer.ts +27 -14
  33. package/src/mindmap/renderer.ts +5 -3
  34. package/src/org/renderer.ts +67 -120
  35. package/src/palettes/color-utils.ts +7 -2
  36. package/src/pert/renderer.ts +13 -8
  37. package/src/raci/renderer.ts +1 -1
  38. package/src/sitemap/renderer.ts +35 -37
  39. package/src/utils/card.ts +183 -0
  40. package/src/utils/tag-groups.ts +10 -10
  41. package/src/utils/visual-conventions.ts +61 -0
package/README.md CHANGED
@@ -12,6 +12,8 @@ Write plain-text `.dgmo` files, get clean, themeable diagrams and charts. One ma
12
12
 
13
13
  **[📖 Docs](https://diagrammo.app/start) · [🧩 Language Reference](https://diagrammo.app/reference) · [🖥️ Desktop App](https://diagrammo.app/app) · [🪄 Live Editor](https://online.diagrammo.app)**
14
14
 
15
+ <a href="https://online.diagrammo.app"><img src="https://diagrammo.app/readme/sequence.gif" alt="Typing a DGMO sequence diagram and watching it render live" width="100%"></a>
16
+
15
17
  </div>
16
18
 
17
19
  ---
@@ -27,6 +29,20 @@ Helm -On course-> Quartermaster
27
29
 
28
30
  That's a complete diagram. No coordinates, no XML, no drag-and-drop — just text you can diff, review, and version like any other source file.
29
31
 
32
+ ## Author it visually
33
+
34
+ Want a richer editing experience than a text file? The **[Diagrammo desktop app](https://diagrammo.app/app)** (native macOS, offline, auto-updating) and the **[online editor](https://online.diagrammo.app)** (any browser, nothing to install) turn DGMO into a full authoring environment:
35
+
36
+ - **Live preview** — the diagram redraws as you type
37
+ - **Smart editing** — syntax highlighting, autocomplete, and optional vim keybindings
38
+ - **7 themeable palettes**, each with light / dark / transparent variants
39
+ - **One-click export** to PNG or SVG, plus instant shareable links
40
+ - **Local-first** — your `.dgmo` files are plain text on disk, work fully offline, and never go stale the way an exported image does
41
+
42
+ Because every diagram is just text, it lives in git, diffs cleanly in PRs, and drops straight into your docs, your [AI tools](https://diagrammo.app/ai), or any web page.
43
+
44
+ → Start at **[diagrammo.app](https://diagrammo.app)**
45
+
30
46
  ## Install
31
47
 
32
48
  ```bash
@@ -53,7 +69,7 @@ dgmo diagram.dgmo --theme dark --palette catppuccin
53
69
  | Flag | Values | Default |
54
70
  |------|--------|---------|
55
71
  | `--theme` | `light`, `dark`, `transparent` | `light` |
56
- | `--palette` | one of 10 palettes (see below) | `nord` |
72
+ | `--palette` | one of 7 palettes (see below) | `slate` |
57
73
  | `-o` | output path (`.svg` → SVG, else PNG) | `<input>.png` |
58
74
 
59
75
  ## Library
@@ -69,7 +85,7 @@ Q1 12
69
85
  Q2 19
70
86
  Q3 15
71
87
  Q4 22
72
- `, { theme: 'light', palette: 'nord' });
88
+ `, { theme: 'light', palette: 'slate' });
73
89
  ```
74
90
 
75
91
  `render()` auto-detects the chart type and dispatches to the right engine. Need the lower-level parsers, config builders, and per-type renderers? They live under the [`@diagrammo/dgmo/advanced`](https://diagrammo.app/dev) subpath — see the docs for the full surface and stability contract.
@@ -102,7 +118,9 @@ There's an MCP server ([`@diagrammo/dgmo-mcp`](https://www.npmjs.com/package/@di
102
118
 
103
119
  **Visualizations** — slope · wordcloud · arc · timeline · venn · quadrant · tech-radar · cycle · pyramid · ring · function · map
104
120
 
105
- **Diagrams** — sequence · flowchart · class · er · org · c4 · state · infra · kanban · sitemap · mindmap · gantt · pert · journey-map · boxes-and-lines · wireframe · raci
121
+ **Diagrams** — sequence · flowchart · class · er · org · c4 · state · infra · kanban · sitemap · mindmap · gantt · pert · journey-map · boxes-and-lines · wireframe · raci · rasci · daci
122
+
123
+ All **45 chart types** are categorized with live examples at **[diagrammo.app/reference](https://diagrammo.app/reference)**.
106
124
 
107
125
  Each type's full syntax, directives, and options live in the **[Language Reference](https://diagrammo.app/reference)** — the authoritative spec.
108
126