get impressum mail from graphQL

public/API/getMail.php

@@ -1,22 +0,0 @@
-<?php
-include("./lib/config.php");
-
-require("./vendor/autoload.php");
-use GuzzleHttp\Client;
-
-$data = array(
-    'secret' => $secretkey,
-    'response' => $_POST['h-captcha-response']
-);
-$client = new Client();
-
-$response = $client->post("https://hcaptcha.com/siteverify", [
-    "form_params" => $data
-]);
-
-$responseData = json_decode($response->getBody());
-if($responseData->success) {
-    echo("$contactmail");
-} else {
-    echo("Failed to verify Captcha");
-}

public/API/queries/mailAddress.php

@@ -0,0 +1,22 @@
+<?php
+use GuzzleHttp\Client;
+
+function mailAddress($hCaptchaResponse) {
+    include("./lib/config.php");
+    $data = array(
+        'secret' => $secretkey,
+        'response' => $hCaptchaResponse
+    );
+    $client = new Client();
+    
+    $response = $client->post("https://hcaptcha.com/siteverify", [
+        "form_params" => $data
+    ]);
+    
+    $responseData = json_decode($response->getBody());
+    if($responseData->success) {
+        return "$contactmail";
+    } else {
+        return "Failed to verify Captcha";
+    }
+}

public/API/queries/queries.php

@@ -5,6 +5,7 @@ use GraphQL\Type\Definition\Type;
 require "./queries/skills.php";
 require "./queries/blogPost.php";
 require "./queries/comments.php";
+require "./queries/mailAddress.php";
 
 $queryType = new ObjectType([
     'name' => 'Query',
@@ -13,6 +14,13 @@ $queryType = new ObjectType([
             'type' => Type::string(),
             'resolve' => fn ($rootValue, $args) => $sitekey,
         ],
+        'mailAddress' => [
+            'type' => Type::string(),
+            "args" => [
+                "hCaptchaResponse" => Type::string()
+            ],
+            'resolve' => fn ($rootValue, $args) => mailAddress($args["hCaptchaResponse"]),
+        ],
         'skills' => [
             'type' => Type::listOf(Type::string()),
             'resolve' => fn ($rootValue, $args) => getSkills(),

public/impressum.html

@@ -49,21 +49,25 @@
         <a href="https://hcaptcha.com/privacy">Privacy Policy</a> and
         <a href="https://hcaptcha.com/terms">Terms of Service</a> apply.
         <script type="text/javascript">
-            function onSubmit(token) {
-                let xmlhttp = new XMLHttpRequest();
-                xmlhttp.onreadystatechange = function() {
-                    if (this.readyState == 4 && this.status == 200) {
+            async function onSubmit(token) {
+                var graphql = JSON.stringify({
+                query: 'query($hCaptchaResponse: String!) { mailAddress(hCaptchaResponse: $hCaptchaResponse)}',
+                variables: {
+                    "hCaptchaResponse": token
+                }
+                })
+                var requestOptions = {
+                method: 'POST',
+                body: graphql,
+                };
+                let mailAddress = (await (await fetch("http://localhost:1234/API/graphql.php", requestOptions)).json()).data.mailAddress;
+
                 let button = document.getElementById("emailButton");
                 let emailElement = document.createElement("p");
                 emailElement.className = "emailBox";
-                        emailElement.innerText = this.responseText;
+                emailElement.innerText = mailAddress;
                 button.parentNode.replaceChild(emailElement, button);
             }
-                };
-                xmlhttp.open("POST", "/API/getMail.php", true);
-                xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-                xmlhttp.send("h-captcha-response=" + token);
-            }
         </script>
     </div>
     <jl-footer></jl-footer>