feat(deploy): configure vps-monitor deployment

- deployment/docker-compose.yml: lucky7-front (8081) + lucky7-back (4001), shared mongo
- frontend Dockerfile: add NEXT_PUBLIC_BACKEND_URL build arg
- socket.ts: parse backend URL to extract origin and socket.io path for reverse proxy support
- deploy-staging.yml: replace SSH with vps-monitor API

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: RustyRory

.github/workflows/deploy-staging.yml

@@ -116,61 +116,18 @@ jobs:
     needs: [lint, test-unit, test-e2e]
 
     steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Deploy via SSH
-        uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ secrets.VPS_HOST }}
-          username: ${{ secrets.VPS_USER }}
-          key: ${{ secrets.VPS_SSH_KEY }}
-          port: 22
-          command_timeout: 30m
-          script: |
-            set -e
-            echo "🚀 Déploiement Lucky7 — staging"
-
-            REPO_DIR="/var/www/Lucky7"
-            COMPOSE_FILE="/var/www/docker-compose.yml"
-
-            # ── Cloner ou mettre à jour le repo ──────────────────────────
-            if [ ! -d "$REPO_DIR/.git" ]; then
-              echo "📥 Premier déploiement — clonage du repo..."
-              git clone https://github.com/${{ github.repository }}.git "$REPO_DIR"
-              git -C "$REPO_DIR" checkout staging
-            else
-              echo "🔄 Mise à jour du code..."
-              git -C "$REPO_DIR" fetch origin staging
-              git -C "$REPO_DIR" reset --hard origin/staging
-            fi
-            echo "✅ Code à jour"
-
-            # ── Vérifier que le .env backend existe ───────────────────────
-            ENV_FILE="$REPO_DIR/lucky7-app/backend/.env"
-            if [ ! -f "$ENV_FILE" ]; then
-              echo "❌ Fichier .env manquant : $ENV_FILE"
-              echo "   Créez-le manuellement sur le VPS avant de déployer."
-              exit 1
-            fi
-            echo "✅ Fichier .env backend trouvé"
-
-            # ── Rebuild et restart uniquement les services Lucky7 ─────────
-            echo "🔨 Build des images..."
-            docker-compose -f "$COMPOSE_FILE" build lucky7-back lucky7-front
-
-            echo "🔄 Redémarrage des containers..."
-            docker-compose -f "$COMPOSE_FILE" up -d --remove-orphans lucky7-back lucky7-front
-
-            echo "✅ Containers démarrés"
-
-            # ── Nettoyage des images obsolètes ────────────────────────────
-            docker image prune -f
-
-            # ── Vérification finale ───────────────────────────────────────
-            echo ""
-            echo "📊 État des containers Lucky7 :"
-            docker ps --filter "name=lucky7-" --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"
-
-            echo ""
-            echo "🎉 Déploiement terminé !"
+      - name: Trigger update via vps-monitor
+        run: |
+          curl -sf -c cookies.txt \
+            -X POST "${{ secrets.VPS_MONITOR_URL }}/auth/login" \
+            -H "Content-Type: application/json" \
+            -d '{"username":"${{ secrets.VPS_MONITOR_USER }}","password":"${{ secrets.VPS_MONITOR_PASS }}"}' \
+            | grep -q '"ok":true' || { echo "Échec login vps-monitor"; exit 1; }
+
+          curl -sf -b cookies.txt \
+            -X POST "${{ secrets.VPS_MONITOR_URL }}/api/deploy/update" \
+            -H "Content-Type: application/json" \
+            -d '{"name":"Lucky7"}' \
+            | grep -q '"ok":true' || { echo "Échec update vps-monitor"; exit 1; }
+
+          echo "Déploiement déclenché : http://78.138.58.95/Lucky7/"

deployment/docker-compose.yml

@@ -0,0 +1,24 @@
+services:
+  lucky7-front:
+    build:
+      context: ../lucky7-app/frontend
+      args:
+        NEXT_BASE_PATH: /Lucky7
+        NEXT_PUBLIC_BACKEND_URL: http://78.138.58.95/Lucky7-api
+    restart: unless-stopped
+    ports:
+      - "127.0.0.1:8081:3000"
+    depends_on:
+      - lucky7-back
+
+  lucky7-back:
+    build:
+      context: ../lucky7-app/backend
+    restart: unless-stopped
+    ports:
+      - "127.0.0.1:4001:4000"
+    environment:
+      NODE_ENV: production
+      PORT: "4000"
+      HOST: lucky7-back
+      MONGO_URI: mongodb://mongo:27017/lucky7

lucky7-app/frontend/Dockerfile

@@ -3,9 +3,12 @@ FROM node:20-alpine AS builder
 
 WORKDIR /usr/src/app
 
-ARG NEXT_BASE_PATH="/lucky7"
+ARG NEXT_BASE_PATH="/Lucky7"
 ENV NEXT_BASE_PATH=$NEXT_BASE_PATH
 
+ARG NEXT_PUBLIC_BACKEND_URL="http://localhost:4000"
+ENV NEXT_PUBLIC_BACKEND_URL=$NEXT_PUBLIC_BACKEND_URL
+
 COPY package*.json ./
 RUN npm install
 

lucky7-app/frontend/src/lib/socket.ts

@@ -7,7 +7,15 @@ let socket: Socket | null = null;
 
 export function getSocket(): Socket {
   if (!socket) {
-    socket = io(BACKEND_URL, { autoConnect: false });
+    const url = new URL(BACKEND_URL);
+    const hasPath = url.pathname && url.pathname !== '/';
+    // Quand le backend est derrière un reverse proxy avec un préfixe (ex: /Lucky7-api),
+    // socket.io-client interprète ce préfixe comme un namespace, pas un path.
+    // On extrait donc l'origine et on construit le path socket.io manuellement.
+    socket = io(url.origin, {
+      path: hasPath ? url.pathname.replace(/\/$/, '') + '/socket.io' : '/socket.io',
+      autoConnect: false,
+    });
   }
   return socket;
 }