rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WIP progress chat broadcast

Browse source
This commit is contained in:
NigeParis 2025-11-20 20:32:23 +01:00 • committed by Maix0
parent eec27ce2e6
commit b85d9b64c7
9 changed files with 463 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/pages/chat/chat.ts
View file

@ -3,7 +3,7 @@ import { showError } from "@app/toast";
import authHtml from './chat.html?raw';
import client from '@app/api'
import { getUser, updateUser } from "@app/auth";
import io from "socket.io-client";
import io from 'socket.io-client';
const socket = io("wss://localhost:8888", {
path: "/api/chat/socket.io/",
@ -22,7 +22,7 @@ socket.on("connect", async () => {
});
// Listen for messages from the server "MsgObjectServer"
socket.on("MsgObjectServer", (data) => {
socket.on("MsgObjectServer", (data: any) => {
console.log("Message Obj Recieved:", data.message);
console.log("Recieved data.message.text: ", data.message.text);
console.log("Recieved data.message.user: ", data.message.user);
@ -62,6 +62,17 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
const bwhoami = document.getElementById('b-whoami') as HTMLButtonElement;
const username = document.getElementById('username') as HTMLDivElement;
const value = await client.chatTest();
if (value.kind === "success") {
console.log(value.payload);
}
else if (value.kind === "notLoggedIn") {
console.log('not logged in');
} else {
console.log('unknown response: ', value);
}
const addMessage = (text: string) => {
if (!chatWindow) return;
const messageElement = document.createElement("div");
@ -71,9 +82,15 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
};
// Send button
sendButton?.addEventListener("click", () => {
if (sendtextbox && sendtextbox.value.trim()) {
const msgText = sendtextbox.value.trim();
sendButton?.addEventListener("click",() => {
if (sendtextbox && sendtextbox.value.trim()) {
const msgText = sendtextbox.value.trim();
addMessage(msgText);
const user = getUser();