lighthouse.yml

name: Lighthouse Report

on:
  deployment_status:
    states: ['success']

jobs:
  generate_lighthouse_audit:
    name: Deployment Audit
    timeout-minutes: 30
    runs-on: ubuntu-latest
    if: ${{ contains(fromJson('["Production – catalyst-latest", "Preview – catalyst-latest"]'), github.event.deployment_status.environment) }}

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

      - name: Lighthouse house audit on desktop
        id: lighthouse_audit_desktop
        uses: treosh/lighthouse-ci-action@v11
        with:
          urls: |
            ${{ github.event.deployment_status.target_url }}
          configPath: '.github/workflows/.lighthouserc-desktop.json'
          temporaryPublicStorage: true
          runs: 3

      - name: Lighthouse audit on mobile
        id: lighthouse_audit_mobile
        uses: treosh/lighthouse-ci-action@v11
        with:
          urls: |
            ${{ github.event.deployment_status.target_url }}
          temporaryPublicStorage: true
          runs: 3

      - uses: pnpm/action-setup@v3
      - name: Format lighthouse score on desktop
        id: format_lighthouse_score_desktop
        uses: actions/github-script@v7
        with:
          script: |
            const lighthouseCommentMaker = require('./.github/workflows/lighthouseCommentMaker.js');

            const lighthouseOutputs = {
              manifest: ${{ steps.lighthouse_audit_desktop.outputs.manifest }},
              links: ${{ steps.lighthouse_audit_desktop.outputs.links }},
              preset: "desktop"
            };

            const comment = lighthouseCommentMaker({ lighthouseOutputs });
            core.setOutput("comment", comment);

      - name: Format lighthouse score on mobile
        id: format_lighthouse_score_mobile
        uses: actions/github-script@v7
        with:
          script: |
            const lighthouseCommentMaker = require('./.github/workflows/lighthouseCommentMaker.js');
            
            const lighthouseOutputs = {
              manifest: ${{ steps.lighthouse_audit_mobile.outputs.manifest }},
              links: ${{ steps.lighthouse_audit_mobile.outputs.links }},
              preset: "mobile"
            };

            const comment = lighthouseCommentMaker({ lighthouseOutputs });
            core.setOutput("comment", comment);

      - name: Find pull request
        uses: jwalton/gh-find-current-pr@v1.3.3
        id: finder

      - name: Add comment to PR
        id: comment_to_pr
        uses: marocchino/sticky-pull-request-comment@v2.9.0
        with:
          recreate: true
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          number: ${{ steps.finder.outputs.pr }}
          header: lighthouse
          message: |
            # ⚡️🏠 Lighthouse report
            
            *Lighthouse ran against ${{ github.event.deployment_status.target_url }}* 
            
            ## 🖥️ Desktop
            
            ${{ steps.format_lighthouse_score_desktop.outputs.comment }}
            
            ## 📱 Mobile
            
            ${{ steps.format_lighthouse_score_mobile.outputs.comment }}