chore: add format-and-lint hook for code formatting and linting

Author: Miodec

.claude/hooks/format-and-lint.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+INPUT=$(cat)
+FILE_PATH=$(echo "$INPUT" | jq -r '.tool_input.file_path // empty')
+
+if [[ -z "$FILE_PATH" ]]; then
+  exit 0
+fi
+
+# Only run on ts/tsx/js/jsx files
+if [[ "$FILE_PATH" != *.ts && "$FILE_PATH" != *.tsx && "$FILE_PATH" != *.js && "$FILE_PATH" != *.jsx ]]; then
+  exit 0
+fi
+
+npx oxfmt "$FILE_PATH" >&2
+npx oxlint --type-aware --type-check "$FILE_PATH" >&2

.claude/settings.json

@@ -0,0 +1,15 @@
+{
+  "hooks": {
+    "PostToolUse": [
+      {
+        "matcher": "Edit|Write",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "bash .claude/hooks/format-and-lint.sh"
+          }
+        ]
+      }
+    ]
+  }
+}

CLAUDE.md

@@ -4,5 +4,4 @@ Run `pnpm lint` when checking for linting OR typescript errors with oxlint.
 Single test file: `pnpm vitest run path/to/test.ts`
 For styling, use Tailwind CSS, class property, `cn` utility. Do not use classlist. Only colors available are those defined in Tailwind config.
 In legacy code, use `i` tags with FontAwesome classes. In new code, use `Fa` component.
-At the end of plan mode, give me a list of unresolved questions to answer, if any. Make them concise.
-Run `pnpm lint` after making every change.
+At the end of plan mode, give me a list of unresolved questions to answer, if any. Make them concise.