web-app-ci-cd.yml

name: "Web App CI / CD"

on:
  pull_request: {}
  push:
    branches: [main]
    paths: [web-app/**]
  workflow_dispatch:
    inputs:
      What-If:
        description: "What-If: Set to 'false' if you want to deploy"
        required: true
        default: "true"

env:
  working_directory: ./web-app

jobs:
  build:
    name: "Web App Build"
    if: github.event_name == 'pull_request' || ( github.event_name == 'workflow_dispatch' && github.event.inputs.What-If == 'true' )
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repository
        uses: actions/checkout@v2
        with:
          ref: ${{ github.event.pull_request.head.ref }}
      - name: Build and test
        uses: ./.github/workflows/composite/web-app-build-test
      - name: git push lint fixes
        run: |
          git config user.name github-actions
          git config user.email github-actions@github.com
          git diff-index --quiet HEAD || git commit -am "Autofix ESLint errors"
          git push
      - name: Prepare dist
        env:
          NODE_ENV: "production"
        working-directory: ${{ env.working_directory }}
        shell: bash
        run: ./scripts/make_dist.sh
  build-and-deploy:
    name: "Web App Build & Deploy"
    if: github.ref == 'refs/heads/main' && (github.event_name == 'push' || ( github.event_name == 'workflow_dispatch' && github.event.inputs.What-If == 'false' ))
    runs-on: ubuntu-latest
    environment:
      name: "production"
      url: ${{ steps.azure-webapps-deploy.outputs.webapp-url }}
    concurrency: production-deploy
    env:
      slot_name: "Production"
      app_name: "announcement-drafter"
    steps:
      - name: Checkout Repository
        uses: actions/checkout@v2
        with:
          # NOTE: set the fetch-depth to be sure you retrieve all commits to look for the semver commit message
          fetch-depth: "0"
      - name: Build and test
        uses: ./.github/workflows/composite/web-app-build-test
      - name: Prepare dist
        env:
          NODE_ENV: "production"
        working-directory: ${{ env.working_directory }}
        shell: bash
        run: ./scripts/make_dist.sh
      - name: "Deploy to Azure Web App"
        id: azure-webapps-deploy
        uses: azure/webapps-deploy@v2
        env:
          NODE_ENV: "production"
        with:
          app-name: ${{ env.app_name }}
          slot-name: ${{ env.slot_name }}
          publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE }}
          package: "${{ env.working_directory }}/dist"