Switch shiki for prism

[lukewarlow]

This fixes WebIDL warnings

Fixes #693

[mfreed7]

Seems ok to me, but I'm definitely not an expert in this area. I'll click Approve, but it'd be good to get someone more authoritative to review, maybe?

[hidde]

@lukewarlow would you be ok if I add the a11y-syntax-highlighting prism theme into this PR? It has colours that meet WCAG's colour criteria.

[lukewarlow]

Feel free to! The theme was picked somewhat at random iirc.

[hidde]

Great, have just PR'ed it towards your PR, hope that works?

[lukewarlow]

Merged your PR into my PR branch.

[keithamus]

I'm somewhat supportive of this change, as I'm more familiar with Prism, but I'm not sure this really fixed #1169: it doesn't warn that webidl isn't supported, so it certainly suppresses the warnings but it also still doesn't support webidl as a syntax. In fact, looking through the site it looks as though some webidl code blocks which were correctly highlighting before are now no longer.

[lukewarlow]

Hmm it did support webidl? Perhaps Hidde's CSS changed that to some extent I can spend some time to look into that.

[hidde]

It should not have affected webidl (improved or worsened) as no selectors were changed, except for a few forced colors related ones. Will look into it today.

[hidde]

I may be looking in the wrong places, but when I compare instances of webidl on our site currently to in this PR, I see them rendered as plain text in the current site and as syntax highlighted in this PR?

• focus group, block under feature detection heading (this PR, has highlight, existing, no highlight)
• interest invokers, blocks under implementation details heading (this PR, has highlight, existing no highlight)
• invokers, blocks under proposed plan heading (this PR, existing)
• richer text fields, block under “how we'd like to solve” heading (this PR, existing)

[lukewarlow]

Yup looks correct to me. I'm assuming Keith looked locally and didn't install something correctly?

[hidde]

I do not see a package update in our PR, does syntaxHighlight: 'prism' magically install prism?

[lukewarlow]

Yeah astro supports both out of the box.

[keithamus]

Hm, that’s weird. I see the highlights now, whereas yesterday I swear I couldn’t.

In that case let’s merge this!