From ebae0d9170abbad5fc509924e0f517bb2295c663 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 1 Apr 2025 12:48:17 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=20socket=20=E0=B9=81=E0=B8=88=E0=B9=89=E0=B8=87=E0=B9=80?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B7=E0=B8=AD=E0=B8=99=20backup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue          |  6 ++++++
 src/api/socket.ts    |  7 +++++++
 src/app.config.ts    |  6 ++++++
 src/stores/socket.ts | 48 ++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 67 insertions(+)
 create mode 100644 src/api/socket.ts
 create mode 100644 src/stores/socket.ts

diff --git a/src/App.vue b/src/App.vue
index 4295c365..86ed1cdc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,4 +1,10 @@
 <script setup lang="ts">
+import { useSocketStore } from "@/stores/socket";
+import { onMounted } from "vue";
+
+onMounted(() => {
+  useSocketStore();
+});
 </script>
 
 <template>
diff --git a/src/api/socket.ts b/src/api/socket.ts
new file mode 100644
index 00000000..4ef5ca91
--- /dev/null
+++ b/src/api/socket.ts
@@ -0,0 +1,7 @@
+import env from "./index";
+
+const socket = `${env.API_URI}/backup-socket`;
+
+export default {
+  socket,
+};
diff --git a/src/app.config.ts b/src/app.config.ts
index 777b8846..1bccb568 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -46,6 +46,9 @@ import command from "./api/05_command/api.command";
 /** API Webservices*/
 import webservices from "./api/06_webservices/api.webservices";
 
+/** socket */
+import socket from "./api/socket";
+
 // environment variables
 export const compettitivePanel = import.meta.env.VITE_COMPETITIVE_EXAM_PANEL;
 export const qualifyDisableExamPanel = import.meta.env
@@ -117,6 +120,9 @@ const API = {
   ...command,
   /** webservices*/
   ...webservices,
+
+  /** socket*/
+  ...socket,
 };
 
 export default {
diff --git a/src/stores/socket.ts b/src/stores/socket.ts
new file mode 100644
index 00000000..bc857489
--- /dev/null
+++ b/src/stores/socket.ts
@@ -0,0 +1,48 @@
+import { defineStore } from "pinia";
+import { Notify } from "quasar";
+
+import { io, Socket } from "socket.io-client";
+
+import config from "@/app.config";
+import { getToken } from "@/plugins/auth";
+
+interface sockeBackup {
+  message: string;
+  success: boolean;
+}
+
+export const useSocketStore = defineStore("socket", () => {
+  let socket: Socket;
+
+  async function init() {
+    socket = io(new URL(config.API.socket).origin, {
+      auth: { token: await getToken() },
+      path: "/api/v1/backup-socket",
+    });
+    socket.on("backup-notification", (payload) => {
+      let body: sockeBackup = JSON.parse(payload);
+      notifyStatus(body.message, body.success);
+    });
+  }
+
+  function notifyStatus(message: string, success: boolean) {
+    Notify.create({
+      group: false,
+      type: success ? "positive" : "negative",
+      message: `${message}`,
+      position: "top",
+      timeout: 0,
+      actions: [
+        {
+          icon: "close",
+          color: "white",
+          round: true,
+        },
+      ],
+    });
+  }
+
+  init();
+
+  return {};
+});