add lighthouse ci

Author: ShubhamOulkar

.github/workflows/lighthouse.yml

@@ -0,0 +1,112 @@
+name: Lighthouse Audit
+
+on:
+  pull_request:
+    types: [opened, synchronize]
+
+jobs:
+  lighthouse:
+    if: github.actor != 'dependabot[bot]'
+    runs-on: ubuntu-latest
+    env:
+      PREVIEW_URL: "https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app"
+    strategy:
+      matrix:
+        url: [
+          "https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app",
+          "https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app/en/blog/posts.html",
+          "https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app/en/support/",
+          "https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app/en/resources/glossary.html",
+          "https://deploy-preview-${{ github.event.pull_request.number }}--expressjscom-preview.netlify.app/en/5x/api.html"
+        ]
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v4
+
+      - name: ⏳ Wait for Netlify preview to be live
+        run: |
+          echo "Waiting for Netlify preview to be live..."
+          for i in {1..3}; do
+            if curl -s --head "${{ env.PREVIEW_URL }}" | grep "200 OK" > /dev/null; then
+              echo "✅ Preview is live!"
+              break
+            fi
+            echo "Waiting for Netlify to deploy... ($i/3)"
+            sleep 10
+          done
+
+      - name: 🛠️ Install Lighthouse CLI
+        run: |
+          npm install -g lighthouse
+
+      - name: 🕵️ Run Lighthouse and Save Reports
+        run: |
+          mkdir -p lighthouse-report
+
+          # Sanitize URL into filename-friendly slug
+          SANITIZED_NAME=$(echo "${{ matrix.url }}" | sed 's|https\?://||g; s|/|_|g')
+          echo "SANITIZED_NAME=$SANITIZED_NAME" >> $GITHUB_ENV
+
+          lighthouse "${{ matrix.url }}" \
+            --output json \
+            --output html \
+            --output-path="./lighthouse-report/${SANITIZED_NAME}" \
+            --chrome-flags="--headless"
+
+      - name: ⬆️ Upload Lighthouse report
+        uses: actions/upload-artifact@v4
+        with:
+          name: lighthouse-report-${{ env.SANITIZED_NAME }}
+          path: lighthouse-report/
+
+  aggregate:
+    runs-on: ubuntu-latest
+    needs: lighthouse
+    steps:
+      - name: ⬇️ Download Lighthouse reports
+        uses: actions/download-artifact@v4
+        with:
+          path: lighthouse-reports/
+          pattern: lighthouse-report-*
+
+      - name: 📊 Create comment with Lighthouse scores
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const fs = require('fs');
+            const path = require('path');
+            const dir = 'lighthouse-reports/';
+            let comment = `### 🚦 Lighthouse Scores for Preview [Link](${process.env.PREVIEW_URL})\n`;
+
+            fs.readdirSync(dir).forEach(folder => {
+              const files = fs.readdirSync(path.join(dir, folder));
+              files.forEach(file => {
+                if (file.endsWith('.json')) {
+                  const fullPath = path.join(dir, folder, file);
+                  const json = JSON.parse(fs.readFileSync(fullPath, 'utf8'));
+                  const scores = {
+                    performance: json.categories.performance.score * 100,
+                    accessibility: json.categories.accessibility.score * 100,
+                    bestPractices: json.categories['best-practices'].score * 100,
+                    seo: json.categories.seo.score * 100,
+                  };
+
+                  comment += `
+                  #### [${json.finalUrl}](${json.finalUrl})
+                  | Category         | Score |
+                  |------------------|-------|
+                  | ⚡ Performance    | ${scores.performance.toFixed(0)} |
+                  | ♿ Accessibility  | ${scores.accessibility.toFixed(0)} |
+                  | ✅ Best Practices | ${scores.bestPractices.toFixed(0)} |
+                  | 🔍 SEO           | ${scores.seo.toFixed(0)} |
+                  `;
+                          }
+                      });
+                  });
+
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: comment
+            });