Client Tracking AFK

src/renderer/App.vue

@@ -73,6 +73,7 @@ import Notifications from "@/components/notifications/Notifications.vue";
 import PromptContainer from "@/components/prompts/PromptContainer.vue";
 import { defaultMaps } from "@/config/default-maps";
 import { defaultEngineVersion, defaultGameVersion } from "@/config/default-versions";
+import { setIdleTimer } from "@/utils/idle-timer";
 import { playRandomMusic } from "@/utils/play-random-music";
 
 const router = useRouter();
@@ -100,6 +101,13 @@ provide("toggleFriends", toggleFriends);
 const toggleDownloads: Ref<((open?: boolean) => void) | undefined> = ref();
 provide("toggleDownloads", toggleDownloads);
 
+const setIdleBehavior = setIdleTimer({
+    onBack: () => {
+        console.log("back");
+    },
+});
+provide("idleTimer", setIdleBehavior);
+
 playRandomMusic();
 
 router.afterEach(async (to, from) => {

src/renderer/components/battle/BattleComponent.vue

@@ -197,7 +197,7 @@
 import { Icon } from "@iconify/vue";
 import cogIcon from "@iconify-icons/mdi/cog";
 import listIcon from "@iconify-icons/mdi/format-list-bulleted";
-import { computed, Ref, ref } from "vue";
+import { computed, inject, Ref, ref } from "vue";
 
 import BattleChat from "@/components/battle/BattleChat.vue";
 import BattleTitleComponent from "@/components/battle/BattleTitleComponent.vue";
@@ -215,6 +215,7 @@ import { AbstractBattle } from "@/model/battle/abstract-battle";
 import { StartPosType } from "@/model/battle/battle-types";
 import { LuaOptionSection } from "@/model/lua-options";
 import { CurrentUser } from "@/model/user";
+import { IdleBehavior } from "@/utils/idle-timer";
 import { StartBoxOrientation } from "@/utils/start-boxes";
 import { isOfflineBattle, isSpadsBattle } from "@/utils/type-checkers";
 
@@ -237,6 +238,16 @@ const gameOptionsOpen = ref(false);
 const gameOptions: Ref<LuaOptionSection[]> = ref([]);
 const isGameRunning = api.game.isGameRunning;
 
+const updateIdleBehavior: ((update: IdleBehavior) => void) | undefined = inject("idleTimer");
+
+if (updateIdleBehavior != undefined) {
+    updateIdleBehavior({
+        onBack: () => {
+            console.log("Back in lobby!");
+        },
+    });
+}
+
 function openMapList() {
     mapListOpen.value = true;
 }

src/renderer/utils/idle-timer.ts

@@ -0,0 +1,62 @@
+import { onMounted, onUnmounted } from "vue";
+
+export interface IdleBehavior {
+    onIdle?: () => void;
+    onBack?: () => void;
+    seconds?: number;
+}
+
+export function setIdleTimer(initial: IdleBehavior) {
+    let timer, timer_running;
+
+    const { onIdle, onBack, seconds } = initial;
+
+    let currentOnIdle =
+        onIdle ??
+        (() => {
+            let x;
+        });
+    let currentOnBack =
+        onBack ??
+        (() => {
+            let x;
+        });
+    let currentSeconds = seconds ?? 5;
+
+    setupTimer();
+
+    onMounted(() => {
+        window.addEventListener("mousemove", resetTimer);
+        window.addEventListener("keypress", resetTimer);
+    });
+
+    onUnmounted(() => {
+        window.removeEventListener("mousemove", resetTimer);
+        window.removeEventListener("keypress", resetTimer);
+    });
+
+    function setupTimer() {
+        timer = setTimeout(() => {
+            currentOnIdle();
+            timer_running = false;
+        }, currentSeconds * 1000);
+        timer_running = true;
+    }
+
+    function resetTimer() {
+        if (!timer_running) {
+            currentOnBack();
+        }
+        clearTimeout(timer);
+        setupTimer();
+    }
+
+    function setIdleBehavior(update: IdleBehavior) {
+        const { onIdle, onBack, seconds } = update;
+        if (onIdle != null) currentOnIdle = onIdle;
+        if (onBack != null) currentOnBack = onBack;
+        if (seconds != null) currentSeconds = seconds;
+    }
+
+    return setIdleBehavior;
+}