Multiline comments not working about eleventy-plugin-syntaxhighlight

[zachleat]

Is this a prism thing or do you think it's limited to this plugin?

[pianomanfrazier]

I thought of that. I didn't dive into how the plugin works. I just know that I applied the plugin and multi-line comments were not working. I'm not sure how to isolate the problem to just Prism or the plugin.

My setup for Eleventy was pretty simple. You can see my .eleventy.js file at my repo here. There I have my own language extension. However, I did try it without and then tried using C code and it still didn't work.

I am injecting Typography.js onto the page but that only affects the CSS, not the Prism parsing.

I did notice though that the Prism version used in the plugin (v1.15.0) is not the latest (v1.16.0). Again, I doubt this is the issue though.

[zachleat]

Not at a computer currently, can you compare with https://prismjs.com/test.html#language=javascript

What language did you pass in from your content?

[pianomanfrazier]

It must be the plugin. It works on prismjs. I cloned the Eleventy Base Blog and multi line comments don't work there either.

And here is the same input on the base blog. I added the snippet to posts/firstpost.md

[pianomanfrazier]

I wonder if this is related to #9 The new line in the middle of a parsed element is throwing off the parsing.

[pianomanfrazier]

It appears that the highlight line is interfering with multiline elements in the code blocks. markdownSyntaxHighlight.js

PrismJS wraps the whole block in one span including all the line breaks.

<span class="token comment">/*
 * block comment
 * goes here
 */</span>

I imagine the output should look something like

<span class="line-comment"><span class="token comment">/*</span></span><br>
<span class="line-comment"><span class="token comment"> * block comment </span></span>
...