From 0a9b66d2f76a2c4418db7149b17729bf8a2dc811 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Sat, 8 Mar 2025 17:33:17 +0100
Subject: [PATCH 1/2] Updated search.

---
 src/snek/templates/search_user.html | 88 ++++++++++++++++++++++++++---
 src/snek/view/search_user.py        |  8 +--
 2 files changed, 85 insertions(+), 11 deletions(-)

diff --git a/src/snek/templates/search_user.html b/src/snek/templates/search_user.html
index b6a0439..842b982 100644
--- a/src/snek/templates/search_user.html
+++ b/src/snek/templates/search_user.html
@@ -13,16 +13,90 @@
             <input type="text" placeholder="Username" name="query" value="{{query}}" REQUIRED></input>
             <fancy-button size="auto" text="Search" url="submit"></fancy-button>
         </form>
-        <ul>
+        <div class="threads">
             {% for user in users %}
-            <li>
-                <a href="/channel/{{user.uid.value}}.html">{{user.username.value}}</a>
-            </li>
+        <a href="/channel/{{user.uid}}.html" style="max-width:100%;" data-uid="{{user.uid}}" data-color="{{user.color}}" data-channel_uid="{{user.uid}}"
+                                                                                                                         data-username="{{user.username}}" data-nick="{{user.nick}}" data-last_ping="{{user.last_ping}}" 
+            class="thread">
+            <div class="avatar" style="opacity: 1; background-color: {{user.color}}; color: black;"><img
+                    src="/avatar/{{user.uid}}.svg" /></div>
+            <div class="message-content">
+                <div class="author" style="opacity: 1; color: {{user.color}};">{{user.nick}}</div>
+                <div class="text">{% autoescape false %}{% emoji %}{% linkify %}{% markdown %}{% autoescape false %}{%raw %}{% endraw%}{%endautoescape%}{% endmarkdown %}{% endlinkify %}{% endemoji %}{%
+                    endautoescape %}</div>
+                <div class="time opacity: 1; no-select" data-created_at="{{user.last_ping}}">{{user.last_ping}}</div>
+            </div>
+        </a>
+
+
 
             {% endfor %}
-        </ul>
-
+    </div>
 
     </div>
 </section>
-{% endblock %}
\ No newline at end of file
+<script>
+
+    document.querySelector("[name=query]").focus();
+
+    function updateTimes() {
+        document.querySelectorAll(".time").forEach((time) => {
+            time.innerText = "Last seen: " + app.timeDescription(time.dataset.created_at);
+        });
+    }
+
+
+    const threadsContainer = document.querySelector(".chat-threads");
+
+    function updateLayout(doScrollDown) {
+        updateTimes();
+    }
+
+    setInterval(updateTimes, 1000);
+
+    function isMentionToMe(message) {
+        const mentionText = '@{{ current_user.username.value }}';
+        return message.toLowerCase().includes(mentionText);
+    }
+    function extractMentions(message) {
+        return [...new Set(message.match(/@\w+/g) || [])];
+    }
+    function isMentionForSomeoneElse(message) {
+        const mentions = extractMentions(message);
+        const mentionText = '@{{ current_user.username.value }}';
+        return mentions.length > 0 && mentions.indexOf(mentionText) == -1;
+    }
+
+    app.addEventListener("channel-message", (data) => {
+        if (data.channel_uid !== channelUid) {
+            if (!isMentionForSomeoneElse(data.message)) {
+                channelSidebar.notify(data);
+                app.playSound("messageOtherChannel");
+            }
+
+            return;
+        }
+        if (data.username !== "{{ current_user.username.value }}") {
+            if (isMentionToMe(data.message)) {
+                app.playSound("mention");
+            } else if (!isMentionForSomeoneElse(data.message)) {
+                app.playSound("message");
+            }
+        }
+
+        const threadsContainer = document.querySelector(".chat-threads");
+
+        const message = document.createElement("div");
+        message.innerHTML = data.html;
+        document.querySelector(".chat-threads").appendChild(message.firstChild);
+        updateLayout();
+        setTimeout(() => {
+            updateLayout()
+        }, 1000);
+    });
+
+    updateLayout(true);
+</script>
+
+
+{% endblock %}
diff --git a/src/snek/view/search_user.py b/src/snek/view/search_user.py
index c28b883..347d3b2 100644
--- a/src/snek/view/search_user.py
+++ b/src/snek/view/search_user.py
@@ -40,14 +40,14 @@ class SearchUserView(BaseFormView):
         users = []
         query = self.request.query.get("query")
         if query:
-            users = await self.app.services.user.search(query)
+            users = [user.record for user in  await self.app.services.user.search(query)]
 
         if self.request.path.endswith(".json"):
             return await super().get()
-
-        return await self.render_template("search_user.html", {"users": users, "query": query or ''})
+        current_user = await self.app.services.user.get(uid=self.session.get("uid"))
+        return await self.render_template("search_user.html", {"users": users, "query": query or '','current_user': current_user})
 
     async def submit(self, form):
         if await form.is_valid:
             return {"redirect_url": "/search-user.html?query=" + form['username']}
-        return {"is_valid": False}
\ No newline at end of file
+        return {"is_valid": False}

From 8e195a49e3e914a4b241e95378bd9a07611715a8 Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Sat, 8 Mar 2025 18:41:37 +0100
Subject: [PATCH 2/2] Update.

---
 src/snek/view/threads.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/snek/view/threads.py b/src/snek/view/threads.py
index 772685f..14431f1 100644
--- a/src/snek/view/threads.py
+++ b/src/snek/view/threads.py
@@ -27,6 +27,7 @@ class ThreadsView(BaseView):
                 thread['name_color'] = user_last_message['color']
             thread['last_message_user_color'] = user_last_message['color']  
             threads.append(thread)
-
+            
+        threads.sort(key=lambda x: x['last_message_on'], reverse=True)
 
         return await self.render_template("threads.html", dict(threads=threads,user=user))