Neat, but you can just do this in mermaid too. Taking one of your examples:
<mermaid>
flowchart LR
web([Frontend])
subgraph platform [Cloud Platform]
api([API Server])
db[(Database)]
api --> db
end
web -->|HTTPS| api
</mermaid>
If you install the latest https://oj-hn.com , you can see it rendered inline here.
switz•3d ago
Fair point. I added basic mermaid parsing to the library so you can do that here too.
$ echo 'flowchart LR
web([Frontend])
subgraph platform [Cloud Platform]
api([API Server])
db[(Database)]
api --> db
end
web -->|HTTPS| api' | npx box-of-rain --mermaid
╔══ Cloud Platform ════════════════════╗
║ ║
╭──────────╮ ║ ╭────────────╮ ╔════════════╗ ║
│ │ ║ │ │ ║ ║ ║
│ Frontend │ ─── HTTPS ──▶│ API Server │ ────▶║ Database ║ ║
│ │ ║ │ │ ║ ║ ║
╰──────────╯ ║ ╰────────────╯ ╚════════════╝ ║
╚══════════════════════════════════════╝
Retr0id•42m ago
On my system the "right arrow" glyph is 2 units wide and breaks all the layouts.
switz•33m ago
Huh, sounds like a fun unicode rendering width issue. I suppose if I claim it's ASCII, I should just use ASCII. maybe I'll add an `--ascii` flag?
latchkey•3d ago
switz•3d ago