Update app.py

app.py

@@ -24,25 +24,41 @@ HTML = """
   <pre id="output" style="background:#f4f4f4;padding:1rem;margin-top:1rem;"></pre>
 
   <script>
-    const form = document.getElementById('genai-form');
-    form.addEventListener('submit', async e => {
-      e.preventDefault();
-      const prompt = document.getElementById('prompt').value;
-      const out = document.getElementById('output');
-      out.textContent = 'Generating…';
-      try {
-        const resp = await fetch('/generate', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ prompt }),
-        });
-        const data = await resp.json();
+  const form = document.getElementById('genai-form');
+  form.addEventListener('submit', async e => {
+    e.preventDefault();
+    const prompt = document.getElementById('prompt').value.trim();
+    const out = document.getElementById('output');
+    out.textContent = 'Generating…';
+
+    try {
+      const resp = await fetch('/generate', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ prompt }),
+      });
+
+      // if you want to debug status codes:
+      if (!resp.ok) {
+        const errText = await resp.text();
+        throw new Error(`Server returned ${resp.status}: ${errText}`);
+      }
+
+      const data = await resp.json();
+      if (data.error) {
+        // show the backend error message
+        out.textContent = 'Error: ' + data.error;
+      } else if (data.result) {
         out.textContent = data.result;
-      } catch (err) {
-        out.textContent = 'Error: ' + err;
+      } else {
+        out.textContent = 'Unexpected response payload';
       }
-    });
-  </script>
+    } catch (err) {
+      console.error(err);
+      out.textContent = 'Fetch error: ' + err.message;
+    }
+  });
+</script>
 </body>
 </html>
 """
@@ -73,16 +89,20 @@ def index():
 
 @app.route('/generate', methods=['POST'])
 def gen():
-    data = request.get_json()
+    data = request.get_json(silent=True) or {}
     prompt = data.get("prompt", "")
+    app.logger.info(f"Received prompt: {prompt!r}")
     if not prompt:
         return jsonify({"error": "No prompt provided"}), 400
     try:
         output = generate_from_gemini(prompt)
+        app.logger.info("Generation succeeded, length=%d", len(output))
         return jsonify({"result": output})
     except Exception as e:
+        app.logger.exception("Generation failed")
         return jsonify({"error": str(e)}), 500
 
+        
 if __name__ == "__main__":
     port = int(os.environ.get("PORT", 7860))
     app.run(host="0.0.0.0", port=port)