Emojis, formatting, clear all

web/src/app/Subscription.js

@@ -1,14 +1,18 @@
-import {topicUrl, shortTopicUrl, topicUrlWs} from './utils';
+import {shortTopicUrl, topicUrl} from './utils';
 
 export default class Subscription {
     constructor(baseUrl, topic) {
         this.id = topicUrl(baseUrl, topic);
         this.baseUrl = baseUrl;
         this.topic = topic;
-        this.notifications = new Map();
+        this.notifications = new Map(); // notification ID -> notification object
+        this.deleted = new Set(); // notification IDs
     }
 
     addNotification(notification) {
+        if (this.notifications.has(notification.id) || this.deleted.has(notification.id)) {
+            return this;
+        }
         this.notifications.set(notification.id, notification);
         return this;
     }
@@ -18,6 +22,21 @@ export default class Subscription {
         return this;
     }
 
+    deleteNotification(notificationId) {
+        this.notifications.delete(notificationId);
+        this.deleted.add(notificationId);
+        return this;
+    }
+
+    deleteAllNotifications() {
+        console.log(this.notifications);
+        for (const [id] of this.notifications) {
+            console.log(`delete ${id}`);
+            this.deleteNotification(id);
+        }
+        return this;
+    }
+
     getNotifications() {
         return Array.from(this.notifications.values());
     }

web/src/app/utils.js

@@ -1,3 +1,5 @@
+import { rawEmojis} from "./emojis";
+
 export const topicUrl = (baseUrl, topic) => `${baseUrl}/${topic}`;
 export const topicUrlWs = (baseUrl, topic) => `${topicUrl(baseUrl, topic)}/ws`
     .replaceAll("https://", "wss://")
@@ -8,6 +10,46 @@ export const topicUrlJsonPoll = (baseUrl, topic) => `${topicUrlJson(baseUrl, top
 export const shortUrl = (url) => url.replaceAll(/https?:\/\//g, "");
 export const shortTopicUrl = (baseUrl, topic) => shortUrl(topicUrl(baseUrl, topic));
 
+// Format emojis (see emoji.js)
+const emojis = {};
+rawEmojis.forEach(emoji => {
+    emoji.aliases.forEach(alias => {
+        emojis[alias] = emoji.emoji;
+    });
+});
+
+const toEmojis = (tags) => {
+    if (!tags) return [];
+    else return tags.filter(tag => tag in emojis).map(tag => emojis[tag]);
+}
+
+export const formatTitle = (m) => {
+    const emojiList = toEmojis(m.tags);
+    if (emojiList.length > 0) {
+        return `${emojiList.join(" ")} ${m.title}`;
+    } else {
+        return m.title;
+    }
+};
+
+export const formatMessage = (m) => {
+    if (m.title) {
+        return m.message;
+    } else {
+        const emojiList = toEmojis(m.tags);
+        if (emojiList.length > 0) {
+            return `${emojiList.join(" ")} ${m.message}`;
+        } else {
+            return m.message;
+        }
+    }
+};
+
+export const unmatchedTags = (tags) => {
+    if (!tags) return [];
+    else return tags.filter(tag => !(tag in emojis));
+}
+
 // From: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
 export async function* fetchLinesIterator(fileURL) {
     const utf8Decoder = new TextDecoder('utf-8');