Can now use websocket

frontend/package.json

@@ -13,6 +13,7 @@
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.27.4",
+		"@types/node": "^20.10.0",
 		"svelte": "^4.2.7",
 		"svelte-check": "^3.6.0",
 		"tslib": "^2.4.1",

frontend/src/routes/+page.svelte

@@ -1,9 +1,27 @@
 <script lang="ts">
-    var webSocket = new WebSocket("./chat");
-    webSocket.addEventListener("message", (event) => {
-        console.log(event);
-    })
+    import { websocket_url } from './store.js';
+   
+    websocket_url.subscribe((value) => {
+        console.log(value);
+        try {
+            let webSocket = new WebSocket(value);
+            webSocket.addEventListener("open", (event) => {
+                console.log("Open");
+            });
+            webSocket.addEventListener("message", (event) => {
+                console.log(event);
+            });
+        } catch (e) {
+            console.log(e);
+        }
+    });
+    function set_websocket_url(event: Event & { target: HTMLInputElement }) {
+        websocket_url.set(event.target.value);
+    }
 </script>
 
 <h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<p>
+    Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation
+</p>
+<input on:input={set_websocket_url} />

frontend/src/routes/store.js

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const websocket_url = writable("");