|
@@ -191,7 +191,6 @@ function initializeWebSocket() {
|
|
|
}
|
|
}
|
|
|
chatWebsocket.onmessage = (event) => {
|
|
chatWebsocket.onmessage = (event) => {
|
|
|
const data = JSON.parse(event.data);
|
|
const data = JSON.parse(event.data);
|
|
|
- console.log("Event:", data);
|
|
|
|
|
if (data.type === "message") {
|
|
if (data.type === "message") {
|
|
|
displayChatMessage(data.username, data.message);
|
|
displayChatMessage(data.username, data.message);
|
|
|
}
|
|
}
|
|
@@ -266,9 +265,7 @@ function initializeChat() {
|
|
|
chatInputElement.addEventListener("input", async () => {
|
|
chatInputElement.addEventListener("input", async () => {
|
|
|
const lastWord = chatInputElement.value.split(" ").at(-1)
|
|
const lastWord = chatInputElement.value.split(" ").at(-1)
|
|
|
if (lastWord.trim().startsWith("@")) {
|
|
if (lastWord.trim().startsWith("@")) {
|
|
|
- console.log("Detectado @ en el input, buscando usuarios...");
|
|
|
|
|
userList.classList.remove("hidden")
|
|
userList.classList.remove("hidden")
|
|
|
- console.log("Buscando usuarios para:", lastWord.trim().substring(1));
|
|
|
|
|
let users = await getUserList(lastWord.trim().substring(1), userToken)
|
|
let users = await getUserList(lastWord.trim().substring(1), userToken)
|
|
|
users = users.filter(u => u !== chatUserName)
|
|
users = users.filter(u => u !== chatUserName)
|
|
|
users.push("IAKlein")
|
|
users.push("IAKlein")
|
|
@@ -280,7 +277,6 @@ function initializeChat() {
|
|
|
chatInputElement.value = chatInputElement.value.replace(lastWord, `@${user}`);
|
|
chatInputElement.value = chatInputElement.value.replace(lastWord, `@${user}`);
|
|
|
userList.classList.add("hidden");
|
|
userList.classList.add("hidden");
|
|
|
};
|
|
};
|
|
|
- console.log(user);
|
|
|
|
|
const color = getUserColor(user);
|
|
const color = getUserColor(user);
|
|
|
userItem.classList.add("list-user-name");
|
|
userItem.classList.add("list-user-name");
|
|
|
userItem.classList.add("cursor-pointer");
|
|
userItem.classList.add("cursor-pointer");
|
|
@@ -808,7 +804,6 @@ function showMentioned(){
|
|
|
|
|
|
|
|
if (chatButton) {
|
|
if (chatButton) {
|
|
|
//get after element
|
|
//get after element
|
|
|
- console.log("Mostrando mención en el botón de chat");
|
|
|
|
|
chatButton.classList.remove("hidden");
|
|
chatButton.classList.remove("hidden");
|
|
|
chatButton.animate(
|
|
chatButton.animate(
|
|
|
[
|
|
[
|
|
@@ -833,15 +828,12 @@ window.hideMentioned = function(){
|
|
|
}
|
|
}
|
|
|
function getUserColor(username) {
|
|
function getUserColor(username) {
|
|
|
const hash = [...username].reduce((acc, char) => acc + char.charCodeAt(0), 0);
|
|
const hash = [...username].reduce((acc, char) => acc + char.charCodeAt(0), 0);
|
|
|
- console.log(userColors.length)
|
|
|
|
|
const color = userColors[hash % userColors.length];
|
|
const color = userColors[hash % userColors.length];
|
|
|
- console.log(`User: ${username}, Hash: ${hash}, Color: ${color}`);
|
|
|
|
|
|
|
|
|
|
return color;
|
|
return color;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function displayChatMessage(sender, message, time = undefined) {
|
|
function displayChatMessage(sender, message, time = undefined) {
|
|
|
- console.log(`[${sender.toUpperCase()}] ${message}`);
|
|
|
|
|
let realtime = `[${time ? time : new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false })}] `;
|
|
let realtime = `[${time ? time : new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false })}] `;
|
|
|
let messageTemplate = chatMessagesElement.querySelector("#chatMessageTemplate");
|
|
let messageTemplate = chatMessagesElement.querySelector("#chatMessageTemplate");
|
|
|
if (!messageTemplate) return;
|
|
if (!messageTemplate) return;
|
|
@@ -881,8 +873,8 @@ function userLeftChat(userName) {
|
|
|
chatMessagesElement.appendChild(userClone);
|
|
chatMessagesElement.appendChild(userClone);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-function sendMessageToAI() {
|
|
|
|
|
- const userMessage = chatInputElement.value.trim();
|
|
|
|
|
|
|
+function sendMessageToAI(userMessage) {
|
|
|
|
|
+
|
|
|
if (userMessage === "") return;
|
|
if (userMessage === "") return;
|
|
|
const messages = Array.from(chatMessagesElement.querySelectorAll(".chat-message")).slice(-10);
|
|
const messages = Array.from(chatMessagesElement.querySelectorAll(".chat-message")).slice(-10);
|
|
|
let formattedMessages = messages.map(msg => {
|
|
let formattedMessages = messages.map(msg => {
|