pr-preview.yml

# .github/workflows/preview.yml
name: Deploy PR previews
concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true
on:
  pull_request:
    types:
      - opened
      - reopened
      - synchronize
      - closed
jobs:
  deploy-preview:
    runs-on: ubuntu-latest
    permissions:
      contents: write
      pull-requests: write
    steps:
      - uses: actions/checkout@v4
      - name: Use Node.js 20
        uses: actions/setup-node@v4
        with:
          node-version: "20"
      - name: Install
        if: github.event.action != 'closed'
        run: |
          npm install
      - name: Always preview with the latest browserslist db
        if: github.event.action != 'closed'
        run: |
          npx update-browserslist-db@latest
      - name: Build web-component
        if: github.event.action != 'closed'
        run: |
          npx nx build web-component
          # create the bundles required for studio-web
          npx nx bundle web-component
      - name: Build
        if: github.event.action != 'closed'
        run: |
          npx nx build studio-web --base-href=/pr-preview/pr-${{github.event.number}}/ --configuration=production
          npx nx build studio-web --base-href=/pr-preview/pr-${{github.event.number}}/ --configuration=production --localize=fr --deleteOutputPath=false
          npx nx build studio-web --base-href=/pr-preview/pr-${{github.event.number}}/ --configuration=production --localize=es --deleteOutputPath=false
      - name: Publish Deploy Preview 🛫
        uses: rossjrw/pr-preview-action@v1
        with:
          source-dir: dist/packages/studio-web
          preview-branch: gh-pages
          umbrella-dir: pr-preview
          action: auto