fix(polling): disable polling when document is not visible

Author: dvcol

package.json

@@ -32,9 +32,9 @@
     "clear": "rimraf dist",
     "dist": "pnpm run clear && esno scripts/prepare.ts",
     "type:check": "vue-tsc --build",
-    "vite:serve": "vite --host",
+    "vite:serve": "vite",
     "vite:build": "vite build",
-    "vite:preview": "vite preview --host",
+    "vite:preview": "vite preview",
     "dev": "cross-env NODE_ENV=development run-p dist vite:serve",
     "dev:web": "VITE_SOURCEMAP=true VITE_WEB=true VITE_BASE=/trakt-extension/ run-s dev",
     "build": "cross-env NODE_ENV=production run-s dist type:check 'vite:build {@}' --",

src/stores/data/activity.store.ts

@@ -191,6 +191,7 @@ export const useActivityStore = defineStore(ActivityStoreConstants.Store, () =>
       async () => {
         if (interval.value) clearInterval(interval.value);
         if (!polling.value) return;
+        if (document.hidden) return;
         if (isAuthenticated.value) await fetchActivity();
         interval.value = setInterval(() => {
           if (!isAuthenticated.value) return;

src/stores/data/watching.store.ts

@@ -153,6 +153,7 @@ export const useWatchingStore = defineStore(WatchingStoreConstants.Store, () =>
       async () => {
         if (interval.value) clearInterval(interval.value);
         if (!polling.value) return;
+        if (document.hidden) return;
         if (isAuthenticated.value) await fetchWatching();
         interval.value = setInterval(() => {
           if (!isAuthenticated.value) return;