Hope to integrate WaveDrom like mermaid

[POMIN-163]

Hope to integrate WaveDrom like mermaid.

when i installed next theme, i can use this to render a pie chart.

{% mermaid pie %}
"Dogs" : 386
"Cats" : 85
"Rats" : 15
{% endmermaid %}

Similarly, WaveDrom can render the wavejson to a wave picture, use https://svg.wavedrom.com to generate a svg.

such as this:

<img src="https://svg.wavedrom.com/{signal:[{name:'clk',wave:'p......'},{name:'bus',wave:'x.34.5x',data:'head body tail'},{name:'wire',wave:'0.1..0.'}]}"/>

preview:

the WaveDrom site: https://github.com/wavedrom/wavedrom
I sincerely invite you to try it. It's so amazing.

[welcome]

Thanks for opening this issue, maintainers will get back to you as soon as possible!

[stevenjoezhang]

You can simply use markdown image tag, e.g.

![](https://svg.wavedrom.com/...)

[r12f]

I have worked on this issue and made it work, since it makes using wavedrom much easier as well as avoiding sending request to the rendering server (long payload can cause failure and has other problems). @stevenjoezhang, do you mind to help see if this makes sense? If so, I can help make more changes to doc and the plugin repo and send out the PRs.

r12f@476811b

[r12f]

I cannot reactivate this issue, so please let me know, if a new issue is preferred for discussion

[stevenjoezhang]

@r12f pull requests are welcomed 🤩

[r12f]

awesome! I have made these 3 PRs here:

• Theme: Add wavedrom support. #655
• Next-theme Plugin: Add wavedrom 3.2.0. plugins#235
• Doc: Add tag plugin documentation for Wavedrom. theme-next-docs#101

First time making the PR, so might miss things. Please let me know, if anything needs to be changed!

Also, please let me know how to activate this issue, or we prefer to open a new one. Will be more than happy to do it.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. It is possible issue was solved or at least outdated. Feel free to open new for related bugs.