deploy-web-develop.yml

name: Build 🏗️ and Deploy Web 🛳️ to Develop 🚈

on:
  push:
    branches: ["develop"]
    paths: [
      "frontend/occupi-web/**",
      ".github/workflows/deploy-web-develop.yml"
    ]

  workflow_dispatch:

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

jobs:
  # Build job
  build-test:
    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
    needs: build-test

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

    # 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: 🏗 Set up QEMU
      uses: docker/setup-qemu-action@v3

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

    - 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"

  build-push-docker:
    name: 🐋 Build and Push Web Docker Image
    runs-on: ubuntu-latest
    needs: build-test-docker

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

    # 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: 🏗 Set up QEMU
      uses: docker/setup-qemu-action@v3

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

    - name: 🧑‍💻 Login to DockerHub
      uses: docker/login-action@v3
      with:
        username: ${{ secrets.DOCKER_USERNAME }}
        password: ${{ secrets.DOCKER_PASSWORD }}

    - name: 🐳 Build and push Docker image
      uses: docker/build-push-action@v5
      with:
        context: frontend/occupi-web
        file: frontend/occupi-web/Dockerfile.dev
        platforms: linux/amd64,linux/arm64
        push: true
        tags: ${{ secrets.DOCKER_USERNAME }}/occupi-web:latest-develop

  deploy:
          name: 🛳️ Deploy Web
          runs-on: ubuntu-latest
          needs: build-push-docker
  
          steps:
              - name: ⬇️ Checkout code
                uses: actions/checkout@v4
  
              - name: 🪷 Copy files to VM
                uses: appleboy/scp-action@v0.1.5
                with:
                      host: ${{ secrets.VM_IP }}
                      username: ${{ secrets.VM_USERNAME }}
                      key: ${{ secrets.VM_SSH_KEY }}
                      source: "frontend/occupi-web/docker-compose.dev.yml,frontend/occupi-web/Dockerfile.dev"
                      target: "/home/${{ secrets.VM_USERNAME }}/occupi-web-dev"
  
              # SSH to VM and run commands
              - name: 🚀 SSH to VM
                uses: appleboy/ssh-action@master
                with:
                  host: ${{ secrets.VM_IP }}
                  username: ${{ secrets.VM_USERNAME }}
                  key: ${{ secrets.VM_SSH_KEY }}
                  script: |
                      cd /home/${{ secrets.VM_USERNAME }}/occupi-web-dev/frontend/occupi-web
                      echo "${{ secrets.DOCKER_PASSWORD }}" | docker login -u ${{ secrets.DOCKER_USERNAME }} --password-stdin
                      DOCKER_USERNAME=${{ secrets.DOCKER_USERNAME }} docker compose -f docker-compose.dev.yml down --rmi all
                      docker image prune -f
                      DOCKER_USERNAME=${{ secrets.DOCKER_USERNAME }} docker compose -f docker-compose.dev.yml pull
                      DOCKER_USERNAME=${{ secrets.DOCKER_USERNAME }} docker compose -f docker-compose.dev.yml up -d