From dac7edef21055783208c0e6f0ae880f7e822741d Mon Sep 17 00:00:00 2001
From: Andrew Gundersen <gundersena@xavier.edu>
Date: Thu, 27 Jan 2022 16:45:35 -0600
Subject: [PATCH] bug fixes and other minor improvments

---
 src/account.js                        |  2 +-
 src/audio.js                          |  9 +++------
 src/render/components/bubble.js       | 12 ++++++++++--
 src/render/components/control/drop.js |  5 +++++
 src/render/components/control/text.js |  6 ++++++
 src/render/components/message.js      |  4 ----
 src/render/components/messenger.js    |  6 +-----
 src/render/main.css                   |  9 ++++++++-
 src/session.js                        |  8 +-------
 src/window.js                         |  1 +
 10 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/src/account.js b/src/account.js
index 239d89d..29852f7 100644
--- a/src/account.js
+++ b/src/account.js
@@ -5,7 +5,7 @@ const { postLogin } = require("./api");
 const { ipcEmit } = require("./utils/emitter");
 const { launchSession, endSession } = require("./session");
 
-// store.set("account", "smith12@gmail.com");
+store.set("account", "smith12@gmail.com");
 store.set("account", "adgundersen@gmail.com");
 
 async function login(_e, email, password) 
diff --git a/src/audio.js b/src/audio.js
index a42043b..73223b2 100644
--- a/src/audio.js
+++ b/src/audio.js
@@ -26,7 +26,9 @@ backgroundMitt.on("data", (int16Arr) => {
 
 backgroundMitt.on("write", (int16Arr) => {
     clearTimeout(setWriteId);
-    setWriteId = setTimeout(setPlaybackStatus.prototype.bind(null, false), 500);
+    setWriteId = setTimeout(() => {
+        setPlaybackStatus(false);
+    }, 500);
 });
 
 function setStreams() 
@@ -130,8 +132,3 @@ exports.initAudio = initAudio;
 exports.terminateAudio = terminateAudio;
 exports.playback = playback;
 exports.streamState = streamState;
-
-
-// setWriteId = setTimeout(() => {
-//     setPlaybackStatus(false);
-// }, 500);
diff --git a/src/render/components/bubble.js b/src/render/components/bubble.js
index 8181c64..feafdc2 100644
--- a/src/render/components/bubble.js
+++ b/src/render/components/bubble.js
@@ -9,7 +9,15 @@ const Bubble =
         }
 
         Vue.onMounted(() => {
-            document.getElementById("messenger").dispatchEvent(new CustomEvent('adjust-scroll'));
+
+            const el = document.getElementById("messenger");
+
+            setTimeout(() => {
+
+                el.dispatchEvent(new CustomEvent('adjust-scroll'));
+
+            }, 100);
+
         });
 
         return { getUrl };
@@ -28,7 +36,7 @@ const Bubble =
 
             <img v-else-if="category == 'image'" :src="getUrl()" />
 
-            <a v-else :href="getUrl()">{{ text }}</a>
+            <a v-else :download="text" :href="getUrl()">{{ text }}</a>
 
         </div>`
 };
diff --git a/src/render/components/control/drop.js b/src/render/components/control/drop.js
index e677555..f837c39 100644
--- a/src/render/components/control/drop.js
+++ b/src/render/components/control/drop.js
@@ -1,6 +1,11 @@
 const onDrop = async (e) => {
     const file = e.dataTransfer.items[0].getAsFile();
 
+    if (file.size >= 1 * 1000 * 1000) {
+        alert("File must be under 1MB.");
+        return;
+    }
+
     const buffer = await file.arrayBuffer();
     const b64String = await window.mainApi.invoke("encode", buffer);
 
diff --git a/src/render/components/control/text.js b/src/render/components/control/text.js
index cc8fafd..5d35816 100644
--- a/src/render/components/control/text.js
+++ b/src/render/components/control/text.js
@@ -46,11 +46,17 @@ function useText(elementId, left, typing)
 
             if (e.key === "Enter" && el.value)
             {
+                if (el.value.length >= 250) {
+                    alert("250 character limit")
+                    return;
+                }
+
                 window.mainApi.send("message", { 
                     category: "text", 
                     text: el.value,
                     blob: null
                 });
+
                 show.value = false;
             }
         });
diff --git a/src/render/components/message.js b/src/render/components/message.js
index 5c4a465..afbfd0d 100644
--- a/src/render/components/message.js
+++ b/src/render/components/message.js
@@ -18,10 +18,6 @@ const Message =
     template: `
         <div :id="id" :class="'message ' + modifier + '-message'">
 
-            <div class="message-session" v-if="context=='Crimata AI'">
-                New Session
-            </div>
-
             <Bubble
                 v-for="(c, index) in content"
                 :category="c.category"
diff --git a/src/render/components/messenger.js b/src/render/components/messenger.js
index def7fcd..5b5b8ad 100644
--- a/src/render/components/messenger.js
+++ b/src/render/components/messenger.js
@@ -33,14 +33,10 @@ const Messenger = {
                 {
                     person.value = update;
                 }
-                else if (update.content)
+                else if (update.modifier)
                 {
                     messages.value.push(update);
                 }
-                else if (typeof update == Array)
-                {
-                    messages.value.push(...update);
-                }
                 else if (update.category)
                 {
                     search(update.message).content.push(update);
diff --git a/src/render/main.css b/src/render/main.css
index 810960d..f3d6a95 100644
--- a/src/render/main.css
+++ b/src/render/main.css
@@ -1,7 +1,7 @@
 html, body {
   margin: 0;
   padding: 0;
-  background-color: rgba(235, 235, 235, 0.75);
+  /*background-color: rgba(235, 235, 235, 0.75);*/
 }
 
 /* The first word of the class is the component that it modifys. */
@@ -64,6 +64,8 @@ html, body {
   font-family: SF Compact Display;
   font-size: 12px;
   color: #898989;
+  overflow: w;
+  word-wrap: break-word;
 }
 
 #header-menu {
@@ -430,6 +432,10 @@ html, body {
   align-items: flex-start;
 }
 
+.admin-message {
+  align-items: center;
+}
+
 .bubble {
   position: relative;
   max-width: 66vw;
@@ -437,6 +443,7 @@ html, body {
   font-size: 14px;
   border-radius: 18px;
   margin-bottom: 4px;
+  overflow-wrap: break-word;
 }
 
 .bubble-notify {
diff --git a/src/session.js b/src/session.js
index d2e4a2a..67f3c8e 100644
--- a/src/session.js
+++ b/src/session.js
@@ -26,8 +26,6 @@ function handleMessageQueue()
     {
         const update = messageQueue.shift();
 
-        console.log(update);
-
         if (update)
         {
             if (update.person)
@@ -38,14 +36,10 @@ function handleMessageQueue()
             {
                 ui.person = update;
             }
-            else if (update.content)
+            else if (update.modifier)
             {
                 ui.messages.push(update);
             }
-            else if (typeof update == Array)
-            {
-                ui.messages.push(...update);
-            }
             else if (update.category)
             {
                 search(update.message).content.push(update);
diff --git a/src/window.js b/src/window.js
index 45a45da..d9ae054 100644
--- a/src/window.js
+++ b/src/window.js
@@ -42,6 +42,7 @@ function createWin()
         frame:           false,
         minWidth:        350,
         minHeight:       500,
+        backgroundColor: "#EBEBEB",
         webPreferences:  { preload: path.join(__dirname, "/render/preload.js") }
     })
 
-- 
2.43.0