feat: 添加校验码功能

Author: typed-sigterm

.github/workflows/release.yml

@@ -139,4 +139,3 @@ jobs:
         uses: actions/attest-build-provenance@f9eaf234fc1c2e333c1eca18177db0f44fa6ba52 # v2
         with:
           subject-path: ${{ join(fromJson(steps.download.outputs.downloaded_files), ', ') }}
-          subject-name: ExCaller ${{ github.event.release.tag_name }}

bun.lock

@@ -4,6 +4,7 @@
     "": {
       "devDependencies": {
         "@antfu/eslint-config": "^4.3.0",
+        "@aws-crypto/sha256-browser": "^5.2.0",
         "@iconify-json/ant-design": "^1.2.5",
         "@iconify-json/ep": "^1.2.2",
         "@iconify-json/lucide": "^1.2.34",
@@ -64,6 +65,18 @@
 
     "@antfu/utils": ["@antfu/[email protected]", "https://registry.npmmirror.com/@antfu/utils/-/utils-8.1.1.tgz", {}, "sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ=="],
 
+    "@aws-crypto/sha256-browser": ["@aws-crypto/[email protected]", "https://registry.npmmirror.com/@aws-crypto/sha256-browser/-/sha256-browser-5.2.0.tgz", { "dependencies": { "@aws-crypto/sha256-js": "^5.2.0", "@aws-crypto/supports-web-crypto": "^5.2.0", "@aws-crypto/util": "^5.2.0", "@aws-sdk/types": "^3.222.0", "@aws-sdk/util-locate-window": "^3.0.0", "@smithy/util-utf8": "^2.0.0", "tslib": "^2.6.2" } }, "sha512-AXfN/lGotSQwu6HNcEsIASo7kWXZ5HYWvfOmSNKDsEqC4OashTp8alTmaz+F7TC2L083SFv5RdB+qU3Vs1kZqw=="],
+
+    "@aws-crypto/sha256-js": ["@aws-crypto/[email protected]", "https://registry.npmmirror.com/@aws-crypto/sha256-js/-/sha256-js-5.2.0.tgz", { "dependencies": { "@aws-crypto/util": "^5.2.0", "@aws-sdk/types": "^3.222.0", "tslib": "^2.6.2" } }, "sha512-FFQQyu7edu4ufvIZ+OadFpHHOt+eSTBaYaki44c+akjg7qZg9oOQeLlk77F6tSYqjDAFClrHJk9tMf0HdVyOvA=="],
+
+    "@aws-crypto/supports-web-crypto": ["@aws-crypto/[email protected]", "https://registry.npmmirror.com/@aws-crypto/supports-web-crypto/-/supports-web-crypto-5.2.0.tgz", { "dependencies": { "tslib": "^2.6.2" } }, "sha512-iAvUotm021kM33eCdNfwIN//F77/IADDSs58i+MDaOqFrVjZo9bAal0NK7HurRuWLLpF1iLX7gbWrjHjeo+YFg=="],
+
+    "@aws-crypto/util": ["@aws-crypto/[email protected]", "https://registry.npmmirror.com/@aws-crypto/util/-/util-5.2.0.tgz", { "dependencies": { "@aws-sdk/types": "^3.222.0", "@smithy/util-utf8": "^2.0.0", "tslib": "^2.6.2" } }, "sha512-4RkU9EsI6ZpBve5fseQlGNUWKMa1RLPQ1dnjnQoe07ldfIzcsGb5hC5W0Dm7u423KWzawlrpbjXBrXCEv9zazQ=="],
+
+    "@aws-sdk/types": ["@aws-sdk/[email protected]", "https://registry.npmmirror.com/@aws-sdk/types/-/types-3.804.0.tgz", { "dependencies": { "@smithy/types": "^4.2.0", "tslib": "^2.6.2" } }, "sha512-A9qnsy9zQ8G89vrPPlNG9d1d8QcKRGqJKqwyGgS0dclJpwy6d1EWgQLIolKPl6vcFpLoe6avLOLxr+h8ur5wpg=="],
+
+    "@aws-sdk/util-locate-window": ["@aws-sdk/[email protected]", "https://registry.npmmirror.com/@aws-sdk/util-locate-window/-/util-locate-window-3.804.0.tgz", { "dependencies": { "tslib": "^2.6.2" } }, "sha512-zVoRfpmBVPodYlnMjgVjfGoEZagyRF5IPn3Uo6ZvOZp24chnW/FRstH7ESDHDDRga4z3V+ElUQHKpFDXWyBW5A=="],
+
     "@babel/code-frame": ["@babel/[email protected]", "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.26.2.tgz", { "dependencies": { "@babel/helper-validator-identifier": "^7.25.9", "js-tokens": "^4.0.0", "picocolors": "^1.0.0" } }, "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ=="],
 
     "@babel/compat-data": ["@babel/[email protected]", "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.26.8.tgz", {}, "sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ=="],
@@ -398,6 +411,14 @@
 
     "@rrweb/utils": ["@rrweb/[email protected]", "https://registry.npmmirror.com/@rrweb/utils/-/utils-2.0.0-alpha.18.tgz", {}, "sha512-qV8azQYo9RuwW4NGRtOiQfTBdHNL1B0Q//uRLMbCSjbaKqJYd88Js17Bdskj65a0Vgp2dwTLPIZ0gK47dfjfaA=="],
 
+    "@smithy/is-array-buffer": ["@smithy/[email protected]", "https://registry.npmmirror.com/@smithy/is-array-buffer/-/is-array-buffer-2.2.0.tgz", { "dependencies": { "tslib": "^2.6.2" } }, "sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA=="],
+
+    "@smithy/types": ["@smithy/[email protected]", "https://registry.npmmirror.com/@smithy/types/-/types-4.3.0.tgz", { "dependencies": { "tslib": "^2.6.2" } }, "sha512-+1iaIQHthDh9yaLhRzaoQxRk+l9xlk+JjMFxGRhNLz+m9vKOkjNeU8QuB4w3xvzHyVR/BVlp/4AXDHjoRIkfgQ=="],
+
+    "@smithy/util-buffer-from": ["@smithy/[email protected]", "https://registry.npmmirror.com/@smithy/util-buffer-from/-/util-buffer-from-2.2.0.tgz", { "dependencies": { "@smithy/is-array-buffer": "^2.2.0", "tslib": "^2.6.2" } }, "sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA=="],
+
+    "@smithy/util-utf8": ["@smithy/[email protected]", "https://registry.npmmirror.com/@smithy/util-utf8/-/util-utf8-2.3.0.tgz", { "dependencies": { "@smithy/util-buffer-from": "^2.2.0", "tslib": "^2.6.2" } }, "sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A=="],
+
     "@stylistic/eslint-plugin": ["@stylistic/[email protected]", "https://registry.npmmirror.com/@stylistic/eslint-plugin/-/eslint-plugin-4.2.0.tgz", { "dependencies": { "@typescript-eslint/utils": "^8.23.0", "eslint-visitor-keys": "^4.2.0", "espree": "^10.3.0", "estraverse": "^5.3.0", "picomatch": "^4.0.2" }, "peerDependencies": { "eslint": ">=9.0.0" } }, "sha512-8hXezgz7jexGHdo5WN6JBEIPHCSFyyU4vgbxevu4YLVS5vl+sxqAAGyXSzfNDyR6xMNSH5H1x67nsXcYMOHtZA=="],
 
     "@tauri-apps/api": ["@tauri-apps/[email protected]", "https://registry.npmmirror.com/@tauri-apps/api/-/api-2.4.1.tgz", {}, "sha512-5sYwZCSJb6PBGbBL4kt7CnE5HHbBqwH+ovmOW6ZVju3nX4E3JX6tt2kRklFEH7xMOIwR0btRkZktuLhKvyEQYg=="],

package.json

@@ -18,6 +18,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.3.0",
+    "@aws-crypto/sha256-browser": "^5.2.0",
     "@iconify-json/ant-design": "^1.2.5",
     "@iconify-json/ep": "^1.2.2",
     "@iconify-json/lucide": "^1.2.34",

src/components/settings/group.vue

@@ -4,7 +4,7 @@ import DynamicInput from '@/components/dynamic-input';
 import { useConfigStore } from '@/stores/config';
 import { useNamelistStore } from '@/stores/namelist';
 import { MAX_GROUP_NAME_LENGTH } from '@/utils/config';
-import useNamelistMembers from '@/utils/namelist';
+import { useNamelistMembers } from '@/utils/namelist';
 import { useMessage } from 'naive-ui';
 import { computed, ref, toRaw, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

src/components/settings/namelist.vue

@@ -22,11 +22,16 @@ const namelist = useNamelistStore();
 watch(() => config.namelist, () => config.group = undefined);
 
 const names = ref<RollCallOption[]>([]);
-watchImmediate(() => config.namelist, () => {
-  names.value = namelist.use(config.namelist).names;
+const checksum = ref<string | undefined>();
+const expanded = ref(false);
+
+watchImmediate(() => config.namelist, (n) => {
+  names.value = namelist.use(n).names;
+  namelist.calcChecksum(n).then(v => checksum.value = v);
 });
 watch(names, (v) => {
   namelist.use(config.namelist).names = v;
+  namelist.calcChecksum(config.namelist).then(v => checksum.value = v);
 });
 
 const limited = computed(() => namelist.list().length >= MAX_NAMELIST_COUNT);
@@ -121,6 +126,34 @@ async function handleExport() {
       />
     </template>
   </DataOperations>
+
+  <p class="break-anywhere">
+    {{ t('checksum.label') }}
+    <span
+      class="select-all mr-1"
+      v-text="checksum ? (expanded ? checksum : checksum.slice(0, 5)) : '...'"
+    />
+
+    <NTooltip>
+      <template #trigger>
+        <ILucideCircleHelp class="align-sub" :size="20" />
+      </template>
+      {{ t('checksum.notes') }}
+    </NTooltip>
+
+    <NTooltip v-if="!expanded">
+      <template #trigger>
+        <ILucidePlus class="align-sub" :size="20" @click="expanded = true" />
+      </template>
+      {{ t('checksum.expand') }}
+    </NTooltip>
+    <NTooltip v-else>
+      <template #trigger>
+        <ILucideMinus class="align-sub" :size="20" @click="expanded = false" />
+      </template>
+      {{ t('checksum.collapse') }}
+    </NTooltip>
+  </p>
 </template>
 
 <style scoped>
@@ -147,11 +180,21 @@ en:
   namelist-created: New namelist {0} is created
   namelist-deleted: Namelist {0} is deleted
   detected-names: Detected {0} names, click "Next" to import.
+  checksum:
+    label: 'Checksum:'
+    notes: Used to verify the integrity of the namelist. If the namelist is modified, the checksum will change.
+    expand: Expand
+    collapse: Collapse
 
 zh-CN:
   current: 当前名单
   create-namelist: 新建名单
   namelist-created: 名单 {0} 创建成功
   namelist-deleted: 已删除名单 {0}
   detected: 共检测到 {0} 个名字，点击“下一步”即可导入。
+  checksum:
+    label: 校验码：
+    notes: 用于验证名单的完整性，若名单被修改，校验码会发生变化。
+    expand: 展开
+    collapse: 收起
 </i18n>

src/components/settings/plan.vue

@@ -3,7 +3,7 @@ import type { SelectOption } from 'naive-ui/es/select/src/interface';
 import DynamicInput from '@/components/dynamic-input.tsx';
 import { useConfigStore } from '@/stores/config';
 import { MAX_PLAN_QUEUE_SIZE } from '@/utils/config';
-import useNamelistMembers from '@/utils/namelist';
+import { useNamelistMembers } from '@/utils/namelist';
 import { computed, onBeforeUnmount, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 

src/stores/namelist.ts

@@ -5,9 +5,16 @@ import { getGroup, listGroups, removeGroup, setGroup } from '@/utils/group';
 import { genNewNamelistName, getNamelist, listNamelists, removeNamelist, setNamelist } from '@/utils/namelist';
 import { rollCallOptionToString } from '@/utils/roll-call';
 import { getGlobalI18n } from '@/utils/ui';
+import { Sha256 } from '@aws-crypto/sha256-browser';
 import { watchImmediate } from '@vueuse/core';
 import { defineStore } from 'pinia';
-import { reactive, ref, toRef, watch } from 'vue';
+import { reactive, ref, toRaw, toRef, watch } from 'vue';
+
+function toHex(array: Uint8Array) {
+  return Array.from(array)
+    .map(byte => byte.toString(16).padStart(2, '0'))
+    .join('');
+}
 
 type GroupData = Record<string, string[]>;
 
@@ -162,5 +169,11 @@ export const useNamelistStore = defineStore('namelist', {
       } while (keys.includes(ret));
       return ret;
     },
+
+    async calcChecksum(name: string) {
+      const s = new Sha256();
+      s.update(JSON.stringify(toRaw(this.data[name].names)));
+      return toHex(await s.digest());
+    },
   },
 });

src/utils/namelist.ts

@@ -71,7 +71,7 @@ export async function exportNamelistToText(namelist: string) {
   );
 }
 
-export default function useNamelistMembers(name: string) {
+export function useNamelistMembers(name: string) {
   return computed(
     () => useNamelistStore().use(name).names.map(rollCallOptionToString),
   );