(chore): add husky pre-commit hook to format only staged files with prettier (#58)

* (chore): add husky pre-commit with lint-staged

* (chore): update project dependecy - add prettier

* (feat): run prettier only on files staged for commit

* (chore): update prettier config file

Author: Sukhacoder02

.husky/pre-commit

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

.prettierignore

@@ -0,0 +1 @@
+./dist

.prettierrc

@@ -0,0 +1,17 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "printWidth": 120,
+  "semi": true,
+  "singleQuote": true,
+  "useTabs": false,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "arrowParens": "avoid",
+  "requirePragma": false,
+  "insertPragma": false,
+  "proseWrap": "preserve",
+  "endOfLine": "lf"
+}

package.json

@@ -7,17 +7,25 @@
   "types": "lib/index.d.ts",
   "scripts": {
     "lint": "eslint --ignore-path .gitignore --ext .js,.ts,.tsx .",
+    "pretty-quick": "pretty-quick",
     "lint:fix": "yarn lint --fix",
     "test": "jest",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -c .storybook -o .out",
     "build": "rollup -c",
-    "prepublishOnly": "yarn build"
+    "prepublishOnly": "yarn build",
+    "prepare": "husky install"
   },
   "files": [
     "src",
     "lib"
   ],
+  "lint-staged": {
+    "*": [
+      "npm run pretty-quick",
+      "npm run lint"
+    ]
+  },
   "np": {
     "publish": false,
     "tests": false
@@ -49,9 +57,11 @@
     "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
     "framer-motion": "^7.5.1",
+    "husky": "^8.0.0",
     "jest": "^29.1.2",
     "jest-environment-jsdom": "^29.1.2",
     "postcss": "^8.2.1",
+    "prettier": "^2.8.8",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-uuid": "^1.0.2",
@@ -74,7 +84,10 @@
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@mui/material": "^5.10.7",
+    "clsx": "^1.2.1",
     "csstype": "^3.1.1",
-    "clsx": "^1.2.1"
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.3",
+    "pretty-quick": "^3.1.3"
   }
 }