Skip to content

feat: port StaticMermaidDiagram and convert raw mermaid blocks#265

Merged
brendanjryan merged 4 commits intomainfrom
feat/static-mermaid-diagrams
Apr 10, 2026
Merged

feat: port StaticMermaidDiagram and convert raw mermaid blocks#265
brendanjryan merged 4 commits intomainfrom
feat/static-mermaid-diagrams

Conversation

@brendanjryan
Copy link
Copy Markdown
Contributor

@brendanjryan brendanjryan commented Apr 10, 2026

Summary

Ports the StaticMermaidDiagram component from docs-mainnet and converts raw mermaid code blocks to use it.

Changes

  • New component: src/components/StaticMermaidDiagram.tsx — client-side mermaid renderer with dark/light theme support (ported from docs-mainnet)
  • validator-config-v2.mdx: Converted raw mermaid flowchart to <StaticMermaidDiagram>
  • accounts/index.mdx: Converted raw mermaid sequence diagram to <StaticMermaidDiagram>

Before / After Screenshots

ValidatorConfig V2

Before After
before after

Accounts

Before After
before after

Machine Payments (unchanged — uses animated MermaidDiagram)

Before After
before after

Note: The accounts page crashes in both before/after due to a pre-existing WagmiProvider issue unrelated to this PR. The machine-payments pages use the animated MermaidDiagram component (custom SVG renderer) which is intentionally different from StaticMermaidDiagram.

…maid blocks

- Copy StaticMermaidDiagram component from docs-mainnet
- Convert raw ```mermaid code block in validator-config-v2.mdx to StaticMermaidDiagram
- Convert raw ```mermaid code block in accounts/index.mdx to StaticMermaidDiagram
- Add before/after screenshots for all diagram pages
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tempo-docs Ready Ready Preview, Comment Apr 10, 2026 1:53am

Request Review

Diagrams were rendering too large, filling the entire content area.
Updated after screenshots reflect the constrained size.
Fails if any MDX page uses ```mermaid instead of <StaticMermaidDiagram>.
@brendanjryan brendanjryan merged commit a9c8353 into main Apr 10, 2026
5 of 9 checks passed
@brendanjryan brendanjryan deleted the feat/static-mermaid-diagrams branch April 10, 2026 01:58
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