client: proxy websocket when running deno task dev

client/deno.json

@@ -4,5 +4,12 @@
     "build": "deno run -A  npm:vite build",
     "preview": "deno run -A  npm:vite preview",
     "serve": "deno run --allow-net --allow-read https://deno.land/std@0.157.0/http/file_server.ts dist/"
+  },
+  "compilerOptions": {
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable"
+    ]
   }
 }

client/src/main.ts

@@ -2,7 +2,7 @@ import './style.css'
 
 const presenceInfo = document.querySelector<HTMLDivElement>('#presence-info')!
 const canvas = document.querySelector<HTMLCanvasElement>('#canvas')!
-const socket = new WebSocket(`${window.location.protocol.replace('http', 'ws')}//${window.location.hostname}/server`)
+const socket = new WebSocket(`${window.location.protocol.replace('http', 'ws')}//${window.location.host}/server`)
 
 type Message =
   | { type: 'presence-information', others: number }

client/vite.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  server: {
+    proxy: {
+      '/server': {
+        target: 'ws://127.0.0.1:5174',
+        changeOrigin: true,
+        ws: true,
+      },
+    },
+  },
+})