Update index.html

index.html

@@ -131,7 +131,7 @@
       *Image Generation is now available :) 
       
       NOTE :- you will be banned if you tried to manipulate ai behaviour `)
-        var socket = io.connect('https://apix-30ox.onrender.com');
+        var socket = io.connect('http://127.0.0.1:81');
         var messages = document.getElementById('chat-messages');
         let user = localStorage.getItem("userName")
         console.log(user)
@@ -139,10 +139,7 @@
     while (true) {
         user = prompt('Create Your Username');
         if (user != null && user !== '' && user !== undefined) {
-            // Convert the username to uppercase for case-insensitive comparison
             let upperCaseUser = user.toUpperCase();
-
-            // Check if the username contains "YASIR" in any form
             if (!upperCaseUser.includes("YASIR")) {
                 localStorage.setItem("userName", upperCaseUser);
                 break;
@@ -152,7 +149,6 @@
         }
     }
 }
-
         console.log(user)
         var userInput = document.getElementById('user-input');
         socket.on('user_count', function(data) {
@@ -164,7 +160,6 @@
     setTimeout(function(){
         document.getElementById('btn').disabled = false;
     }, 7000); // 5000 milliseconds = 5 seconds
-
     var message = userInput.value;
     if (message.length > 1200 ) {
         alert('Message length exceeds 1200 characters!!');
@@ -182,7 +177,6 @@
     }
     }
 }
-
         userInput.addEventListener("keypress", function(event) {
       if (event.keyCode === 13) { 
         if(!document.getElementById('btn').disabled){
@@ -194,23 +188,15 @@
   
        
         
-       socket.on('message', function(data) {
-    var newMessage = document.createElement('p');
-    
-    var userName = document.createElement('strong');
-    userName.textContent = data.user;
-    userName.style.color = 'pink';
-    userName.style.fontSize = '20px';
-
-    // Check if the message contains "X [BOT]" and wrap it in a span
-    var messageContent = data.message.replace(/X \[BOT\]/g, '<span style="color: green;">X [BOT]</span>');
-
-    // Set the innerHTML of the newMessage element
-    newMessage.innerHTML = `<strong style="color: pink; font-size: 20px;">${data.user}</strong><br>${messageContent}`;
-
-    newMessage.classList.add('user-message');
-    
-    messages.appendChild(newMessage);
+    socket.on('message', function(data) {
+    // Create a temporary element to hold the received HTML content
+    var tempElement = document.createElement('div');
+    tempElement.innerHTML = data;
+
+    // Append the contents of the temporary element to the 'messages' element
+    while (tempElement.firstChild) {
+        messages.appendChild(tempElement.firstChild);
+    }
 });
 
 socket.on('response', function(data) {
@@ -220,7 +206,6 @@ socket.on('response', function(data) {
         messages.appendChild(img);
     }
     else{
-
     console.log(data.response); 
     var currentMessage = messages.lastChild;
     if (data.response === 'complete') {
@@ -247,13 +232,8 @@ socket.on('response', function(data) {
         currentMessage.appendChild(responseText);
         
         }
-
     }   
 });
-
-
-
-
 socket.on('image', function(data) {
     if (data.image) {
         var img = document.createElement('img');
@@ -261,9 +241,6 @@ socket.on('image', function(data) {
         document.body.appendChild(img); // Or append to a specific container
     }
 });
-
-
-
     </script>
 </body>