working new protocols

src/render/shared/messages.ts

@@ -2,20 +2,31 @@
 import { ref, Ref } from "vue";
 import useScroll from "@/render/composables/useScroll";
 
+const { isScrolledToBottom, adjustScroll } = useScroll("messenger");
+
 export const messages: Ref<Array<Message>> = ref([]);
 
 export const setMessages: IpcListenerCallback<Array<Message>> = (payload) => {
     messages.value = payload as Array<Message>;
+    setTimeout(() => {
+        adjustScroll();
+    }, 1000);
 }
 
 export const addMessage: IpcListenerCallback<Message> = (payload) => {
+    const bottom = isScrolledToBottom();
     messages.value.push(payload as Message);
+    if (bottom) {
+        setTimeout(() => {
+            adjustScroll();
+        }, 10);
+    }
 }
 
 export const updateMessage: IpcListenerCallback<Annotation> = (payload) => {
     const annotation = payload as Annotation;
 
-    for (let i in messages.value) {
+    for (const i in messages.value) {
 
         if (messages.value[i].uid == annotation.uid) {
 
@@ -36,7 +47,7 @@ export const updateMessage: IpcListenerCallback<Annotation> = (payload) => {
 export const deleteMessage: IpcListenerCallback<string> = (payload) => {
     const uid = payload as string;
 
-    for (var i = 0; i < messages.value.length; i++) {
+    for (let i = 0; i < messages.value.length; i++) {
         if (messages.value[i].uid === uid) {
             messages.value.splice(i, 1);
             break;