Skip to content

Merge pull request #2044 from oasisprotocol/lw/screenshots #3864

Merge pull request #2044 from oasisprotocol/lw/screenshots

Merge pull request #2044 from oasisprotocol/lw/screenshots #3864

# NOTE: This name appears in GitHub's Checks API and in workflow's status badge.
name: cloudflare-pages
# Trigger the workflow when:
on:
# A push occurs to one of the matched branches.
push:
branches: [master]
# Or when a pull request event occurs for a pull request against one of the
# matched branches.
pull_request:
branches: [master]
permissions: # Limit secrets.GITHUB_TOKEN permissions
contents: read
pull-requests: write
jobs:
cloudflare-pages:
# This name appears in GitHub's Checks API.
name: cloudflare-pages
# Do not trigger job for dependency update bot.
if: github.actor != 'renovate[bot]'
runs-on: ubuntu-latest
steps:
# In progress comment will be updated with a deploy status.
- name: Add in progress comment to PR
# We want to add in progress comment on a pull request event only.
if: github.event_name == 'pull_request'
uses: mshick/add-pr-comment@v2
with:
message: |
## Deploying with <a href="https://pages.dev">Cloudflare Pages</a>
<table>
<tr>
<td><strong>Latest commit:</strong></td>
<td><code>${{ github.event.pull_request.head.sha }}</code></td>
</tr>
<tr>
<td><strong>Status:</strong></td><td>⏳ In progress</td>
</tr>
</table>
- name: Checkout code
uses: actions/checkout@v4
# Checkout pull request HEAD commit instead of merge commit.
with:
ref: ${{ github.event.pull_request.head.sha }}
- name: Set up Node.js 18
uses: actions/setup-node@v4
with:
node-version: '18.x'
cache: yarn
- name: Install dependencies
run: yarn install --frozen-lockfile
- name: Build app
run: yarn build
- name: Publish to Cloudflare Pages
# Id is needed to access output in a next step.
id: cloudflare
uses: cloudflare/pages-action@v1
with:
apiToken: ${{ secrets.CLOUDFLARE_PAGES_API_TOKEN }}
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
# Project name created via Cloudflare dashboard.
projectName: oasis-wallet
# Use output directory of build command.
directory: build
# On a subsequent run the original comment will be updated.
- name: Update PR comment
uses: mshick/add-pr-comment@v2
# We want to update a comment on a pull request event only.
if: github.event_name == 'pull_request' && always()
with:
message: |
## Deployed to <a href="https://pages.dev">Cloudflare Pages</a>
<table>
<tr>
<td><strong>Latest commit:</strong></td>
<td><code>${{ github.event.pull_request.head.sha }}</code></td>
</tr>
<tr>
<td><strong>Status:</strong></td><td>✅ Deploy successful!</td>
</tr>
<tr>
<td><strong>Preview URL:</strong></td>
<td><a href="${{ steps.cloudflare.outputs.url }}">${{ steps.cloudflare.outputs.url }}</a></td>
</tr>
</table>
message-failure: |
## Deployed to <a href="https://pages.dev">Cloudflare Pages</a>
<table>
<tr>
<td><strong>Latest commit:</strong></td>
<td><code>${{ github.event.pull_request.head.sha }}</code></td>
</tr>
<tr>
<td><strong>Status:</strong></td><td>🚫 Deploy failed!</td>
</tr>
</table>
message-cancelled: |
## Deployed to <a href="https://pages.dev">Cloudflare Pages</a>
<table>
<tr>
<td><strong>Status:</strong></td><td>✖️ Deploy cancelled!</td>
</tr>
</table>