ci: update eslint and prettier rules

.github/workflows/firebase-deploy.yml

@@ -5,22 +5,22 @@ on:
     branches:
       - main
     paths:
-      - 'src/**' # Changes to the source code
-      - 'public/**' # Changes to the public folder
-      - 'firebase.json' # Changes to the Firebase configuration
-      - 'package.json' # Changes to the package.json file
-      - 'index.html' # Changes to the index.html file
-      - 'vitest.config.js' # Changes to the Vitest configuration
-      - '.firebaserc' # Changes to the Firebase configuration
-      - '.github/workflows/*' # Changes to the workflow file
+      - 'src/**'
+      - 'public/**'
+      - 'firebase.json'
+      - 'package.json'
+      - 'index.html'
+      - 'vitest.config.js'
+      - '.firebaserc'
+      - '.github/workflows/*'
 
 concurrency:
   group: firebase-deploy-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
-  build:
-    name: 🧪 Test before Build
+  build-and-deploy:
+    name: 🛠️ Build, Test, and Deploy
     runs-on: ubuntu-latest
 
     steps:
@@ -36,34 +36,24 @@ jobs:
       - name: 📂 Install Packages
         run: npm ci
 
-      - name: 🧪 Run Tests with Vitest
-        run: npm run test:ci
+      - name: 🚨 Lint Code
+        run: npm run lint:fix
 
-  deploy:
-    name: 🚀 Deploy to Firebase
-    needs: build # Only run this job if the build job is successful
-    runs-on: ubuntu-latest
+      - name: 🎨 Format Code
+        run: npm run format
 
-    steps:
-      - name: 📥 Checkout Code
-        uses: actions/checkout@v4
-
-      - name: 🛠️ Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 'lts/*'
-          cache: 'npm'
-
-      - name: 📂 Install Packages
-        run: npm ci
+      - name: 🧪 Run Tests with Vitest
+        run: npm run test:ci
 
-      - name: 🧱 Build
+      - name: 🧱 Build Project
         run: npm run build
 
       - name: 🌍 Install Firebase Tools
+        if: success()
         run: npm install -g firebase-tools
 
       - name: 🚀 Deploy to Firebase
+        if: success()
         env:
           FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
-        run: firebase deploy --token "${{ secrets.FIREBASE_TOKEN }}" --non-interactive
+        run: firebase deploy --non-interactive

.github/workflows/firebase-preview.yml

@@ -29,40 +29,61 @@ jobs:
       - name: 🔨 Build the app
         run: npm run build
 
+      # 🚨 Run Lint check
+      - name: 🚨 Run Lint
+        run: npm run lint:fix | tee lint-results.txt
+
+      # 🎨 Run Prettier format check
+      - name: 🎨 Run Prettier
+        run: npm run format | tee prettier-results.txt
+
       - name: 🧪 Test the app with Vitest
         run: npm run test:ci | tee test-results.txt
+      # 🚮 Clean up all results for comment
+      - name: 🚮 Clean up results
+        run: |
+          sed -i 's/\x1b\[[0-9;]*m//g' prettier-results.txt
+          sed -i 's/\x1b\[[0-9;]*m//g' lint-results.txt
+          sed -i 's/\x1b\[[0-9;]*m//g' test-results.txt
 
-      # 🚮 Clean up test results for comment
-      - name: 🚮 Clean up test results
-        run: sed -i 's/\x1b\[[0-9;]*m//g' test-results.txt # Removes ANSI color codes
-
-      # 📄 Format test results for better readability
-      - name: 📄 Format test results
+      # 📄 Format all results for better readability
+      - name: 📄 Format all results
         run: |
           {
             echo "### 🧪 Test Results"
             echo ""
             if grep -q "failed" test-results.txt; then
-              # Extract failed test details if any
               echo "❌ **Some tests failed**:"
               echo '```'
               grep -E "Test Files|Tests|Duration|failed" test-results.txt
               echo '```'
-              echo ""
               echo "💥 Please review the failed tests above."
             else
-              # Format output for passing tests
-              grep -E "(Test Files|Tests|Duration)" test-results.txt | while read -r line; do
-                if [[ $line == *"Test Files"* ]]; then
-                  echo "🗂 **Test Summary**: $line"
-                elif [[ $line == *"Tests"* ]]; then
-                  echo "✅ **Tests Passed**: $line"
-                elif [[ $line == *"Duration"* ]]; then
-                  echo "⏱️ **Total Duration**: $line"
-                fi
-              done
-              echo ""
-              echo "🎉 All tests passed successfully!"
+              echo "✅ **Tests Passed**: All tests passed successfully!"
+            fi
+            echo ""
+            echo "---"
+            echo  ""
+            echo "### 🎨 Prettier Format Check"
+            echo ""
+            if grep -q "(changed)" prettier-results.txt; then
+              echo "⚠️ **Prettier Issues Found** - Some format issues are fixed automatically by Prettier:"
+              echo '```'
+              grep -E "\s+\(changed\)" prettier-results.txt || true
+              echo '```'
+            else
+              echo "✅ **Prettier**: No formatting issues found!"
+            fi
+            echo ""
+            echo "### 🎨 Lint Check"
+            echo ""
+            if grep -qE "^[^0]* problems" lint-results.txt; then
+              echo "⚠️ **Lint Issues Found** - PLEASE FIX THEM!"
+              echo '```'
+              cat lint-results.txt
+              echo '```'
+            else
+              echo "✅ **Lint**: No linting issues found!"
             fi
           } > formatted-results.txt