add api utils

frontend/src/api/utils/headers.ts

@@ -0,0 +1,19 @@
+export function setContentTypeHeaderJson(headers: Headers){
+    return headers.set("Content-Type", "application/json");
+}
+
+export function setAuthHeader(headers: Headers){
+    // retrieve session data from browser storage
+    const sessionStr = localStorage.getItem("session");
+    let loginResponse = null;
+    if(sessionStr){
+        loginResponse = JSON.parse(sessionStr);
+    }
+    // add token if possible
+    if(loginResponse && loginResponse.token){
+        headers.set("Authorization", "Bearer " + loginResponse.token)
+    } else {
+        console.log("No access token!")
+    }
+    return headers;
+}

frontend/src/api/utils/requests.ts

@@ -0,0 +1,42 @@
+import { setAuthHeader, setContentTypeHeaderJson } from "./headers";
+
+export async function get(url: string) : Promise<Response>{
+    const requestHeaders = new Headers();
+    setAuthHeader(requestHeaders);
+    console.log("GET to " + url);
+    const response = await fetch(url, {
+        method: "GET",
+        headers: requestHeaders
+    })
+    if(!response.ok){
+        throw new Error("GET to " + url + "failed!")
+    }
+    return response;
+}
+
+export async function postJson(url: string, requestBody: string, logBody = true) : Promise<Response>{
+    console.log("POST to " + url + (logBody) ? "with body " + requestBody : "");
+    return persistJson(url, requestBody, "POST");
+}
+
+export async function putJson(url: string, requestBody: string, logBody = true) : Promise<Response>{
+    console.log("PUT to " + url + (logBody) ? "with body " + requestBody : "");
+    return persistJson(url, requestBody, "PUT");
+}
+
+async function persistJson(url: string, requestBody: string, requestMethod: string) : Promise<Response>{
+    const requestHeaders = new Headers();
+    setContentTypeHeaderJson(requestHeaders);
+    setAuthHeader(requestHeaders);
+    const response = await fetch(url, {
+        method: requestMethod,
+        headers: requestHeaders,
+        body: requestBody,
+    });
+    if(!response.ok){
+        throw new Error(requestMethod + " to " + url + "failed!")
+    }
+    return response;
+}
+
+