add husky to check before commiting

MoX678 · MoX678 · commit 4ec5309fc9db · 2025-11-25T20:35:57.000+02:00
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/bin/sh
+echo "▶ Running Prettier..."
+npx lint-staged
+
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,7 +16,8 @@
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.mdx",
     "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx,.mdx --fix",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,md,mdx}\"",
-    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,md,mdx}\""
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,md,mdx}\"",
+    "prepare": "husky"
   },
   "dependencies": {
     "@docusaurus/core": "3.7.0",
@@ -39,13 +40,22 @@
     "@docusaurus/module-type-aliases": "3.7.0",
     "@docusaurus/types": "3.7.0",
     "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-mdx": "^3.6.2",
-    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
+    "husky": "^9.1.7",
     "prettier": "^3.2.5"
-    
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{md,mdx,json}": [
+      "prettier --write"
+    ]
   },
   "browserslist": {
     "production": [
diff --git a/src/components/StarRepo.js b/src/components/StarRepo.js
@@ -17,7 +17,7 @@ const StarRepo = () => {
   useEffect(() => {
     if (isBrowser && itemId) {
       const starredItems = JSON.parse(
-        localStorage.getItem("starredItems") || "[]"
+        localStorage.getItem("starredItems") || "[]",
       );
       setIsStarred(starredItems.includes(itemId));
     }
diff --git a/src/components/TreeTraversal/index.js b/src/components/TreeTraversal/index.js
@@ -76,7 +76,7 @@ export default function TreeVisualization() {
         const currentNode = tree.find((n) => n.id === traversalSteps[nextStep]);
         if (currentNode) {
           const parentNode = tree.find(
-            (n) => n.left === currentNode.id || n.right === currentNode.id
+            (n) => n.left === currentNode.id || n.right === currentNode.id,
           );
           if (parentNode) {
             setActivePath(`${parentNode.id}-${currentNode.id}`);
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -34,7 +34,8 @@ export default function Home() {
   return (
     <Layout
       title={`MetaCall Documentation`}
-      description="Description will go into a meta tag in <head />">
+      description="Description will go into a meta tag in <head />"
+    >
       <HomepageHeader />
       <main>
         <HomepageFeatures />
diff --git a/src/pages/starred.js b/src/pages/starred.js
@@ -26,11 +26,11 @@ const StarredPage = () => {
 
   // Get all docs from all versions
   const allDocs = Object.values(allDocsData).flatMap((versionData) =>
-    versionData.versions.flatMap((v) => v.docs)
+    versionData.versions.flatMap((v) => v.docs),
   );
 
   const starredDocs = allDocs.filter((doc) =>
-    starredItems.includes(doc.unversionedId || doc.id)
+    starredItems.includes(doc.unversionedId || doc.id),
   );
 
   return (

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ const StarRepo = () => {`
`17`	`17`	`useEffect(() => {`
`18`	`18`	`if (isBrowser && itemId) {`
`19`	`19`	`const starredItems = JSON.parse(`
`20`		`- localStorage.getItem("starredItems") \|\| "[]"`
	`20`	`+ localStorage.getItem("starredItems") \|\| "[]",`
`21`	`21`	`);`
`22`	`22`	`setIsStarred(starredItems.includes(itemId));`
`23`	`23`	`}`