Merge pull request #942 from w3bdesign/lefthook

Set up lefthook to enforce code quality checks during the git workflow.
The configuration includes pre-commit linting and a prepare-commit-msg
hook for automated commit message generation.

Author: w3bdesign

README.md

@@ -116,6 +116,7 @@ Sanity.io and Typescript.
 - 100% test coverage with Jest and React testing library
 - AI-powered commit message generation following Conventional Commits with
   gitmojis
+- Automated pre-commit linting and formatting using Lefthook and lint-staged.
 - Automated performance monitoring with Lighthouse CI
   - Performance, accessibility, best practices, and SEO checks on every PR
   - Configurable thresholds for quality metrics
@@ -164,6 +165,7 @@ Sanity.io and Typescript.
   - Structured defect management process
 
 - Enforced AAA (Arrange-Act-Assert) pattern in all test files
+
   - Each test must include the following comments:
 
     ```typescript

lefthook.yml

@@ -0,0 +1,12 @@
+# Lefthook Configuration
+# https://github.com/evilmartians/lefthook/blob/master/docs/configuration.md
+
+pre-commit:
+  commands:
+    lint-staged:
+      run: pnpm lint-staged --allow-empty
+
+prepare-commit-msg:
+  commands:
+    generate-commit-message:
+      run: python commit/commit_analyzer.py --hook

package.json

@@ -23,6 +23,14 @@
     "ladle": "ladle serve",
     "typegen": "npx sanity typegen generate"
   },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,json,css,scss,md,yml,yaml}": [
+      "prettier --write"
+    ],
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix"
+    ]
+  },
   "dependencies": {
     "@babel/helpers": ">=7.27.4",
     "@emailjs/browser": "^4.4.1",
@@ -82,6 +90,8 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-extended": "^5.0.3",
     "jsdom-testing-mocks": "^1.13.1",
+    "lefthook": "^1.11.13",
+    "lint-staged": "^16.1.0",
     "postcss": "^8.5.4",
     "prettier": "3.5.3",
     "tailwindcss": "^4.1.8",