frontend-cicd.yaml

name: Frontend - CI/CD

on:
  workflow_dispatch:
    inputs:
      run-type:
        description: 'Run type'
        required: true
        default: 'Deploy'
        type: choice
        options:
        - Code-Quality
        - Deploy
  pull_request:
    types: 
      - opened
      - reopened
      - synchronize
    paths:
      - 'frontend/**.js'
      - 'frontend/**.ts'
      - 'frontend/**.tsx'
      - 'frontend/**.json'
      - 'frontend/**.lock'
      - 'frontend/src/**'
      - 'frontend/Dockerfile'

defaults:
  run:
    working-directory: ./frontend

jobs:
  code-quality:
    name: Code Quality
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node: ["16"]
    steps:
      - name: Checkout
        uses: actions/checkout@v3

      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
          cache: "npm"
          cache-dependency-path: "./frontend/package-lock.json"

      - name: Install dependencies
        run: make clean_install_dev

      # TODO: fix lint errors
      # - name: Run Review Dog - Linter
      #   uses: reviewdog/action-eslint@v1
      #   with:
      #     level: "info"
      #     workdir: "./frontend/"
      #     fail_on_error: "true"
        
      # TODO: fix lint errors
      # - name: Run linter
      #   if: github.event_name != 'pull_request'
      #   run: make lint

      # TODO: add tests and fix cogerage tests errors
      # - name: Run coverage test
      #   run: make coverage-test

  build:
    name: Build
    runs-on: ubuntu-latest
    environment: Production
    steps:
      - name: Checkout
        uses: actions/checkout@v3

      - name: Set up QEMU
        uses: docker/setup-qemu-action@v2

      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v2

      - name: Build Docker image
        uses: docker/build-push-action@v4
        with:
          context: frontend/
          platforms: linux/amd64
          target: remote
          push: false
          tags: build:1.0.0
          build-args: |
            REACT_APP_API_URL=${{ vars.REACT_APP_API_URL }}
            REACT_APP_SENTRY_DSN=${{ secrets.REACT_APP_SENTRY_DSN }}
          outputs: type=docker,dest=/tmp/docker_image.tar

      - name: Upload artifact
        uses: actions/upload-artifact@v3
        if: inputs.run-type == 'Deploy'
        with:
          retention-days: 1
          name: docker_image
          path: /tmp/docker_image.tar

  deploy:
    name: Deploy
    runs-on: ubuntu-latest
    needs: ['code-quality', 'build']
    if: needs.code-quality.result == 'success' && needs.build.result == 'success' && inputs.run-type == 'Deploy'
    environment: Production
    env:
      ECR_REPOSITORY: ${{ vars.resource_base_name }}-tfv2-frontend
      ECS_CLUSTER_NAME: ${{ vars.resource_base_name }}
      ECS_SERVICE_NAME: ${{ vars.resource_base_name }}-tfv2-frontend
      ECS_CONTAINER_NAME: ${{ vars.resource_base_name }}-tfv2-frontend
      ECS_TASK_NAME: ${{ vars.resource_base_name }}-tfv2-frontend
      IMAGE_TAG: ${{ github.sha }}
    permissions:
      contents: 'read'

    steps:
      - name: Checkout
        uses: actions/checkout@v3

      - name: Configure AWS credentials
        uses: aws-actions/configure-aws-credentials@v1
        with:
          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          aws-region: ${{ vars.AWS_REGION }}

      - name: Login to Amazon ECR
        id: login-ecr
        uses: aws-actions/amazon-ecr-login@v1
        
      - name: Set image
        env:
          ECR_REGISTRY: ${{ steps.login-ecr.outputs.registry }}
        run: echo "IMAGE=$(echo $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG )" >> $GITHUB_ENV

      - name: Download artifact
        uses: actions/download-artifact@v3
        with:
          name: docker_image
          path: /tmp

      - name: Load, tag and push Docker image
        run: |
          docker load --input /tmp/docker_image.tar
          docker tag build:1.0.0 ${{ env.IMAGE }}
          docker image ls -a
          docker push ${{ env.IMAGE }}
          
      - name: Download ECS task definition
        run: |
          aws ecs describe-task-definition --task-definition $ECS_TASK_NAME --query taskDefinition > task-definition.json
          cat task-definition.json

      - name: Fill in the new image ID in the Amazon ECS task definition
        id: task-def
        uses: aws-actions/amazon-ecs-render-task-definition@v1
        with:
          task-definition: frontend/task-definition.json
          container-name: ${{ env.ECS_CONTAINER_NAME }}
          image: ${{ env.IMAGE }}

      - name: Deploy Amazon ECS task definition
        uses: aws-actions/amazon-ecs-deploy-task-definition@v1
        with:
          task-definition: ${{ steps.task-def.outputs.task-definition }}
          service: ${{ env.ECS_SERVICE_NAME }}
          cluster: ${{ env.ECS_CLUSTER_NAME }}
          wait-for-service-stability: true