add lighthouse ci

Author: ShubhamOulkar

.github/workflows/lighthouse.yml

@@ -0,0 +1,86 @@
+name: Lighthouse Report
+
+on:
+  pull_request:
+    types: [opened, synchronize]
+
+permissions:
+  contents: read
+
+jobs:
+  lighthouse:
+    if: github.actor != 'dependabot[bot]'
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout PR code
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.pull_request.head.ref }}
+          repository: ${{ github.event.pull_request.head.repo.full_name }}
+
+      - name: Setup Node.js with npm cache
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm install lighthouse
+
+      - name: Wait for Netlify preview to be live
+        run: |
+          PREVIEW_URL="https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app"
+          echo "PREVIEW_URL=$PREVIEW_URL" >> "$GITHUB_ENV"
+          for i in {1..2}; do
+            if curl -s --head "$PREVIEW_URL" | grep "200 OK" > /dev/null; then
+              echo "Preview is live!"
+              break
+            fi
+            echo "Waiting for Netlify to deploy... ($i/2)"
+            sleep 10
+          done
+
+      - name: Run Lighthouse audits
+        run: |
+          URLS=(
+            "$PREVIEW_URL"
+            "$PREVIEW_URL/en/blog/posts.html"
+            "$PREVIEW_URL/en/5x/api.html"
+          )
+          echo "## 🚦 Lighthouse Results" > lighthouse-report.md
+          echo "| URL | Perf | A11y | Best Practices | SEO |" >> lighthouse-report.md
+          echo "| --- | ---- | ---- | -------------- | --- |" >> lighthouse-report.md
+          for url in "${URLS[@]}"; do
+            npx lighthouse "$url" \
+              --output json \
+              --output-path="lighthouse-report.json" \
+              --chrome-flags="--headless"
+            perf=$(jq '.categories | .performance.score * 100' lighthouse-report.json)
+            a11y=$(jq '.categories | .accessibility.score * 100' lighthouse-report.json)
+            bp=$(jq '.categories | .["best-practices"].score * 100' lighthouse-report.json)
+            seo=$(jq '.categories | .seo.score * 100' lighthouse-report.json)
+            stoplight() {
+              if (( $(echo "$1 >= 90" | bc -l) )); then echo "🟢"; 
+              elif (( $(echo "$1 >= 75" | bc -l) )); then echo "🟠"; 
+              else echo "🔴"; fi
+            }
+            perf_stoplight=$(stoplight $perf)
+            a11y_stoplight=$(stoplight $a11y)
+            bp_stoplight=$(stoplight $bp)
+            seo_stoplight=$(stoplight $seo)
+            path=$(echo "$url" | sed "s|$PREVIEW_URL||")
+            if [ -z "$path" ]; then path="/"; fi
+            echo "| $path | $perf_stoplight $(printf "%.0f" $perf) | $a11y_stoplight $(printf "%.0f" $a11y) | $bp_stoplight $(printf "%.0f" $bp) | $seo_stoplight $(printf "%.0f" $seo) |" >> lighthouse-report.md
+          done
+          cat lighthouse-report.md
+
+      - name: Log Lighthouse report
+        run: |
+          cat lighthouse-report.md
+
+      - name: Upload Lighthouse report
+        uses: actions/upload-artifact@v4
+        with:
+          name: lighthouse-report
+          path: lighthouse-report.md