lighthouse.yml

name: Lighthouse CI

on:
  pull_request:
    branches: [main]

permissions:
  contents: read
  pull-requests: write

jobs:
  lighthouse:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout code
        uses: actions/checkout@v3

      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: 18
          cache: 'npm'

      - name: Install dependencies
        run: npm ci

      - name: Build application
        run: npm run build

      - name: Install Lighthouse CI
        run: npm install -g @lhci/cli

      - name: Start HTTP Server
        run: npx http-server ./dist -p 4173 &
        shell: bash

      - name: Wait for HTTP Server to start
        run: sleep 10

      - name: Create Results Directory
        run: mkdir -p lighthouse-results

      - name: Run Lighthouse CI
        run: lhci autorun --config=.lighthouserc.cjs
        continue-on-error: true

      - name: Collect JSON Results
        run: |
          lhci collect --config=.lighthouserc.cjs --numberOfRuns=1
          lhci report --config=.lighthouserc.cjs --output=json --output-path=./lighthouse-results/results.json

      - name: List Output Files
        run: ls -la ./lighthouse-results/

      - name: Extract Scores and Determine Outcome
        run: |
          if [ -f "./lighthouse-results/results.json" ]; then
            SCORE=$(node -pe "const results = JSON.parse(require('fs').readFileSync('./lighthouse-results/results.json').toString()); const score = results[0].categories.accessibility.score * 100; console.log(score); score;")
            if [[ $(echo "$SCORE < 100" | bc) -eq 1 ]]; then
              echo "::set-output name=status::failed"
              echo "::set-output name=accessibility_score::$SCORE"
            else
              echo "::set-output name=status::passed"
              echo "::set-output name=accessibility_score::$SCORE"
            fi
          else
            echo "Results file does not exist."
            exit 1
          fi
        continue-on-error: true

      - name: Post Comment on PR
        uses: peter-evans/create-or-update-comment@v1
        with:
          issue-number: ${{ github.event.pull_request.number }}
          body: |
            ${{ steps.check_scores.outputs.status == 'failed' && '❌ Lighthouse checks failed with an accessibility score of ${{ steps.check_scores.outputs.accessibility_score }}%. Please review the Lighthouse report in the Artifacts.' || '✅ Lighthouse checks passed successfully with an accessibility score of ${{ steps.check_scores.outputs.accessibility_score }}%!' }}
            Report URL: [View Lighthouse Report](${{ steps.extract_url.outputs.report_url }})
          token: ${{ secrets.GITHUB_TOKEN }}

      - name: Fail the Workflow if Lighthouse Failed
        if: steps.check_scores.outputs.status == 'failed'
        run: exit 1