hcaptcha goes crazy

Mistium · Mistium · commit 03707d4b0ecc · 2025-10-21T20:23:50.000+01:00
diff --git a/auth.css b/auth.css
@@ -264,6 +264,12 @@ body {
     box-shadow: 0 2px 8px rgba(26, 115, 232, 0.3);
 }
 
+.h-captcha {
+  display: flex;
+  justify-content: center;
+  margin: 12px auto;
+}
+
 .btn-welcome-secondary {
     background: transparent;
     border: 1px solid #dadce0;
diff --git a/auth.html b/auth.html
@@ -14,6 +14,7 @@
   <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
   <link rel="stylesheet" href="./auth.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js"></script>
+  <script src="https://hcaptcha.com/1/api.js" async defer></script>
 </head>
 
 <body>
@@ -95,6 +96,9 @@ <h1>Create your Rotur account</h1>
             <div class="form-group">
               <input type="password" name="confirm-password" placeholder="Confirm password" required minlength="8">
             </div>
+            <div class="form-group" style="margin-top: 12px;">
+              <div class="h-captcha" data-sitekey="09def114-5bba-4ba6-8302-640aec7c1df2"></div>
+            </div>
             <button type="submit" class="btn-primary">Create Account</button>
           </form>
           <div style="margin-top: 16px; text-align: center;">
@@ -690,6 +694,17 @@ <h2 style="margin:0 0 4px; font-size:22px; font-weight:500;">Link This Account</
       const password = document.querySelector("#signup-form input[name='password']").value;
       const confirmPassword = document.querySelector("#signup-form input[name='confirm-password']").value;
 
+      const hcaptchaToken = hcaptcha.getResponse();
+      if (!hcaptchaToken) {
+        submitButton.innerHTML = 'Please complete the hCaptcha';
+        submitButton.style.background = '#ea4335';
+        setTimeout(() => {
+          submitButton.innerHTML = originalText;
+          submitButton.style.background = '';
+        }, 2000);
+        return;
+      }
+
       // Validation
       if (password !== confirmPassword) {
         submitButton.innerHTML = 'Passwords do not match';
@@ -726,7 +741,8 @@ <h2 style="margin:0 0 4px; font-size:22px; font-weight:500;">Link This Account</
             username: username,
             email: email,
             password: hash,
-            system: systemName || 'rotur'
+            system: systemName || 'rotur',
+            captcha: hcaptchaToken
           })
         });
 
