add persistent auth session

src/components/taInput/inputController.ts

@@ -1,4 +1,4 @@
-import { ref, watch, onUnmounted, onMounted } from "vue";
+import { ref, watch, onUnmounted, onMounted, inject } from "vue";
 import useKeyDownHandler from "@/modules/keyDownHandler/useKeyDownHandler";
 import useMediaStream from "@/modules/mediaStream";
 import useAudioVisualizer from './audioDetails/audioVisualizer';
@@ -18,10 +18,29 @@ export default function useInputController() {
     const audioBubbleWidth = ref(10);
     let stream: MediaStream;
 
-    const { keyDownHandler, input } = useKeyDownHandler();
-    const { textInputXoffset, renderTextInput } = useTextVisualizer(input);
+    const emitter: any = inject("mitt");
     const { visualizeStreamAsPaths, expandBubble } = useAudioVisualizer(visualizeStream);
 
+    // send message on ENTER
+    const enterCallback = (input: string) => {
+
+        const message = {
+          audio: 0,
+          text: input
+        };
+        emitter.emit("animateSend", message);
+
+        // await response
+        window.postMessage({
+          myTypeField: 'send-message',
+          message: message
+        }, '*')
+
+    }
+
+    const { keyDownHandler, input } = useKeyDownHandler(enterCallback);
+    const { textInputXoffset, renderTextInput } = useTextVisualizer(input);
+
     // stops stream recording on space key up
     function keyupHandler(e: any) {
         if (e.key === " " && visualizeStream.value) {

src/components/taInput/textDetails/textVisualizer.ts

@@ -32,7 +32,7 @@ export default function useTextVisualizer(input: Ref<string>) {
         }
     }
 
-    emitter.on("newSelfMessage", async (payload: any) => {
+    emitter.on("animateSend", async (payload: any) => {
         const inputEl = document.getElementsByClassName("inputContainer");
         const foreignEl = inputEl[0] as HTMLElement;
         animateSend(foreignEl, inputHeight.value, input);