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

Added Date.now ClientChat that stores user, socket id and date

Browse source
This commit is contained in:
NigeParis 2025-11-25 17:49:49 +01:00
parent 0f3414e8ce
commit 40980bedeb
8 changed files with 107 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -12,6 +12,33 @@ document.addEventListener('ft:pageChange', () => {
__socket = undefined;
console.log("Page changed");
})
document.addEventListener("visibilitychange", async () => {
// When user leaves tab
if (document.visibilityState === "hidden") {
console.log("User LEFT this tab");
// if (__socket) {
// __socket.close();
// __socket = undefined;
// }
return;
}
// When user returns to tab → soft reload using imported HTML file
if (document.visibilityState === "visible") {
// location.reload();
//console.log(location.replace(location.href));
console.log('Chat Visible')
}
});
function getSocket(): Socket {
if (__socket === undefined)
__socket = io("wss://localhost:8888", {
@ -23,6 +50,10 @@ function getSocket(): Socket {
}
async function isLoggedIn() {
return getUser() || null;
}
function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn {
@ -43,6 +74,7 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
};
socket.emit('message', JSON.stringify(message));
});
// Listen for messages from the server "MsgObjectServer"
socket.on("MsgObjectServer", (data: any) => {
console.log("Message Obj Recieved:", data.message);
@ -109,6 +141,11 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
console.log(`Added new message: ${text}`)
};
socket.on("welcome", (data) => {
addMessage(`${data.msg}`);
});
// Send button
sendButton?.addEventListener("click", () => {
if (sendtextbox && sendtextbox.value.trim()) {
@ -141,9 +178,13 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
// Help Text button
bconnected?.addEventListener("click", async () => {
const loggedIn = await isLoggedIn();
if (loggedIn?.name === undefined) return ;
if (chatWindow) {
addMessage('@list - lists all connected users in the chat');
await socket.emit('list');
socket.emit('list');
}
});
socket.on('listObj', (list: string) => {
@ -152,6 +193,9 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
});
// Enter key to send message
sendtextbox!.addEventListener('keydown', (event) => {
if (event.key === 'Enter') {