perf: auto refreshRelease

Author: lisonge

docs/.vitepress/components/ApkTable.vue

@@ -1,6 +1,13 @@
 <script setup lang="ts">
+import { onMounted } from 'vue';
 import DownloadText from './DownloadText.vue';
-import { betaRelease, stableRelease } from '../data/apk.load';
+import {
+  betaReleaseRef,
+  stableReleaseRef,
+  refreshRelease,
+} from '../data/apk.ref';
+
+onMounted(refreshRelease);
 </script>
 <template>
   <table>
@@ -18,21 +25,24 @@ import { betaRelease, stableRelease } from '../data/apk.load';
         <td>正式版</td>
         <td>
           <DownloadText
-            :href="stableRelease.href"
-            :name="stableRelease.filename"
+            :href="stableReleaseRef.href"
+            :name="stableReleaseRef.filename"
           />
         </td>
-        <td>{{ stableRelease.fileSizeDesc }}</td>
-        <td>{{ stableRelease.date }}</td>
+        <td>{{ stableReleaseRef.fileSizeDesc }}</td>
+        <td>{{ stableReleaseRef.date }}</td>
         <td>稳定版</td>
       </tr>
-      <tr v-if="betaRelease.filename !== stableRelease.filename">
+      <tr v-if="betaReleaseRef.filename !== stableReleaseRef.filename">
         <td>测试版</td>
         <td>
-          <DownloadText :href="betaRelease.href" :name="betaRelease.filename" />
+          <DownloadText
+            :href="betaReleaseRef.href"
+            :name="betaReleaseRef.filename"
+          />
         </td>
-        <td>{{ betaRelease.fileSizeDesc }}</td>
-        <td>{{ betaRelease.date }}</td>
+        <td>{{ betaReleaseRef.fileSizeDesc }}</td>
+        <td>{{ betaReleaseRef.date }}</td>
         <td>更新快不稳定</td>
       </tr>
     </tbody>

docs/.vitepress/components/DownloadText.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, shallowRef } from 'vue';
+import { shallowRef } from 'vue';
 
 const props = withDefaults(
   defineProps<{

docs/.vitepress/data/apk.load.ts

@@ -1,45 +1,4 @@
-import { customFetch } from './fetch';
+import { getApkVersionInfo } from './apk.util';
 
-export interface VersionInfo {
-  name: string;
-  date: string;
-  href: string;
-  filename: string;
-  fileSizeDesc: string;
-}
-export interface ApkData {
-  stable: VersionInfo;
-  beta: VersionInfo;
-}
-
-const getFileSizeDesc = (size: number): string => {
-  if (size < 1024) {
-    return size + 'B';
-  }
-  if (size < 1024 * 1024) {
-    return (size / 1024).toFixed(2) + 'KB';
-  }
-  if (size < 1024 * 1024 * 1024) {
-    return (size / (1024 * 1024)).toFixed(2) + 'MB';
-  }
-  return (size / (1024 * 1024 * 1024)).toFixed(2) + 'GB';
-};
-
-const getVersionInfo = async (url: string): Promise<VersionInfo> => {
-  const r = await customFetch(url).then((r) => r.json());
-  return {
-    name: r.versionName,
-    href: new URL(r.downloadUrl, url).href,
-    date: r.date,
-    filename: 'v' + r.versionName + '.apk',
-    fileSizeDesc: getFileSizeDesc(r.fileSize),
-  };
-};
-
-export const stableRelease = await getVersionInfo(
-  'https://registry.npmmirror.com/@gkd-kit/app/latest/files/index.json',
-);
-
-export const betaRelease = await getVersionInfo(
-  'https://registry.npmmirror.com/@gkd-kit/app-beta/latest/files/index.json',
-);
+export const stableRelease = await getApkVersionInfo(true);
+export const betaRelease = await getApkVersionInfo(false);

docs/.vitepress/data/apk.ref.ts

@@ -0,0 +1,19 @@
+import { shallowRef } from 'vue';
+import { stableRelease, betaRelease } from './apk.load';
+import { getApkVersionInfo } from './apk.util';
+
+export const stableReleaseRef = shallowRef(stableRelease);
+export const betaReleaseRef = shallowRef(betaRelease);
+let isRefreshed = false;
+export const refreshRelease = async () => {
+  if (isRefreshed) return;
+  isRefreshed = true;
+  await Promise.all([
+    getApkVersionInfo(true).then((v) => {
+      stableReleaseRef.value = v;
+    }),
+    getApkVersionInfo(false).then((v) => {
+      betaReleaseRef.value = v;
+    }),
+  ]);
+};

docs/.vitepress/data/apk.util.ts

@@ -0,0 +1,44 @@
+import { customFetch } from './fetch';
+
+export interface VersionInfo {
+  name: string;
+  date: string;
+  href: string;
+  filename: string;
+  fileSizeDesc: string;
+}
+
+const getFileSizeDesc = (size: number): string => {
+  if (size < 1024) {
+    return size + 'B';
+  }
+  if (size < 1024 * 1024) {
+    return (size / 1024).toFixed(2) + 'KB';
+  }
+  if (size < 1024 * 1024 * 1024) {
+    return (size / (1024 * 1024)).toFixed(2) + 'MB';
+  }
+  return (size / (1024 * 1024 * 1024)).toFixed(2) + 'GB';
+};
+
+const getVersionInfo = async (url: string): Promise<VersionInfo> => {
+  const r = await customFetch(url);
+  const d = await r.json();
+  return {
+    name: d.versionName,
+    href: new URL(d.downloadUrl, r.url).href,
+    date: d.date,
+    filename: 'v' + d.versionName + '.apk',
+    fileSizeDesc: getFileSizeDesc(d.fileSize),
+  };
+};
+
+export const getApkVersionInfo = async (
+  stable: boolean,
+): Promise<VersionInfo> => {
+  const url = stable
+    ? 'https://registry.npmmirror.com/@gkd-kit/app/latest/files/index.json'
+    : 'https://registry.npmmirror.com/@gkd-kit/app-beta/latest/files/index.json';
+  return getVersionInfo(url);
+};
+