Update app.py

app.py

@@ -5,39 +5,31 @@ HCAPTCHA_SITEKEY = os.environ.get("HCAPTCHA_SITEKEY")
 
 def verify_hcaptcha(token: str):
     if not token:
-        return "<b style='color:red'>❌ No token received.</b>"
+        return "❌ No token received."
     url = "https://hcaptcha.com/siteverify"
     data = {"secret": HCAPTCHA_SECRET, "response": token}
     result = requests.post(url, data=data).json()
-    return f"""
-    <div style='font-family:monospace; padding:10px; background:#f7f7f7; border-radius:8px;'>
-      <b>🔑 Token:</b> {token}<br><br>
-      <b>✅ Verification Result:</b><br>{result}
-    </div>
-    """
+    return f"🔑 Token: {token}<br>✅ Result: {result}"
 
 with gr.Blocks() as demo:
-    output = gr.HTML("<i>⚡ Solve captcha to continue...</i>", elem_id="verify-output")
+    token_box = gr.Textbox(label="Debug Token", visible=True, elem_id="hcaptcha-token")
+    output = gr.HTML("<i>⚡ Waiting for captcha...</i>")
 
     gr.HTML(f"""
     <script src="https://hcaptcha.com/1/api.js" async defer></script>
-    <div class="h-captcha" data-sitekey="{HCAPTCHA_SITEKEY}" data-callback="sendToken"></div>
+    <div class="h-captcha" data-sitekey="{HCAPTCHA_SITEKEY}" data-callback="setToken"></div>
     <script>
-      async function sendToken(token) {{
-        document.querySelector('#verify-output').innerHTML = "⏳ Verifying token...";
-        try {{
-          const response = await fetch("/run/predict", {{
-            method: "POST",
-            headers: {{ "Content-Type": "application/json" }},
-            body: JSON.stringify({{ "data": [token], "fn_index": 0 }})
-          }});
-          const result = await response.json();
-          document.querySelector('#verify-output').innerHTML = result.data[0];
-        }} catch (e) {{
-          document.querySelector('#verify-output').innerHTML = "❌ Error: " + e;
+      function setToken(token) {{
+        let textbox = document.getElementById("hcaptcha-token");
+        if (textbox) {{
+          textbox.value = token;
+          textbox.dispatchEvent(new Event("input", {{ bubbles: true }}));
         }}
       }}
     </script>
     """)
 
+    # whenever token_box changes, auto verify
+    token_box.change(fn=verify_hcaptcha, inputs=token_box, outputs=output)
+
 demo.launch()