random session username

package-lock.json

@@ -16,11 +16,13 @@
                 "@sveltejs/adapter-auto": "^2.0.0",
                 "@sveltejs/adapter-node": "^1.3.1",
                 "@sveltejs/kit": "^1.20.4",
+                "@types/uuid": "^9.0.8",
                 "carbon-icons-svelte": "^12.8.0",
                 "svelte": "^4.0.5",
                 "svelte-check": "^3.4.3",
                 "tslib": "^2.4.1",
                 "typescript": "^5.0.0",
+                "uuid": "^9.0.1",
                 "vite": "^4.4.2"
             }
         },
@@ -715,6 +717,13 @@
             "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
             "dev": true
         },
+        "node_modules/@types/uuid": {
+            "version": "9.0.8",
+            "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
+            "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/acorn": {
             "version": "8.11.2",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
@@ -2006,6 +2015,20 @@
                 "node": ">=14.0"
             }
         },
+        "node_modules/uuid": {
+            "version": "9.0.1",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+            "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+            "dev": true,
+            "funding": [
+                "https://github.com/sponsors/broofa",
+                "https://github.com/sponsors/ctavan"
+            ],
+            "license": "MIT",
+            "bin": {
+                "uuid": "dist/bin/uuid"
+            }
+        },
         "node_modules/vite": {
             "version": "4.5.3",
             "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",

package.json

@@ -14,11 +14,13 @@
         "@sveltejs/adapter-auto": "^2.0.0",
         "@sveltejs/adapter-node": "^1.3.1",
         "@sveltejs/kit": "^1.20.4",
+        "@types/uuid": "^9.0.8",
         "carbon-icons-svelte": "^12.8.0",
         "svelte": "^4.0.5",
         "svelte-check": "^3.4.3",
         "tslib": "^2.4.1",
         "typescript": "^5.0.0",
+        "uuid": "^9.0.1",
         "vite": "^4.4.2"
     },
     "type": "module",

src/routes/Vote.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { onMount, onDestroy } from "svelte";
+    import { v4 as uuidv4 } from "uuid";
     import type { IViewer } from "./viewers/IViewer";
     import { createViewer } from "./viewers/ViewerFactory";
 
@@ -26,12 +27,22 @@
     let errorMessage: string = "";
     let data: Data;
 
+    function getUsername() {
+        let storedUsername = sessionStorage.getItem("username");
+        if (!storedUsername) {
+            storedUsername = uuidv4();
+            sessionStorage.setItem("username", storedUsername);
+        }
+        return storedUsername;
+    }
+
     async function fetchScenes() {
         statusMessage = "Loading...";
         errorMessage = "";
 
         try {
-            const username = "dylanebert";
+            const username = getUsername();
+            console.log(`Fetching with username: ${username}`);
             const url = `https://dylanebert-3d-arena-backend.hf.space/pair?username=${username}`;
             const response = await fetch(url, {
                 method: "GET",