From f0d49b301d7d5a8344dded37545b5d649d049c9b Mon Sep 17 00:00:00 2001
From: Dangrainage <99558179+Dangrainage@users.noreply.github.com>
Date: Tue, 29 Aug 2023 19:39:18 +0200
Subject: [PATCH] Update Redditlikechatter.HTML

---
 Redditlikechatter.HTML | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/Redditlikechatter.HTML b/Redditlikechatter.HTML
index 7601bf2..db00845 100644
--- a/Redditlikechatter.HTML
+++ b/Redditlikechatter.HTML
@@ -26,16 +26,13 @@
         const messageInput = document.getElementById('message');
         const sendButton = document.getElementById('send');
 
-        
         let username = localStorage.getItem('username') || '';
-
-       
         usernameInput.value = username;
 
         const socket = new WebSocket('wss://free.blr2.piesocket.com/v3/1?api_key=C1ZujiijYNPNj8gvuGXhIPKsDR4WolCCKOBzMdbM&notify_self=1');
 
         socket.addEventListener('open', () => {
-            sendButton.disabled = false; 
+            sendButton.disabled = false;
         });
 
         socket.addEventListener('message', event => {
@@ -53,8 +50,7 @@
 
         function sendMessage() {
             username = usernameInput.value;
-            localStorage.setItem('username', username); 
-            
+            localStorage.setItem('username', username);
             const message = messageInput.value;
             
             if (username.trim() === '' || message.trim() === '') return;
@@ -65,10 +61,7 @@
                     message: message
                 };
 
-                
                 socket.send(JSON.stringify(data));
-
-                
                 messageInput.value = '';
             }
         }
@@ -80,14 +73,24 @@
             const messageData = JSON.parse(data);
             
             usernameElement.textContent = messageData.username + ': ';
-            messageElement.textContent = messageData.message;
+            
+            const messageWithLinks = convertURLsToLinks(messageData.message);
+            const messageContentElement = document.createElement('div');
+            messageContentElement.innerHTML = messageWithLinks;
+            
+            messageElement.appendChild(usernameElement);
+            messageElement.appendChild(messageContentElement);
 
-            messageElement.prepend(usernameElement);
             chatbox.appendChild(messageElement);
-
-          
             chatbox.scrollTop = chatbox.scrollHeight;
         }
+
+        function convertURLsToLinks(text) {
+            const urlRegex = /(https?:\/\/[^\s]+)/g;
+            return text.replace(urlRegex, (url) => {
+                return `<a href="${url}" target="_blank">${url}</a>`;
+            });
+        }
     </script>
 </body>
 </html>