app.py

import streamlit as st
import re
from clemscript_analyzer import ClemScriptAnalyzer
from code_generator import CodeGenerator
from tutorial_page import show_tutorial_page

def main():
    st.set_page_config(
        page_title="CléfistAI - Générateur ClemScript",
        page_icon="🐱",
        layout="wide",
        initial_sidebar_state="expanded"
    )
    
    # Style CSS personnalisé pour un look kawaii
    st.markdown("""
    <style>
    .main {
        background: linear-gradient(135deg, #ffeef8 0%, #e8f5ff 100%);
    }
    .stButton > button {
        background: linear-gradient(45deg, #ff9db4, #ffc1dc);
        color: white;
        border: none;
        border-radius: 20px;
        font-weight: bold;
        transition: all 0.3s ease;
    }
    .stButton > button:hover {
        transform: scale(1.05);
        box-shadow: 0 5px 15px rgba(255, 157, 180, 0.4);
    }
    .css-1d391kg {
        background: rgba(255, 255, 255, 0.8);
        border-radius: 15px;
        padding: 20px;
        backdrop-filter: blur(10px);
    }
    .stTextArea > div > div > textarea {
        border-radius: 15px;
        border: 2px solid #ffc1dc;
    }
    .stSelectbox > div > div > select {
        border-radius: 15px;
        border: 2px solid #ffc1dc;
    }
    </style>
    """, unsafe_allow_html=True)
    
    # Navigation entre les pages
    st.sidebar.title("🐱 Navigation CléfistAI")
    page = st.sidebar.selectbox(
        "🌟 Choisissez votre destination magique :",
        ["🪄 Générateur", "📚 Tutoriel", "ℹ️ À propos"],
        help="Naviguez entre les différentes sections de CléfistAI !"
    )
    
    if page == "📚 Tutoriel":
        show_tutorial_page()
        return
    elif page == "ℹ️ À propos":
        show_about_page()
        return
    
    # Page principale - Générateur
    st.title("🐱✨ CléfistAI - Générateur ClemScript ✨🐱")
    st.markdown("*🌸 Votre adorable IA générative pour créer du code ClemScript ! 🌸*")
    st.markdown("---")
    
    # Sidebar avec informations kawaii
    with st.sidebar:
        st.markdown("<div style='text-align: center;'>🐾✨ Guide Neko ✨🐾</div>", unsafe_allow_html=True)
        st.markdown("")
        
        st.markdown("**🌟 Exemples de prompts magiques :**")
        st.markdown("""
        🐱 "Créer une variable nom avec la valeur Clem"
        🌈 "Affiche bonjour le monde en vert"
        🔄 "Fais une boucle de 1 à 10"
        🧮 "Calcule le carré de 8"
        🏰 "Crée une interaction avec château et forêt"
        🎲 "Génère un nombre aléatoire entre 1 et 100"
        💬 "Demande l'âge à l'utilisateur"
        📝 "Ajoute un commentaire explicatif"
        ❓ "Si x est plus grand que 20 alors affiche grand"
        """)
        
        st.markdown("")
        st.markdown("**🎨 Pouvoirs magiques disponibles :**")
        st.markdown("""
        🏷️ **Variables** : créer, stocker, initialiser
        💬 **Affichage** : console, messages colorés
        🔀 **Conditions** : si/alors, comparaisons
        🔄 **Boucles** : répétitions magiques
        🏰 **Aventures** : interactions et choix
        🧮 **Maths** : carré, racine, valeur absolue  
        🌈 **Couleurs** : rouge, vert, bleu, rose...
        ❓ **Quiz** : questions intelligentes
        🎲 **Hasard** : nombres et textes aléatoires
        📝 **Notes** : commentaires mignons
        ⚡ **Fonctions** : sous-programmes kawaii
        """)
        
        st.markdown("")
        st.markdown("<div style='text-align: center;'>🐾 Fait avec ❤️ par Clemylia 🐾</div>", unsafe_allow_html=True)
    
    # Interface principale
    col1, col2 = st.columns([1, 1])
    
    with col1:
        st.markdown("<h3 style='text-align: center; color: #ff69b4;'>✨ Zone Magique de Création ✨</h3>", unsafe_allow_html=True)
        st.markdown("")
        
        prompt = st.text_area(
            "🐱 Décrivez votre idée magique en français :",
            placeholder="Exemple magique : Je veux créer une variable chat avec la valeur 'Neko' et l'afficher en rose ! 🌸",
            height=180,
            help="✨ Parlez naturellement à CléfistAI, elle comprend le français comme un vrai chat magique ! 🐾"
        )
        
        if st.button("🪄✨ Créer la Magie ! ✨🪄", type="primary", use_container_width=True):
            if prompt.strip():
                # Initialiser l'analyseur et le générateur
                analyzer = ClemScriptAnalyzer()
                generator = CodeGenerator()
                
                with st.spinner("🐱✨ Analyse de votre magie en cours... ✨🐱"):
                    # Analyser le prompt
                    analysis = analyzer.analyze(prompt)
                    
                    # Générer le code
                    generated_code = generator.generate_code(analysis, prompt)
                
                # Stocker dans la session pour affichage
                st.session_state.generated_code = generated_code
                st.session_state.analysis = analysis
                st.rerun()
            else:
                st.warning("🐾 Veuillez entrer votre idée magique avant de créer le code ! 🐾")
    
    with col2:
        st.markdown("<h3 style='text-align: center; color: #ff69b4;'>🐾 Code Magique Généré 🐾</h3>", unsafe_allow_html=True)
        
        if hasattr(st.session_state, 'generated_code') and st.session_state.generated_code:
            # Afficher l'analyse détectée avec style kawaii
            if hasattr(st.session_state, 'analysis'):
                analysis = st.session_state.analysis
                if analysis['concepts']:
                    st.markdown("**🎯 Magie détectée :**")
                    concepts_emojis = {
                        'variable': '🏷️', 'console': '💬', 'condition': '🔀', 'boucle': '🔄',
                        'input': '📝', 'math': '🧮', 'color': '🌈', 'quiz': '❓',
                        'interaction': '🎮', 'random': '🎲', 'comment': '📝', 'function': '⚡'
                    }
                    concept_display = []
                    for concept in analysis['concepts']:
                        emoji = concepts_emojis.get(concept, '✨')
                        concept_display.append(f"{emoji} {concept}")
                    st.success(f"**Concepts magiques :** {', '.join(concept_display)}")
                
                if analysis['values']:
                    st.markdown("**📊 Valeurs extraites par la magie :**")
                    for key, value in analysis['values'].items():
                        st.info(f"**🔮 {key} :** {value}")
            
            # Afficher le code généré avec style kawaii
            st.markdown("**💻✨ Votre code magique ClemScript :**")
            st.code(st.session_state.generated_code, language='text')
            
            # Boutons kawaii
            col_btn1, col_btn2 = st.columns(2)
            with col_btn1:
                if st.button("📋🐱 Copier la magie", use_container_width=True):
                    st.balloons()
                    st.success("🎉 Code copié ! Votre magie est prête ! 🐾")
            
            with col_btn2:
                if st.button("🔄✨ Nouvelle magie", use_container_width=True):
                    if 'generated_code' in st.session_state:
                        del st.session_state.generated_code
                    if 'analysis' in st.session_state:
                        del st.session_state.analysis
                    st.rerun()
        else:
            st.markdown("""
            <div style='text-align: center; padding: 30px; background: linear-gradient(45deg, #ffeef8, #e8f5ff); border-radius: 15px; border: 2px dashed #ffc1dc;'>
                <h4>🐱✨ Prête pour la magie ! ✨🐱</h4>
                <p>Tapez votre idée magique et je créerai du code ClemScript pour vous ! 🌸</p>
                <p>🐾 Clemylia attend vos instructions... 🐾</p>
            </div>
            """, unsafe_allow_html=True)
    
    # Section exemples kawaii
    st.markdown("")
    st.markdown("<h2 style='text-align: center; color: #ff69b4;'>🌟✨ Exemples Magiques ✨🌟</h2>", unsafe_allow_html=True)
    st.markdown("<p style='text-align: center; color: #ff69b4;'>🐾 Découvrez la magie de CléfistAI avec ces exemples adorables ! 🐾</p>", unsafe_allow_html=True)
    
    examples = [
        {
            "prompt": "Créer une variable nom avec la valeur Clemylia",
            "code": 'Clem var Script nom = "Clemylia";'
        },
        {
            "prompt": "Affiche bienvenue en couleur verte",
            "code": 'Clem color Script "green" "Bienvenue dans ClemScript!";'
        },
        {
            "prompt": "Fais une boucle de 1 à 5",
            "code": '''Clem for Script i Clem from Script 1 Clem to Script 5 Clem do Script {
    Clem console Script -> "Index : " + i;
}'''
        },
        {
            "prompt": "Calcule le carré de 7",
            "code": '''Clem var Script resultat;
resultat = Clem math Script square 7;
Clem console Script -> "Résultat: " + resultat;'''
        },
        {
            "prompt": "Crée une interaction avec forêt, montagne et océan",
            "code": '''Clem var Script choix;
Clem input Script choix "Choisissez votre destination: ";

Clem interact Script choix "forêt", "montagne", "océan" Clem then Script {
    Clem console Script -> "Vous explorez la mystérieuse forêt!";
} Clem else Script {
    Clem console Script -> "Choix non reconnu";
}'''
        },
        {
            "prompt": "Génère un nombre aléatoire entre 1 et 100",
            "code": "Clem random valeur Script 1 100;"
        },
        {
            "prompt": "Ajouter un commentaire explicatif",
            "code": "# Ceci est un commentaire explicatif"
        }
    ]
    
    for i, example in enumerate(examples):
        emoji_list = ["🐱", "🌸", "✨", "🎀", "🌟", "🐾", "💖"]
        emoji = emoji_list[i % len(emoji_list)]
        with st.expander(f"{emoji} Exemple {i+1}: {example['prompt']} {emoji}"):
            st.markdown(f"**🪄 Prompt magique :** `{example['prompt']}`")
            st.markdown("**💻 Code ClemScript généré :**")
            st.code(example['code'], language='text')

def show_about_page():
    """Page à propos de CléfistAI"""
    st.markdown("""
    <div style='text-align: center; padding: 30px; background: linear-gradient(135deg, #ffeef8 0%, #e8f5ff 100%); border-radius: 15px;'>
        <h1>🐱✨ À propos de CléfistAI ✨🐱</h1>
        <p><strong>🌸 La première IA générative française pour ClemScript ! 🌸</strong></p>
    </div>
    """, unsafe_allow_html=True)
    
    st.markdown("## 🎯 Mission")
    st.markdown("""
    CléfistAI a été créée avec amour par **Clemylia** pour démocratiser la programmation en français. 
    Notre mission est de rendre la création de code accessible à tous, en particulier aux francophones 
    qui veulent apprendre la programmation dans leur langue maternelle.
    """)
    
    st.markdown("## 🚀 Fonctionnalités Principales")
    col1, col2, col3 = st.columns(3)
    
    with col1:
        st.markdown("""
        **🧠 IA Intelligente**
        - 550+ mots-clés français
        - Analyse contextuelle avancée
        - Détection d'intention
        - Scoring de confiance
        """)
    
    with col2:
        st.markdown("""
        **💻 Génération ClemScript**
        - Variables et affichage
        - Conditions et boucles
        - Interactions et quiz
        - Math et couleurs
        """)
    
    with col3:
        st.markdown("""
        **🎨 Interface Kawaii**
        - Design adorable et coloré
        - Navigation intuitive
        - Messages encourageants
        - Expérience utilisateur magique
        """)
    
    st.markdown("## 📊 Statistiques Impressionnantes")
    col1, col2, col3, col4 = st.columns(4)
    
    with col1:
        st.metric("🗣️ Mots-clés supportés", "550+")
    with col2:
        st.metric("🎯 Concepts détectés", "12")
    with col3:
        st.metric("🌍 Langues", "Français")
    with col4:
        st.metric("💖 Niveau de kawaii", "∞")
    
    st.markdown("## 🛠️ Technologies Utilisées")
    st.markdown("""
    - **Python** : Langage de programmation principal
    - **Streamlit** : Interface web interactive
    - **Regex** : Analyse et extraction de patterns
    - **CSS** : Stylisation kawaii personnalisée
    - **Love & Magic** : L'ingrédient secret ! ✨
    """)
    
    st.markdown("## 🌟 Remerciements")
    st.markdown("""
    Un grand merci à tous les utilisateurs qui font vivre CléfistAI ! 
    Votre enthousiasme et vos retours nous motivent à continuer d'améliorer cette IA magique.
    """)
    
    st.markdown("---")
    st.markdown("""
    <div style='text-align: center; padding: 20px; background: rgba(255, 255, 255, 0.7); border-radius: 10px;'>
        <p><strong>🐾 Fait avec ❤️ par Clemylia 🐾</strong></p>
        <p><em>« La magie de la programmation à portée de tous ! »</em></p>
    </div>
    """, unsafe_allow_html=True)

if __name__ == "__main__":
    main()