From 47947419c60f7e45216c825d5cdd122e00f25c4d Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Mon, 30 Dec 2024 19:55:52 +0330
Subject: [PATCH] Create useTimer composable

---
 frontend/composables/useTimer.ts | 42 ++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 frontend/composables/useTimer.ts

diff --git a/frontend/composables/useTimer.ts b/frontend/composables/useTimer.ts
new file mode 100644
index 0000000..5f6b943
--- /dev/null
+++ b/frontend/composables/useTimer.ts
@@ -0,0 +1,42 @@
+type Props = {
+    duration: number;
+    callback?: () => void
+}
+
+export function useTimer({ duration, callback }: Props) {
+    const timeout = ref<NodeJS.Timeout | null>(null);
+    const interval = ref<NodeJS.Timeout | null>(null);
+
+    const isPending = ref(false);
+    const timer = ref(duration / 1000);
+
+    const reset = () => {
+        if (timeout.value) clearTimeout(timeout.value);
+        if (interval.value) clearInterval(interval.value);
+
+        isPending.value = false;
+        timer.value = duration / 1000;
+    };
+
+    const start = () => {
+        isPending.value = true;
+
+        timeout.value = setTimeout(() => {
+            if (interval.value) clearInterval(interval.value);
+            if (callback) callback();
+            isPending.value = false;
+            timer.value = duration / 1000;
+        }, duration);
+
+        interval.value = setInterval(() => {
+            timer.value -= 1;
+        }, 1000);
+    };
+
+    return {
+        isPending,
+        timer,
+        reset,
+        start
+    };
+}
\ No newline at end of file