ci(lintstaged, husky): add husky and lintstaged

Author: swh00tw

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged --concurrent false --relative

apps/recnet/.eslintrc.json

@@ -11,7 +11,12 @@
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended"
   ],
-  "ignorePatterns": ["!**/*", ".next/**/*"],
+  "ignorePatterns": [
+    "!**/*",
+    ".next/**/*",
+    "**/postcss.config.js",
+    "**/tailwind.config.js"
+  ],
   "overrides": [
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],

apps/recnet/project.json

@@ -3,6 +3,15 @@
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "apps/recnet",
   "projectType": "application",
-  "targets": {},
+  "targets": {
+    "typecheck": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["tsc -p tsconfig.json --noEmit"],
+        "cwd": "apps/recnet",
+        "forwardAllArgs": false
+      }
+    }
+  },
   "tags": []
 }

apps/recnet/src/components/FollowButton.tsx

@@ -26,7 +26,7 @@ export function FollowButton(props: FollowButtonProps) {
       variant={isFollowing ? "outline" : "solid"}
       onClick={async () => {
         if (!me) {
-          toast.error("You must be logged in to follow someone");
+          toast.error("You must be logged in to follow someone.");
           return;
         }
         setIsLoading(true);

lint-staged.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "{apps,libs,tools}/**/*.{ts,tsx}": (files) => {
+    return `nx affected -t typecheck --files=${files.join(",")}`;
+  },
+  "{apps,libs,tools}/**/*.{js,ts,jsx,tsx,json}": [
+    (files) => `nx affected:lint --files=${files.join(",")}`,
+    (files) => `nx format:write --files=${files.join(",")}`,
+  ],
+};

package.json

@@ -2,7 +2,9 @@
   "name": "@recnet/source",
   "version": "0.0.0",
   "license": "MIT",
-  "scripts": {},
+  "scripts": {
+    "prepare": "npx husky init"
+  },
   "private": true,
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
@@ -14,8 +16,6 @@
     "firebase": "^10.7.2",
     "firebase-admin": "^12.0.0",
     "framer-motion": "^11.0.3",
-    "husky": "^9.0.2",
-    "lint-staged": "^15.2.0",
     "lodash.groupby": "^4.6.0",
     "lucide-react": "^0.316.0",
     "next": "14.1.0",
@@ -66,8 +66,10 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-unused-imports": "^3.0.0",
+    "husky": "^9.0.2",
     "jest": "^29.4.1",
     "jest-environment-jsdom": "^29.4.1",
+    "lint-staged": "^15.2.0",
     "nx": "18.0.4",
     "postcss": "8.4.21",
     "prettier": "^3.2.4",