Wavedrom editor in BookStack

[s0bakkaa]

Attempted Debugging

• I have read the debugging page

Searched GitHub Issues

• I have searched GitHub for the issue.

Describe the Scenario

Hello!
Maybe you have some ideas how I can add the Wavedrom editor to the BookStack?

Exact BookStack Version

v22.10.2

Log Content

Hosting Environment

PHP 8.2.3 on Ubuntu 18.04

[ssddanbrown]

Hi @s0bakkaa,

I played around with adding a viewer for wavedrom code blocks, but the wavedrom code libraries are buggy, and relies on sketchy use of JavaScript eval which will be blocked in many contexts. Therefore I stopped trying.
Any kind of editor would be more complex, and this is all outside the scope of the core BookStack project.

Non-working code for reference

<script src="https://cdnjs.cloudflare.com/ajax/libs/wavedrom/3.5.0/skins/default.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wavedrom/3.5.0/wavedrom.min.js" type="text/javascript"></script>

<script type="module">
    function convertWavedromCodeBlocks() {
        const wavedromCodeBlocks = document.querySelectorAll('.page-content pre > code.language-wavedrom');
        for (const codeBlock of wavedromCodeBlocks) {
            const code = codeBlock.textContent;

            const wavedromScript = document.createElement('script');
            wavedromScript.type = 'WaveDrom';
            wavedromScript.innerHTML = code;

            codeBlock.parentElement.before(wavedromScript);
            codeBlock.parentElement.remove();
        }
    }

    if (window.WaveDrom) {
        convertWavedromCodeBlocks();
        window.WaveDrom.ProcessAll();
    }
</script>