pwr: functioning captcha/recaptcha

ts/modules/captcha.ts

@@ -1,6 +1,7 @@
 import { _get, _post } from "./common.js";
 
 export class Captcha {
+    isPWR = false;
     enabled = true;
     verified = false;
     captchaID = "";
@@ -27,7 +28,7 @@ export class Captcha {
         };
     };
 
-    verify = (callback: () => void) => _post("/captcha/verify/" + this.code + "/" + this.captchaID + "/" + this.input.value, null, (req: XMLHttpRequest) => {
+    verify = (callback: () => void) => _post("/captcha/verify/" + this.code + "/" + this.captchaID + "/" + this.input.value + (this.isPWR ? "?pwr=true" : ""), null, (req: XMLHttpRequest) => {
         if (req.readyState == 4) {
             if (req.status == 204) {
                 this.checkbox.innerHTML = `<i class="ri-check-line"></i>`;
@@ -44,21 +45,37 @@ export class Captcha {
         }
     });
     
-    generate = () => _get("/captcha/gen/"+this.code, null, (req: XMLHttpRequest) => {
+    generate = () => _get("/captcha/gen/"+this.code+(this.isPWR ? "?pwr=true" : ""), null, (req: XMLHttpRequest) => {
         if (req.readyState == 4) {
             if (req.status == 200) {
-                this.captchaID = req.response["id"];
+                this.captchaID = this.isPWR ? this.code : req.response["id"];
+                // the Math.random() appearance below is used for PWRs, since they don't have a unique captchaID. The parameter is ignored by the server, but tells the browser to reload the image.
                 document.getElementById("captcha-img").innerHTML = `
-                <img class="w-100" src="${window.location.toString().substring(0, window.location.toString().lastIndexOf("/invite"))}/captcha/img/${this.code}/${this.captchaID}"></img>
+                <img class="w-100" src="${window.location.toString().substring(0, window.location.toString().lastIndexOf("/invite"))}/captcha/img/${this.code}/${this.isPWR ? Math.random() : this.captchaID}${this.isPWR ? "?pwr=true" : ""}"></img>
                 `;
                 this.input.value = "";
             }
         }
     });
 
-    constructor(code: string, enabled: boolean, reCAPTCHA: boolean) {
+    constructor(code: string, enabled: boolean, reCAPTCHA: boolean, isPWR: boolean) {
         this.code = code;
         this.enabled = enabled;
         this.reCAPTCHA = reCAPTCHA;
+        this.isPWR = isPWR;
     }
 }
+
+export interface GreCAPTCHA {
+    render: (container: HTMLDivElement, parameters: {
+        sitekey?: string,
+        theme?: string,
+        size?: string,
+        tabindex?: number,
+        "callback"?: () => void,
+        "expired-callback"?: () => void,
+        "error-callback"?: () => void
+    }) => void;
+    getResponse: (opt_widget_id?: HTMLDivElement) => string;
+}
+