@beoe/rehype-d2

@beoe/rehype-d2

Rehype plugin to generate d2 diagrams (as inline SVGs) in place of code fences. This:

```d2
x -> y: hello world
```

will be converted to

<figure class="beoe d2">
  <svg>...</svg>
</figure>

which can look like this:

Usage

You need to install D2 in order to use this plugin. But they are working on WASM version, so hopefully this will change soon.

import rehypeD2 from "@beoe/rehype-d2";

const html = await unified()
  .use(remarkParse)
  .use(remarkRehype)
  .use(rehypeD2)
  .use(rehypeStringify)
  .process(`markdown`);

It support caching the same way as @beoe/rehype-code-hook does.

TODO

• documentation for options