rpa_vision_v3/visual_workflow_builder/run.sh

#!/bin/bash

################################################################################
# Visual Workflow Builder - Script de Lancement Complet (LEGACY v3)
#
# ATTENTION : ce script cible frontend/ (Create React App, port 3000) — version
# historique. La version active est frontend_v4/ (Vite + React, port 3002),
# lancée via ./run_v4.sh ou ./launch.sh (qui y délègue par défaut).
#
# Ce script :
# - Crée un environnement virtuel Python si nécessaire
# - Installe les dépendances backend
# - Installe les dépendances frontend
# - Lance le backend Flask
# - Lance le frontend React
################################################################################

set -e  # Arrêter en cas d'erreur

# Couleurs
GREEN='\033[0;32m'
YELLOW='\033[1;33m'
RED='\033[0;31m'
BLUE='\033[0;34m'
NC='\033[0m' # No Color

# Variables
VENV_DIR="venv"
BACKEND_DIR="backend"
FRONTEND_DIR="frontend"
BACKEND_LOG="backend.log"
FRONTEND_LOG="frontend.log"

echo "=========================================="
echo "Visual Workflow Builder - Lancement"
echo "=========================================="
echo ""

# Fonction de nettoyage
cleanup() {
    echo ""
    echo -e "${YELLOW}Arrêt des services...${NC}"
    if [ ! -z "$BACKEND_PID" ]; then
        kill $BACKEND_PID 2>/dev/null || true
    fi
    if [ ! -z "$FRONTEND_PID" ]; then
        kill $FRONTEND_PID 2>/dev/null || true
    fi
    exit 0
}

trap cleanup SIGINT SIGTERM

# Vérifier que nous sommes dans le bon répertoire
if [ ! -d "$BACKEND_DIR" ] || [ ! -d "$FRONTEND_DIR" ]; then
    echo -e "${RED}Erreur: Ce script doit être exécuté depuis visual_workflow_builder/${NC}"
    exit 1
fi

################################################################################
# 1. CONFIGURATION DE L'ENVIRONNEMENT VIRTUEL PYTHON
################################################################################

echo -e "${BLUE}1. Configuration de l'environnement Python${NC}"
echo "----------------------------------------"

# Détecter Python
if command -v python3 > /dev/null; then
    PYTHON_CMD=python3
    PIP_CMD=pip3
elif command -v python > /dev/null; then
    PYTHON_CMD=python
    PIP_CMD=pip
else
    echo -e "${RED}✗ Python n'est pas installé${NC}"
    echo "Installez Python 3.8+ : https://www.python.org/downloads/"
    exit 1
fi

echo -e "${GREEN}✓ Python trouvé: $($PYTHON_CMD --version)${NC}"

# Créer l'environnement virtuel si nécessaire
if [ ! -d "$VENV_DIR" ]; then
    echo "Création de l'environnement virtuel..."
    $PYTHON_CMD -m venv $VENV_DIR
    echo -e "${GREEN}✓ Environnement virtuel créé${NC}"
else
    echo -e "${GREEN}✓ Environnement virtuel existe déjà${NC}"
fi

# Activer l'environnement virtuel
echo "Activation de l'environnement virtuel..."
source $VENV_DIR/bin/activate

# Mettre à jour pip
echo "Mise à jour de pip..."
$PIP_CMD install --upgrade pip > /dev/null 2>&1

echo -e "${GREEN}✓ Environnement virtuel activé${NC}"
echo ""

################################################################################
# 2. INSTALLATION DES DÉPENDANCES BACKEND
################################################################################

echo -e "${BLUE}2. Installation des dépendances backend${NC}"
echo "----------------------------------------"

cd $BACKEND_DIR

if [ -f "requirements.txt" ]; then
    echo "Installation des dépendances Python..."
    $PIP_CMD install -r requirements.txt > /dev/null 2>&1
    echo -e "${GREEN}✓ Dépendances backend installées${NC}"
else
    echo -e "${YELLOW}⚠ Fichier requirements.txt non trouvé${NC}"
fi

cd ..
echo ""

################################################################################
# 3. INSTALLATION DES DÉPENDANCES FRONTEND
################################################################################

echo -e "${BLUE}3. Installation des dépendances frontend${NC}"
echo "----------------------------------------"

cd $FRONTEND_DIR

# Vérifier Node.js
if ! command -v node > /dev/null; then
    echo -e "${RED}✗ Node.js n'est pas installé${NC}"
    echo "Installez Node.js 14+ : https://nodejs.org/"
    exit 1
fi

echo -e "${GREEN}✓ Node.js trouvé: $(node --version)${NC}"

# Installer les dépendances si nécessaire
if [ ! -d "node_modules" ]; then
    echo "Installation des dépendances npm..."
    npm install
    echo -e "${GREEN}✓ Dépendances frontend installées${NC}"
else
    echo -e "${GREEN}✓ Dépendances frontend déjà installées${NC}"
fi

cd ..
echo ""

################################################################################
# 4. DÉMARRAGE DU BACKEND
################################################################################

echo -e "${BLUE}4. Démarrage du backend Flask${NC}"
echo "----------------------------------------"

cd $BACKEND_DIR

# Démarrer le backend en arrière-plan
$PYTHON_CMD app.py > ../$BACKEND_LOG 2>&1 &
BACKEND_PID=$!

cd ..

# Attendre que le backend soit prêt
echo "Attente du backend..."
for i in {1..30}; do
    if curl -s http://localhost:5002/health > /dev/null 2>&1; then
        echo -e "${GREEN}✓ Backend prêt sur http://localhost:5002${NC}"
        break
    fi
    if [ $i -eq 30 ]; then
        echo -e "${RED}✗ Timeout: Le backend n'a pas démarré${NC}"
        echo "Vérifiez $BACKEND_LOG pour plus de détails:"
        tail -20 $BACKEND_LOG
        cleanup
        exit 1
    fi
    sleep 1
done

echo ""

################################################################################
# 5. DÉMARRAGE DU FRONTEND
################################################################################

echo -e "${BLUE}5. Démarrage du frontend React${NC}"
echo "----------------------------------------"

cd $FRONTEND_DIR

# Démarrer le frontend en arrière-plan
BROWSER=none npm start > ../$FRONTEND_LOG 2>&1 &
FRONTEND_PID=$!

cd ..

# Attendre que le frontend soit prêt
echo "Attente du frontend..."
for i in {1..60}; do
    if curl -s http://localhost:3000 > /dev/null 2>&1; then
        echo -e "${GREEN}✓ Frontend prêt sur http://localhost:3000${NC}"
        break
    fi
    if [ $i -eq 60 ]; then
        echo -e "${RED}✗ Timeout: Le frontend n'a pas démarré${NC}"
        echo "Vérifiez $FRONTEND_LOG pour plus de détails:"
        tail -20 $FRONTEND_LOG
        cleanup
        exit 1
    fi
    sleep 1
done

echo ""

################################################################################
# 6. INFORMATIONS ET ATTENTE
################################################################################

echo "=========================================="
echo -e "${GREEN}✓ Visual Workflow Builder est prêt !${NC}"
echo "=========================================="
echo ""
echo "URLs:"
echo "  • Frontend: http://localhost:3000"
echo "  • Backend:  http://localhost:5002"
echo "  • Health:   http://localhost:5002/health"
echo ""
echo "Logs:"
echo "  • Backend:  tail -f $BACKEND_LOG"
echo "  • Frontend: tail -f $FRONTEND_LOG"
echo ""
echo "Processus:"
echo "  • Backend PID:  $BACKEND_PID"
echo "  • Frontend PID: $FRONTEND_PID"
echo ""
echo "Pour arrêter: Ctrl+C"
echo ""
echo "=========================================="
echo ""

# Ouvrir le navigateur automatiquement
if command -v xdg-open > /dev/null; then
    xdg-open http://localhost:3000 2>/dev/null &
elif command -v open > /dev/null; then
    open http://localhost:3000 2>/dev/null &
fi

# Attendre indéfiniment
echo -e "${GREEN}Services en cours d'exécution...${NC}"
echo "Appuyez sur Ctrl+C pour arrêter"
echo ""

wait