Enhance linting and formatting setup for frontend and backend projects

Author: adamrefaey

.husky/pre-commit

@@ -5,14 +5,20 @@ sh ./lizard.sh
 
 # Only run frontend lint if the directory exists
 if [ -d "frontend" ]; then
-  cd frontend && npm run lint
+  cd frontend
+  npx lint-staged
+  npm run lint
+  cd ..
 fi
 
 cd $project_root
 
-# Add backend linting
+# Add backend linting and formatting
 if [ -d "backend" ]; then
-  cd backend && npm run lint
+  cd backend
+  npx lint-staged
+  npm run lint
+  cd ..
 fi
 
 exit 0

backend/package.json

@@ -26,6 +26,11 @@
     "cdk:destroy": "dotenv -- npx cdk destroy",
     "cdk:synth": "dotenv -- npx cdk synth"
   },
+  "lint-staged": {
+    "*.ts": [
+      "prettier --write"
+    ]
+  },
   "dependencies": {
     "@aws-sdk/client-bedrock": "^3.782.0",
     "@aws-sdk/client-bedrock-runtime": "^3.782.0",

frontend/package.json

@@ -28,8 +28,12 @@
   "lint-staged": {
     "*.{ts,tsx}": [
       "eslint --fix",
+      "prettier --write",
       "vitest related --run"
     ],
+    "*.{js,jsx,css,scss,md,json}": [
+      "prettier --write"
+    ],
     "*.scss": [
       "stylelint --fix"
     ]