File size: 13,156 Bytes
577dea7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
import gradio as gr
import os
import time
import requests
from datetime import datetime
from langchain_openai import ChatOpenAI
from langchain_anthropic import ChatAnthropic
from langchain_google_genai import ChatGoogleGenerativeAI
from langchain_core.messages import HumanMessage
import PyPDF2
import docx
import pandas as pd
from pptx import Presentation
import io
import tempfile
from urllib.parse import urlparse
import re

# Configuration des modèles
MODELS = {
    "Gemini 2.5 Flash (Google AI)": {
        "provider": "Google AI",
        "class": ChatGoogleGenerativeAI,
        "model_name": "gemini-2.0-flash-exp",
        "default_api": True
    },
    "ChatGPT 5 (OpenAI)": {
        "provider": "OpenAI", 
        "class": ChatOpenAI,
        "model_name": "gpt-4o",
        "default_api": False
    },
    "Claude Sonnet 4 (Anthropic)": {
        "provider": "Anthropic",
        "class": ChatAnthropic, 
        "model_name": "claude-3-5-sonnet-20241022",
        "default_api": False
    },
    "Gemini 2.5 Pro (Google AI)": {
        "provider": "Google AI",
        "class": ChatGoogleGenerativeAI,
        "model_name": "gemini-2.0-flash-exp",
        "default_api": False
    }
}

# API par défaut pour Gemini 2.5 Flash
DEFAULT_GEMINI_API = os.getenv("GOOGLE_API_KEY", "")

def extract_text_from_file(file):
    """Extrait le texte d'un fichier uploadé"""
    if file is None:
        return ""
    
    file_extension = os.path.splitext(file.name)[1].lower()
    
    try:
        if file_extension == '.pdf':
            with open(file.name, 'rb') as f:
                reader = PyPDF2.PdfReader(f)
                text = ""
                for page in reader.pages:
                    text += page.extract_text() + "\n"
                return text
                
        elif file_extension == '.docx':
            doc = docx.Document(file.name)
            text = ""
            for paragraph in doc.paragraphs:
                text += paragraph.text + "\n"
            return text
            
        elif file_extension == '.txt':
            with open(file.name, 'r', encoding='utf-8') as f:
                return f.read()
                
        elif file_extension in ['.xlsx', '.xls']:
            df = pd.read_excel(file.name)
            return df.to_string()
            
        elif file_extension == '.pptx':
            prs = Presentation(file.name)
            text = ""
            for slide in prs.slides:
                for shape in slide.shapes:
                    if hasattr(shape, "text"):
                        text += shape.text + "\n"
            return text
            
        else:
            return "Format de fichier non supporté"
            
    except Exception as e:
        return f"Erreur lors de la lecture du fichier: {str(e)}"

def extract_text_from_url(url):
    """Extrait le texte d'une URL"""
    try:
        response = requests.get(url, timeout=10)
        response.raise_for_status()
        
        # Simple extraction du contenu textuel
        content = response.text
        # Suppression basique des balises HTML
        content = re.sub(r'<[^>]+>', '', content)
        content = re.sub(r'\s+', ' ', content).strip()
        
        return content[:10000]  # Limite à 10k caractères
        
    except Exception as e:
        return f"Erreur lors de la récupération de l'URL: {str(e)}"

def get_document_content(text_input, url_input, file_input):
    """Récupère le contenu du document selon la source"""
    if text_input.strip():
        return text_input.strip()
    elif url_input.strip():
        return extract_text_from_url(url_input.strip())
    elif file_input is not None:
        return extract_text_from_file(file_input)
    else:
        return ""

def create_llm_instance(model_name, api_key):
    """Crée une instance du modèle LLM"""
    model_config = MODELS[model_name]
    
    if model_config["provider"] == "OpenAI":
        return model_config["class"](
            model=model_config["model_name"],
            api_key=api_key,
            temperature=0.7
        )
    elif model_config["provider"] == "Anthropic":
        return model_config["class"](
            model=model_config["model_name"],
            api_key=api_key,
            temperature=0.7
        )
    elif model_config["provider"] == "Google AI":
        api_to_use = api_key if api_key else DEFAULT_GEMINI_API
        return model_config["class"](
            model=model_config["model_name"],
            google_api_key=api_to_use,
            temperature=0.7
        )

def generate_html(model_name, api_key, text_input, url_input, file_input):
    """Génère le fichier HTML éducatif"""
    start_time = time.time()
    
    # Validation des entrées
    if model_name != "Gemini 2.5 Flash (Google AI)" and not api_key.strip():
        return None, "❌ Erreur: Veuillez fournir une clé API pour ce modèle.", 0
    
    document_content = get_document_content(text_input, url_input, file_input)
    if not document_content:
        return None, "❌ Erreur: Veuillez fournir un document (texte, URL ou fichier).", 0
    
    try:
        # Création de l'instance LLM
        llm = create_llm_instance(model_name, api_key)
        
        # Lecture du prompt template
        with open("creation_educational_html_from_any_document_18082025.txt", "r", encoding="utf-8") as f:
            prompt_template = f.read()
        
        # Remplacement des variables
        model_config = MODELS[model_name]
        prompt = prompt_template.format(
            model_name=model_config["model_name"],
            provider_name=model_config["provider"],
            document=document_content
        )
        
        # Génération du contenu
        message = HumanMessage(content=prompt)
        response = llm.invoke([message])
        
        html_content = response.content
        
        # Calcul du temps de génération
        generation_time = time.time() - start_time
        
        # Sauvegarde du fichier HTML
        timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
        filename = f"document_educatif_{timestamp}.html"
        
        with open(filename, "w", encoding="utf-8") as f:
            f.write(html_content)
        
        success_message = f"✅ Fichier HTML généré avec succès en {generation_time:.2f} secondes!"
        
        return filename, success_message, generation_time
        
    except Exception as e:
        error_message = f"❌ Erreur lors de la génération: {str(e)}"
        return None, error_message, 0

def reset_form():
    """Remet à zéro le formulaire"""
    return (
        "Gemini 2.5 Flash (Google AI)",  # model_name
        "",  # api_key
        "",  # text_input
        "",  # url_input
        None,  # file_input
        "",  # status_message
        None,  # html_file
        ""   # html_preview
    )

def update_api_info(model_name):
    """Met à jour les informations sur l'API selon le modèle sélectionné"""
    if model_name == "Gemini 2.5 Flash (Google AI)":
        return gr.update(
            label="Clé API (optionnelle)",
            placeholder="API gratuite disponible jusqu'à épuisement, ou utilisez votre propre clé",
            info="💡 Une API gratuite est déjà configurée pour ce modèle. Vous pouvez utiliser votre propre clé si vous le souhaitez."
        )
    else:
        return gr.update(
            label="Clé API (obligatoire)",
            placeholder="Entrez votre clé API",
            info="🔑 Clé API requise pour ce modèle"
        )

# Interface Gradio
with gr.Blocks(
    title="EduHTML Creator - Générateur de contenu éducatif HTML",
    theme=gr.themes.Soft(),
    css="""
    .main-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }
    .header {
        text-align: center;
        margin-bottom: 30px;
        padding: 30px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 15px;
        color: white;
    }
    .form-section {
        background: white;
        padding: 25px;
        border-radius: 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }
    .apple-button {
        background: #007AFF;
        color: white;
        border: none;
        border-radius: 8px;
        padding: 12px 24px;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    .apple-button:hover {
        background: #0056CC;
        transform: translateY(-1px);
    }
    .reset-button {
        background: #FF3B30;
        color: white;
        border: none;
        border-radius: 8px;
        padding: 12px 24px;
        font-weight: 500;
    }
    .status-success {
        color: #34C759;
        font-weight: 500;
    }
    .status-error {
        color: #FF3B30;
        font-weight: 500;
    }
    """
) as app:
    
    gr.HTML("""
    <div class="header">
        <h1>🎓 EduHTML Creator</h1>
        <p style="font-size: 18px; margin: 10px 0;">Transformez n'importe quel document en contenu éducatif HTML interactif</p>
        <p style="font-size: 14px; opacity: 0.9;">
            Cette application utilise l'intelligence artificielle pour créer des pages HTML éducatives élégantes et interactives 
            à partir de vos documents. Le design s'inspire du style Apple pour une expérience utilisateur premium.
            L'objectif éducatif est de faciliter l'apprentissage grâce à la structuration, l'interactivité et la visualisation 
            des informations clés de vos documents originaux.
        </p>
    </div>
    """)
    
    with gr.Row():
        with gr.Column(scale=1):
            gr.HTML("<div class='form-section'>")
            
            # Sélection du modèle
            model_dropdown = gr.Dropdown(
                choices=list(MODELS.keys()),
                value="Gemini 2.5 Flash (Google AI)",
                label="🤖 Modèle LLM",
                info="Choisissez le modèle d'IA à utiliser"
            )
            
            # Champ API
            api_input = gr.Textbox(
                label="Clé API (optionnelle)",
                placeholder="API gratuite disponible jusqu'à épuisement, ou utilisez votre propre clé",
                info="💡 Une API gratuite est déjà configurée pour ce modèle. Vous pouvez utiliser votre propre clé si vous le souhaitez.",
                type="password"
            )
            
            gr.HTML("</div>")
            
            gr.HTML("<div class='form-section'>")
            gr.HTML("<h3>📄 Source du document</h3>")
            
            # Entrées de document
            text_input = gr.Textbox(
                label="Texte copié/collé",
                placeholder="Collez votre texte ici...",
                lines=5
            )
            
            url_input = gr.Textbox(
                label="Lien Web",
                placeholder="https://exemple.com/article"
            )
            
            file_input = gr.File(
                label="Fichier",
                file_types=[".pdf", ".txt", ".docx", ".xlsx", ".xls", ".pptx"]
            )
            
            gr.HTML("</div>")
            
            # Boutons
            with gr.Row():
                submit_btn = gr.Button(
                    "🚀 Générer le HTML",
                    variant="primary",
                    elem_classes=["apple-button"]
                )
                reset_btn = gr.Button(
                    "🔄 Reset",
                    elem_classes=["reset-button"]
                )
        
        with gr.Column(scale=1):
            # Statut et résultats
            status_output = gr.HTML(label="Statut")
            
            # Fichier téléchargeable
            html_file_output = gr.File(
                label="📥 Fichier HTML téléchargeable",
                visible=False
            )
            
            # Prévisualisation
            html_preview = gr.HTML(
                label="👀 Prévisualisation",
                visible=False
            )
    
    # Événements
    model_dropdown.change(
        fn=update_api_info,
        inputs=[model_dropdown],
        outputs=[api_input]
    )
    
    submit_btn.click(
        fn=generate_html,
        inputs=[model_dropdown, api_input, text_input, url_input, file_input],
        outputs=[html_file_output, status_output, gr.State()]
    ).then(
        fn=lambda file, status, time_taken: (
            gr.update(visible=file is not None),
            status,
            gr.update(visible=file is not None, value=open(file, 'r', encoding='utf-8').read() if file else "")
        ),
        inputs=[html_file_output, status_output, gr.State()],
        outputs=[html_file_output, status_output, html_preview]
    )
    
    reset_btn.click(
        fn=reset_form,
        outputs=[model_dropdown, api_input, text_input, url_input, file_input, status_output, html_file_output, html_preview]
    )

if __name__ == "__main__":
    app.launch(
        server_name="0.0.0.0",
        server_port=7860,
        share=True
    )