Syntax highlighting is broken with (nested?) template strings

Hello,

I’ve just seen the announcement on Twitter, congrats!

I’ve tried looking at the latest sveltejs, and at approximately 1/3 of the file all the code is highlighted as a string.

Offending file: https://runpkg.com/?svelte@3.3.0/internal.js

Offending code:

const animation = node.style.animation || '';
node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`; 
// starting from the column everything is highlighted as a string

This is a very raw bug report, I literally heard about runpkg 5 minutes ago, so I made no further investigation. I hope this helps uncover a real bug somewhere!

End of report!

[DjebbZ]

Wow, that was fast. I don’t know another package that has nested string literals, I really stumbled upon this pattern by chance. Looks good on Svelte (I know it’s a bit late since you already merged).

Happy to have been helpful to the project. Cheers!

[VirtualDOMinic]

Ok, I lied. I think I have a fix!

Please see the relevant PR https://github.com/FormidableLabs/runpkg/pull/68

Would love for you to try it out and give feedback @DjebbZ . See the link to view the branch in the comment by now bot on that PR

Edit: @lukejacksonn and I are happy with the fix, and - evidently - prism are, too. Merged!