diff --git a/.github/workflows/lighthouse-report-v2.yml b/.github/workflows/lighthouse-report-v2.yml new file mode 100644 index 000000000000..b61e7e9893a6 --- /dev/null +++ b/.github/workflows/lighthouse-report-v2.yml @@ -0,0 +1,73 @@ +name: Lighthouse Report v2 + +on: + pull_request: + branches: + - main + - docusaurus-v** + +permissions: + contents: read + pull-requests: write + +concurrency: + group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }} + cancel-in-progress: true + +jobs: + lighthouse-report: + permissions: + pull-requests: write # for marocchino/sticky-pull-request-comment + name: Lighthouse Report + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1 + + - name: Use Node.js + uses: actions/setup-node@8f152de45cc393bb48ce5d89d36b731f54556e65 # v4.0.0 + with: + node-version: 18 + + - name: Install dependencies + run: yarn install --frozen-lockfile + + - name: Build website fast + run: yarn build:website:fast + + - name: Audit URLs using Lighthouse + id: lighthouse_audit + uses: treosh/lighthouse-ci-action@03becbfc543944dd6e7534f7ff768abb8a296826 # 10.1.0 + with: + urls: | + http://localhost:3000 + http://localhost:3000/docs/installation + http://localhost:3000/docs/category/getting-started + http://localhost:3000/blog + http://localhost:3000/blog/preparing-your-site-for-docusaurus-v3 + http://localhost:3000/blog/tags/release + http://localhost:3000/blog/tags + configPath: ./.github/workflows/lighthouserc.json + uploadArtifacts: true + temporaryPublicStorage: true + + - name: Format lighthouse score + id: format_lighthouse_score + uses: actions/github-script@d7906e4ad0b1822421a7e6a35d5ca353c962f410 # v6 + with: + github-token: ${{ secrets.GITHUB_TOKEN }} + script: | + const results = ${{ steps.lighthouse_audit.outputs.manifest }} + const links = ${{ steps.lighthouse_audit.outputs.links }} + const createLighthouseReport = (await import(`${process.env.GITHUB_WORKSPACE}/admin/scripts/formatLighthouseReport.js`)).default; + const comment = createLighthouseReport({ results, links }); + core.setOutput("comment", comment); + + - name: Add Lighthouse stats as comment + id: comment_to_pr + uses: marocchino/sticky-pull-request-comment@efaaab3fd41a9c3de579aba759d2552635e590fd # 2.8.0 + with: + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + number: ${{ github.event.pull_request.number }} + header: lighthouse-v2 + message: ${{ steps.format_lighthouse_score.outputs.comment }}