format & cleanup

web/pw-server/src/lib/components/RulesView.svelte

@@ -64,7 +64,6 @@
     padding: 15px;
     overflow-y: scroll;
     height: 100%;
-    margin-bottom: 200px;
     box-sizing: border-box;
   }
 </style>

web/pw-server/src/lib/components/navbar/UserControls.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { get_session_token } from "$lib/auth";
+  import { get_session_token, clear_session_token } from "$lib/auth";
   import { currentUser } from "$lib/stores/current_user";
 
   import { onMount } from "svelte";
@@ -30,6 +30,7 @@
   function signOut() {
     // TODO: destroy session on server
     currentUser.set(null);
+    clear_session_token();
   }
 </script>
 

web/pw-server/src/lib/utils.ts

@@ -1,3 +1,5 @@
+import { get_session_token } from "./auth";
+
 export function debounce(func: Function, timeout: number = 300) {
   let timer: ReturnType<typeof setTimeout>;
   return (...args: any[]) => {
@@ -7,3 +9,36 @@ export function debounce(func: Function, timeout: number = 300) {
     }, timeout);
   };
 }
+
+export async function get(url: string, fetch_fn: Function = fetch) {
+  const headers = { "Content-Type": "application/json" };
+
+  const token = get_session_token();
+  if (token) {
+    headers["Authorization"] = `Bearer ${token}`;
+  }
+
+  const response = await fetch_fn(url, {
+    method: "GET",
+    headers,
+  });
+
+  return JSON.parse(response);
+}
+
+export async function post(url: string, data: any, fetch_fn: Function = fetch) {
+  const headers = { "Content-Type": "application/json" };
+
+  const token = get_session_token();
+  if (token) {
+    headers["Authorization"] = `Bearer ${token}`;
+  }
+
+  const response = await fetch_fn(url, {
+    method: "POST",
+    headers,
+    body: JSON.stringify(data),
+  });
+
+  return JSON.parse(response);
+}

web/pw-server/src/routes/matches/new.svelte

@@ -28,7 +28,7 @@
 
 <script lang="ts">
   import Select from "svelte-select";
-import { goto } from "$app/navigation";
+  import { goto } from "$app/navigation";
   export let bots: object[];
   let items: object[];
   let players: object[] = [];
@@ -65,7 +65,7 @@ import { goto } from "$app/navigation";
 
     if (res.ok) {
       // TODO
-      goto("/matches")
+      goto("/matches");
     } else {
       alert(res.statusText);
     }

web/pw-server/src/routes/submission_matches/[match_id].svelte

@@ -1,31 +0,0 @@
-<script lang="ts" context="module">
-  export async function load({ page }) {
-    const res = await fetch(`/api/submission_match_log/${page.params["match_id"]}`, {
-      headers: {
-        "Content-Type": "application/json",
-      },
-    });
-
-    if (res.ok) {
-      return {
-        props: {
-          matchLog: await res.text(),
-        },
-      };
-    }
-
-    return {
-      status: res.status,
-      error: new Error("failed to load match"),
-    };
-  }
-</script>
-
-<script lang="ts">
-  import Visualizer from "$lib/components/Visualizer.svelte";
-  export let matchLog: string;
-</script>
-
-<div>
-  <Visualizer {matchLog} />
-</div>