ADD: Update Options

launcher/src/background.js

@@ -1034,7 +1034,31 @@ app.on("ready", async () => {
     Menu.setApplicationMenu(menu);
 
     // Check for updates in production
-    stereumUpdater.checkForUpdates();
+    const storedConfig = await storageService.readConfig();
+    if (!storedConfig.lastUpdateCheck) {
+      try {
+        const conf = {
+          ...storedConfig,
+          lastUpdateCheck: { value: Date.now() },
+        };
+        await storageService.writeConfig(conf);
+      } catch (error) {
+        console.error("Failed to update settings:", error);
+      }
+    }
+
+    if (storedConfig.lastUpdateCheck + storedConfig.updateTimer * 86400000 + storedConfig.updateTimerTime * 3600000 <= Date.now()) {
+      try {
+        const conf = {
+          ...storedConfig,
+          lastUpdateCheck: { value: Date.now() },
+        };
+        await storageService.writeConfig(conf);
+      } catch (error) {
+        console.error("Failed to update settings:", error);
+      }
+      stereumUpdater.checkForUpdates();
+    }
   }
 
   await createWindow();

launcher/src/components/UI/setting-page/SettingScreen.vue

@@ -37,6 +37,8 @@ import CreditButtons from "./section/CreditButtons.vue";
 import IdleTimer from "./components/IdleTimer.vue";
 import LogBackups from "./components/LogBackups.vue";
 import IdleTimerTime from "./components/IdleTimerTime.vue";
+import UpdateTimer from "./components/UpdateTimer.vue";
+import UpdateTimerTime from "./components/UpdateTimerTime.vue";
 import { ref, computed, onMounted } from "vue";
 import CreditBtn from "./components/CreditBtn.vue";
 import { useRouter } from "vue-router";
@@ -107,6 +109,8 @@ const itemConfigurations = computed(() => {
       { title: "Idle Timeout", component: IdleTimer },
       { title: "Idle Timeout Time (in minutes)", component: IdleTimerTime },
       { title: "Stereum Log Backups", component: LogBackups },
+      { title: "Auto Update Interval (in days)", component: UpdateTimer },
+      { title: "Auto Update Time", component: UpdateTimerTime },
     ];
   } else if (mainBox.value === "audio") {
     items = [

launcher/src/components/UI/setting-page/components/UpdateTimer.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="UpdateTimer-parent w-full h-full justify-center items-center flex">
+    <input
+      type="number"
+      :value="footerStore.updateTimer"
+      class="lang-btn-parent w-full h-full bg-[#33393E] rounded-md flex justify-center items-center cursor-pointer border border-[#33393E] uppercase pl-3 pr-3 text-gray-200 text-base"
+      @change="onChange($event)"
+    />
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from "vue";
+import ControlService from "@/store/ControlService";
+import { useFooter } from "@/store/theFooter";
+
+const footerStore = useFooter();
+
+const checkSettings = async () => {
+  try {
+    const savedConfig = await ControlService.readConfig();
+    if (typeof savedConfig.updateTimer?.value !== "undefined") {
+      footerStore.updateTimer = savedConfig.updateTimer.value;
+    } else {
+      updateSettings(7);
+    }
+  } catch (error) {
+    console.error("Failed to load saved settings:", error);
+  }
+};
+
+const updateSettings = async (updateTime) => {
+  try {
+    const prevConf = await ControlService.readConfig();
+    const conf = {
+      ...prevConf,
+      updateTimer: { value: updateTime },
+    };
+    await ControlService.writeConfig(conf);
+    useFooter.updateTimer = updateTime;
+    checkSettings();
+  } catch (error) {
+    console.error("Failed to update settings:", error);
+  }
+};
+
+const onChange = async (event) => {
+  if (event.target.value == "" || event.target.value < 7) {
+    event.target.value = 7;
+  }
+  updateSettings(event.target.value);
+};
+
+onMounted(() => {
+  checkSettings();
+});
+</script>
+
+<style scoped>
+input[type="number"] {
+  text-align: center;
+}
+
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.UpdateTimer-parent {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

launcher/src/components/UI/setting-page/components/UpdateTimerTime.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="UpdateTimerTime-parent w-full h-full justify-center items-center flex">
+    <input
+      type="number"
+      :value="footerStore.updateTimerTime"
+      class="lang-btn-parent w-full h-full bg-[#33393E] rounded-md flex justify-center items-center cursor-pointer border border-[#33393E] uppercase pl-3 pr-3 text-gray-200 text-base"
+      @change="onChange($event)"
+    />
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from "vue";
+import ControlService from "@/store/ControlService";
+import { useFooter } from "@/store/theFooter";
+
+const footerStore = useFooter();
+
+const checkSettings = async () => {
+  try {
+    const savedConfig = await ControlService.readConfig();
+    if (typeof savedConfig.updateTimerTime?.value !== "undefined") {
+      footerStore.updateTimerTime = savedConfig.updateTimerTime.value;
+    } else {
+      updateSettings(12);
+    }
+  } catch (error) {
+    console.error("Failed to load saved settings:", error);
+  }
+};
+
+const updateSettings = async (updateTimeT) => {
+  try {
+    const prevConf = await ControlService.readConfig();
+    const conf = {
+      ...prevConf,
+      updateTimerTime: { value: updateTimeT },
+    };
+    await ControlService.writeConfig(conf);
+    useFooter.updateTimer = updateTimeT;
+    checkSettings();
+  } catch (error) {
+    console.error("Failed to update settings:", error);
+  }
+};
+
+const onChange = async (event) => {
+  if (event.target.value == "" || event.target.value < 12) {
+    event.target.value = 12;
+  }
+  updateSettings(event.target.value);
+};
+
+onMounted(() => {
+  checkSettings();
+});
+</script>
+
+<style scoped>
+input[type="number"] {
+  text-align: center;
+}
+
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.UpdateTimerTime-parent {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

launcher/src/store/theFooter.js

@@ -23,6 +23,8 @@ export const useFooter = defineStore("theFooter", {
       idleTimer: false,
       idleTimerTime: 5,
       logBackups: 3,
+      updateTimer: 7,
+      updateTimerTime: 12,
     };
   },
   getters: {},