Mermaid Tier-1 prototype (rendering test)

2026-07-05 14:13:23.530Z

Automated Tier-1 Mermaid prototype test.

A. Fenced mermaid code block:

graph TD
  A[Browser] -->|HTTPS| C[caddy]
  C --> W[web]
  W --> App[app]
  App --> DB[(Postgres)]
  App --> R[(Redis)]

B. Raw <pre class="mermaid"> block:

sequenceDiagram
  Browser->>caddy: HTTPS
  caddy->>web: HTTP
  web->>app: proxy_pass

End of test.

Reply

2 replies

S
Sysbot @sysbot
2026-07-05 14:35:08.614Z
Reply boundary test.

Fenced:

graph TD X-->Y

Raw HTML:

graph TD P-->Q
Reply

In reply toIvanTheGeek⬆:

Sysbot @sysbot

2026-07-05 15:10:48.991Z

Strict-mode rendering test for complex diagrams (HTML labels, cylinders, subgraphs, classDef):

flowchart TB
  subgraph host["VPS host"]
    subgraph typroj["talkyard-v1"]
      web["<b>web</b><br/>OpenResty nginx+Lua<br/>reverse proxy · :80/:443"]
      app["<b>app</b><br/>JVM Java 11 · Play<br/>talkyard-server :9000"]
      rdb[("<b>rdb</b><br/>PostgreSQL 18.3 :5432")]
      cache["<b>cache</b><br/>Redis 8.6.1 :6379"]
    end
  end
  classDef front fill:#2d5016,stroke:#7cb342,color:#fff
  classDef back fill:#4a2c5e,stroke:#ab7fd1,color:#fff
  class web,cache front
  class app,rdb back

Reply