feat(About): add checkUpdateAtStart setting

src/App.vue

@@ -7,84 +7,13 @@ import {
   NMessageProvider,
   NDialogProvider,
 } from "naive-ui";
-import { Store } from "@tauri-apps/plugin-store";
-import { KeyMappingConfig } from "./keyMappingConfig";
 import { onMounted } from "vue";
-import { useGlobalStore } from "./store/global";
 import { useRouter } from "vue-router";
 
-const store = useGlobalStore();
 const router = useRouter();
 
 onMounted(async () => {
   router.replace({ name: "mask" });
-
-  const localStore = new Store("store.bin");
-  // loading screenSize from local store
-  const screenSize = await localStore.get<{ sizeW: number; sizeH: number }>(
-    "screenSize"
-  );
-  if (screenSize !== null) {
-    store.screenSizeW = screenSize.sizeW;
-    store.screenSizeH = screenSize.sizeH;
-  }
-
-  // loading keyMappingConfigList from local store
-  let keyMappingConfigList = await localStore.get<KeyMappingConfig[]>(
-    "keyMappingConfigList"
-  );
-  if (keyMappingConfigList === null || keyMappingConfigList.length === 0) {
-    // add empty key mapping config
-    // unable to get mask element when app is not ready
-    // so we use the stored mask area to get relative size
-    const maskArea = await localStore.get<{
-      posX: number;
-      posY: number;
-      sizeW: number;
-      sizeH: number;
-    }>("maskArea");
-    let relativeSize = { w: 800, h: 600 };
-    if (maskArea !== null) {
-      relativeSize = {
-        w: maskArea.sizeW,
-        h: maskArea.sizeH,
-      };
-    }
-    keyMappingConfigList = [
-      {
-        relativeSize,
-        title: "空白方案",
-        list: [],
-      },
-    ];
-    await localStore.set("keyMappingConfigList", keyMappingConfigList);
-  }
-  store.keyMappingConfigList = keyMappingConfigList;
-
-  // loading curKeyMappingIndex from local store
-  let curKeyMappingIndex = await localStore.get<number>("curKeyMappingIndex");
-  if (
-    curKeyMappingIndex === null ||
-    curKeyMappingIndex >= keyMappingConfigList.length
-  ) {
-    curKeyMappingIndex = 0;
-    localStore.set("curKeyMappingIndex", curKeyMappingIndex);
-  }
-  store.curKeyMappingIndex = curKeyMappingIndex;
-
-  // loading maskButton from local store
-  let maskButton = await localStore.get<{
-    show: boolean;
-    transparency: number;
-  }>("maskButton");
-  if (maskButton === null) {
-    maskButton = {
-      show: true,
-      transparency: 0.5,
-    };
-    await localStore.set("maskButton", maskButton);
-  }
-  store.maskButton = maskButton;
 });
 </script>
 

src/components/Mask.vue

@@ -10,7 +10,7 @@ import {
   unlistenToEvent,
   updateScreenSizeAndMaskArea,
 } from "../hotkey";
-import { KeySteeringWheel } from "../keyMappingConfig";
+import { KeyMappingConfig, KeySteeringWheel } from "../keyMappingConfig";
 import { getVersion } from "@tauri-apps/api/app";
 import { fetch } from "@tauri-apps/plugin-http";
 import { open } from "@tauri-apps/plugin-shell";
@@ -24,6 +24,7 @@ import {
   AndroidKeycode,
   AndroidMetastate,
 } from "../frontcommand/android";
+import { Store } from "@tauri-apps/plugin-store";
 
 const store = useGlobalStore();
 const router = useRouter();
@@ -64,12 +65,82 @@ onActivated(async () => {
   }
 });
 
-onMounted(() => {
+onMounted(async () => {
+  await loadLocalStore();
   store.checkUpdate = checkUpdate;
-  checkUpdate();
   store.showInputBox = showInputBox;
+  if (store.checkUpdateAtStart) checkUpdate();
 });
 
+async function loadLocalStore() {
+  const localStore = new Store("store.bin");
+  // loading screenSize from local store
+  const screenSize = await localStore.get<{ sizeW: number; sizeH: number }>(
+    "screenSize"
+  );
+  if (screenSize !== null) {
+    store.screenSizeW = screenSize.sizeW;
+    store.screenSizeH = screenSize.sizeH;
+  }
+
+  // loading keyMappingConfigList from local store
+  let keyMappingConfigList = await localStore.get<KeyMappingConfig[]>(
+    "keyMappingConfigList"
+  );
+  if (keyMappingConfigList === null || keyMappingConfigList.length === 0) {
+    // add empty key mapping config
+    // unable to get mask element when app is not ready
+    // so we use the stored mask area to get relative size
+    const maskArea = await localStore.get<{
+      posX: number;
+      posY: number;
+      sizeW: number;
+      sizeH: number;
+    }>("maskArea");
+    let relativeSize = { w: 800, h: 600 };
+    if (maskArea !== null) {
+      relativeSize = {
+        w: maskArea.sizeW,
+        h: maskArea.sizeH,
+      };
+    }
+    keyMappingConfigList = [
+      {
+        relativeSize,
+        title: "空白方案",
+        list: [],
+      },
+    ];
+    await localStore.set("keyMappingConfigList", keyMappingConfigList);
+  }
+  store.keyMappingConfigList = keyMappingConfigList;
+
+  // loading curKeyMappingIndex from local store
+  let curKeyMappingIndex = await localStore.get<number>("curKeyMappingIndex");
+  if (
+    curKeyMappingIndex === null ||
+    curKeyMappingIndex >= keyMappingConfigList.length
+  ) {
+    curKeyMappingIndex = 0;
+    localStore.set("curKeyMappingIndex", curKeyMappingIndex);
+  }
+  store.curKeyMappingIndex = curKeyMappingIndex;
+
+  // loading maskButton from local store
+  let maskButton = await localStore.get<{
+    show: boolean;
+    transparency: number;
+  }>("maskButton");
+  store.maskButton = maskButton ?? {
+    show: true,
+    transparency: 0.5,
+  };
+
+  // loading checkUpdateAtStart from local store
+  let checkUpdateAtStart = await localStore.get<boolean>("checkUpdateAtStart");
+  store.checkUpdateAtStart = checkUpdateAtStart ?? true;
+}
+
 async function cleanAfterimage() {
   const appWindow = getCurrent();
   const oldSize = await appWindow.outerSize();

src/components/setting/About.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import { NFlex, NH4, NButton, NIcon, NP } from "naive-ui";
+import { NFlex, NH4, NButton, NIcon, NP, NCheckbox } from "naive-ui";
 import { LogoGithub, Planet } from "@vicons/ionicons5";
 import { open } from "@tauri-apps/plugin-shell";
 import { getVersion } from "@tauri-apps/api/app";
 import { onMounted, ref } from "vue";
 import { useGlobalStore } from "../../store/global";
+import { Store } from "@tauri-apps/plugin-store";
 
 const store = useGlobalStore();
+const localStore = new Store("store.bin");
 
 const appVersion = ref("");
 onMounted(async () => {
@@ -71,6 +73,13 @@ async function checkUpdate() {
       </NButton>
     </NFlex>
     <NH4 prefix="bar">更新</NH4>
+    <NCheckbox
+      v-model:checked="store.checkUpdateAtStart"
+      @update:checked="
+        localStore.set('checkUpdateAtStart', store.checkUpdateAtStart)
+      "
+      >启动时检查软件更新</NCheckbox
+    >
     <NP>当前版本：{{ appVersion }}</NP>
     <NButton @click="checkUpdate">检查更新</NButton>
   </div>

src/store/global.ts

@@ -25,20 +25,9 @@ export const useGlobalStore = defineStore("global", () => {
     device: Device;
   }
 
-  const screenSizeW: Ref<number> = ref(0);
-  const screenSizeH: Ref<number> = ref(0);
-
   const controledDevice: Ref<ControledDevice | null> = ref(null);
-
-  const keyMappingConfigList: Ref<KeyMappingConfig[]> = ref([]);
-  const curKeyMappingIndex = ref(0);
   const editKeyMappingList: Ref<KeyMapping[]> = ref([]);
 
-  const maskButton = ref({
-    transparency: 0.5,
-    show: true,
-  });
-
   const showInputBox: (_: boolean) => void = (_: boolean) => {};
 
   let checkUpdate: () => Promise<void> = async () => {};
@@ -81,17 +70,31 @@ export const useGlobalStore = defineStore("global", () => {
     localStore.set("curKeyMappingIndex", index);
   }
 
+  // persistent storage
+  const screenSizeW: Ref<number> = ref(0);
+  const screenSizeH: Ref<number> = ref(0);
+  const keyMappingConfigList: Ref<KeyMappingConfig[]> = ref([]);
+  const curKeyMappingIndex = ref(0);
+  const maskButton = ref({
+    transparency: 0.5,
+    show: true,
+  });
+  const checkUpdateAtStart = ref(true);
+
   return {
-    showLoading,
-    hideLoading,
-    showLoadingRef,
-    controledDevice,
+    // persistent storage
     screenSizeW,
     screenSizeH,
     keyMappingConfigList,
     curKeyMappingIndex,
-    editKeyMappingList,
     maskButton,
+    checkUpdateAtStart,
+    // in-memory storage
+    showLoading,
+    hideLoading,
+    showLoadingRef,
+    controledDevice,
+    editKeyMappingList,
     showInputBox,
     applyEditKeyMappingList,
     resetEditKeyMappingList,