Is there a way to style .wasp files in JetBrains products?
Hey I installed the opensaas project to check it out and I see there's a .wasp highlighter for VSCode but not for PHPStorm/WebStorm. I couldn't find a plugin for that but I'd like to know a bit more about the highlight maybe I would be able to style it myself.
5 Replies
Hi @zigi | Ivo 🎱. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Currently, Wasp only officially supports integration with VSCode through the Wasp language extension (https://marketplace.visualstudio.com/items?itemName=wasp-lang.wasp). This extension provides syntax highlighting, scaffolding of new project files, code completion, diagnostics (errors and warnings), go to definition, and more for
.wasp files [^1^].
There is an open issue on the Wasp GitHub repository discussing the need for proper IDE support for Wasp projects, including JetBrains products like PHPStorm/WebStorm [^2^]. However, as of the latest updates, there is no official JetBrains plugin for Wasp.
If you're interested in creating your own syntax highlighter for Wasp in JetBrains products, you might find the discussion on the GitHub issue about syntax highlighting helpful [^3^]. The Wasp team has considered using TextMate grammars for basic syntax highlighting, which many editors, including JetBrains products, use.
Please note that creating a syntax highlighter would require a good understanding of the Wasp language syntax and the way JetBrains products handle syntax highlighting. You might also want to follow the progress on the open issues on the Wasp GitHub repository for updates on IDE support.
^1^]: [Wasp Docs - Editor Setup (https://wasp-lang.dev/docs/editor-setup)
^2^]: [GitHub Issue - Proper IDE support for Wasp projects (https://github.com/wasp-lang/wasp/issues/570)
^3^]: [GitHub Issue - Syntax highlighting (https://github.com/wasp-lang/wasp/issues/53)
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @zigi | Ivo 🎱, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?We have this grammar https://github.com/wasp-lang/vscode-wasp/blob/main/syntaxes/wasp.tmLanguage.yaml
It might be a useful starting point if you want to build something 🙂
We sadly only have a VS Code extension for the Wasp language. We are however working on an experimental TS based config - so everything is defined in TS vs. in our custom language: https://wasp-lang.dev/docs/general/wasp-ts-config
Thank you for your time. I'll take a look at the dock, currently using 0.15 so this might be helpful. I am totally fresh so I'll go over all the docs.
That sounds like the right approach @zigi | Ivo 🎱 !
I certianly do recommend the new Wasp TS config, that Miho mentioned above -> it is in early preview, but it is very likely to become the new default, and it will take care of highlighting and IDE support in general for you.
You're doing a great job guys, thank you!