going home end of day

frontend/src/pages/chat/chat.ts

@@ -58,7 +58,7 @@ function addMessage(text: string) {
 	return ;
 };
 
-async function isLoggedIn() {
+function isLoggedIn() {
 	return getUser() || null;
 };
 
@@ -79,6 +79,8 @@ async function windowStateHidden() {
 };
 	
 async function windowStateVisable() {
+
+	const buddies = document.getElementById('div-buddies') as HTMLDivElement;		
 	const socketId = __socket || undefined;
 	let oldName = localStorage.getItem("oldName") || undefined;
 	console.log("%c WINDOW VISIBLE - oldName :'" + oldName + "'", color.green);
@@ -91,6 +93,9 @@ async function windowStateVisable() {
 		userName: oldName,
 		user: user?.name,
 	});
+	buddies.innerHTML = '';
+	buddies.textContent = '';
+	//connected(socketId);
 	setTitle('Chat Page');
 	return;
 };
@@ -128,21 +133,21 @@ async function listBuddies(buddies: HTMLDivElement, listBuddies: string) {
 
 	if (!buddies) return;
 	const sendtextbox = document.getElementById('t-chat-window') as HTMLButtonElement;
+	const buddiesElement = document.createElement("div-buddies-list");
+	buddiesElement.textContent = listBuddies + '\n';
+	const user = getUser()?.name ?? ""; 
 
-	const messageElement = document.createElement("div-buddies-list");
-	messageElement.textContent = listBuddies + '\n';
-	
-
-	// ✔ Add click-to-copy
-	messageElement.style.cursor = "pointer";          // optional visual hint
-	messageElement.addEventListener("click", () => {
+	buddiesElement.style.cursor = "pointer";
+	buddiesElement.addEventListener("click", () => {
 		navigator.clipboard.writeText(listBuddies);
+		if (listBuddies !== user && user !== "") {
 			sendtextbox.value = `@${listBuddies}: `;
 			console.log("Copied to clipboard:", listBuddies);
-		sendtextbox.focus();               // move cursor into the box
+			sendtextbox.focus();
+		} 
 	});
 
-	buddies.appendChild(messageElement);
+	buddies.appendChild(buddiesElement);
 	buddies.scrollTop = buddies.scrollHeight;
 	console.log(`Added buddies: ${listBuddies}`);
 }
@@ -150,7 +155,7 @@ async function listBuddies(buddies: HTMLDivElement, listBuddies: string) {
 
 function waitSocketConnected(socket: Socket): Promise<void> {
     return new Promise(resolve => {
-        if (socket.connected) return resolve(); // already connected
+        if (socket.connected) return resolve();
         socket.on("connect", () => resolve());
     });
 };
@@ -176,10 +181,10 @@ function quitChat (socket: Socket) {
  
 };
 
-const bconnected = document.getElementById('b-help') as HTMLButtonElement;
-if (bconnected) {
-	bconnected.click();
-}
+// const bconnected = document.getElementById('b-help') as HTMLButtonElement;
+// if (bconnected) {
+// 	bconnected.click();
+// }
 
 function logout(socket: Socket) {
   socket.emit("logout");  // notify server
@@ -221,7 +226,7 @@ async function connected(socket: Socket): Promise<void> {
 		console.log('%coldUser:',color.yellow, oldUser);
 		if (loggedIn?.name === undefined) {console.log('');return ;}
 		oldUser =  loggedIn.name ?? "";
-		const res = await client.guestLogin();
+		// const res = await client.guestLogin();
 		let user = await updateUser();
 		console.log('%cUser?name:',color.yellow, user?.name);
 		localStorage.setItem("oldName", oldUser);
@@ -365,10 +370,10 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
 	window.addEventListener("focus", () => {
 		//nst bwhoami = document.getElementById('b-whoami') as HTMLButtonElement;
 		if (window.location.pathname === '/app/chat') {
+			connected(socket);
 			console.log("%cWindow is focused on /chat:" + socket.id, color.green);
 			if (socket.id) {
 				windowStateVisable();
-				connected(socket);
 			}
 			toggle = true;
 		}
@@ -385,8 +390,7 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
 	// setInterval(async () => {
 	// 	//connected(socket);
 	// },10000); // every 10 seco	
-
-	socket.on('listBud', (myBuddies: string) => {
+	socket.on('listBud', async (myBuddies: string)  => {
 		const buddies = document.getElementById('div-buddies') as HTMLDivElement;
 		console.log('List buddies connected ', myBuddies);
 		listBuddies(buddies,myBuddies);
@@ -455,7 +459,6 @@ function handleChat(_url: string, _args: RouteHandlerParams): RouteHandlerReturn
 								quitChat(socket);
     						    break;	
     						default:
-
 								const user = getUser()?.name;
 								// Ensure we have a user AND socket is connected
 								if (!user || !socket.connected) return;

src/chat/src/app.ts

@@ -132,16 +132,16 @@ async function onReady(fastify: FastifyInstance) {
 				seen.add(username.user);
 				count++;
 				// console.log(color.green,"count: ", count);
-				console.log(color.yellow, 'Client:', color.reset, username.user);
+				// console.log(color.yellow, 'Client:', color.reset, username.user);
 
 				const targetSocketId = target;
 				io.to(targetSocketId!).emit('listBud', username.user);
-				console.log(
-					color.yellow,
-					'Chat Socket ID:',
-					color.reset,
-					socketId,
-				);
+				// console.log(
+				// 	color.yellow,
+				// 	'Chat Socket ID:',
+				// 	color.reset,
+				// 	socketId,
+				// );
 				continue;
 			}
 
@@ -203,11 +203,13 @@ async function onReady(fastify: FastifyInstance) {
 					console.log(color.yellow, `User: '${atUser}' (No user the same is found): '${data.command}' `);
 					continue;
 				}
+				if (data.text !== "") {
 					s.emit('MsgObjectServer', { message: data });
 					if (senderSocket)
 						senderSocket.emit('privMessageCopy',`${data.command}: ${data.text}🔒`);
 					// Debug logs
-				console.log(color.green, 'Priv to:', clientInfo.user);
+				}
+				console.log(color.green, 'Priv to:', data.text);
 			}
 		});
 	}
@@ -361,6 +363,7 @@ async function onReady(fastify: FastifyInstance) {
 					SenderWindowID: socket.id,
 				};
 				console.log(color.blue, 'BROADCASTS OUT :', obj.SenderWindowID);
+
 				broadcast(obj, obj.SenderWindowID);
 				//   clientChat.delete(obj.user);
 			}