🔧 chore: add svelte-check to pre-commit hooks

Add automatic svelte-check validation for staged Svelte files:
- Create svelte-check-staged.sh that runs on affected web apps only
- Create build-check-staged.sh for production build validation
- Integrate svelte-check into pre-commit hook
- Add optional pre-push hook for full build checks
- Update lint-staged config to handle Svelte files separately

scripts/build-check-staged.sh

@@ -0,0 +1,107 @@
+#!/bin/bash
+# Run production builds on web apps that have changes since main/dev
+# This catches issues that only appear in production builds
+#
+# Usage:
+#   ./scripts/build-check-staged.sh          # Check changes vs origin/dev
+#   ./scripts/build-check-staged.sh main     # Check changes vs origin/main
+#   ./scripts/build-check-staged.sh --all    # Check all web apps
+
+set -e
+
+BASE_BRANCH="${1:-origin/dev}"
+
+# Handle --all flag
+if [ "$1" = "--all" ]; then
+    echo "🔨 Building ALL web apps..."
+    APPS_TO_BUILD=(
+        "apps/todo/apps/web"
+        "apps/chat/apps/web"
+        "apps/calendar/apps/web"
+        "apps/clock/apps/web"
+        "apps/manacore/apps/web"
+        "apps/contacts/apps/web"
+        "apps/zitare/apps/web"
+        "apps/picture/apps/web"
+        "apps/manadeck/apps/web"
+    )
+else
+    echo "🔍 Finding changed files since $BASE_BRANCH..."
+
+    # Get list of changed files
+    CHANGED_FILES=$(git diff --name-only "$BASE_BRANCH"...HEAD 2>/dev/null || git diff --name-only HEAD~10...HEAD)
+
+    if [ -z "$CHANGED_FILES" ]; then
+        echo "No changes detected"
+        exit 0
+    fi
+
+    # Find unique web app directories that have changes
+    declare -A WEB_APPS
+
+    for file in $CHANGED_FILES; do
+        # Direct changes in web app
+        if [[ $file =~ ^(apps/[^/]+/apps/web)/ ]]; then
+            WEB_APPS["${BASH_REMATCH[1]}"]=1
+        elif [[ $file =~ ^(games/[^/]+/apps/web)/ ]]; then
+            WEB_APPS["${BASH_REMATCH[1]}"]=1
+        # Changes in shared packages affect all web apps using them
+        elif [[ $file =~ ^packages/shared- ]]; then
+            echo "⚠️  Shared package changed: $file"
+            echo "   All web apps may be affected"
+            # Add major web apps
+            WEB_APPS["apps/todo/apps/web"]=1
+            WEB_APPS["apps/chat/apps/web"]=1
+            WEB_APPS["apps/calendar/apps/web"]=1
+            WEB_APPS["apps/manacore/apps/web"]=1
+        fi
+    done
+
+    APPS_TO_BUILD=("${!WEB_APPS[@]}")
+fi
+
+if [ ${#APPS_TO_BUILD[@]} -eq 0 ]; then
+    echo "No web app changes detected"
+    exit 0
+fi
+
+echo ""
+echo "🔨 Building affected web apps..."
+echo "   Apps: ${APPS_TO_BUILD[*]}"
+echo ""
+
+# First build shared packages (needed for web apps)
+echo "━━━ Building shared packages ━━━"
+pnpm run build:packages || {
+    echo "❌ Failed to build shared packages"
+    exit 1
+}
+
+FAILED=0
+
+for app in "${APPS_TO_BUILD[@]}"; do
+    if [ -f "$app/package.json" ]; then
+        echo ""
+        echo "━━━ Building $app ━━━"
+
+        PKG_NAME=$(node -p "require('./$app/package.json').name" 2>/dev/null || echo "")
+
+        if [ -n "$PKG_NAME" ]; then
+            if ! pnpm --filter "$PKG_NAME" build 2>&1; then
+                echo "❌ Build failed for $app"
+                FAILED=1
+            else
+                echo "✅ Build passed for $app"
+            fi
+        fi
+    fi
+done
+
+if [ $FAILED -eq 1 ]; then
+    echo ""
+    echo "❌ Build check failed! Fix the issues above before pushing."
+    exit 1
+fi
+
+echo ""
+echo "✅ All builds passed!"

scripts/svelte-check-staged.sh

@@ -0,0 +1,73 @@
+#!/bin/bash
+# Run svelte-check on web apps that have staged .svelte files
+# This catches a11y warnings, Svelte 5 issues, and import errors before CI
+
+set -e
+
+# Get list of staged svelte files
+STAGED_SVELTE=$(git diff --cached --name-only --diff-filter=ACM | grep '\.svelte$' || true)
+
+if [ -z "$STAGED_SVELTE" ]; then
+    echo "No staged .svelte files, skipping svelte-check"
+    exit 0
+fi
+
+# Find unique web app directories that have changes
+declare -A WEB_APPS
+
+for file in $STAGED_SVELTE; do
+    # Extract the web app path (e.g., apps/todo/apps/web)
+    if [[ $file =~ ^(apps/[^/]+/apps/web)/ ]]; then
+        WEB_APPS["${BASH_REMATCH[1]}"]=1
+    elif [[ $file =~ ^(games/[^/]+/apps/web)/ ]]; then
+        WEB_APPS["${BASH_REMATCH[1]}"]=1
+    elif [[ $file =~ ^(packages/[^/]+)/ ]]; then
+        # For shared packages, check all web apps that might use them
+        # This is a simplified approach - just warn
+        echo "⚠️  Changes in shared package: $file"
+        echo "   Consider running: pnpm run build:check to verify all web apps"
+    fi
+done
+
+if [ ${#WEB_APPS[@]} -eq 0 ]; then
+    echo "No web app changes detected"
+    exit 0
+fi
+
+echo "🔍 Running svelte-check on affected web apps..."
+FAILED=0
+
+for app in "${!WEB_APPS[@]}"; do
+    if [ -f "$app/package.json" ]; then
+        echo ""
+        echo "━━━ Checking $app ━━━"
+
+        # Get the package name for pnpm filter
+        PKG_NAME=$(node -p "require('./$app/package.json').name" 2>/dev/null || echo "")
+
+        if [ -n "$PKG_NAME" ]; then
+            # Run svelte-check with threshold to fail on warnings
+            if ! pnpm --filter "$PKG_NAME" exec svelte-check --tsconfig ./tsconfig.json --threshold warning 2>&1; then
+                echo "❌ svelte-check failed for $app"
+                FAILED=1
+            else
+                echo "✅ svelte-check passed for $app"
+            fi
+        fi
+    fi
+done
+
+if [ $FAILED -eq 1 ]; then
+    echo ""
+    echo "❌ svelte-check failed! Fix the issues above before committing."
+    echo ""
+    echo "Common fixes:"
+    echo "  - Add role and tabindex to interactive divs"
+    echo "  - Add onkeydown handler alongside onclick"
+    echo "  - Use \$state() for reactive variables in Svelte 5"
+    echo "  - Check that all imports resolve correctly"
+    exit 1
+fi
+
+echo ""
+echo "✅ All svelte-checks passed!"