Skip to content

Preview Client Build #356

Preview Client Build

Preview Client Build #356

Workflow file for this run

name: Preview Client Build
on: [push]
jobs:
deploy_client:
name: Deploy Client
runs-on: ubuntu-latest
timeout-minutes: 15
environment:
name: preview_client
url: ${{ steps.wrangler.outputs.preview_url }}
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v3
with:
node-version: "18.6"
cache: "npm"
- name: Install lerna
run: |
npm install
- name: Install dependencies
run: |
npx lerna bootstrap --ci
- name: Build client
working-directory: ./packages/client
env:
SKIP_PREFLIGHT_CHECK: true
REACT_APP_AUTH0_CLIENT_ID: ${{ secrets.REACT_APP_AUTH0_CLIENT_ID }}
REACT_APP_AUTH0_DOMAIN: ${{ secrets.REACT_APP_AUTH0_DOMAIN }}
REACT_APP_AUTH0_SCOPE: "openid profile email permissions"
REACT_APP_AUTH0_AUDIENCE: https://api.seasketch.org
REACT_APP_MAPBOX_ACCESS_TOKEN: ${{ secrets.REACT_APP_MAPBOX_ACCESS_TOKEN }}
REACT_APP_GRAPHQL_ENDPOINT: ${{ secrets.REACT_APP_GRAPHQL_ENDPOINT }}
REACT_APP_BUILD: ${{ steps.short_sha.outputs.sha }}
REACT_APP_SENTRY_DSN: ${{ secrets.REACT_APP_SENTRY_DSN }}
REACT_APP_CLOUDFRONT_DOCS_DISTRO: ${{ secrets.REACT_APP_CLOUDFRONT_DOCS_DISTRO }}
REACT_APP_CLOUDFLARE_IMAGES_ENDPOINT: ${{ secrets.REACT_APP_CLOUDFLARE_IMAGES_ENDPOINT }}
run: |
CI=false npm run build
- name: deploy to cloudflare pages
id: wrangler
working-directory: ./packages/client
env:
CLOUDFLARE_ACCOUNT_ID: ${{secrets.CLOUDFLARE_ACCOUNT_ID}}
CLOUDFLARE_API_TOKEN: ${{secrets.CLOUDFLARE_API_TOKEN}}
run: |
BRANCH=$(git rev-parse --abbrev-ref HEAD)
BRANCH=$(if [ $BRANCH = "master" ]; then echo "master-preview"; else echo $BRANCH; fi)
URL=$(npx wrangler pages publish build --project-name=seasketch-next-client --commit-dirty=true --branch $BRANCH | grep -Eo "(http|https)://[a-zA-Z0-9./?=_%:-]*" | sort -u)
echo "preview_url=$(echo $URL)" >> $GITHUB_OUTPUT