add pooling for game

2026-08-01 16:46:41 +07:00
parent a71c1c9f6d
commit f8b4b6c6a8
5 changed files with 34 additions and 4 deletions
@@ -5,8 +5,8 @@
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Вечерний детектив</title>
-    <script type="module" crossorigin src="/assets/index-BHUjMe8A.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BFjIFT0o.css">
+    <script type="module" crossorigin src="/assets/index-DZUsBN6M.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-hPvau_ng.css">
  </head>
  <body>
    <div id="app"></div>
@@ -8,6 +8,7 @@ import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import PlaceBlock from '@/components/PlaceBlock.vue'
 import GameInputForm from '@/components/GameInputForm.vue'
+import { useSimplePolling } from '@/composables/useSimplePolling';

 const client = getAuthClient()
 const message = useMessage()
@@ -63,6 +64,10 @@ type AdvancedPlace = {
    place: Place;
    mode: string;
 }
+
+useSimplePolling(() => {
+    getStory()
+}, 2000);
 </script>

 <template>
@@ -0,0 +1,25 @@
+import { ref, onMounted, onUnmounted } from 'vue';
+
+export function useSimplePolling(callback: () => void, interval = 5000) {
+    const isActive = ref(true);
+    let timerId: number | null = null;
+
+    const start = () => {
+        isActive.value = true;
+        callback();
+        timerId = window.setInterval(callback, interval);
+    };
+
+    const stop = () => {
+        isActive.value = false;
+        if (timerId) {
+            clearInterval(timerId);
+            timerId = null;
+        }
+    };
+
+    onMounted(start);
+    onUnmounted(stop);
+
+    return { isActive, start, stop };
+}