Add mongo as a VS Code supported language

[aymericbouzy]

Closes #6769

This PR adds support for the VS Code mongo language (alias of javascript)

• I’ve added tests to confirm my change works.
• (If changing the API or CLI) I’ve documented the changes I’ve made (in the docs/ directory)
• (If the change is user-facing) I’ve added my changes to the CHANGELOG.unreleased.md file following the template.
• I’ve read the contributing guidelines.

✨Try the playground for this PR✨

[aymericbouzy]

I have not added any test for this change, can someone point me to where I should add them if they are required in this situation?

[thorn0]

Just run yarn test -u to update the snapshots.

[aymericbouzy]

@thorn0 ready for review 😄

[alexander-akait]

Can you format changelog item as we do in others?

[thorn0]

I don't think this makes sense in this case.

[aymericbouzy]

Is that what you mean?

<!-- prettier-ignore -->
```js
// Input
db.users.find({someField:{$exists: true}});

// Output
db.users.find({ someField: { $exists: true } });
```

[alexander-akait]

yep, but maybe we really can simplify it here as you do

[aymericbouzy]

I'm not making any change unless you tell me to 😄 I believe too it's not really necessary in this case.

[aymericbouzy]

What's the next step for this? Anything else I should do?

[thorn0]

Did you try to patch Prettier locally to check that this change does what you need?

[aymericbouzy]

I did try this other PR I had opened previously prettier/prettier-vscode#1009 and it did work locally. I have no tried to patch prettier locally, and to be honest, I'm not exactly sure how I should proceed ... I don't think VS Code can pickup that Prettier can be used to format mongo documents unless my PR to prettier-vscode is merged? Please tell me if I'm wrong of course.

[aymericbouzy]

To make it clear, I only opened this PR because my PR to the prettier-vscode codebase was closed with this recommandation. Since I'm new to the codebase, I tried to do as recommended, but I still have not understood why my first PR was not enough to solve my use-case since it was working fine locally.

[thorn0]

If the VS Code extension finds that Prettier is locally installed in the project, then it uses this local version. So you can do npm install aymericbouzy/prettier#vscode-mongo-support and check if it has any effect.

update: I checked. It works. Now, wait for 1.19 or install master (prettier/prettier).

[aymericbouzy]

wow thanks for showing me the npm install aymericbouzy/prettier#vscode-mongo-support command! I'm amazed it works so well! npm knows where to look for this kind of package, how to build it, which package version it should override in my package.json ... very impressive! Does it work by default for any package published to npm, or is there some configuration to make it work with prettier?

worth documenting in the CONTRIBUTING.md section I believe.

[aymericbouzy]

Well it doesn't work for me : I get

There is no formatter for 'mongo'-files installed.

Should I reopen prettier/prettier-vscode#1009 ?

[thorn0]

I just saw it work. Did you try restarting VS Code?

As for you question, it's a feature of npm. It can install packages from different sources, including git repositories. See https://docs.npmjs.com/cli/install. It doesn't work for any npm package because the repository structure doesn't necessarily reflect what is published. E.g. package.json might be not in the root of the repository.

[aymericbouzy]

Thanks for the explanation regarding regarding the npm feature 👍

I did restart VS Code, and it wasn't working at first, but after a few seconds, it worked 🎉 boot time I supposed. Thank you so much!

[aymericbouzy]

When do you expect there will be a new prettier version including this change?

[alexander-akait]

@aymericbouzy in near future, we are working on new version

[aymericbouzy]

It's now released