Hot to add astro highlight to react app with monaco editor. 💡 RFC:

[DeeStroKeR]

Background & Motivation

I'm working on my own IDE based on Monaco. I want to add support for .astro files in Monaco. I tried using this extension as a source of information, but I can't figure out where I can fetch the information needed to complete this task. Please, help me find a solution.

Proposed Solution

Possible solutions

Alternatives considered

Risks, downsides, and/or tradeoffs

Open Questions

Detailed Design

No response

Help make it happen!

• I am willing to submit a PR to implement this change.
• I am willing to submit a PR to implement this change, but would need some guidance.
• I am not willing to submit a PR to implement this change.

[Princesseuh]

Our language-server is currently not really web friendly, as it depends on Node in many places and doesn't yet load the browser version of the Astro compiler.

[DeeStroKeR]

i found npm package (https://github.com/bolinfest/monaco-tm) that converts TM language to monaco format. But highlighting not work well.

[Princesseuh]

You need the other syntaxes in your app, namely the TypeScript and CSS ones.

[DeeStroKeR]

sorry, but I don't understand you. Now I use astro.tmLanguage.json to convert it with a package(monaco tm). Do you mean i need to add ts and css (css.tm.json) to this file?