From 8528c7254a7bf303f0446233d87f14bf571aa1d5 Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Wed, 31 Jan 2024 15:37:31 -0300
Subject: [PATCH] controller: Enable joystick forwarding only when the document
 (window/tab) is visible

---
 src/stores/controller.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/stores/controller.ts b/src/stores/controller.ts
index 89667f7c1..961d8ea66 100644
--- a/src/stores/controller.ts
+++ b/src/stores/controller.ts
@@ -1,4 +1,4 @@
-import { useStorage } from '@vueuse/core'
+import { useDocumentVisibility, useStorage } from '@vueuse/core'
 import { saveAs } from 'file-saver'
 import { defineStore } from 'pinia'
 import Swal from 'sweetalert2'
@@ -96,6 +96,18 @@ export const useControllerStore = defineStore('controller', () => {
     }
   }
 
+  // Disable joystick forwarding if the window/tab is not visible (using VueUse)
+  const windowVisibility = useDocumentVisibility()
+  watch(windowVisibility, (value) => {
+    if (value === 'hidden') {
+      console.warn('Window/tab hidden. Disabling joystick forwarding.')
+      enableForwarding.value = false
+    } else {
+      console.info('Window/tab visible. Enabling joystick forwarding.')
+      enableForwarding.value = true
+    }
+  })
+
   const processJoystickStateEvent = (event: JoystickEvent): void => {
     const joystick = joysticks.value.get(event.detail.index)
     if (joystick === undefined || (event.type !== EventType.Axis && event.type !== EventType.Button)) return