Experimenting using GraphQL in favor of REST.

assets/js/api.js

@@ -21,7 +21,7 @@ async function get(endpoint, query = {}) {
 
 async function post(endpoint, data) {
     const res = await fetch(`${config.api.url}${endpoint}`, {
-        method: 'GET',
+        method: 'POST',
         mode: 'cors',
         headers: {
             'Content-Type': 'application/json',
@@ -39,4 +39,34 @@ async function post(endpoint, data) {
     throw new Error(errorMsg);
 }
 
-export { get, post };
+async function graphql(operationName, query, variables = null) {
+    const res = await fetch('/graphql', {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        credentials: 'same-origin',
+        body: JSON.stringify({
+            operationName,
+            query,
+            variables,
+        }),
+    });
+
+    if (res.ok) {
+        const { data } = await res.json();
+
+        return data;
+    }
+
+    const errorMsg = await res.text();
+
+    throw new Error(errorMsg);
+}
+
+export {
+    get,
+    post,
+    graphql,
+};