lint: add prettier to pre-commit hook

Author: SilvanVerhoeven

.pre-commit-config.yaml

@@ -18,4 +18,12 @@ repos:
   - repo: https://github.com/psf/black
     rev: 23.9.1
     hooks:
-      - id: black
+      - id: black
+  - repo: local
+    hooks:
+      - id: prettier-eslint
+        name: Prettier and ESLint
+        entry: prettier-eslint --write --list-different
+        language: node
+        types_or: [javascript, css, html, markdown, yaml]
+        additional_dependencies: ["[email protected]"]

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": false
+}

README.md

@@ -34,9 +34,10 @@ Test the code with `python manage.py test myhpi.tests`.
 
 We recommend installing a pre-commit hook with `pre-commit install`. That will (look at `.pre-commit-config.yaml`) before every commit
 
--   run `autoflake` with a couple of flags to remove unused imports,
--   run `isort .` to sort imports,
--   run `black .` to format the code. You can also check out the [IDE integration](https://github.com/psf/black#editor-integration)
+- run `autoflake` with a couple of flags to remove unused imports,
+- run `isort .` to sort imports,
+- run `black .` to format the python code. You can also check out the [IDE integration](https://github.com/psf/black#editor-integration)
+- run `prettier-eslint --write --list-different` to format the JavaScript code and Markdown files. You can also check out the [Prettier IDE integration](https://prettier.io/docs/en/editors.html)
 
 If you want to do that manually, run `pre-commit run --all-files`. Next to that, we also run `pylint myhpi` to check for semantic issues in the code.