feat(masterbots.ai): dynamic og image design and metadata #230
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Vercel Preview URL Lighthouse Audit | |
| on: | |
| pull_request | |
| jobs: | |
| generate_lighthouse_audit: | |
| timeout-minutes: 30 | |
| runs-on: ubuntu-latest | |
| steps: | |
| # - name: Add comment to PR | |
| # id: loading_comment_to_pr | |
| # uses: marocchino/[email protected] | |
| # with: | |
| # GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} | |
| # number: ${{ github.event.issue.number }} | |
| # header: lighthouse | |
| # message: | | |
| # Running Lighthouse audit... | |
| - name: Wait for 2 minutes | |
| run: sleep 120 | |
| - name: Capture Vercel preview URL | |
| id: vercel_preview_url | |
| uses: zentered/[email protected] | |
| env: | |
| VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }} | |
| with: | |
| vercel_project_id: prj_k5bYwz7n5hAUFdrWE986D91RiMbW | |
| vercel_team_id: team_7PAgeqjbXkY6qdxNIEKLbVSC | |
| - name: Get URL | |
| run: echo "https://${{ steps.vercel_preview_url.outputs.preview_url }}" | |
| - uses: actions/checkout@v4 | |
| - name: Audit preview URL with Lighthouse | |
| id: lighthouse_audit | |
| uses: treosh/[email protected] | |
| with: | |
| urls: | | |
| "https://${{ steps.vercel_preview_url.outputs.preview_url }}" | |
| "https://${{ steps.vercel_preview_url.outputs.preview_url }}/b/moneybot" | |
| "https://${{ steps.vercel_preview_url.outputs.preview_url }}/u/slug-1" | |
| "https://${{ steps.vercel_preview_url.outputs.preview_url }}/p" | |
| "https://${{ steps.vercel_preview_url.outputs.preview_url }}/health" | |
| "https://${{ steps.vercel_preview_url.outputs.preview_url }}/health/a8103808-14a3-48ed-aa5a-9e490cfdcf0e" | |
| # budgetPath: '.github/lighthouse/budget.json' | |
| uploadArtifacts: true | |
| temporaryPublicStorage: true | |
| - name: Format lighthouse score | |
| id: format_lighthouse_score | |
| uses: actions/[email protected] | |
| with: | |
| github-token: ${{secrets.GITHUB_TOKEN}} | |
| script: | | |
| const manifest = ${{ steps.lighthouse_audit.outputs.manifest }}; | |
| const links = ${{ steps.lighthouse_audit.outputs.links }}; | |
| const formatResult = (res) => Math.round((res * 100)); | |
| const score = res => res >= 90 ? '🟢' : res >= 50 ? '🟠' : '🔴'; | |
| let comment = '⚡️ Lighthouse report\n' | |
| manifest.forEach(result => { | |
| const pageLink = result.url; | |
| comment += `\nPage: ${pageLink}\n`; | |
| comment += `Report ${links[pageLink]}\n`; | |
| comment += '| Category | Score |\n'; | |
| comment += '| --- | --- |\n'; | |
| Object.keys(result.summary).forEach(key => result.summary[key] = formatResult(result.summary[key])); | |
| comment += `| ${score(result.summary.performance)} Performance | ${result.summary.performance} |\n`; | |
| comment += `| ${score(result.summary.accessibility)} Accessibility | ${result.summary.accessibility} |\n`; | |
| comment += `| ${score(result.summary['best-practices'])} Best practices | ${result.summary['best-practices']} |\n`; | |
| comment += `| ${score(result.summary.seo)} SEO | ${result.summary.seo} |\n`; | |
| comment += `| ${score(result.summary.pwa)} PWA | ${result.summary.pwa} |\n`; | |
| }); | |
| core.setOutput("comment", comment); | |
| - name: Add comment to PR | |
| id: comment_to_pr | |
| uses: marocchino/[email protected] | |
| with: | |
| GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} | |
| number: ${{ github.event.issue.number }} | |
| header: lighthouse | |
| message: | | |
| ${{ steps.format_lighthouse_score.outputs.comment }} |