etsy-finance-tracker/.github/workflows/docker-build.yml

name: Build and Push Docker Images

on:
  push:
    branches: [ main, develop ]
    tags: [ 'v*' ]
  pull_request:
    branches: [ main ]

env:
  REGISTRY: ghcr.io
  IMAGE_NAME: ${{ github.repository }}

jobs:
  build-and-push:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      packages: write

    steps:
    - name: Checkout repository
      uses: actions/checkout@v4

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

    - name: Log in to Container Registry
      if: github.event_name != 'pull_request'
      uses: docker/login-action@v3
      with:
        registry: ${{ env.REGISTRY }}
        username: ${{ github.actor }}
        password: ${{ secrets.GITHUB_TOKEN }}

    - name: Extract metadata for Docker
      id: meta
      uses: docker/metadata-action@v5
      with:
        images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
        tags: |
          type=ref,event=branch
          type=ref,event=pr
          type=semver,pattern={{version}}
          type=semver,pattern={{major}}.{{minor}}
          type=sha,prefix=sha-          

    - name: Build React client
      run: |
        cd client
        npm ci
        npm run build
        cd ..        

    - name: Build and push Docker image
      uses: docker/build-push-action@v5
      with:
        context: .
        push: ${{ github.event_name != 'pull_request' }}
        tags: ${{ steps.meta.outputs.tags }}
        labels: ${{ steps.meta.outputs.labels }}
        platforms: linux/amd64,linux/arm64
        cache-from: type=gha
        cache-to: type=gha,mode=max

    - name: Generate deployment artifact
      if: github.event_name != 'pull_request'
      run: |
        mkdir -p deployment
        
        # Create production docker-compose file
        cat > deployment/docker-compose.prod.yml << 'EOF'
        version: '3.8'
        
        services:
          nginx:
            image: nginx:alpine
            container_name: etsy-nginx
            ports:
              - "3000:80"
            volumes:
              - ./nginx.conf:/etc/nginx/nginx.conf:ro
              - client_dist:/usr/share/nginx/html:ro
            depends_on:
              - etsy-tracker
            restart: unless-stopped
            networks:
              - etsy-network
        
          etsy-tracker:
            image: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ steps.meta.outputs.version }}
            container_name: etsy-finance-tracker
            expose:
              - "8080"
            environment:
              - NODE_ENV=production
              - PORT=8080
            volumes:
              - ./data:/app/data
              - etsy_uploads:/app/uploads
              - client_dist:/usr/share/nginx/html
            restart: unless-stopped
            networks:
              - etsy-network
        
        volumes:
          etsy_uploads:
          client_dist:
        
        networks:
          etsy-network:
            driver: bridge
        EOF
        
        # Copy nginx config
        cp nginx.conf deployment/
        
        # Create deployment script
        cat > deployment/deploy.sh << 'EOF'
        #!/bin/bash
        
        echo "🚀 Deploying Etsy Finance Tracker..."
        
        # Pull latest image
        docker-compose -f docker-compose.prod.yml pull
        
        # Stop existing containers
        docker-compose -f docker-compose.prod.yml down
        
        # Start with new image
        docker-compose -f docker-compose.prod.yml up -d
        
        echo "✅ Deployment complete!"
        echo "🌐 Access your app at: http://localhost:3000"
        EOF
        
        chmod +x deployment/deploy.sh        

    - name: Upload deployment artifacts
      if: github.event_name != 'pull_request'
      uses: actions/upload-artifact@v4
      with:
        name: deployment-files
        path: deployment/
        retention-days: 30