Add linting and precommits (#295)

* chore: prefer yarn

* dx: linting configurations, and pre-commit hook

.eslintrc.json

@@ -0,0 +1,32 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module",
+    "modules": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended"
+  ],
+  "plugins": ["@typescript-eslint", "prettier", "react", "react-hooks"],
+  "rules": {
+    "prettier/prettier": ["error"],
+    "@typescript-eslint/no-unused-vars": "error"
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn lint-staged

.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+.next
+public
+**/**/node_modules
+**/**/.next
+**/**/public

.prettierrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+  bracketSpacing: true,
+  jsxBracketSameLine: true,
+  singleQuote: false,
+  jsxSingleQuote: false,
+  trailingComma: "es5",
+  semi: true,
+  printWidth: 110,
+  arrowParens: "always",
+};

package.json

@@ -6,7 +6,10 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "postinstall": "prisma generate"
+    "postinstall": "prisma generate",
+    "pre-commit": "lint-staged",
+    "lint": "eslint . --ext .ts,.js,.tsx,.jsx",
+    "prepare": "husky install"
   },
   "dependencies": {
     "@headlessui/react": "^1.0.0",
@@ -34,10 +37,26 @@
   "devDependencies": {
     "@types/node": "^14.14.33",
     "@types/react": "^17.0.3",
-    "autoprefixer": "^10.2.6",
-    "postcss": "^8.3.5",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
+    "autoprefixer": "^10.2.5",
+    "eslint": "^7.29.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "husky": "^6.0.0",
+    "lint-staged": "^11.0.0",
+    "postcss": "^8.2.8",
+    "prettier": "^2.3.1",
     "prisma": "^2.23.0",
     "tailwindcss": "^2.2.2",
     "typescript": "^4.2.3"
+  },
+  "lint-staged": {
+    "./{*,{pages,components,lib}/**/*}.{js,ts,jsx,tsx}": [
+      "prettier --write",
+      "eslint"
+    ]
   }
 }