Modify message if sent with the same UUID - fixes #3

Author: aragon999

src/App.svelte

@@ -3,14 +3,18 @@
     import { dracula } from "svelte-highlight/styles";
 
     import Message from './Message.svelte';
+
+    let messages = [];
+
+    $: messages = Object.values($messageStore).sort((a, b) => b.time - a.time);
 </script>
 
 <svelte:head>
     {@html dracula}
 </svelte:head>
 
 <main>
-    {#each $messageStore.reverse() as message}
+    {#each messages as message}
         <Message message={message} />
     {/each}
 </main>

src/messageStore.js

@@ -1,21 +1,19 @@
 import { writable } from 'svelte/store';
 import { assembleUrl } from './util';
 
-export const messageStore = writable([]);
+export const messageStore = writable({});
 
 let eventSource = new EventSource(assembleUrl('/events'));
 
 eventSource.onmessage = function (message) {
     messageStore.update(m => {
         const data = JSON.parse(message.data);
         if (data['payloads'].length === 1 && data['payloads'][0]['type'] === 'clear') {
-            m = [];
+            m = {};
         } else {
-            m.push(data);
+            m[data['uuid']] = data;
         }
 
-        m.sort((a, b) => a.time - b.time);
-
         return m;
     })
 }