feat: 内置更新检测

Author: clansty

AquaMai

@@ -55,5 +55,8 @@
     "vue-router": "^5.0.3",
     "wavesurfer.js": "^7.12.1"
   },
-  "packageManager": "pnpm@10.20.0+sha512.cf9998222162dd85864d0a8102e7892e7ba4ceadebbf5a31f9c2fce48dfce317a9c53b9f6464d1ef9042cba2e02ae02a9f7c143a2b438cd93c91840f0192b9dd"
+  "packageManager": "pnpm@10.20.0+sha512.cf9998222162dd85864d0a8102e7892e7ba4ceadebbf5a31f9c2fce48dfce317a9c53b9f6464d1ef9042cba2e02ae02a9f7c143a2b438cd93c91840f0192b9dd",
+  "dependencies": {
+    "@f3ve/vue-markdown-it": "^0.2.3"
+  }
 }

MaiChartManager/Front/package.json

@@ -14,12 +14,21 @@ export enum GetGetConfigTypeEnum {
   Builtin = "builtin",
   Release = "release",
   Ci = "ci",
+  Slow = "slow",
 }
 
 export enum PostUpsertConfigTypeEnum {
   Builtin = "builtin",
   Release = "release",
   Ci = "ci",
+  Slow = "slow",
+}
+
+export enum GetAdminStatusTypeEnum {
+  Builtin = "builtin",
+  Release = "release",
+  Ci = "ci",
+  Slow = "slow",
 }
 
 export type QueryParamsType = Record<string | number, any>;
@@ -355,5 +364,96 @@ export class Api<
         format: "json",
         ...params,
       }),
+
+    /**
+     * No description
+     *
+     * @name PostAdminClear
+     * @summary 清除慢速通道队列
+     * @request POST:/api/admin/clear
+     */
+    postAdminClear: (params: RequestParams = {}) =>
+      this.request<
+        {
+          /** @min 0 */
+          delayDays: number;
+          lastPromotedVersion?: string;
+          promotedAt?: string;
+          clearedAt?: string;
+        },
+        any
+      >({
+        path: `/api/admin/clear`,
+        method: "POST",
+        format: "json",
+        ...params,
+      }),
+
+    /**
+     * No description
+     *
+     * @name PostAdminDelay
+     * @summary 设置慢速通道延迟天数
+     * @request POST:/api/admin/delay
+     */
+    postAdminDelay: (
+      data: {
+        /** @min 0 */
+        days: number;
+      },
+      params: RequestParams = {},
+    ) =>
+      this.request<
+        {
+          delayDays: number;
+        },
+        any
+      >({
+        path: `/api/admin/delay`,
+        method: "POST",
+        body: data,
+        type: ContentType.Json,
+        format: "json",
+        ...params,
+      }),
+
+    /**
+     * No description
+     *
+     * @name GetAdminStatus
+     * @summary 获取慢速通道状态
+     * @request GET:/api/admin/status
+     */
+    getAdminStatus: (params: RequestParams = {}) =>
+      this.request<
+        {
+          meta: {
+            /** @min 0 */
+            delayDays: number;
+            lastPromotedVersion?: string;
+            promotedAt?: string;
+            clearedAt?: string;
+          };
+          slow: {
+            version?: string;
+            /** @format date-time */
+            createdAt?: string;
+            type: GetAdminStatusTypeEnum;
+            /** @format uri */
+            url?: string;
+            /** @format uri */
+            url2?: string;
+            sign?: string;
+            /** @default false */
+            default?: boolean;
+          };
+        },
+        any
+      >({
+        path: `/api/admin/status`,
+        method: "GET",
+        format: "json",
+        ...params,
+      }),
   };
 }

MaiChartManager/Front/pnpm-lock.yaml

@@ -1,8 +1,11 @@
 import { computed, defineComponent, ref } from "vue";
-import { Popover, Qrcode } from "@munet/ui";
 import AppIcon from '@/components/AppIcon';
 import '@fontsource/nerko-one'
-import { updateVersion, version } from "@/store/refs";
+import { appUpdateInfo, updateVersion, version } from "@/store/refs";
+import { compareVersions } from "@/views/ModManager/shouldShowUpdateController";
+import { locale } from "@/locales";
+import { VueMarkdownIt } from '@f3ve/vue-markdown-it';
+import style from './style.module.sass';
 import StorePurchaseButton from "@/components/StorePurchaseButton";
 import AfdianIcon from "@/icons/afdian.svg";
 import { HardwareAccelerationStatus, LicenseStatus } from "@/client/apiGen";
@@ -17,6 +20,19 @@ export default defineComponent({
     const activationCode = ref('');
     const activating = ref(false);
     const displayVersion = computed(() => version.value?.version?.split('+')[0]);
+    const showChangelog = ref(false);
+
+    const hasAppUpdate = computed(() => {
+      if (!appUpdateInfo.value?.version || !version.value?.version) return false;
+      const currentVersion = version.value.version.split('+')[0];
+      return compareVersions(appUpdateInfo.value.version, currentVersion) > 0;
+    });
+
+    const changelogNotes = computed(() => {
+      if (!appUpdateInfo.value?.notes) return '';
+      return appUpdateInfo.value.notes[locale.value] || appUpdateInfo.value.notes['en'] || '';
+    });
+
     const { t } = useI18n();
 
     const onVersionClick = (e: MouseEvent) => {
@@ -47,8 +63,9 @@ export default defineComponent({
       }
     };
 
-    return () => version.value && <div class={'w-15 py-1 flex items-center justify-center rounded-md cursor-pointer transition-all duration-200 bg-avatarMenuButton text-3.5 shrink-0'} onClick={onVersionClick}>
+    return () => version.value && <div class={'w-15 py-1 flex items-center justify-center rounded-md cursor-pointer transition-all duration-200 bg-avatarMenuButton text-3.5 shrink-0 relative'} onClick={onVersionClick}>
       v{displayVersion.value}
+      {hasAppUpdate.value && <div class="absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-red-500 pointer-events-none" />}
 
       <Modal
         width="min(85vw,60em)"
@@ -61,8 +78,20 @@ export default defineComponent({
           <a class="i-mdi-github hover:c-[var(--text-color)] transition-300" href="https://github.com/clansty/MaiChartManager" target="_blank"/>
           <a class="i-ri-qq-fill hover:c-[var(--text-color)] transition-300" href="https://qm.qq.com/q/U3gT7CDuy6" target="_blank" />
           </div>
-          <div>
+          <div class="flex items-center gap-2">
             {t('about.version')}: v{version.value.version}
+            {hasAppUpdate.value && <>
+              <span class="c-red-500 font-bold">{t('about.updateAvailable', { version: appUpdateInfo.value!.version })}</span>
+              <a
+                class={[theme.value.lc, 'fl cursor-pointer']}
+                onClick={() => { showChangelog.value = true; }}
+              >
+                {t('about.viewChangelog')}
+              </a>
+              <Button onClick={() => window.open('ms-windows-store://pdp/?ProductId=9P1JDKQ60G4G')}>
+                {t('about.updateHint')}
+              </Button>
+            </>}
           </div>
           <div>
             {t('about.gameVersion')}: 1.{version.value.gameVersion}
@@ -125,6 +154,16 @@ export default defineComponent({
           {t('common.confirm')}
         </Button>,
       }}</Modal>
+
+      <Modal
+        width="min(85vw,50em)"
+        title={t('about.changelogTitle')}
+        v-model:show={showChangelog.value}
+      >
+        <div class={style.mdContent}>
+          <VueMarkdownIt source={changelogNotes.value} />
+        </div>
+      </Modal>
     </div>;
   }
 })

MaiChartManager/Front/src/client/aquaMaiVersionConfigApiGen.ts

@@ -0,0 +1,42 @@
+.mdContent
+  p
+    margin-bottom: 0.5em
+  img
+    max-width: 100%
+    height: auto
+    display: block
+    margin: 0 auto
+  a
+    color: var(--link-color, #4facfe)
+    text-decoration: none
+    &:hover
+      text-decoration: underline
+  ul
+    list-style-type: disc
+    margin-left: 1.5em
+    margin-bottom: 0.5em
+  ol
+    list-style-type: decimal
+    margin-left: 1.5em
+    margin-bottom: 0.5em
+  li
+    margin-bottom: 0.25em
+  h1
+    font-size: 1.3em
+    margin-bottom: 0.5rem
+    font-weight: bold
+  h2
+    font-size: 1.15em
+    margin-bottom: 0.5rem
+    font-weight: bold
+  h3
+    font-size: 1.05em
+    margin-bottom: 0.5rem
+    font-weight: bold
+  code
+    background: rgba(128, 128, 128, 0.1)
+    padding: 0.1em 0.3em
+    border-radius: 4px
+    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace
+  strong
+    font-weight: bold