From 9f652ece1bf0498f9032f94b77becc96b6eff009 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Wed, 29 Jan 2025 00:46:11 +0100
Subject: [PATCH] New padding.

---
 src/snek/static/message-list.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/snek/static/message-list.js b/src/snek/static/message-list.js
index 7f3c61b..e60cda1 100644
--- a/src/snek/static/message-list.js
+++ b/src/snek/static/message-list.js
@@ -17,6 +17,14 @@ class MessageListElement extends HTMLElement {
         this.component = document.createElement('div')
         this.shadowRoot.appendChild(this.component )
     }
+    linkifyText(text) {
+            const urlRegex = /https?:\/\/[^\s]+/g;
+        
+            return text.replace(urlRegex, (url) => {
+                return `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`;
+            });
+        
+    }
     createElement(message){
         const element = document.createElement("div")
         element.dataset.uid = message.uid
@@ -40,7 +48,7 @@ class MessageListElement extends HTMLElement {
         author.textContent = message.user_nick
         const text = document.createElement("div")
         text.classList.add("text")
-        text.textContent = message.message
+        text.innerHTML = this.linkifyText(message.message)
         const time = document.createElement("div")
         time.classList.add("time")
         time.textContent = message.created_at