sveltekit refactor

src/routes/Leaderboard.svelte

@@ -15,11 +15,10 @@
     let leaderboard: Entry[] = [];
 
     const fetchLeaderboardData = async () => {
-        const url = "https://dylanebert-3d-arena-backend.hf.space/leaderboard";
+        const url = "/api/leaderboard";
         const response = await fetch(url, {
             method: "GET",
             headers: {
-                Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 "Cache-Control": "no-cache",
             },
         });

src/routes/Vote.svelte

@@ -47,11 +47,11 @@
         try {
             const username = getUsername();
             console.log(`Fetching with username: ${username}`);
-            const url = `https://dylanebert-3d-arena-backend.hf.space/pair?username=${username}`;
+            const url = "/api/fetchScenes";
             const response = await fetch(url, {
                 method: "GET",
                 headers: {
-                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    username: username,
                     "Cache-Control": "no-cache",
                 },
             });
@@ -113,7 +113,7 @@
             better: option == "A" ? data.model1 : data.model2,
             worse: option == "A" ? data.model2 : data.model1,
         };
-        const url = `https://dylanebert-3d-arena-backend.hf.space/vote`;
+        const url = `/api/vote`;
 
         const startTime = Date.now();
 
@@ -121,7 +121,6 @@
             const response = await fetch(url, {
                 method: "POST",
                 headers: {
-                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                     "Cache-Control": "no-cache",
                     "Content-Type": "application/json",
                 },

src/routes/api/fetchScenes/+server.ts

@@ -0,0 +1,31 @@
+import type { RequestHandler } from "@sveltejs/kit";
+
+export const GET: RequestHandler = async ({ request }) => {
+    const username = request.headers.get("username");
+    const url = `https://dylanebert-3d-arena-backend.hf.space/pair?username=${username}`;
+
+    try {
+        const response = await fetch(url, {
+            method: "GET",
+            headers: {
+                Authorization: `Bearer ${import.meta.env.VITE_HF_TOKEN}`,
+                "Cache-Control": "no-cache",
+            },
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            return new Response(JSON.stringify(result), {
+                status: 200,
+            });
+        } else {
+            return new Response(JSON.stringify({ error: "Failed to fetch pair." }), {
+                status: response.status,
+            });
+        }
+    } catch (error) {
+        return new Response(JSON.stringify({ error: "Failed to fetch pair." }), {
+            status: 500,
+        });
+    }
+};

src/routes/api/leaderboard/+server.ts

@@ -0,0 +1,28 @@
+import type { RequestHandler } from "@sveltejs/kit";
+
+export const GET: RequestHandler = async ({ request }) => {
+    const url = `https://dylanebert-3d-arena-backend.hf.space/leaderboard`;
+
+    try {
+        const response = await fetch(url, {
+            method: "GET",
+            headers: {
+                Authorization: `Bearer ${import.meta.env.VITE_HF_TOKEN}`,
+                "Cache-Control": "no-cache",
+            },
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            return new Response(JSON.stringify(result), { status: 200 });
+        } else {
+            return new Response(JSON.stringify({ error: "Failed to fetch leaderboard." }), {
+                status: response.status,
+            });
+        }
+    } catch (error) {
+        return new Response(JSON.stringify({ error: "Failed to fetch leaderboard." }), {
+            status: 500,
+        });
+    }
+};

src/routes/api/vote/+server.ts

@@ -0,0 +1,33 @@
+import type { RequestHandler } from "@sveltejs/kit";
+
+export const POST: RequestHandler = async ({ request }) => {
+    const payload = await request.json();
+    const url = `https://dylanebert-3d-arena-backend.hf.space/vote`;
+
+    try {
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                Authorization: `Bearer ${import.meta.env.VITE_HF_TOKEN}`,
+                "Cache-Control": "no-cache",
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(payload),
+        });
+
+        if (response.ok) {
+            const result = await response.json();
+            return new Response(JSON.stringify(result), {
+                status: 200,
+            });
+        } else {
+            return new Response(JSON.stringify({ error: "Failed to process vote." }), {
+                status: response.status,
+            });
+        }
+    } catch (error) {
+        return new Response(JSON.stringify({ error: "Failed to process vote." }), {
+            status: 500,
+        });
+    }
+};

static/global.css

@@ -357,6 +357,7 @@ body {
 .label {
     font-weight: bold;
     justify-content: flex-end;
+    text-align: right;
     width: 50px;
 }