Prettier pre commit hook

.editorconfig

@@ -1,8 +1,26 @@
-[*.py]
 root = true
+
+[*]
+charset = utf-8
+insert_final_newline = true
+end_of_line = lf
+indent_style = space
+indent_size = 2
+max_line_length = 80
+
+[*.py]
 indent_style = space
 indent_size = 4
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
+
+# Ignore paths
+[**/libs/**]
+charset = unset
+end_of_line = unset
+insert_final_newline = unset
+trim_trailing_whitespace = unset
+indent_style = unset
+indent_size = unset

.prettierignore

@@ -0,0 +1 @@
+frontend/.prettierignore

frontend/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+cd frontend
+npx lint-staged

frontend/.prettierignore

@@ -0,0 +1,7 @@
+# In the root folder there is a shortcut to this .prettierignore file called .prettierignore.
+# This is because the prettier command is being runned in the frontend folder and picks up the
+# ignore file from there. However, when formatting using vscode, it looks for the .prettierignore
+# in the root folder of the project. To make sure that the formatting always uses the same rule
+# the shortcut was created to ensure both mentioned options use the same configuration.
+
+**/libs

frontend/.prettierrc.json

@@ -0,0 +1 @@
+{}

frontend/package.json

@@ -34,7 +34,11 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "prepare": "cd .. && husky install frontend/.husky"
+  },
+  "lint-staged": {
+    "**/*": "prettier --write --ignore-unknown"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -52,6 +56,9 @@
     ]
   },
   "devDependencies": {
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.0",
+    "prettier": "^2.8.7",
     "react-codemod": "^5.4.3"
   }
 }