Embed

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Signup Test</title>
  </head>
  <body style="font-family:sans-serif; padding:20px">
    <h2>OxiaAI Signup Test</h2>
    <input id="email" type="email" placeholder="Email" style="padding:8px; width:240px"><br><br>
    <input id="pass" type="password" placeholder="Password" style="padding:8px; width:240px"><br><br>
    <button id="go" style="padding:10px 16px; font-weight:bold">Sign up test</button>
    <pre id="out" style="margin-top:20px; background:#f4f4f4; padding:10px"></pre>

    <script>
      const API = "https://oxiaaisignup.patient-boat-4128.workers.dev/auth/simple-signup";
      document.getElementById("go").onclick = async () => {
        const email = document.getElementById("email").value;
        const password = document.getElementById("pass").value;
        const out = document.getElementById("out");
        out.textContent = "Sending…";
        try {
          const r = await fetch(API, {
            method:"POST",
            headers:{"Content-Type":"application/json"},
            body: JSON.stringify({ email, password })
          });
          const data = await r.json();
          out.textContent = JSON.stringify(data,null,2);
        } catch(e){
          out.textContent = "Network error: " + e;
        }
      };
    </script>
  </body>
</html>