Merge pull request #80 from AbdulSnk/chore/linting-prettier-husky-setup

chore/linting-prettier-husky-setup

Author: RUKAYAT-CODER

.eslintignore

@@ -0,0 +1,5 @@
+node_modules/
+.next/
+public/
+build/
+coverage/

.eslintrc.json

@@ -1,10 +1,15 @@
 {
   "extends": [
     "next/core-web-vitals",
-    "next/typescript"
+    "next/typescript",
+    "prettier"
+  ],
+  "plugins": [
+    "prettier"
   ],
   "rules": {
     "@typescript-eslint/no-unused-vars": "off",
-    "@typescript-eslint/no-explicit-any": "off"
+    "@typescript-eslint/no-explicit-any": "off",
+    "prettier/prettier": "error"
   }
 }

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+# Run lint-staged
+npx --no -- lint-staged

.prettierignore

@@ -0,0 +1,8 @@
+node_modules/
+.next/
+dist/
+build/
+coverage/
+public/
+*.min.js
+*.log

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "plugins": []
+}

lint-staged.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  '*.{js,jsx,ts,tsx}': (filenames) => [
+    // run eslint --fix on changed files
+    `eslint --max-warnings=0 --fix ${filenames.join(' ')}`,
+    // then format with prettier
+    `prettier --write ${filenames.join(' ')}`
+  ],
+  '*.{json,md,css,scss,html}': [`prettier --write ${filenames.join(' ')}`]
+};

package.json

@@ -6,7 +6,10 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "next lint --max-warnings=0",
+    "lint:fix": "eslint --ext .ts,.tsx,.js,.jsx . --fix",
+    "format": "prettier --write .",
+    "prepare": "husky install",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:ui": "vitest --ui",
@@ -68,6 +71,11 @@
     "@vitejs/plugin-react-swc": "^3.10.2",
     "eslint": "^9",
     "eslint-config-next": "15.3.1",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "prettier": "^2.8.8",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.3.0",
     "fast-check": "^3.22.0",
     "jsdom": "^26.1.0",
     "postcss": "^8.5.6",

src/eslint.config.mjs

@@ -19,7 +19,8 @@ const eslintConfig = [
       "**/form-management/**/*.test.ts",
     ],
   },
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  // include Prettier at the end to avoid rule conflicts
+  ...compat.extends("next/core-web-vitals", "next/typescript", "prettier"),
   {
     rules: {
       "@typescript-eslint/no-unused-vars": "off",