add profile, messages, and connectionStatus shared state

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
+};

src/render/shared/messages.ts

@@ -0,0 +1,33 @@
+// shared
+import { ref, Ref } from "vue";
+import useScroll from "@/render/composables/useScroll";
+
+export const messages: Ref<Array<Message>> = ref([]);
+
+export const setMessages: IpcListenerCallback<Array<Message>> = (payload) => {
+    messages.value = payload as Array<Message>;
+}
+
+export const addMessage: IpcListenerCallback<Message> = (payload) => {
+    messages.value.push(payload as Message);
+}
+
+export const updateMessage: IpcListenerCallback<Message> = (payload) => {
+    const message = payload as Message;
+
+    let targetMessage = messages.value.filter((m: Message) => {
+        return m.uid = message.uid;
+    })[0];
+
+    if (targetMessage) {
+        targetMessage = message;
+    }
+
+}
+
+export default {
+    messages,
+    setMessages,
+    addMessage,
+    updateMessage
+};

src/render/shared/profile.ts

@@ -0,0 +1,27 @@
+// shared
+import { ref } from "vue";
+
+export const profile = ref();
+
+export const authComplete = ref(false);
+
+export const setProfile: IpcListenerCallback<Profile | null> = (payload) => {
+    payload ? profile.value = payload : clearProfile();
+    showRender();
+};
+
+export const clearProfile = () => {
+    profile.value = null;
+};
+
+export const showRender = () => {
+    authComplete.value = true;
+};
+
+export default {
+    setProfile,
+    clearProfile,
+    profile,
+    showRender,
+    authComplete,
+};