arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Properly assign UUID to users on connect

Browse Source
This commit is contained in:
April Hall 2025-01-09 10:40:09 -05:00
parent 7849dd0e4a
commit 81995985e3
No known key found for this signature in database
GPG Key ID: A49AC35CB186266C
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/websocketConfig.ts
View File

@ -18,10 +18,10 @@ export function startupSocketIOServer(httpServer: HttpServer | null) {
console.log(`[ws:kit] message from ${socket.id}: ${msg}`); console.log(`[ws:kit] message from ${socket.id}: ${msg}`);
// Store the message in the database // Store the message in the database
await createChannel(client, '000'); await createChannel(client, '000');
await storeMessage(client, '000', msg, uuidv4(), uuidv4()); await storeMessage(client, '000', msg.content, msg.id, uuidv4());
io!.emit('message', { io!.emit('message', {
user: socket.id, user: msg.id,
message: msg, message: msg.content,
imageSrc: 'https://www.arithefirst.com/images/pfp.png', imageSrc: 'https://www.arithefirst.com/images/pfp.png',
}); });
}); });

10
src/routes/+page.svelte
View File

@ -1,9 +1,11 @@
<script lang="ts"> <script lang="ts">
import { io } from 'socket.io-client'; import { io } from 'socket.io-client';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { v4 as uuidv4 } from 'uuid';
import Message from '../lib/components/message.svelte'; import Message from '../lib/components/message.svelte';
import { type TypeMessage } from '../lib'; import { type TypeMessage } from '../lib';
let user: string | undefined;
let socket: ReturnType<typeof io> | null = null; let socket: ReturnType<typeof io> | null = null;
let log: TypeMessage[] = []; let log: TypeMessage[] = [];
let msg: string = ''; let msg: string = '';
@ -24,19 +26,23 @@
function sendMessage() { function sendMessage() {
if (!socket) return; if (!socket) return;
socket.emit('message', msg); socket.emit('message', { id: user, content: msg });
msg = ''; msg = '';
} }
onMount(() => { onMount(() => {
establishSocketIOConnection(); establishSocketIOConnection();
user = uuidv4();
}); });
</script> </script>
<main class="grid grid-cols-2 h-screen w-full"> <main class="grid grid-cols-2 h-screen w-full">
<div class="relative h-full w-full"> <div class="relative h-full w-full">
<div class="h-fit col-span-1 w-10/12 abs-centered"> <div class="h-fit col-span-1 w-10/12 abs-centered">
<h1 class="text-lg"><span class="text-svelte">SV</span>Chat</h1> <div class="flex">
<span><span class="text-svelte">SV</span>Chat</span>
<span class="ml-auto">Logged in as <span class="font-bold">{user}</span></span>
</div>
<form class="my-1 flex" on:submit={sendMessage}> <form class="my-1 flex" on:submit={sendMessage}>
<input type="text" placeholder="Type here" class="input input-bordered w-1/2 mr-1" bind:value={msg} /> <input type="text" placeholder="Type here" class="input input-bordered w-1/2 mr-1" bind:value={msg} />
<button class="btn w-1/2" type="submit">Send Message</button> <button class="btn w-1/2" type="submit">Send Message</button>