[FR][CPF-91] Setup commit-lint & lint-staged (#92)

* add commit lint

* feat: add commit lint config

* feat: add commit lint config

frontend/.husky/commit-msg

@@ -0,0 +1,2 @@
+cd frontend
+yarn commitlint --edit $1

frontend/.husky/pre-commit

@@ -2,6 +2,4 @@
 
 cd frontend
 
-yarn lint:fix
-yarn format
-yarn compile
+yarn lint-staged

frontend/.lintstagedrc.mjs

@@ -0,0 +1,21 @@
+import { ESLint } from 'eslint';
+
+const removeIgnoredFiles = async (files) => {
+  const eslint = new ESLint();
+  const isIgnored = await Promise.all(
+    files.map((file) => {
+      return eslint.isPathIgnored(file);
+    }),
+  );
+  const filteredFiles = files.filter((_, i) => !isIgnored[i]);
+  return filteredFiles.join(' ');
+};
+
+export default {
+  './src/**/*.{js,cjs,mjs,jsx,ts,tsx,json,md,yml}': async (files) => {
+    const match = await removeIgnoredFiles(files);
+    return [`eslint --max-warnings=0 ${match}`, `prettier --write ${match}`];
+  },
+  './**/*.{json,md,yml}': ['prettier --write'],
+  'package.json': 'npx sort-package-json',
+};

frontend/commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

frontend/package.json

@@ -2,16 +2,17 @@
   "name": "frontend",
   "version": "0.1.0",
   "private": true,
+  "license": "UNLICENSED",
   "scripts": {
+    "build": "next build",
     "compile": "tsc --noEmit",
     "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "test": "echo \"tests\"",
+    "format": "prettier 'src/**/*.{js,jsx,ts,tsx}' --write",
+    "postinstall": "cd .. && husky frontend/.husky",
     "lint": "next lint",
     "lint:fix": "next lint --fix",
-    "format": "prettier 'src/**/*.{js,jsx,ts,tsx}' --write",
-    "postinstall": "cd .. && husky frontend/.husky"
+    "start": "next start",
+    "test": "echo \"tests\""
   },
   "dependencies": {
     "@headlessui/react": "^2.0.4",
@@ -20,15 +21,17 @@
     "next": "14.1.3",
     "react": "^18",
     "react-dom": "^18",
-    "react-hook-form": "^7.52.0",
     "react-easy-crop": "^5.0.7",
+    "react-hook-form": "^7.52.0",
     "react-markdown": "^9.0.1",
     "react-tooltip": "^5.26.3",
     "remark-gfm": "^4.0.0",
     "tailwind-merge": "^2.2.2",
     "zustand": "^4.5.4"
   },
   "devDependencies": {
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@tailwindcss/typography": "^0.5.13",
     "@types/node": "^20",
     "@types/react": "^18",
@@ -41,6 +44,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-sonarjs": "^0.24.0",
     "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
     "postcss": "^8",
     "prettier": "3.2.5",
     "prettier-plugin-tailwindcss": "^0.6.5",
@@ -49,8 +53,7 @@
   },
   "engines": {
     "node": ">=20.11.1",
-    "yarn": ">=1.22.11",
-    "npm": "please-use-yarn"
-  },
-  "license": "UNLICENSED"
+    "npm": "please-use-yarn",
+    "yarn": ">=1.22.11"
+  }
 }