Merge remote-tracking branch 'origin/main'

src/modules/message.ts

@@ -1,14 +1,30 @@
 import { RenderMessage, ClientMessage } from "@/types/message/index";
+import { v4 as uuidv4 } from 'uuid';
 
-export const renderMessage = (text: string, audio: string | boolean, modifier: string, uid: string): RenderMessage => (
+interface RenderParams {
+  text: string;
+  audio: boolean | string;
+  context: string;
+  modifier: string;
+}
+
+function getTimeStamp(): number {  
+  const currentdate = new Date();
+  return currentdate.getTime();
+}
+
+// Create a RenderMessage object.
+export const renderMessage = (params: RenderParams): RenderMessage => (
   {
     content: {
-        audio,
-        text
+        text: params.text,
+        audio: params.audio
     },
-    context: "",
-    modifier,
-    uid
+    context: params.context,
+    modifier: params.modifier,
+    time: getTimeStamp(),
+    uid: uuidv4(),
+    isChild: "none"
   }
 )
 

src/modules/messages.ts

@@ -28,18 +28,21 @@ function deleteOldest() {
 export default function useMessages() {
 
     const addMessage = (m: RenderMessage) => {
+      console.log(`Adding message: ${m.content.text}`)
+
       // check for message limit before setting a new message.
       if (messages.value.size >= sizeLimit) deleteOldest();
       
       messages.value.set(m.uid, m);
     }
 
-    const updateMessage = (m: Annotation) => {
+    const updateMessage = (a: Annotation) => {
         // update message if in the map.
-        if (messages.value.has(m.uid)) {
-            messages.value.get(m.uid).context = m.context;
-            messages.value.get(m.uid).content.text = m.text;
-        }
+        const m = messages.value.get(a.uid)
+        m.context = a.context
+        m.text = a.text
+
+        return m
     }
 
     const saveMessages = () => {