From 81b4d018fb80cef22bf1cff3d1bbb3b421c4faa7 Mon Sep 17 00:00:00 2001
From: riqo <hernandeze2@xavier.edu>
Date: Wed, 23 Jun 2021 08:11:36 -0500
Subject: [PATCH] add profile, messages, and connectionStatus shared state

---
 src/render/App.vue                            |  2 +-
 src/render/components/login.vue               |  2 +-
 src/render/components/messenger.vue           |  4 ++--
 src/render/components/settings.vue            |  2 +-
 src/render/listeners.ts                       | 13 ++++++++++--
 src/render/shared/connectionStatus.ts         | 18 +++++++++++++++++
 .../useMessages.ts => shared/messages.ts}     |  0
 .../useProfile.ts => shared/profile.ts}       |  0
 src/session.ts                                | 20 +++++++++----------
 9 files changed, 44 insertions(+), 17 deletions(-)
 create mode 100644 src/render/shared/connectionStatus.ts
 rename src/render/{composables/useMessages.ts => shared/messages.ts} (100%)
 rename src/render/{composables/useProfile.ts => shared/profile.ts} (100%)

diff --git a/src/render/App.vue b/src/render/App.vue
index 7337147..ba56bac 100644
--- a/src/render/App.vue
+++ b/src/render/App.vue
@@ -29,7 +29,7 @@ import Messenger from "@/render/components/messenger.vue";
 import Login from "@/render/components/login.vue";
 import Header from "@/render/components/header.vue";
 
-import { profile, authComplete } from "@/render/composables/useProfile";
+import { profile, authComplete } from "@/render/shared/profile";
 import { postAppMount } from "@/render/ipc";
 
 export default defineComponent({
diff --git a/src/render/components/login.vue b/src/render/components/login.vue
index bece6ea..1de47ca 100644
--- a/src/render/components/login.vue
+++ b/src/render/components/login.vue
@@ -35,7 +35,7 @@
 <script lang="ts">
 
 import { defineComponent, ref } from "vue";
-import { setProfile } from '@/render/composables/useProfile';
+import { setProfile } from '@/render/shared/profile';
 import { invokeLogin } from "@/render/ipc";
 
 export default defineComponent({
diff --git a/src/render/components/messenger.vue b/src/render/components/messenger.vue
index ee56549..8a7f6ad 100644
--- a/src/render/components/messenger.vue
+++ b/src/render/components/messenger.vue
@@ -24,8 +24,8 @@ import InputItem from "@/render/components/inputItem.vue";
 import Settings from "@/render/components/settings.vue";
 import Bubble from "@/render/components/bubble.vue";
 
-import { profile } from "@/render/composables/useProfile";
-import { messages } from "@/render/composables/useMessages";
+import { profile } from "@/render/shared/profile";
+import { messages } from "@/render/shared/messages";
 
 export default defineComponent({
   name: "Messenger",
diff --git a/src/render/components/settings.vue b/src/render/components/settings.vue
index cf881c3..b0025bd 100644
--- a/src/render/components/settings.vue
+++ b/src/render/components/settings.vue
@@ -28,7 +28,7 @@
 <script lang="ts">
 
   import { defineComponent, ref } from "vue";
-  import { clearProfile } from "@/render/composables/useProfile"
+  import { clearProfile } from "@/render/shared/profile"
   import { invokeLogout } from "@/render/ipc";
 
   export default defineComponent({
diff --git a/src/render/listeners.ts b/src/render/listeners.ts
index 876d206..0a05208 100644
--- a/src/render/listeners.ts
+++ b/src/render/listeners.ts
@@ -1,7 +1,11 @@
 
 import { IpcRendererListener } from "./composables/useIpcRend"
-import { setProfile } from "./composables/useProfile";
-import { setMessages, addMessage, updateMessage } from "./composables/useMessages";
+/*
+ * Shared state imports
+ * */
+import { setProfile } from "./shared/profile";
+import { setMessages, addMessage, updateMessage } from "./shared/messages";
+import { setConnectionStatus } from "./shared/connectionStatus";
 
 const SET_PROFILE_CHANNEL = "set-profile";
 
@@ -30,3 +34,8 @@ export const updateMessagesListener = new IpcRendererListener({
     listenerCallback: updateMessage
 });
 
+export const connectionStatusListener = new IpcRendererListener({
+    channel: UPDATE_MESSAGE_CHANNEL,
+    listenerCallback: setConnectionStatus
+});
+
diff --git a/src/render/shared/connectionStatus.ts b/src/render/shared/connectionStatus.ts
new file mode 100644
index 0000000..8e675dd
--- /dev/null
+++ b/src/render/shared/connectionStatus.ts
@@ -0,0 +1,18 @@
+// shared
+import { ref } from "vue";
+
+export const isAlive = ref(false);
+export const loading = ref(true);
+
+export const setConnectionStatus: IpcListenerCallback<boolean | null> = (payload) => {
+    if (payload) {
+        isAlive.value = payload;
+    } else {
+        loading.value = true;
+    }
+
+};
+
+export default {
+    isAlive
+};
diff --git a/src/render/composables/useMessages.ts b/src/render/shared/messages.ts
similarity index 100%
rename from src/render/composables/useMessages.ts
rename to src/render/shared/messages.ts
diff --git a/src/render/composables/useProfile.ts b/src/render/shared/profile.ts
similarity index 100%
rename from src/render/composables/useProfile.ts
rename to src/render/shared/profile.ts
diff --git a/src/session.ts b/src/session.ts
index 15d0ed9..01a105c 100644
--- a/src/session.ts
+++ b/src/session.ts
@@ -45,23 +45,23 @@ const onMessageCallback = (payload: string) => {
     return
 
     /* on init, platform sends state, used to init canvas */
-    if (isInitMessage(message)) {
-        ipcEmit("init-messages", message)
-    }
+    // if (isInitMessage(message)) {
+    //     ipcEmit("init-messages", message)
+    // }
 
 
-    else if (isAddMessage(message)) {
-        ipcEmit("add-messages", message)
-    }
+    // else if (isAddMessage(message)) {
+    //     ipcEmit("add-messages", message)
+    // }
 
-    else {
-        ipcEmit("update-messages", message)
-    }
+    // else {
+    //     ipcEmit("update-messages", message)
+    // }
 
 }
 
 const onConnectionStatusCallback = (alive: boolean) => {
-    // console.log('[Session]: Connection Alive: ', alive);
+    console.log('[Session]: Connection Alive: ', alive);
     // ipcEmit('connection-state', alive);
 }
 
-- 
2.43.0