javascript, typescript: Inject GLSL and WGSL syntax in comment-labeled template literals

[foretoo]

Extends the existing ECMAScript comment-label injection system to support GLSL and WGSL shader languages inside JS/TS strings and template literals.

The pattern /* language */ before a string is already used for html, sql, graphql, and css. This adds the same support for two shader languages commonly embedded as strings in WebGL/WebGPU code:

before:

after:

Syntax highlighting activates when the corresponding extension is installed:

• GLSL: the built-in glsl extension
• WGSL: the community extension wgsl-wesl-zed (language name WGSL/WESL)

Both /*glsl*/ and /* glsl */ forms are accepted (same behavior as the existing patterns).

Release Notes:

• Added /*glsl*/ and /*wgsl*/ comment-label syntax injection for JavaScript and TypeScript template literals

[versecafe]

What's the reason there's not a standardized optional comment syntax for injecting any arbitrary language highlights into multiline strings the same way jebtrains does, it feels odd to need to manually list every language inside each language for this to work

[foretoo]

@versecafe
I agree, it would be far more convenient to have a standardized approach like this. I think the difficulty lies in linking different LSPs that come as third-party extensions, along with the various regex patterns involved. For example, in my PR, the /*glsl*/ pattern maps to the glsl language name, 100% matching, but the /*wgsl*/ pattern maps to the WGSL/WESL language name defined by a third-party extension, completely different naming way. This definitely could be standardized somehow; we need a discussion on this topic.

[zed-industries-bot]

	Warnings
⚠️	javascript, typescript: Inject GLSL and WGSL syntax in comment-labeled template literals ^ Write PR titles using sentence case.

Have feedback on this plugin? Let's hear it!

Generated by 🚫 dangerJS against cdde12f

[tomhoule]

I agree that we'll need a more principled solution at some point. In the meantime, this is a straightforward improvement, so let's merge. Thank you for the contribution!