Format the code using prettier

[bajtos]

I'd like to open a discussion about the coding style we using in LoopBack Next and more specifically, about automatically formatting all our source code using Prettier.

• Why Prettier: http://jlongster.com/A-Prettier-Formatter

• 1.0 announcement: http://jlongster.com/prettier-1.0

• Issue tracking TypeScript support: TypeScript Support prettier/prettier#13

Yes, I do realise Prettier does not support TypeScript yet, so this GH issue won't be actionable for a while.

What needs to be done:

• Move prettier config from .vscode/settings.json to .prettierrc, see https://github.com/strongloop/loopback-next/blob/06c787b01992c878b5aafb25a53c2cdbbeb5df42/.vscode/settings.json#L21-L25

• Add a build step to verify formatting, see Lint like CI integration prettier/prettier#150 (comment) for starter

• Reformat all existing code using prettier (this may be a prerequisite for the previous step)

• Remove (disable) coding-style-related rules in tslint config, keep only rules catching programming errors

• Update developer docs - see Improve developer docs #1015

  • Mention that we use prettier (with link to relevant site)
  • Show how to fix prettier formatting errors using the npm scripts
  • Explain how to setup the VSCode extension for easy auto-formatting

• Update all loopback4-* repos to use prettier too

  • https://github.com/strongloop/loopback4-example-microservices - see Enable tslint and prettier strongloop/loopback4-example-microservices#81
  • https://github.com/strongloop/loopback4-extension-graphql
  • https://github.com/strongloop/loopback4-extension-grpc
  • https://github.com/strongloop/loopback4-extension-mqtt

[bajtos]

An existing prettier alternative: https://github.com/vvakame/typescript-formatter

[bajtos]

Prettier supports TypeScript now: https://github.com/prettier/prettier/releases/tag/1.4.0

[bajtos]

This task is basically blocked until prettier 1.6 is released (see prettier/prettier#2589) and the VS Code extension supports sharing prettier configuration via a config file (see prettier/prettier-vscode#124).

[bajtos]

prettier@1.6.0 was released yesterday, a new version of prettier-vscode was released few minutes ago. We should be good to get this started!

[bajtos]

Done 🎉 🎊