JSON parsing error in renderElement

[femtomc]

I'm trying to run the README example -- but I'm running into a JSON.parse error in renderElement:

I'm building a static site through quarto and hugo, and I've confirmed that my HTML output is what I expect -- specifically:

<pre id="hello-world-code" class="pseudocode">
  \begin{algorithmic}
  \PRINT \texttt{'hello world'}
  \end{algorithmic}
</pre>
<script>
    pseudocode.renderElement(document.getElementById("hello-world-code"));
</script>

gets inserted into my generated HTML (as I would expect). I also fetch pseudocode.js from CDN in header.

Any mistake I've made standing out?

[femtomc]

If I literally just paste:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pseudocode@latest/build/pseudocode.min.css">
<script src="https://cdn.jsdelivr.net/npm/pseudocode@latest/build/pseudocode.min.js"></script>

<pre id="hello-world-code">
    \begin{algorithmic}
    \PRINT \texttt{'hello world'}
    \end{algorithmic}
</pre>

<script>
    pseudocode.renderElement(document.getElementById("hello-world-code"));
</script>

into an HTML file, I get the same error, unfortunately.

[SaswatPadhi]

Hi @femtomc,

Thanks for reporting this. Seems like one of my recent changes is incompatible with an undefined options parameter. Setting it to empty {} works as expected. Please see https://jsfiddle.net/hy1sa537/

I am working on a fix right now.

[SaswatPadhi]

Found the issue. It's this line:

pseudocode.js/pseudocode.js

Line 50 in f898035

var elemOptions = JSON.parse(JSON.stringify(options));

introduced in 30f2576 to allow per-element overriding of options.

JSON.parse doesn't like empty strings 🤦‍♂️