#!/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