preview #2596
This file contains hidden or 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: preview | |
| on: | |
| workflow_run: | |
| workflows: ["build"] | |
| types: | |
| - completed | |
| permissions: | |
| contents: read | |
| pull-requests: write | |
| checks: write | |
| concurrency: | |
| group: ${{ github.event.workflow_run.head_branch }}-${{ github.workflow }} | |
| cancel-in-progress: true | |
| jobs: | |
| pr: | |
| name: Find PR number | |
| runs-on: ubuntu-latest | |
| outputs: | |
| number: ${{ steps.pr.outputs.number }} | |
| if: github.repository == 'commaai/new-connect' && github.event.workflow_run.event == 'pull_request' | |
| steps: | |
| # use `gr pr view` to get the PR number | |
| # https://github.com/orgs/community/discussions/25220#discussioncomment-11285971 | |
| - name: Find PR number | |
| id: pr | |
| env: | |
| GH_TOKEN: ${{ github.token }} | |
| PR_TARGET_REPO: ${{ github.repository }} | |
| PR_BRANCH: |- | |
| ${{ | |
| (github.event.workflow_run.head_repository.owner.login != github.event.workflow_run.repository.owner.login) | |
| && format('{0}:{1}', github.event.workflow_run.head_repository.owner.login, github.event.workflow_run.head_branch) | |
| || github.event.workflow_run.head_branch | |
| }} | |
| run: | | |
| gh pr view --repo "${PR_TARGET_REPO}" "${PR_BRANCH}" \ | |
| --json 'number' \ | |
| --jq '"number=\(.number)"' \ | |
| >> $GITHUB_OUTPUT | |
| - run: | | |
| echo "PR number: ${{ steps.pr.outputs.number }}" | |
| preview: | |
| name: Deploy preview | |
| needs: pr | |
| outputs: | |
| check_id: ${{ steps.check.outputs.result }} | |
| runs-on: ubuntu-latest | |
| timeout-minutes: 2 | |
| steps: | |
| - name: Create PR check | |
| uses: actions/github-script@v7 | |
| id: check | |
| with: | |
| script: | | |
| const response = await github.rest.checks.create({ | |
| name: 'Deploy preview', | |
| head_sha: '${{ github.event.workflow_run.head_sha }}', | |
| status: 'in_progress', | |
| output: { | |
| title: 'Preview deployment', | |
| summary: 'In Progress', | |
| }, | |
| owner: 'commaai', | |
| repo: '${{ github.event.repository.name }}', | |
| }) | |
| return response.data.id | |
| - uses: actions/checkout@v4 | |
| - uses: oven-sh/setup-bun@v2 | |
| - name: Download build artifacts | |
| uses: actions/download-artifact@v4 | |
| with: | |
| name: build-artifacts-${{ github.event.workflow_run.id }} | |
| path: ./dist | |
| run-id: ${{ github.event.workflow_run.id }} | |
| github-token: ${{ secrets.GITHUB_TOKEN }} | |
| - name: Deploy to Cloudflare Pages | |
| uses: cloudflare/wrangler-action@v3 | |
| with: | |
| accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }} | |
| apiToken: ${{ secrets.CLOUDFLARE_PAGES_TOKEN }} | |
| command: pages deploy dist --project-name=connect --branch=${{ needs.pr.outputs.number }} --commit-dirty=true | |
| - name: Comment URL on PR | |
| uses: thollander/actions-comment-pull-request@24bffb9b452ba05a4f3f77933840a6a841d1b32b | |
| with: | |
| message: | | |
| <!-- _(run_id **${{ github.run_id }}**)_ --> | |
| # deployed preview: https://${{ needs.pr.outputs.number }}.connect-d5y.pages.dev | |
| Welcome to connect! Make sure to: | |
| * read the [contributing guidelines](https://github.com/commaai/connect?tab=readme-ov-file#contributing) | |
| * mark your PR as a draft until it's ready to review | |
| * post the preview on [Discord](https://discord.comma.ai); feedback from users will speedup the PR review | |
| comment-tag: run_id | |
| pr-number: ${{ needs.pr.outputs.number }} | |
| github-token: ${{ secrets.GITHUB_TOKEN }} | |
| - name: Checkout ci-artifacts | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: commaai/ci-artifacts | |
| ssh-key: ${{ secrets.CI_ARTIFACTS_DEPLOY_KEY }} | |
| path: ${{ github.workspace }}/ci-artifacts | |
| ref: master | |
| - name: take screenshots | |
| run: bun src/ci/screenshots.ts https://${{ needs.pr.outputs.number }}.connect-d5y.pages.dev ${{ github.workspace }}/ci-artifacts | |
| - name: Push Screenshots | |
| working-directory: ${{ github.workspace }}/ci-artifacts | |
| run: | | |
| git checkout -b connect/pr-${{ needs.pr.outputs.number }} | |
| git config user.name "GitHub Actions Bot" | |
| git config user.email "<>" | |
| git add . | |
| git commit -m "screenshots for PR #${{ needs.pr.outputs.number }}" | |
| git push origin connect/pr-${{ needs.pr.outputs.number }} --force | |
| - name: Add screenshots to comment on PR | |
| uses: thollander/actions-comment-pull-request@24bffb9b452ba05a4f3f77933840a6a841d1b32b | |
| with: | |
| message: | | |
| <!-- _(run_id **${{ github.run_id }}**)_ --> | |
| # deployed preview: https://${{ needs.pr.outputs.number }}.connect-d5y.pages.dev | |
| Welcome to connect! Make sure to: | |
| * read the [contributing guidelines](https://github.com/commaai/connect?tab=readme-ov-file#contributing) | |
| * mark your PR as a draft until it's ready to review | |
| * post the preview on [Discord](https://discord.comma.ai); feedback from users will speedup the PR review | |
| ### Mobile | |
| <table> | |
| <tr> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/Login-mobile.playwright.png"></td> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/RouteActivity-mobile.playwright.png"></td> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/RouteList-mobile.playwright.png"></td> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/SettingsActivity-mobile.playwright.png"></td> | |
| </tr> | |
| </table> | |
| ### Desktop | |
| <table> | |
| <tr> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/Login-desktop.playwright.png"></td> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/RouteActivity-desktop.playwright.png"></td> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/RouteList-desktop.playwright.png"></td> | |
| <td><img src="https://raw.githubusercontent.com/commaai/ci-artifacts/connect/pr-${{ needs.pr.outputs.number }}/SettingsActivity-desktop.playwright.png"></td> | |
| </tr> | |
| </table> | |
| comment-tag: run_id | |
| pr-number: ${{ needs.pr.outputs.number }} | |
| github-token: ${{ secrets.GITHUB_TOKEN }} | |
| update_pr_check: | |
| name: Update PR check | |
| needs: preview | |
| if: always() && github.repository == 'commaai/connect' && github.event.workflow_run.event == 'pull_request' | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Update PR check | |
| uses: actions/github-script@v7 | |
| with: | |
| script: | | |
| github.rest.checks.update({ | |
| check_run_id: ${{ needs.preview.outputs.check_id }}, | |
| name: 'Deploy preview', | |
| head_sha: '${{ github.event.workflow_run.head_sha }}', | |
| status: 'completed', | |
| conclusion: '${{ needs.preview.result }}', | |
| output: { | |
| title: 'Preview deployment', | |
| summary: 'Result: ${{ needs.preview.result }}', | |
| }, | |
| owner: 'commaai', | |
| repo: '${{ github.event.repository.name }}', | |
| }) |