frontend_ci_cd.yml

name: Frontend CI/CD Pipeline
# TODO run unit tests when available
run-name: Triggered by ${{ github.actor }}
on:
  push:
    # runs action on pushes to develop and master
    branches:
      - master
      - develop
  # runs action on PRs to develop
  pull_request:
    branches:
      - develop
    paths-ignore:
      - "backend/**"

env:
    NODE_VERSION: "20"

jobs:
    linting_and_tests:
        name: Linting & Unit Testing Frontend
        runs-on: ubuntu-latest
        defaults:
          run:
            #sets the working directory to the frontend for this job
            working-directory: ./frontend
        steps:
            - name: Checkout Repository
              uses: actions/checkout@v4
            - name: Check Directory Contents
              run: ls -la

            - name: Set up Node ${{env.NODE_VERSION}}
              uses: actions/setup-node@v4
              with:
                node-version: ${{env.NODE_VERSION}}
                cache: 'npm'
                cache-dependency-path: './frontend/package-lock.json'
            
            - name: Install Dependencies
              run: npm install
            - name: Check prettier version
              run: npx prettier --version
            - name: Run Linting
              run: |
                npm run lint
                npm run format-check

            - name: Run Unit Tests
              run: npm run test:unit

        # TODO we need to store env variables needed by the image as secrets in GitHub secrets
        # so they can be used when building the image
    deploy:
        if: ${{github.event_name == 'push' }}
        needs: linting_and_tests
        name: Deploy Frontend
        runs-on: ubuntu-latest
        permissions:
          id-token: write
        defaults:
          run:
            #sets the working directory to the frontend dir for this job
            working-directory: ./frontend

        steps:
            - name: Checkout Repository
              uses: actions/checkout@v4
            - name: Branch used 
              id: extract_branch_name
              run: |
                if [[ "${GITHUB_EVENT_NAME}" == "push" ]]; then
                  echo "::set-output name=branch::$(echo ${GITHUB_REF##*/})"
                elif [[ "${GITHUB_EVENT_NAME}" == "pull_request" ]]; then
                  echo "::set-output name=branch::$(echo $GITHUB_BASE_REF)"
                else
                  echo "::set-output name=branch::INVALID_EVENT_BRANCH_UNKNOWN"
                fi

            - name: Configure AWS credentials
              uses: aws-actions/configure-aws-credentials@v4
              with:
                role-to-assume: arn:aws:iam::${{secrets.AWS_ACCOUNT_ID}}:role/GithHubActionsInformatter
                aws-region: ${{ secrets.AWS_REGION }}
          
            - name: Login to Amazon ECR
              id: login-ecr
              uses: aws-actions/amazon-ecr-login@v2
            - name: Build And Push Image to AWS ECR
              env:
                IMAGE_TAG: ${{ steps.extract_branch_name.outputs.branch }}
                REGISTRY: ${{ steps.login-ecr.outputs.registry }}
                REPOSITORY: sample-ai-rag-app
              run: |
                docker build -t $REGISTRY/$REPOSITORY:$IMAGE_TAG -f frontend.dockerfile . 
                docker push $REGISTRY/$REPOSITORY:$IMAGE_TAG

# TODO Use this command instead of the current build one:
#docker build -t $REGISTRY/$REPOSITORY:$IMAGE_TAG --build-arg VITE_API_SERVER_URL="$VITE_API_SERVER_URL" --build-arg VITE_AUTH0_CALLBACK_URL="$VITE_AUTH0_CALLBACK_URL" --build-arg VITE_AUTH0_DOMAIN="$VITE_AUTH0_DOMAIN" --build-arg VITE_AUTH0_CLIENT_ID="$VITE_AUTH0_CLIENT_ID" -f frontend.dockerfile .