@stedefast/plugin-mermaid

Build-time Mermaid diagram plugin for Stedefast — renders fenced mermaid code blocks to inline SVG at build time using mermaid-isomorphic. No client-side JavaScript shipped.

Installation

pnpm add @stedefast/plugin-mermaid

Note: Uses Playwright internally. On first install, Playwright downloads a Chromium binary (~150 MB).

Usage

// stedefast.config.ts
import { defineConfig } from "@stedefast/core";
import { MermaidPlugin } from "@stedefast/plugin-mermaid";

export default defineConfig({
  plugins: [MermaidPlugin({ theme: "default" })],
});

Write diagrams in fenced code blocks:

```mermaid
flowchart LR
  A[Write] --> B[Build] --> C[Deploy]
```

Documentation

Full docs at stedefast.dev/docs/plugins/mermaid.

License

MIT