replace ws with socketio

apps/api/devTemplates.yaml

@@ -1,3 +1,19 @@
+- templateVersion: 1.0.0
+  defaultVersion: 9.2.3
+  type: grafana
+  name: Grafana
+  description: >-
+    Grafana allows you to query, visualize, alert on and understand your metrics
+    no matter where they are stored.
+  services:
+    $$id:
+      image: grafana/grafana:$$core_version
+      environment: []
+      volumes:
+        - $$id-config:/etc/grafana
+        - $$id-grafana:/var/lib/grafana
+  variables: []
+  documentation: https://hub.docker.com/r/grafana/grafana
 - templateVersion: 1.0.0
   defaultVersion: 1.0.3
   type: appwrite

apps/api/package.json

@@ -23,7 +23,6 @@
     "@fastify/jwt": "6.3.2",
     "@fastify/multipart": "7.3.0",
     "@fastify/static": "6.5.0",
-    "@fastify/websocket": "^7.1.0",
     "@iarna/toml": "2.2.5",
     "@ladjs/graceful": "3.0.2",
     "@prisma/client": "4.5.0",
@@ -40,6 +39,7 @@
     "execa": "6.1.0",
     "fastify": "4.9.2",
     "fastify-plugin": "4.3.0",
+    "fastify-socket.io": "4.0.0",
     "generate-password": "1.7.0",
     "got": "12.5.2",
     "is-ip": "5.0.0",
@@ -52,7 +52,8 @@
     "p-throttle": "5.0.0",
     "prisma": "4.5.0",
     "public-ip": "6.0.1",
-    "pump": "^3.0.0",
+    "pump": "3.0.0",
+    "socket.io": "4.5.3",
     "ssh-config": "4.1.6",
     "strip-ansi": "7.0.1",
     "unique-names-generator": "4.7.1"
@@ -60,7 +61,6 @@
   "devDependencies": {
     "@types/node": "18.11.6",
     "@types/node-os-utils": "1.3.0",
-    "@types/ws": "^8.5.3",
     "@typescript-eslint/eslint-plugin": "5.41.0",
     "@typescript-eslint/parser": "5.41.0",
     "esbuild": "0.15.12",
@@ -71,6 +71,7 @@
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
     "tsconfig-paths": "4.1.0",
+    "types-fastify-socket.io": "0.0.1",
     "typescript": "4.8.4"
   },
   "prisma": {

apps/api/src/index.ts

@@ -6,9 +6,10 @@ import cookie from '@fastify/cookie';
 import multipart from '@fastify/multipart';
 import path, { join } from 'path';
 import autoLoad from '@fastify/autoload';
-import websocket from '@fastify/websocket';
+import socketIO from 'fastify-socket.io'
+import socketIOServer from './realtime'
 
-import { asyncExecShell, cleanupDockerStorage, createRemoteEngineConfiguration, decrypt, encrypt, executeDockerCmd, executeSSHCmd, generateDatabaseConfiguration, getDomain, isDev, listSettings, prisma, startTraefikProxy, startTraefikTCPProxy, version } from './lib/common';
+import { asyncExecShell, cleanupDockerStorage, createRemoteEngineConfiguration, decrypt, encrypt, executeDockerCmd, executeSSHCmd, generateDatabaseConfiguration, isDev, listSettings, prisma, startTraefikProxy, startTraefikTCPProxy, version } from './lib/common';
 import { scheduler } from './lib/scheduler';
 import { compareVersions } from 'compare-versions';
 import Graceful from '@ladjs/graceful'
@@ -18,8 +19,7 @@ import { verifyRemoteDockerEngineFn } from './routes/api/v1/destinations/handler
 import { checkContainer } from './lib/docker';
 import { migrateServicesToNewTemplate } from './lib';
 import { refreshTags, refreshTemplates } from './routes/api/v1/handlers';
-import { realtime } from './routes/realtime';
+
-import cuid from 'cuid';
 declare module 'fastify' {
 	interface FastifyInstance {
 		config: {
@@ -109,23 +109,12 @@ const host = '0.0.0.0';
 	});
 	fastify.register(cookie)
 	fastify.register(cors);
-	fastify.register(websocket, {
+	fastify.register(socketIO, {
-		options: {
+		cors: {
-			clientTracking: true,
+			origin: "http://localhost:3000"
-			verifyClient: async (info, next) => {
-				try {
-					const token = info.req.headers?.cookie.split('; ').find((cookie) => cookie.startsWith('token')).split('=')[1];
-					if (!token) {
-						return next(false)
-					}
-					fastify.jwt.verify(token)
-				} catch (error) {
-					return next(false)
-				}
-				next(true)
-			}
 		}
 	})
+
 	// To detect allowed origins
 	// fastify.addHook('onRequest', async (request, reply) => {
 	// 	let allowedList = ['coolify:3000'];
@@ -148,20 +137,8 @@ const host = '0.0.0.0';
 
 
 	try {
-		fastify.decorate('wssend', function (data: any) {
-			fastify.websocketServer.clients.forEach((client) => {
-				client.send(JSON.stringify(data));
-			})
-		})
-		fastify.register(async function (fastify) {
-			fastify.get('/realtime', { websocket: true }, (connection) => {
-				// connection.socket.on('message', message => {
-				// 	realtime(fastify, connection, message)
-				// })
-			})
-		})
-
 		await fastify.listen({ port, host })
+		await socketIOServer(fastify)
 		console.log(`Coolify's API is listening on ${host}:${port}`);
 
 		await migrateServicesToNewTemplate()

apps/api/src/lib/services/handlers.ts

@@ -146,18 +146,18 @@ export async function startService(request: FastifyRequest<ServiceStartStop>, fa
 }
 async function startServiceContainers(fastify, id, teamId, dockerId, composeFileDestination) {
     try {
-        fastify.wssend({ teamId, type: 'service', id, message: 'Pulling images...' })
+        fastify.io.to(teamId).emit(`start-service`, { serviceId: id, state: 'Pulling images...' })
         await executeDockerCmd({ dockerId, command: `docker compose -f ${composeFileDestination} pull` })
     } catch (error) { }
-    fastify.wssend({ teamId, type: 'service', id, message: 'Building...' })
+    fastify.io.to(teamId).emit(`start-service`, { serviceId: id, state: 'Building images...' })
     await executeDockerCmd({ dockerId, command: `docker compose -f ${composeFileDestination} build --no-cache` })
-    fastify.wssend({ teamId, type: 'service', id, message: 'Creating containers...' })
+    fastify.io.to(teamId).emit(`start-service`, { serviceId: id, state: 'Creating containers...' })
     await executeDockerCmd({ dockerId, command: `docker compose -f ${composeFileDestination} create` })
-    fastify.wssend({ teamId, type: 'service', id, message: 'Starting containers...' })
+    fastify.io.to(teamId).emit(`start-service`, { serviceId: id, state: 'Starting containers...' })
     await executeDockerCmd({ dockerId, command: `docker compose -f ${composeFileDestination} start` })
     await asyncSleep(1000);
     await executeDockerCmd({ dockerId, command: `docker compose -f ${composeFileDestination} up -d` })
-    fastify.wssend({ teamId, type: 'service', id, message: 'ending' })
+    fastify.io.to(teamId).emit(`start-service`, { serviceId: id, state: 0 })
 }
 export async function migrateAppwriteDB(request: FastifyRequest<OnlyId>, reply: FastifyReply) {
     try {

apps/api/src/realtime/index.ts

@@ -0,0 +1,29 @@
+
+export default async (fastify) => {
+    fastify.io.use((socket, next) => {
+        const { token } = socket.handshake.auth;
+        if (token && fastify.jwt.verify(token)) {
+            next();
+        } else {
+            return next(new Error("unauthorized event"));
+        }
+    });
+    fastify.io.on('connection', (socket: any) => {
+        const { token } = socket.handshake.auth;
+        const { teamId } = fastify.jwt.decode(token);
+        socket.join(teamId);
+        console.info('Socket connected!', socket.id)
+        console.info('Socket joined team!', teamId)
+        socket.on('message', (message) => {
+            console.log(message)
+        })
+        socket.on('error', (err) => {
+            console.log(err)
+        })
+    })
+    // fastify.io.on("error", (err) => {
+    //     if (err && err.message === "unauthorized event") {
+    //         fastify.io.disconnect();
+    //     }
+    // });
+}

apps/api/src/routes/realtime/index.ts

@@ -1,7 +0,0 @@
-export function realtime(fastify, connection, message) {
-    const { socket } = connection
-    const data = JSON.parse(message);
-    if (data.type === 'subscribe') {
-        socket.send(JSON.stringify({ type: 'subscribe', message: 'pong' }))
-    }
-}

apps/ui/package.json

@@ -43,14 +43,14 @@
 	"type": "module",
 	"dependencies": {
 		"@sveltejs/adapter-static": "1.0.0-next.46",
-		"@tailwindcss/typography": "^0.5.7",
+		"@tailwindcss/typography": "0.5.7",
 		"cuid": "2.1.8",
 		"daisyui": "2.33.0",
 		"dayjs": "1.11.6",
 		"js-cookie": "3.0.1",
 		"js-yaml": "4.1.0",
 		"p-limit": "4.0.0",
-		"svelte-file-dropzone": "^1.0.0",
+		"socket.io-client": "4.5.3",
 		"svelte-select": "4.4.7",
 		"sveltekit-i18n": "2.2.2"
 	}

apps/ui/src/lib/store.ts

@@ -1,10 +1,13 @@
 import { dev } from '$app/env';
 import cuid from 'cuid';
 import Cookies from 'js-cookie';
-import {getAPIUrl} from '$lib/api';
+import { getAPIUrl } from '$lib/api';
-import {getDomain} from '$lib/common'
+import { getDomain } from '$lib/common'
 import { writable, readable, type Writable } from 'svelte/store';
+import { io as ioClient } from 'socket.io-client';
+const socket = ioClient(getAPIUrl(), { auth: { token: Cookies.get('token') }, autoConnect: false });
 
+export const io = socket;
 interface AppSession {
     isRegistrationEnabled: boolean;
     ipv4: string | null,
@@ -171,50 +174,3 @@ type State = {
 export const state = writable<State>({
     requests: [],
 });
-export const connect = () => {
-    const token = Cookies.get('token')
-    if (token) {
-        let url = `wss://${window.location.hostname}/realtime`
-        if (dev) {
-            const apiUrl = getDomain(getAPIUrl())
-            url = `ws://${apiUrl}/realtime`
-        }
-        const ws = new WebSocket(url);
-        ws.addEventListener("message", (message: any) => {
-            appSession.subscribe((session: any) => {
-                const data: Request = { ...JSON.parse(message.data), timestamp: message.timeStamp };
-                if (data.teamId === session.teamId) {
-                    if (data.type === 'service') {
-                        const ending = data.message === "ending"
-                        status.update((status: any) => ({
-                            ...status,
-                            service: {
-                                ...status.service,
-                                startup: {
-                                    ...status.service.startup,
-                                    ...(ending ? { [data.id]: undefined } : { [data.id]: data.message })
-                                }
-                            }
-                        }))
-
-                    }
-                }
-            })
-
-        });
-        ws.addEventListener('open', (event) => {
-            ws.send(JSON.stringify({ type: 'subscribe', message: 'ping' }))
-        });
-        ws.addEventListener('error', (event) => {
-            console.log('error with ws');
-            console.log(event)
-        });
-        ws.addEventListener('close', (event) => {
-            if (!ws || ws.readyState == 3) {
-                setTimeout(() => {
-                    connect()
-                }, 1000)
-            }
-        });
-    }
-};

apps/ui/src/routes/__layout.svelte

@@ -81,7 +81,7 @@
 	export let permission: string;
 	export let isAdmin: boolean;
 
-	import{ status, connect } from '$lib/store';
+	import { status, io } from '$lib/store';
 	import '../tailwind.css';
 	import Cookies from 'js-cookie';
 	import { fade } from 'svelte/transition';
@@ -110,7 +110,14 @@
 		}
 	}
 	onMount(async () => {
-		connect();
+		io.connect();
+		io.on('start-service', (message) => {
+			const { serviceId, state } = message;
+			$status.service.startup[serviceId] = state;
+			if (state === 0 || state === 1) {
+				delete $status.service.startup[serviceId];
+			}
+		});
 	});
 </script>
 

pnpm-lock.yaml

@@ -22,13 +22,11 @@ importers:
       '@fastify/jwt': 6.3.2
       '@fastify/multipart': 7.3.0
       '@fastify/static': 6.5.0
-      '@fastify/websocket': ^7.1.0
       '@iarna/toml': 2.2.5
       '@ladjs/graceful': 3.0.2
       '@prisma/client': 4.5.0
       '@types/node': 18.11.6
       '@types/node-os-utils': 1.3.0
-      '@types/ws': ^8.5.3
       '@typescript-eslint/eslint-plugin': 5.41.0
       '@typescript-eslint/parser': 5.41.0
       bcryptjs: 2.4.3
@@ -48,6 +46,7 @@ importers:
       execa: 6.1.0
       fastify: 4.9.2
       fastify-plugin: 4.3.0
+      fastify-socket.io: 4.0.0
       generate-password: 1.7.0
       got: 12.5.2
       is-ip: 5.0.0
@@ -62,11 +61,13 @@ importers:
       prettier: 2.7.1
       prisma: 4.5.0
       public-ip: 6.0.1
-      pump: ^3.0.0
+      pump: 3.0.0
       rimraf: 3.0.2
+      socket.io: 4.5.3
       ssh-config: 4.1.6
       strip-ansi: 7.0.1
       tsconfig-paths: 4.1.0
+      types-fastify-socket.io: 0.0.1
       typescript: 4.8.4
       unique-names-generator: 4.7.1
     dependencies:
@@ -78,7 +79,6 @@ importers:
       '@fastify/jwt': 6.3.2
       '@fastify/multipart': 7.3.0
       '@fastify/static': 6.5.0
-      '@fastify/websocket': 7.1.0
       '@iarna/toml': 2.2.5
       '@ladjs/graceful': 3.0.2
       '@prisma/client': 4.5.0_prisma@4.5.0
@@ -95,6 +95,7 @@ importers:
       execa: 6.1.0
       fastify: 4.9.2
       fastify-plugin: 4.3.0
+      fastify-socket.io: 4.0.0_socket.io@4.5.3
       generate-password: 1.7.0
       got: 12.5.2
       is-ip: 5.0.0
@@ -108,13 +109,13 @@ importers:
       prisma: 4.5.0
       public-ip: 6.0.1
       pump: 3.0.0
+      socket.io: 4.5.3
       ssh-config: 4.1.6
       strip-ansi: 7.0.1
       unique-names-generator: 4.7.1
     devDependencies:
       '@types/node': 18.11.6
       '@types/node-os-utils': 1.3.0
-      '@types/ws': 8.5.3
       '@typescript-eslint/eslint-plugin': 5.41.0_huremdigmcnkianavgfk3x6iou
       '@typescript-eslint/parser': 5.41.0_wyqvi574yv7oiwfeinomdzmc3m
       esbuild: 0.15.12
@@ -125,6 +126,7 @@ importers:
       prettier: 2.7.1
       rimraf: 3.0.2
       tsconfig-paths: 4.1.0
+      types-fastify-socket.io: 0.0.1
       typescript: 4.8.4
 
   apps/i18n:
@@ -146,7 +148,7 @@ importers:
       '@popperjs/core': 2.11.6
       '@sveltejs/adapter-static': 1.0.0-next.46
       '@sveltejs/kit': 1.0.0-next.405
-      '@tailwindcss/typography': ^0.5.7
+      '@tailwindcss/typography': 0.5.7
       '@types/js-cookie': 3.0.2
       '@typescript-eslint/eslint-plugin': 5.41.0
       '@typescript-eslint/parser': 5.41.0
@@ -166,9 +168,9 @@ importers:
       postcss: 8.4.18
       prettier: 2.7.1
       prettier-plugin-svelte: 2.8.0
+      socket.io-client: 4.5.3
       svelte: 3.52.0
       svelte-check: 2.9.2
-      svelte-file-dropzone: ^1.0.0
       svelte-preprocess: 4.10.7
       svelte-select: 4.4.7
       sveltekit-i18n: 2.2.2
@@ -186,7 +188,7 @@ importers:
       js-cookie: 3.0.1
       js-yaml: 4.1.0
       p-limit: 4.0.0
-      svelte-file-dropzone: 1.0.0
+      socket.io-client: 4.5.3
       svelte-select: 4.4.7
       sveltekit-i18n: 2.2.2_svelte@3.52.0
     devDependencies:
@@ -412,16 +414,6 @@ packages:
       - supports-color
     dev: false
 
-  /@fastify/websocket/7.1.0:
-    resolution: {integrity: sha512-aEHlymGnMOCY5pTSI6gOlLBX/5pIhQ485zyEx/m2+kITSa9vWtL08jbtAzbsaQBcqOz+bbVvxzerbHZdqQp2qQ==}
-    dependencies:
-      fastify-plugin: 4.3.0
-      ws: 8.10.0
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-    dev: false
-
   /@floating-ui/core/1.0.1:
     resolution: {integrity: sha512-bO37brCPfteXQfFY0DyNDGB3+IMe4j150KFQcgJ5aBP295p9nBGeHEs/p0czrRbtlHq4Px/yoPXO/+dOCcF4uA==}
     dev: true
@@ -549,6 +541,10 @@ packages:
     engines: {node: '>=14.16'}
     dev: false
 
+  /@socket.io/component-emitter/3.1.0:
+    resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==}
+    dev: false
+
   /@sveltejs/adapter-static/1.0.0-next.46:
     resolution: {integrity: sha512-8BlgwD3fjAbtUUgvREjrq5okZSXMTU/Qla99RhTqGaFo+uOrUzguKrXvjeaD4GzxQZdQUNyTX9hKT0V7tX6TMw==}
     dev: false
@@ -653,6 +649,14 @@ packages:
       '@types/responselike': 1.0.0
     dev: false
 
+  /@types/cookie/0.4.1:
+    resolution: {integrity: sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==}
+    dev: false
+
+  /@types/cors/2.8.12:
+    resolution: {integrity: sha512-vt+kDhq/M2ayberEtJcIN/hxXy1Pk+59g2FV/ZQceeaTyCtCucjL2Q7FXlFjtWn4n15KCr1NE2lNNFhp0lEThw==}
+    dev: false
+
   /@types/http-cache-semantics/4.0.1:
     resolution: {integrity: sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==}
     dev: false
@@ -714,12 +718,6 @@ packages:
     resolution: {integrity: sha512-WwA1MW0++RfXmCr12xeYOOC5baSC9mSb0ZqCquFzKhcoF4TvHu5MKOuXsncgZcpVFhB1pXd5hZmM0ryAoCp12A==}
     dev: true
 
-  /@types/ws/8.5.3:
-    resolution: {integrity: sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==}
-    dependencies:
-      '@types/node': 18.11.6
-    dev: true
-
   /@typescript-eslint/eslint-plugin/5.41.0_huremdigmcnkianavgfk3x6iou:
     resolution: {integrity: sha512-DXUS22Y57/LAFSg3x7Vi6RNAuLpTXwxB9S2nIA7msBb/Zt8p7XqMwdpdc1IU7CkOQUPgAqR5fWvxuKCbneKGmA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -863,6 +861,14 @@ packages:
     resolution: {integrity: sha512-2BjRTZxTPvheOvGbBslFSYOUkr+SjPtOnrLP33f+VIWLzezQpZcqVg7ja3L4dBXmzzgwT+a029jRx5PCi3JuiA==}
     dev: false
 
+  /accepts/1.3.8:
+    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-types: 2.1.35
+      negotiator: 0.6.3
+    dev: false
+
   /acorn-jsx/5.3.2_acorn@8.8.0:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1768,6 +1774,11 @@ packages:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
     dev: false
 
+  /base64id/2.0.0:
+    resolution: {integrity: sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==}
+    engines: {node: ^4.5.0 || >= 5.9}
+    dev: false
+
   /bcrypt-pbkdf/1.0.2:
     resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
     dependencies:
@@ -2158,6 +2169,14 @@ packages:
     requiresBuild: true
     dev: true
 
+  /cors/2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+    dev: false
+
   /cpu-features/0.0.4:
     resolution: {integrity: sha512-fKiZ/zp1mUwQbnzb9IghXtHtDoTMtNeb8oYGx6kX2SYfhnG0HNdBEBIzB9b5KlXu5DQPhfy3mInbBxFcgwAr3A==}
     engines: {node: '>=10.0.0'}
@@ -2533,6 +2552,45 @@ packages:
       once: 1.4.0
     dev: false
 
+  /engine.io-client/6.2.3:
+    resolution: {integrity: sha512-aXPtgF1JS3RuuKcpSrBtimSjYvrbhKW9froICH4s0F3XQWLxsKNxqzG39nnvQZQnva4CMvUK63T7shevxRyYHw==}
+    dependencies:
+      '@socket.io/component-emitter': 3.1.0
+      debug: 4.3.4
+      engine.io-parser: 5.0.4
+      ws: 8.2.3
+      xmlhttprequest-ssl: 2.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /engine.io-parser/5.0.4:
+    resolution: {integrity: sha512-+nVFp+5z1E3HcToEnO7ZIj3g+3k9389DvWtvJZz0T6/eOCPIyyxehFcedoYrZQrp0LgQbD9pPXhpMBKMd5QURg==}
+    engines: {node: '>=10.0.0'}
+    dev: false
+
+  /engine.io/6.2.0:
+    resolution: {integrity: sha512-4KzwW3F3bk+KlzSOY57fj/Jx6LyRQ1nbcyIadehl+AnXjKT7gDO0ORdRi/84ixvMKTym6ZKuxvbzN62HDDU1Lg==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      '@types/cookie': 0.4.1
+      '@types/cors': 2.8.12
+      '@types/node': 18.11.6
+      accepts: 1.3.8
+      base64id: 2.0.0
+      cookie: 0.4.2
+      cors: 2.8.5
+      debug: 4.3.4
+      engine.io-parser: 5.0.4
+      ws: 8.2.3
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
   /env-schema/5.0.0:
     resolution: {integrity: sha512-91u95Nlny+LmjF3Mk96j8k6k+GOXcFEdMUv3bWQjtM2l+KTAdW6qITiv8kHYO8vCaCScXpJTDyd1AFnCQTnYaQ==}
     dependencies:
@@ -3102,10 +3160,23 @@ packages:
       reusify: 1.0.4
     dev: false
 
+  /fastify-plugin/3.0.1:
+    resolution: {integrity: sha512-qKcDXmuZadJqdTm6vlCqioEbyewF60b/0LOFCcYN1B6BIZGlYJumWWOYs70SFYLDAH4YqdE1cxH/RKMG7rFxgA==}
+    dev: false
+
   /fastify-plugin/4.3.0:
     resolution: {integrity: sha512-M3+i368lV0OYTJ5TfClIoPKEKSOF7112iiPdwgfSR0gN98BjA1Nk+c6oBHtfcVt9KiMxl+EQKHC1QNWo3ZOpYQ==}
     dev: false
 
+  /fastify-socket.io/4.0.0_socket.io@4.5.3:
+    resolution: {integrity: sha512-j5mgvHZpQ0Iiz9HyKwGdLOQGjFKH/6KOwx8esxCIBkIjtiQkdC8e4J1xX4JAMISLfTJOY9EHQG/1MmU/9cXaog==}
+    peerDependencies:
+      socket.io: ^4.4.0
+    dependencies:
+      fastify-plugin: 3.0.1
+      socket.io: 4.5.3
+    dev: false
+
   /fastify/4.9.2:
     resolution: {integrity: sha512-Mk3hv7ZRet2huMYN6IJ8RGy1TAAC7LJsCEjxLf808zafAADNu43xRzbl7FSEIBxKyhntTM0F626Oc34LUNcUxQ==}
     dependencies:
@@ -3164,13 +3235,6 @@ packages:
       flat-cache: 3.0.4
     dev: true
 
-  /file-selector/0.2.4:
-    resolution: {integrity: sha512-ZDsQNbrv6qRi1YTDOEWzf5J2KjZ9KMI1Q2SGeTkCJmNNW25Jg4TW4UMcmoqcg4WrAyKRcpBXdbWRxkfrOzVRbA==}
-    engines: {node: '>= 10'}
-    dependencies:
-      tslib: 2.4.0
-    dev: false
-
   /fill-range/7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
@@ -4372,6 +4436,11 @@ packages:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
+  /negotiator/0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
   /next-line/1.1.0:
     resolution: {integrity: sha512-+I10J3wKNoKddNxn0CNpoZ3eTZuqxjNM3b1GImVx22+ePI+Y15P8g/j3WsbP0fhzzrFzrtjOAoq5NCCucswXOQ==}
     dev: false
@@ -4490,6 +4559,11 @@ packages:
     resolution: {integrity: sha512-pv/ue2Odr7IfYOO0byC1KgBI10wo5YDauLhxY6/saNzAdAs0r1SotGCPzzCLNPL0xtrAwWRialLu23AAu9xO1g==}
     dev: false
 
+  /object-assign/4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /object-hash/3.0.0:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
@@ -5413,6 +5487,50 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /socket.io-adapter/2.4.0:
+    resolution: {integrity: sha512-W4N+o69rkMEGVuk2D/cvca3uYsvGlMwsySWV447y99gUPghxq42BxqLNMndb+a1mm/5/7NeXVQS7RLa2XyXvYg==}
+    dev: false
+
+  /socket.io-client/4.5.3:
+    resolution: {integrity: sha512-I/hqDYpQ6JKwtJOf5ikM+Qz+YujZPMEl6qBLhxiP0nX+TfXKhW4KZZG8lamrD6Y5ngjmYHreESVasVCgi5Kl3A==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      '@socket.io/component-emitter': 3.1.0
+      debug: 4.3.4
+      engine.io-client: 6.2.3
+      socket.io-parser: 4.2.1
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /socket.io-parser/4.2.1:
+    resolution: {integrity: sha512-V4GrkLy+HeF1F/en3SpUaM+7XxYXpuMUWLGde1kSSh5nQMN4hLrbPIkD+otwh6q9R6NOQBN4AMaOZ2zVjui82g==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      '@socket.io/component-emitter': 3.1.0
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /socket.io/4.5.3:
+    resolution: {integrity: sha512-zdpnnKU+H6mOp7nYRXH4GNv1ux6HL6+lHL8g7Ds7Lj8CkdK1jJK/dlwsKDculbyOHifcJ0Pr/yeXnZQ5GeFrcg==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      accepts: 1.3.8
+      base64id: 2.0.0
+      debug: 4.3.4
+      engine.io: 6.2.0
+      socket.io-adapter: 2.4.0
+      socket.io-parser: 4.2.1
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
   /sonic-boom/3.2.0:
     resolution: {integrity: sha512-SbbZ+Kqj/XIunvIAgUZRlqd6CGQYq71tRRbXR92Za8J/R3Yh4Av+TWENiSiEgnlwckYLyP0YZQWVfyNC0dzLaA==}
     dependencies:
@@ -5685,12 +5803,6 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-file-dropzone/1.0.0:
-    resolution: {integrity: sha512-F2DN+wN2w7bKuUJFYQOFsdtTgaohQ/rNKau5m5n2l3LHJRRIccYS4wpq8f6dz/h5aSxYse3oRclmYdW6FWAfjw==}
-    dependencies:
-      file-selector: 0.2.4
-    dev: false
-
   /svelte-hmr/0.15.0_svelte@3.52.0:
     resolution: {integrity: sha512-Aw21SsyoohyVn4yiKXWPNCSW2DQNH/76kvUnE9kpt4h9hcg9tfyQc6xshx9hzgMfGF0kVx0EGD8oBMWSnATeOg==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
@@ -5952,6 +6064,7 @@ packages:
 
   /tslib/2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
+    dev: true
 
   /tsutils/3.21.0_typescript@4.8.4:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
@@ -5994,6 +6107,10 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
+  /types-fastify-socket.io/0.0.1:
+    resolution: {integrity: sha512-dewtZotQV8A/oOsQ781K6D3BbEhEbygWRQMV+P2BIVu0+II+T3ZAkl3em2KxnuPperK0Ar2gMjCpxb3xa1TQAQ==}
+    dev: true
+
   /typescript/4.8.4:
     resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
     engines: {node: '>=4.2.0'}
@@ -6058,6 +6175,11 @@ packages:
       spdx-correct: 3.1.1
       spdx-expression-parse: 3.0.1
 
+  /vary/1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
   /vite/3.2.0:
     resolution: {integrity: sha512-Ovj7+cqIdM1I0LPCk2CWxzgADXMix3NLXpUT6g7P7zg/a9grk/TaC3qn9YMg7w7M0POIVCBOp1aBANJW+RH7oA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -6120,8 +6242,8 @@ packages:
   /wrappy/1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  /ws/8.10.0:
+  /ws/8.2.3:
-    resolution: {integrity: sha512-+s49uSmZpvtAsd2h37vIPy1RBusaLawVe8of+GyEPsaJTCMpj/2v8NpeK1SHXjBlQ95lQTmQofOJnFiLoaN3yw==}
+    resolution: {integrity: sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -6133,6 +6255,11 @@ packages:
         optional: true
     dev: false
 
+  /xmlhttprequest-ssl/2.0.0:
+    resolution: {integrity: sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
   /xtend/4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}