build_and_deploy.yaml

name: "Build and Deploy"

on:
  workflow_dispatch:
  push:
    branches: [main, master]
  pull_request:
    branches: [main, master]

jobs:
  build:
    runs-on: ubuntu-latest
    if: github.repository == 'covid19-forecast-hub-europe/covid19-forecast-hub-europe-viz'

    steps:
      - name: Checkout repository
        uses: actions/checkout@v2

      - uses: actions/setup-node@v2
        with:
          node-version: '14'

      - run: npm i -g @angular/cli

      - run: npm install

      - run: ng build --build-optimizer --configuration production --base-href /covid19-forecast-hub-europe-viz/

      - name: Upload artifact
        uses: actions/upload-pages-artifact@v1
        with:
          path: ./dist/covid-forecast-ecdc

  # Deployment job
  deploy:
    if: github.event_name != 'pull_request'
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    needs: build
    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
    permissions:
      pages: write      # to deploy to Pages
      id-token: write   # to verify the deployment originates from an appropriate source
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v1