From d963f7d8a8e6badf4b376d1300772fbc8354202d Mon Sep 17 00:00:00 2001
From: riqo <hernandeze2@xavier.edu>
Date: Wed, 16 Jun 2021 08:42:47 -0500
Subject: [PATCH] initial working version

---
 package.json                                  |  4 ++-
 src/account.ts                                | 25 +------------------
 src/api/account.ts                            |  2 +-
 src/composables/useEmitter.ts                 |  9 ++++---
 src/composables/useHttp.ts                    |  2 +-
 src/init.ts                                   |  8 ++++++
 src/ipc/account.ts                            |  2 +-
 src/main.ts                                   | 10 +++++---
 src/render/App.vue                            |  6 ++---
 src/render/components/controllers/helpers.ts  |  2 +-
 .../controllers/inputItem.control.audio.ts    |  8 +++---
 .../controllers/inputItem.control.text.ts     |  8 +++---
 .../controllers/messenger.control.ts          |  2 +-
 src/render/components/header.vue              | 18 +++++++++----
 src/render/components/inputItem.vue           | 23 +++++++----------
 src/render/components/login.vue               | 19 +++++++-------
 src/render/components/messenger.vue           |  4 +--
 src/render/components/settings.vue            |  8 ++----
 src/render/composables/useProfile.ts          |  2 ++
 src/render/ipc.ts                             | 18 ++++++-------
 src/session.ts                                |  4 +--
 src/types.ts                                  |  1 -
 src/window.ts                                 |  4 +--
 23 files changed, 89 insertions(+), 100 deletions(-)

diff --git a/package.json b/package.json
index 2b4b7fd..7fff91a 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,9 @@
     "lintOnSave": false,
     "pluginOptions": {
       "electronBuilder": {
-        "preload": "src/renderer/preload.ts",
+        "mainProcessFile": "./src/init.ts",
+        "rendererProcessFile": "./src/render/main.ts",
+        "preload": "./src/render/preload.ts",
         "builderOptions": {
           "appId": "com.crimata.ElectronUpdaterApp",
           "artifactName": "${productName}-${version}.${ext}",
diff --git a/src/account.ts b/src/account.ts
index 4884135..95fe629 100644
--- a/src/account.ts
+++ b/src/account.ts
@@ -1,7 +1,7 @@
 
 import { postAuth, postLogin, postLogout } from "@/api/account";
 import { endSession, launchSession } from "@/session";
-import { getToken, clearToken, setToken } from "@/composables/store";
+import { getToken, clearToken, setToken } from "./store";
 import { parseAuthRes } from "./auth";
 
 export const accountAuth = async (): Promise<Error | AuthState> => {
@@ -57,29 +57,6 @@ export const accountLogin: IpcHandlerCallback<AccountCredentials, Profile> = asy
      }
 }
 
-// export const accountLogin = async (account: Account): Promise<Error | Profile> => {
-//
-//     try {
-//
-//         // attempt login with email password
-//         const res = await postLogin(account.email, account.password);
-//         const parsed = parseAuthRes(res);
-//
-//         // save jwt token and profile
-//         setToken(parsed.token)
-//
-//         // launch session
-//         launchSession(parsed.token)
-//
-//         // return profile to renderer
-//         return parsed.profile;
-//
-//     } catch(e) {
-//         console.log('[ACCOUNT]', e);
-//         throw (new Error('Failed to authenticate'));
-//     }
-//
-// }
 
 export const accountLogout = async (): Promise<Error | void> => {
 
diff --git a/src/api/account.ts b/src/api/account.ts
index a907dfb..59872c8 100644
--- a/src/api/account.ts
+++ b/src/api/account.ts
@@ -1,5 +1,5 @@
 
-import { useHttp } from "@/composables/http";
+import useHttp from "@/composables/useHttp";
 import axios from "axios";
 import {config} from "@/config";
 
diff --git a/src/composables/useEmitter.ts b/src/composables/useEmitter.ts
index ee6bb5e..240c557 100644
--- a/src/composables/useEmitter.ts
+++ b/src/composables/useEmitter.ts
@@ -1,15 +1,16 @@
-/* eslint-disable */
 
 // Backend emitter
-
+//
 const EventEmitter = require('events');
 class BackgroundMitt extends EventEmitter { }
 
 export const backgroundMitt = new BackgroundMitt();
 
-export default function ipcEmit (channel: string, payload: any) {
+export const ipcEmit = (channel: string, payload: any) => {
     backgroundMitt.emit('ipc-renderer', {
         endpoint: channel,
         message: payload
     });
-}
+};
+
+
diff --git a/src/composables/useHttp.ts b/src/composables/useHttp.ts
index e789afa..6b9ee56 100644
--- a/src/composables/useHttp.ts
+++ b/src/composables/useHttp.ts
@@ -22,7 +22,7 @@ const makeQuery = (reqQuery: Record<string, any>) => {
 };
 
 
-export const useHttp = () => {
+export default function useHttp() {
 
     const api = axios.create({
         baseURL,
diff --git a/src/init.ts b/src/init.ts
index e68e766..9a0fdf6 100644
--- a/src/init.ts
+++ b/src/init.ts
@@ -8,6 +8,7 @@
 import { app, protocol } from "electron";
 import createWindow from "./window";
 import main from "./main";
+import { backgroundMitt } from '@/composables/useEmitter';
 
 console.log('Starting Crimata electron app.');
 
@@ -18,6 +19,13 @@ protocol.registerSchemesAsPrivileged([
 
 const isDev = require('electron-is-dev');
 
+let win: boolean;
+
+// Listen for window creation.
+backgroundMitt.on('window-active', (state: boolean) => {
+    win = state;
+});
+
 /* Start main process on ready */
 app.on("ready", async () => {
     await main();
diff --git a/src/ipc/account.ts b/src/ipc/account.ts
index 531d1a7..7759d12 100644
--- a/src/ipc/account.ts
+++ b/src/ipc/account.ts
@@ -2,7 +2,7 @@
 "use strict";
 
 import { accountLogin, accountLogout } from "@/account";
-import {IpcHandler} from "@/composables/ipcHandler";
+import {IpcHandler} from "@/composables/useIpcMain";
 
 const LOGIN_CHANNEL = "account-login";
 const LOGOUT_CHANNEL = "account-logout";
diff --git a/src/main.ts b/src/main.ts
index b015cd9..9103cae 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -12,7 +12,7 @@
 import useIpc from "@/ipc/index";
 import  { accountAuth } from "./account";
 import { launchSession } from "./session";
-import ipcEmit from "./composables/emitter";
+import { ipcEmit } from "./composables/useEmitter";
 import createWindow from "./window";
 
 let authState: AuthState | null;
@@ -31,8 +31,12 @@ export default async function main() {
         console.log('AUTH:', e);
         authState = null;
     } finally {
-        if (authState) launchSession(authState.token as string);
-        ipcEmit("set-profile", authState?.profile);
+        let profile = null;
+        if (authState) {
+            launchSession(authState.token as string);
+            profile = authState.profile;
+        }
+        ipcEmit("set-profile", profile);
     }
 
 }
diff --git a/src/render/App.vue b/src/render/App.vue
index d90bcc0..dfdaeb9 100644
--- a/src/render/App.vue
+++ b/src/render/App.vue
@@ -21,8 +21,8 @@
 
 <script lang="ts">
 
-import { defineComponent, onMounted, onUnmounted, Ref } from "vue";
-import { invokeProfile } from "@/ipc/account";
+import { defineComponent, onMounted, onUnmounted, Ref, ref } from "vue";
+import { invokeProfile } from "@/render/ipc";
 
 import Splash from "@/render/components/splash.vue";
 import Messenger from "@/render/components/messenger.vue";
@@ -47,7 +47,7 @@ export default defineComponent({
 
       /* listen for auth related messages */
       window.addEventListener("update-auth", (event: any) => {
-        state.value = event.data;
+        // state.value = event.data;
       });
 
     });
diff --git a/src/render/components/controllers/helpers.ts b/src/render/components/controllers/helpers.ts
index 7509bf0..23976a8 100644
--- a/src/render/components/controllers/helpers.ts
+++ b/src/render/components/controllers/helpers.ts
@@ -92,7 +92,7 @@ export function newMessage ({
     audio=false,
     context=false,
     uid=uuidv4()
-}): Message {
+}) {
     return {
         text: text,
         audio: audio,
diff --git a/src/render/components/controllers/inputItem.control.audio.ts b/src/render/components/controllers/inputItem.control.audio.ts
index b699405..facf30c 100644
--- a/src/render/components/controllers/inputItem.control.audio.ts
+++ b/src/render/components/controllers/inputItem.control.audio.ts
@@ -1,9 +1,7 @@
-import anime from "animejs";
-import { useIpc } from '@/modules/ipc';
 import { onMounted, onUnmounted, ref, Ref } from "vue";
-import { postMessage } from "@/ipc/session";
+import { postMessage } from "@/render/ipc";
 import { newMessage, animateAudioInput } from "./helpers";
-import { invokeStopRecord, postAudioChunk } from "@/ipc/audio";
+import { invokeReturnAudio, postAudioChunk } from "@/render/ipc";
 
 export default function useAudioInputController (typing: Ref) {
 
@@ -28,7 +26,7 @@ export default function useAudioInputController (typing: Ref) {
 
         // get audio and post new message to backend
         mediaRecorder.addEventListener('stop', (_e: Event) => {
-            invokeStopRecord().then((audio: ArrayBuffer[] | Error) => {
+            invokeReturnAudio().then((audio: ArrayBuffer[] | Error) => {
                 console.log(audio);
                 // postMessage(newMessage({audio: audio}));
             });
diff --git a/src/render/components/controllers/inputItem.control.text.ts b/src/render/components/controllers/inputItem.control.text.ts
index 21ada72..941ae89 100644
--- a/src/render/components/controllers/inputItem.control.text.ts
+++ b/src/render/components/controllers/inputItem.control.text.ts
@@ -1,10 +1,10 @@
 import { Ref, ref, watch, onMounted, onUnmounted } from "vue";
-import { postMessage } from "@/ipc/session";
+import { postMessage } from "@/render/ipc";
 import { newMessage, animateTextInput } from "./helpers";
 
 
 export default function useTextInputController(elementX: Ref) {
-    
+
     let textInput: HTMLInputElement | null;
 
     const { side, show, hide, switchSide } = animateTextInput();
@@ -37,10 +37,10 @@ export default function useTextInputController(elementX: Ref) {
 
             // Send it to the backend for processing.
             const message = newMessage({
-                text: textInput.value
+                text: false
             });
 
-            postMessage(message);
+            // postMessage(message);
 
             clearInput()
         }
diff --git a/src/render/components/controllers/messenger.control.ts b/src/render/components/controllers/messenger.control.ts
index a0f9b09..b9c3a96 100644
--- a/src/render/components/controllers/messenger.control.ts
+++ b/src/render/components/controllers/messenger.control.ts
@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import useScroll from "@/render/composables/scroll";
+import useScroll from "@/render/composables/useScroll";
 
 const messagesRef = ref();
 
diff --git a/src/render/components/header.vue b/src/render/components/header.vue
index f0afc8a..63716c8 100644
--- a/src/render/components/header.vue
+++ b/src/render/components/header.vue
@@ -14,14 +14,22 @@
 
 <script lang="ts">
 
-    import { postNavBarExit, postNavBarMin } from "@/render/ipc";
-    
-    setup() {
+    // import { postNavBarExit, postNavBarMin } from "@/render/ipc";
+    import { defineComponent } from "vue";
+
+    export default defineComponent({
+        name: "Header",
+        setup() {
+        const postNavBarExit = () => {};
+        const postNavBarMin = () => {};
         return {
             postNavBarExit,
             postNavBarMin
         }
-    }
+        }
+
+    });
+
 
 </script>
 
@@ -78,4 +86,4 @@
 .minimizeButton:active {
   background-color: #c08e38;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/render/components/inputItem.vue b/src/render/components/inputItem.vue
index 30978b3..edd844f 100644
--- a/src/render/components/inputItem.vue
+++ b/src/render/components/inputItem.vue
@@ -6,16 +6,16 @@
     :style="{ top: `${elementY}px`, left: `${elementX}px` }"
   >
     <div>{{ initials }}</div>
-    
+
 
     <!-- Recording animation on space bar -->
     <span v-if="recording" class="play"></span>
     <span v-if="recording" class="pause"></span>
 
     <!-- Show text input on key-down -->
-    <input 
-      id="textInput" 
-      type="text" 
+    <input
+      id="textInput"
+      type="text"
     />
 
     <!-- Show suggestions menu on click -->
@@ -27,24 +27,19 @@
 <script lang="ts">
 
 import { defineComponent } from "vue";
-import draggify from "@/modules/draggify";
+import draggify from "@/render/composables/useDraggify";
 
-import TextInput from "@/components/textInput.vue";
 
-import useTextInputController from 
-  "@/components/controllers/inputItem.control.audio";
-import useAudioInputController from 
-  "@/components/controllers/inputItem.control.text";
+import useTextInputController from
+  "@/render/components/controllers/inputItem.control.text";
+import useAudioInputController from
+  "@/render/components/controllers/inputItem.control.audio";
 
 export default defineComponent({
   name: "InputItem",
 
   props: ["initials"],
 
-  components: {
-    TextInput
-  },
-
   setup() {
 
     // Default values for position.
diff --git a/src/render/components/login.vue b/src/render/components/login.vue
index 5ed0ad0..b54d471 100644
--- a/src/render/components/login.vue
+++ b/src/render/components/login.vue
@@ -35,11 +35,8 @@
 <script lang="ts">
 
 import { defineComponent, ref } from "vue";
-import { useIpc } from "@/modules/ipc";
-import { authRequest } from '@/modules/message';
-import { useProfile } from '@/modules/auth';
-import { invokeLogin } from "@/ipcRend/account";
-import { postInitSession } from "@/ipcRend/session";
+import { useProfile } from '@/render/composables/useProfile';
+import { invokeLogin } from "@/render/ipc";
 
 export default defineComponent({
   name: "Login",
@@ -49,6 +46,8 @@ export default defineComponent({
     const usr = ref("");
     const pwd = ref("");
 
+    const { setProfile } = useProfile();
+
     // Submit login credentials to the backend.
     const submitForm = async () => {
 
@@ -57,12 +56,14 @@ export default defineComponent({
           const profile = await invokeLogin({
               email: usr.value,
               password: pwd.value
-          });
+          }) as Profile;
+
+          setProfile(profile)
 
-          /* emit event to app.vue */
-          window.postMessage(profile);
 
-      } catch (e) console.log(e);
+      } catch(e) {
+          console.log(e);
+      };
 
     }
 
diff --git a/src/render/components/messenger.vue b/src/render/components/messenger.vue
index 9bc6448..d0dd382 100644
--- a/src/render/components/messenger.vue
+++ b/src/render/components/messenger.vue
@@ -20,7 +20,6 @@
 <script lang="ts">
 
 import { defineComponent, onMounted, onUnmounted } from "vue";
-import Message from "@/render/components/message.vue";
 import InputItem from "@/render/components/inputItem.vue";
 import Settings from "@/render/components/settings.vue";
 import useMessages from "./controllers/messenger.control";
@@ -31,7 +30,6 @@ export default defineComponent({
   props: ["profile", "messages"],
 
   components: {
-    Message,
     InputItem,
     Settings
   },
@@ -39,7 +37,7 @@ export default defineComponent({
   setup(props) {
 
     // Handle messages in view.
-    const { messagesRef, updateMessageView } = useMessages();
+    const { messagesRef } = useMessages();
 
     onMounted(() => {
 
diff --git a/src/render/components/settings.vue b/src/render/components/settings.vue
index 9b4f3e5..c693356 100644
--- a/src/render/components/settings.vue
+++ b/src/render/components/settings.vue
@@ -28,9 +28,7 @@
 <script lang="ts">
 
   import { defineComponent, ref } from "vue";
-  import  { useIpc } from "@/modules/ipc";
-  import { logoutRequest } from '@/modules/message';
-  import { useProfile } from "@/modules/auth"
+  import { useProfile } from "@/render/composables/useProfile"
   import { invokeLogout } from "@/render/ipc";
 
   export default defineComponent({
@@ -39,8 +37,6 @@
     setup() {
       const toggleSettings = ref(false);
 
-      const { post, invoke } = useIpc();
-
       const { clearProfile } = useProfile();
 
       // Listen for escape key to close settings.
@@ -63,8 +59,8 @@
         console.log("Submitting logout request.");
 
         try {
-            clearProfile();
             await invokeLogout();
+            clearProfile();
         } catch(e) {
             console.log('error')
         }
diff --git a/src/render/composables/useProfile.ts b/src/render/composables/useProfile.ts
index dea4bd1..e813dad 100644
--- a/src/render/composables/useProfile.ts
+++ b/src/render/composables/useProfile.ts
@@ -6,6 +6,8 @@ export const useProfile = () => {
 
     const setProfile = (payload: Profile) => {
         profile.value = payload;
+        /* emit event to app.vue */
+        window.postMessage(profile, 'profile');
     }
 
     const clearProfile = () => {
diff --git a/src/render/ipc.ts b/src/render/ipc.ts
index a232f7f..7a7e1dc 100644
--- a/src/render/ipc.ts
+++ b/src/render/ipc.ts
@@ -1,13 +1,13 @@
 
-import useIpc from "@/render/composables/ipc";
+import useIpc from "@/render/composables/useIpcRend";
 
 const { post, invoke } = useIpc();
 
 /**
- * 
+ *
  * Account and auth related endpoints
- * 
- */ 
+ *
+ */
 
 export const invokeProfile = async (): Promise<Profile | Error> => (
     await invoke('user-profile', null)
@@ -24,9 +24,9 @@ export const invokeLogout = async (): Promise<void> => (
 );
 
 /**
- * 
+ *
  * Audio endpoints
- * 
+ *
  */
 
 export const postAudioChunk = (chunk: ArrayBuffer): void => (
@@ -38,9 +38,9 @@ export const invokeReturnAudio = async (): Promise<ArrayBuffer[] | Error> => (
 );
 
 /**
- * 
+ *
  * Crimata Platform (session) endpoints
- * 
+ *
  */
 
 export const invokeSession = async (cid: string): Promise<Profile | Error> => (
@@ -49,4 +49,4 @@ export const invokeSession = async (cid: string): Promise<Profile | Error> => (
 
 export const postMessage = (payload: Message): void => (
     post('client-message', payload)
-);
\ No newline at end of file
+);
diff --git a/src/session.ts b/src/session.ts
index 158c41e..e08ce4c 100644
--- a/src/session.ts
+++ b/src/session.ts
@@ -3,8 +3,8 @@
 
 
 // import useAudio from "@/audio";
-import ipcEmit from "@/composables/emitter";
-import useWebsockets from "./composables/websockets";
+import ipcEmit from "@/composables/useEmitter";
+import useWebsockets from "./composables/useWebsockets";
 import {config} from "@/config";
 
 /* data structure of messages that's tied to the UI */
diff --git a/src/types.ts b/src/types.ts
index 583371e..4dfa705 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -4,7 +4,6 @@ interface Message {
     context: boolean | string;
     audio: boolean | string;
     type: 1 | 2 | 3;
-    time: number;
     uid: string;
 }
 
diff --git a/src/window.ts b/src/window.ts
index 807064a..a456e3c 100644
--- a/src/window.ts
+++ b/src/window.ts
@@ -2,8 +2,8 @@
 
 import { BrowserWindow, ipcMain, app } from "electron";
 import { createProtocol } from "vue-cli-plugin-electron-builder/lib";
-import { backgroundMitt } from './composables/emitter';
-import { saveToJson } from "./composables/json";
+import { backgroundMitt } from './composables/useEmitter';
+import { saveToJson } from "./composables/useSaveToJSON";
 import * as path from "path";
 import fs from 'fs';
 import { config } from "@/config";
-- 
2.43.0