feat(auto-refresh): centralized auto refresh System

Author: bastienwirtz

src/App.vue

@@ -130,6 +130,11 @@ export default {
     DarkMode,
     DynamicTheme,
   },
+  provide() {
+    return {
+      config: () => this.config,
+    };
+  },
   data: function () {
     return {
       loaded: false,

src/components/services/DockerSocketProxy.vue

@@ -48,10 +48,10 @@ export default {
     };
   },
   created: function () {
-    const checkInterval = parseInt(this.item.checkInterval, 10) || 0;
-    if (checkInterval > 0) {
-      setInterval(() => this.fetchData(), checkInterval);
-    }
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchData;
+
+    // Initial data fetch
     this.fetchData();
   },
   methods: {

src/components/services/FreshRSS.vue

@@ -40,10 +40,10 @@ export default {
     };
   },
   created: function () {
-    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
-    if (updateInterval > 0)
-      setInterval(() => this.fetchConfig(), updateInterval);
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchConfig;
 
+    // Initial data fetch
     this.fetchConfig();
   },
   methods: {

src/components/services/Glances.vue

@@ -29,10 +29,10 @@ export default {
     error: null,
   }),
   created() {
-    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
-    if (updateInterval > 0) {
-      setInterval(() => this.fetchStat(), updateInterval);
-    }
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchStat;
+
+    // Initial data fetch
     this.fetchStat();
   },
   methods: {

src/components/services/Immich.vue

@@ -62,10 +62,10 @@ export default {
     },
   },
   created: function () {
-    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
-    if (updateInterval > 0) {
-      setInterval(() => this.fetchConfig(), updateInterval);
-    }
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchConfig;
+
+    // Initial data fetch
     this.fetchConfig();
   },
   methods: {

src/components/services/Lidarr.vue

@@ -43,12 +43,11 @@ export default {
       serverError: false,
     };
   },
-  created: function () {
-    const checkInterval = parseInt(this.item.checkInterval, 10) || 0;
-    if (checkInterval > 0) {
-      setInterval(() => this.fetchConfig(), checkInterval);
-    }
+  created() {
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchConfig;
 
+    // Initial data fetch
     this.fetchConfig();
   },
   methods: {

src/components/services/PiAlert.vue

@@ -44,10 +44,10 @@ export default {
     };
   },
   created() {
-    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
-    if (updateInterval > 0) {
-      setInterval(() => this.fetchStatus(), updateInterval);
-    }
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchStatus;
+
+    // Initial data fetch
     this.fetchStatus();
   },
   methods: {

src/components/services/PiHole.vue

@@ -39,8 +39,6 @@ export default {
     retryCount: 0,
     maxRetries: 3,
     retryDelay: 5000,
-    localCheckInterval: 1000, // Default value or a fallback
-    pollInterval: null,
   }),
   computed: {
     percentage: function () {
@@ -57,40 +55,23 @@ export default {
   },
   created() {
     if (parseInt(this.item.apiVersion, 10) === 6) {
-      // Set the interval to the checkInterval or default to 5 minutes
-      this.localCheckInterval = parseInt(this.item.checkInterval, 10) || 300000;
       this.loadCachedSession();
-      this.startStatusPolling();
+
+      // Set up auto-update method for the scheduler
+      this.autoUpdateMethod = this.fetchStatus;
     } else {
-      this.fetchStatus_v5();
-    }
-  },
-  beforeUnmount() {
-    if (parseInt(this.item.apiVersion, 10) === 6) {
-      this.stopStatusPolling();
+      // Set up auto-update method for the scheduler
+      this.autoUpdateMethod = this.fetchStatus_v5();
     }
+    // Initial data fetch
+    this.autoUpdateMethod();
   },
   methods: {
     handleError: function (error, status) {
       console.error(error);
       this.subtitle = error;
       this.status = status;
     },
-    startStatusPolling: function () {
-      this.fetchStatus();
-      if (this.localCheckInterval < 1000) {
-        this.localCheckInterval = 1000;
-      }
-      this.pollInterval = setInterval(
-        this.fetchStatus,
-        this.localCheckInterval,
-      );
-    },
-    stopStatusPolling: function () {
-      if (this.pollInterval) {
-        clearInterval(this.pollInterval);
-      }
-    },
     loadCachedSession: function () {
       try {
         const cachedSession = localStorage.getItem(

src/components/services/Ping.vue

@@ -41,11 +41,10 @@ export default {
     },
   },
   created() {
-    const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
-    if (updateInterval > 0) {
-      setInterval(this.fetchStatus, updateInterval);
-    }
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchStatus;
 
+    // Initial data fetch
     this.fetchStatus();
   },
   methods: {

src/components/services/Plex.vue

@@ -52,10 +52,10 @@ export default {
     };
   },
   created: function () {
-    const checkInterval = parseInt(this.item.checkInterval, 10) || 0;
-    if (checkInterval > 0) {
-      setInterval(() => this.fetchData(), checkInterval);
-    }
+    // Set up auto-update method for the scheduler
+    this.autoUpdateMethod = this.fetchData;
+
+    // Initial data fetch
     this.fetchData();
   },
   methods: {