Kinda works

src/components/api.ts

@@ -1,46 +1,81 @@
 
 class ApiController {
-    username: string;
-    password: string;
     token: string;
     apiurl: string;
-    constructor() {
+    
-        this.username = 'test';
-        this.password = 'prozac-prowler-stoop-patriot';
-    }
 
     async getApiurl() {
         let response = await fetch(`${window.location.href}apiurl`)
-        this.apiurl = await response.text();
+        if(await response.ok) {
-        console.log(this.apiurl);
+            this.apiurl = await response.text();
+            console.log(this.apiurl);
+        } else { 
+            console.log("Failed to get apiurl");
+        }
     }
 
 
-    async login() {
+    async login(username: string , password: string) {
-        let promise = await fetch(`${this.apiurl}/token`, {
+        let promise = await fetch(`http://localhost:8000/token/`, {
             method: "POST",
             headers: {
                 "Content-Type": "application/x-www-form-urlencoded",
-                "accept": "application/json",       
+                "accept": "application/json", 
+                "access-control-allow-origin": "*",
+                "Access-Control-Allow-Methods": "POST", 
+                "Access-Control-Allow-Credentials": "true",                     
             },
             body: new URLSearchParams({
-                username: this.username, 
+                username: username, 
-                password: this.password
+                password: password
             })
 
         });
-        if(promise.ok) {
+        if(await promise.ok) {
             this.token = (await promise.json())['access_token'];
            console.log(this.token);
+        } else {
+            console.log("Failed to login");
         }
     }
-    setToken(token: string) {
+
-        this.token = token;
+    async get(path) {
+        console.log(this.token);
+        let promise = await fetch(`${this.apiurl}${path}/`, {
+            method: "GET", 
+            headers: {
+                "accept": "application/json",       
+                "Authorization": `Bearer ${this.token}`,
+                "Access-Control-Allow-Origin": "http://localhost:8000",
+                "Access-Control-Allow-Methods": "GET", 
+                "Access-Control-Allow-Credentials": "true",
+            }
+        });
+        if(await promise.ok) {
+            let data = await promise.json();
+            return data;
+        }
     }
 
-    getToken() :string {
+    async post(path){
-        return this.token;
+        let promise = await fetch(`${this.apiurl}${path}/`, {
+            method: "POST", 
+            headers: {
+                "accept": "application/json",       
+                "Authorization": `Bearer ${this.token}`,
+                "Access-Control-Allow-Origin": "http://localhost:8000",
+                "Access-Control-Allow-Methods": "POST", 
+                "Access-Control-Allow-Credentials": "true",
+            }
+        });
+        if(await promise.ok) {
+            let data = await promise.json();
+            return data;
+        }
+
     }
+
+    
 }
 
 export const Api = new ApiController();

src/components/app-home/app-home.tsx

@@ -8,13 +8,20 @@ import { Api } from '../api';
 })
 export class AppHome {
   constructor() {
-    this.start()
+    this.start();
+    
   }
 
   async start() {
-    await Api.getApiurl();
+    await Api.login('test', 'test');
-    await Api.login();
+    let data = await Api.get("/users/me");
+    console.log(data);
+    data = await Api.post("/server/dummy/start");
+    console.log(data);
+    data = await Api.post("/server/dummy/stop");
+    console.log(data);
   }
+
   render() {
     return (
       <div class="app-home">

src/global/app.ts

@@ -1,7 +1,9 @@
+import { Api } from "../components/api"
 export default async () => {
   /**
    * The code to be executed should be placed within a default function that is
    * exported by the global script. Ensure all of the code in the global script
    * is wrapped in the function() that is exported.
    */
+  Api.getApiurl();
 };