From 32cd9eb5c96fa5737c2b37952481960074beceb4 Mon Sep 17 00:00:00 2001
From: Alaister Young <alaister@users.noreply.github.com>
Date: Wed, 15 Apr 2026 23:08:26 +0900
Subject: [PATCH] chore: extend format/lint hook to all apps and packages
 (#44898)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Claude Code post-tool-use format/lint hook was hardcoded to only run
on `apps/studio/` files. This updates it to work across the whole repo.

**Changed:**
- Prettier now runs on any supported file type in the repo (not just
Studio)
- ESLint runs for any workspace that has it configured, using a simple
lookup table
- Unsupported file types (e.g. `.sh`) are skipped to avoid "no parser"
errors

## To test

- Edit a file in `apps/studio/` with bad formatting — should get
auto-formatted and linted
- Edit a file in `packages/common/` — should get auto-formatted (no
ESLint since it's not configured there)
- Edit a `.sh` file — should be skipped with no errors

Co-authored-by: Alaister Young <10985857+alaister@users.noreply.github.com>
---
 .claude/scripts/format_and_lint.sh | 43 +++++++++++++++++++++---------
 1 file changed, 31 insertions(+), 12 deletions(-)

diff --git a/.claude/scripts/format_and_lint.sh b/.claude/scripts/format_and_lint.sh
index 8969b4da89e..86ff25b9c80 100755
--- a/.claude/scripts/format_and_lint.sh
+++ b/.claude/scripts/format_and_lint.sh
@@ -1,10 +1,21 @@
 #!/bin/bash
 #
-# PostToolUse hook: format and lint apps/studio/ files after Write or Edit.
+# PostToolUse hook: format and lint files in apps/ or packages/ after Write or Edit.
 # Receives hook JSON on stdin from Claude Code.
 
 set -euo pipefail
 
+# Apps/packages that have ESLint configured.
+# Add new entries here when a new workspace gets ESLint set up.
+ESLINT_PACKAGES=(
+  "apps/design-system:design-system"
+  "apps/docs:docs"
+  "apps/learn:learn"
+  "apps/studio:studio"
+  "apps/ui-library:ui-library"
+  "apps/www:www"
+)
+
 # Extract the file path from stdin JSON.
 # Falls back to .tool_response.filePath for Write tool compat.
 file_path=$(jq -r '.tool_input.file_path // .tool_response.filePath' 2>/dev/null)
@@ -13,17 +24,25 @@ if [[ -z "$file_path" || "$file_path" == "null" ]]; then
   exit 0
 fi
 
-# Only run for files under apps/studio/
-case "$file_path" in
-  *apps/studio/*)
-    cd "$CLAUDE_PROJECT_DIR"
-    pnpm exec prettier --config prettier.config.mjs --write "$file_path"
+cd "$CLAUDE_PROJECT_DIR"
 
-    # ESLint only for JS/TS files
-    case "$file_path" in
-      *.ts|*.tsx|*.js|*.jsx)
-        pnpm --filter=studio exec eslint --fix "$file_path"
-        ;;
-    esac
+# Prettier and ESLint for supported file types
+case "$file_path" in
+  *.ts|*.tsx|*.js|*.jsx|*.json|*.css|*.scss|*.md|*.mdx|*.html|*.yaml|*.yml|*.sql)
+    pnpm exec prettier --config prettier.config.mjs --write "$file_path"
+    ;;
+esac
+
+# ESLint only for JS/TS files in supported workspaces
+case "$file_path" in
+  *.ts|*.tsx|*.js|*.jsx)
+    for entry in "${ESLINT_PACKAGES[@]}"; do
+      dir="${entry%%:*}"
+      filter="${entry##*:}"
+      if [[ "$file_path" == *"$dir/"* ]]; then
+        pnpm --filter="$filter" exec eslint --fix "$file_path"
+        break
+      fi
+    done
     ;;
 esac