lint-test-build-web.yml

name: Lint🌸, Test🧪, Build🏗️ Web

on:
  pull_request:
    branches: ["develop"]
    paths: [
        "frontend/occupi-web/**",
        ".github/workflows/lint-test-build-web.yml"
    ]

  workflow_dispatch:

defaults:
  run:
    working-directory: frontend/occupi-web

jobs:
  # Lint job
  lint:
    name: 🌸 Lint
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout
        uses: actions/checkout@v4

      - name: 🏗 Setup Bun
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: latest # or "latest", "canary", <sha>
        
      - name: 📦 Install dependencies with Bun
        run: bun install

      - name: 🌸 Lint with ESLint
        run: bun run lint

  # Test job
  test:
    name: 🧪 Test
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout
        uses: actions/checkout@v4

      - name: 🏗 Setup Bun
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: latest # or "latest", "canary", <sha>

      - name: 📦 Install dependencies with Bun
        run: bun install

      - name: 🧪 Test with Jest
        run: bun test --coverage --coverage-reporter=lcov --coverage-dir=coverage

      - name: 📋 Upload coverage reports to Codecov
        uses: codecov/codecov-action@v4.0.1
        with:
          token: ${{ secrets.CODECOV_TOKEN }}
          files: ./coverage/lcov.info
          fail_ci_if_error: true
          verbose: true

  # Build job
  build:
    name: 🏗️ Build
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout
        uses: actions/checkout@v4

      - name: 🏗 Setup Bun
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: latest # or "latest", "canary", <sha>

      - name: 📦 Install dependencies with Bun
        run: bun install

      - name: 🚀 Build with Vite.js
        run: bun run build

  # test docker build and up the container then down
  build-test-docker:
    name: 🐋 Build Test Docker Container
    runs-on: ubuntu-latest

    steps:
    - name: ⬇️ Checkout code
      uses: actions/checkout@v4

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

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

    # run npm install so we can get package-lock.json file since it's not in the repo due to bun
    - name: 📦 Install dependencies
      run: npm install

    - name: 🐳 Build Docker image
      run: |
        docker build --no-cache -t ${{ secrets.DOCKER_USERNAME }}/occupi-web:latest-develop -f Dockerfile.dev .

    - name: ✅ Echo success message
      run: echo "Docker build successful"