chore: add deploy to VM implementation

Author: coderomm

.github/workflows/cd_frontend.yml

@@ -2,12 +2,21 @@ name: Deploy the frontend
 on:
   push:
     branches: [main]
+    paths:
+      - 'apps/collabydraw/**'
+      - 'packages/**'
+      - '.github/workflows/cd_frontend.yml'
 jobs:
-  build:
+  build-and-deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout the code
         uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
 
       - name: Docker login
         uses: docker/login-action@v3
@@ -25,14 +34,38 @@ jobs:
             echo "Error: JWT_SECRET secret is not set"
             exit 1
           fi
+          $secrets_valid
 
-      - name: Build and push
+      - name: Build and push Frontend
         uses: docker/build-push-action@v5
         with:
           context: .
           file: ./docker/Dockerfile.frontend
+          provenance: false
           build-args: |
             DATABASE_URL=${{ secrets.DATABASE_URL }}
             JWT_SECRET=${{ secrets.JWT_SECRET }}
+            WEBSOCKET_URL=${{ secrets.WEBSOCKET_URL }}
           push: true
-          tags: coderomm/collabydraw:${{ github.sha }}
+          tags: |
+            coderomm/collabydraw:latest
+            coderomm/collabydraw:${{ github.sha }}
+
+      - name: Deploy to VM
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.VM_HOST }}
+          username: ${{ secrets.VM_USERNAME }}
+          key: ${{ secrets.SSH_PRIVATE_KEY }}
+          script: |
+            docker pull coderomm/collabydraw:${{ github.sha }}
+            docker stop collabydraw-frontend || true
+            docker rm collabydraw-frontend || true
+            docker run -d \
+              --name collabydraw-frontend \
+              -p 3000:3000 \
+              -e DATABASE_URL=${{ secrets.DATABASE_URL }} \
+              -e JWT_SECRET=${{ secrets.JWT_SECRET }} \
+              -e WEBSOCKET_URL=${{ secrets.WEBSOCKET_URL }} \
+              coderomm/collabydraw:${{ github.sha }}
+

.github/workflows/cd_ws.yml

@@ -2,18 +2,20 @@ name: Deploy the websocket server
 on:
   push:
     branches: [main]
+    paths:
+      - 'apps/ws/**'
+      - 'packages/**'
+      - '.github/workflows/cd_ws.yml'
+
 jobs:
-  build:
+  build-and-deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout the code
         uses: actions/checkout@v2
 
-      - name: Debug - Show directory contents
-        run: ls -la
-
-      - name: Debug - Show package.json
-        run: cat package.json
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
 
       - name: Docker login
         uses: docker/login-action@v2
@@ -26,11 +28,24 @@ jobs:
         with:
           context: .
           file: ./docker/Dockerfile.websocket
+          provenance: false
           push: true
-          tags: coderomm/collabydraw-websocket:${{ github.sha }}
+          tags: |
+            coderomm/collabydraw-websocket:latest
+            coderomm/collabydraw-websocket:${{ github.sha }}
           
-      - name: Deploy to the VM
-        run: |
-          echo "${{ secrets.SSH_PRIVATE_KEY }}" &> ~/ssh_key
-          chmod 700 /home/runner/ssh_key
-          ssh -o StrictHostKeyChecking=no -i ~/ssh_key [email protected] -t "docker stop user_backend && docker run --name user_backend -d -p 8080:8080 coderomm/collabydraw-websocket:${{ github.sha }}"
+      - name: Deploy to VM
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.VM_HOST }}
+          username: ${{ secrets.VM_USERNAME }}
+          key: ${{ secrets.SSH_PRIVATE_KEY }}
+          script: |
+            docker pull coderomm/collabydraw-websocket:${{ github.sha }}
+            docker stop collabydraw-websocket || true
+            docker rm collabydraw-websocket || true
+            docker run -d \
+              --name collabydraw-websocket \
+              -p 8080:8080 \
+              -e DATABASE_URL=${{ secrets.DATABASE_URL }} \
+              coderomm/collabydraw-websocket:${{ github.sha }}