Fetch top ranking

game/src/api.ts

@@ -2,7 +2,7 @@
 const baseApiPath = "http://localhost:3000"
 
 export default {
-  async post(path: string, data: any) {
+  async post(path: string, data?: any) {
     const headers = {
       'Content-Type': 'application/json'
     }
@@ -27,6 +27,31 @@ export default {
     return response.json()
   },
 
+  async get(path: string, data?: any) {
+    const headers = {
+      'Content-Type': 'application/json'
+    }
+
+    if (window.myStuff.token) {
+      headers['Authorization'] = `Bearer ${window.myStuff.token}`
+    }
+
+    let response;
+    try {
+      response = await fetch(`${baseApiPath}/${path}`, {
+        method: "GET",
+        headers,
+        body: JSON.stringify(data)
+      })
+    } catch (err) {
+      console.log("oops");
+
+      console.error(err)
+    }
+
+    return response.json()
+  },
+
   async signup(name: string) {
     return this.post("signup", { name })
   },
@@ -42,4 +67,8 @@ export default {
       time
     })
   },
+
+  async top() {
+    return this.get("top")
+  }
 }

game/src/gui.ts

@@ -145,13 +145,15 @@ declare global {
     elements.key!.innerText = ''
   }
 
-  function setup() {
+  async function setup() {
     window.myStuff = {}
 
     elements.buttons.login!.addEventListener("click", login)
     elements.buttons.logout!.addEventListener("click", logout)
     elements.buttons.signup!.addEventListener("click", signup)
 
+    console.log(await API.top())
+
     checkIfLogged()
   }