Quest: add support to popular third-party editor extensions

[IgnaceMaes]

In order to get top notch editor support like developers expect, third party extensions also need to be taken into account. Because glimmer-js and glimmer-ts are registered as two new language ids with their own respective file extension, most editor extensions will not run on these by default.

Here is a list of popular editor extensions that currently don't work out of the box with .gjs and .gts. This list is by no means exhaustive, so feel free to submit any others.

VS Code

• TailwindCSS Intellisense
  • PR: feat: add glimmer langs tailwindlabs/tailwindcss-intellisense#867
• Pretty TS Errors
  • PR: feat: Add glimmer support yoavbls/pretty-ts-errors#85
• Import Cost
  • PR: feat: Add glimmer support wix/import-cost#320
• a18y-ally
  • PR: feat: add gjs/gts support lokalise/i18n-ally#1113
• Auto rename HTML tags via editor.linkedEditing
• PandaCSS
  • PR: feat: activate on gjs/gts files chakra-ui/panda-vscode#43

Stand-alone

• Tokei
  • PR: Add support for Glimmer JS/TS XAMPPRocky/tokei#1052

[SergeAstapov]

Out of curiosity, is WebStorm considered popular enough editor? or this is more more focused on VS Code?

[IgnaceMaes]

According to the 2022 Ember community survey 11% of developers used a JetBrains IDE, compared to 65% using VS Code. It's significantly less, but in an ideal world all major IDEs would be supported.

Realistically, it will come down to someone using a different IDE to submit a list of third-party extensions and work on support, as they have the incentive to do so. If there is such interest, I do think it makes sense to track it here as well.

[SergeAstapov]

@IgnaceMaes thanks for pointer to survey! That indeed confirms VS Code is the popular one

[IgnaceMaes]

Regarding linkedEditing, and related autoClosingTags: these can be accomplished already today by using extensions:

• https://github.com/formulahendry/vscode-auto-close-tag
• https://github.com/formulahendry/vscode-auto-rename-tag

For auto closing of tags, a PR has been opened to enable it by default on glimmer-js and glimmer-ts. (formulahendry/vscode-auto-close-tag#224)