feat: 离线激活移植

Author: clansty

MaiChartManager/Controllers/App/AppLicenseController.cs

@@ -20,4 +20,16 @@ public async Task<RequestPurchaseResult> RequestPurchase()
 
         return new RequestPurchaseResult(null, res.Status);
     }
+
+    [HttpPost]
+    public async Task<bool> VerifyOfflineKey([FromBody] string key)
+    {
+        var result = await OfflineReg.VerifyAsync(key);
+        if (!result.IsValid) return false;
+
+        StaticSettings.Config.OfflineKey = key;
+        StaticSettings.Config.Save();
+        IapManager.SetOfflineLicenseActive();
+        return true;
+    }
 }

MaiChartManager/Front/src/client/apiGen.ts

@@ -765,6 +765,23 @@ export class Api<
         ...params,
       }),
 
+    /**
+     * No description
+     *
+     * @tags AppLicense
+     * @name VerifyOfflineKey
+     * @request POST:/MaiChartManagerServlet/VerifyOfflineKeyApi
+     */
+    VerifyOfflineKey: (data: string, params: RequestParams = {}) =>
+      this.request<boolean, any>({
+        path: `/MaiChartManagerServlet/VerifyOfflineKeyApi`,
+        method: "POST",
+        body: data,
+        type: ContentType.Json,
+        format: "json",
+        ...params,
+      }),
+
     /**
      * No description
      *

MaiChartManager/Front/src/components/VersionInfo/index.tsx

@@ -2,20 +2,52 @@ import { computed, defineComponent, ref } from "vue";
 import { Popover, Qrcode } from "@munet/ui";
 import AppIcon from '@/components/AppIcon';
 import '@fontsource/nerko-one'
-import { version } from "@/store/refs";
+import { updateVersion, version } from "@/store/refs";
 import StorePurchaseButton from "@/components/StorePurchaseButton";
 import AfdianIcon from "@/icons/afdian.svg";
 import { HardwareAccelerationStatus, LicenseStatus } from "@/client/apiGen";
 import { useI18n } from 'vue-i18n';
-import { Modal, theme } from "@munet/ui";
+import { Modal, TextInput, Button, addToast, theme } from "@munet/ui";
+import api from "@/client/api";
 
 export default defineComponent({
   setup(props) {
     const show = ref(false);
+    const showOfflineActivation = ref(false);
+    const activationCode = ref('');
+    const activating = ref(false);
     const displayVersion = computed(() => version.value?.version?.split('+')[0]);
     const { t } = useI18n();
 
-    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={() => show.value = true}>
+    const onVersionClick = (e: MouseEvent) => {
+      if (e.shiftKey && version.value?.license !== LicenseStatus.Active) {
+        showOfflineActivation.value = true;
+        activationCode.value = '';
+        return;
+      }
+      show.value = true;
+    };
+
+    const submitOfflineKey = async () => {
+      if (!activationCode.value.trim() || activating.value) return;
+      activating.value = true;
+      try {
+        const { data: result } = await api.VerifyOfflineKey(activationCode.value.trim());
+        if (result) {
+          addToast({ message: t('about.activationSuccess'), type: 'success' });
+          showOfflineActivation.value = false;
+          await updateVersion();
+        } else {
+          addToast({ message: t('about.activationCodeInvalid'), type: 'error' });
+        }
+      } catch {
+        addToast({ message: t('about.activationCodeInvalid'), type: 'error' });
+      } finally {
+        activating.value = false;
+      }
+    };
+
+    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}>
       v{displayVersion.value}
 
       <Modal
@@ -26,14 +58,8 @@ export default defineComponent({
         <div class="flex flex-col gap-2" style={{containerType: 'inline-size'}}>
           <AppIcon class="mb-10 max-[540px]:scale-75"/>
           <div class="flex justify-center gap-1 text-10 c-gray-4">
-            <a class="i-mdi-github hover:c-#1f2328 transition-300" href="https://github.com/clansty/MaiChartManager" target="_blank"/>
-            <a class="i-ic-baseline-telegram hover:c-#39a6e6 transition-300" href="https://t.me/MaiChartManager" target="_blank"/>
-          <Popover trigger="hover">
-            {{
-              trigger: () => <div class="i-ri-qq-fill hover:c-#e31b25 transition-300"/>,
-              default: () => <div><Qrcode value="https://qm.qq.com/q/U3gT7CDuy6"/></div>
-            }}
-          </Popover>
+          <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>
             {t('about.version')}: v{version.value.version}
@@ -77,6 +103,28 @@ export default defineComponent({
           </div>
         </div>
       </Modal>
+
+      <Modal
+        width="30em"
+        title={t('about.offlineActivation')}
+        v-model:show={showOfflineActivation.value}
+      >{{
+        default: () => <div class="flex flex-col gap-4">
+          <div>{t('about.enterActivationCode')}</div>
+          <TextInput
+            v-model:value={activationCode.value}
+            onEnterPressed={submitOfflineKey}
+            disabled={activating.value}
+          />
+        </div>,
+        actions: () => <Button
+          onClick={submitOfflineKey}
+          disabled={!activationCode.value.trim() || activating.value}
+          ing={activating.value}
+        >
+          {t('common.confirm')}
+        </Button>,
+      }}</Modal>
     </div>;
   }
 })

MaiChartManager/Front/src/locales/en.yaml

@@ -528,6 +528,10 @@ about:
   h264Encoder: H264 Encoder
   premiumActive: Thank you for your support, premium features activated!
   continueSupport: Click here to continue supporting
+  offlineActivation: Offline Activation
+  enterActivationCode: Please enter activation code
+  activationCodeInvalid: Invalid activation code
+  activationSuccess: Premium features activated, thank you!
 jacket:
   upload: Upload Jacket
   select: Select Jacket

MaiChartManager/Front/src/locales/zh-TW.yaml

@@ -487,6 +487,10 @@ about:
   h264Encoder: H264 編碼器
   premiumActive: 感謝你的支援，贊助版功能已啟用！
   continueSupport: 如果還想繼續贊助請點擊
+  offlineActivation: 離線啟用
+  enterActivationCode: 請輸入啟用碼
+  activationCodeInvalid: 啟用碼無效
+  activationSuccess: 贊助版功能已啟用，謝謝你！
 jacket:
   upload: 上傳封面
   select: 選擇封面

MaiChartManager/Front/src/locales/zh.yaml

@@ -493,6 +493,10 @@ about:
   h264Encoder: H264 编码器
   premiumActive: 感谢你的支持，赞助版功能已启用！
   continueSupport: 如果还想继续赞助请点击
+  offlineActivation: 离线激活
+  enterActivationCode: 请输入激活码
+  activationCodeInvalid: 激活码无效
+  activationSuccess: 赞助版功能已启用，谢谢你！
 jacket:
   upload: 上传封面
   select: 选择封面

MaiChartManager/IapManager.cs

@@ -61,6 +61,11 @@ public static void BindToForm(Form form)
         WinRT.Interop.InitializeWithWindow.Initialize(StoreContext, form.Handle);
     }
 
+    public static void SetOfflineLicenseActive()
+    {
+        License = LicenseStatus.Active;
+    }
+
     public static async Task<StorePurchaseResult> Purchase()
     {
         if (_form.WindowState == FormWindowState.Minimized)

MaiChartManager/MaiChartManager.csproj

@@ -28,7 +28,7 @@
   </PropertyGroup>
   <PropertyGroup Condition="'$(Configuration)'=='Debug'">
     <IsPublishable>False</IsPublishable>
-    <DefineConstants>TRACE;CRACK</DefineConstants>
+    <DefineConstants>TRACE</DefineConstants>
     <OutputType>Exe</OutputType>
   </PropertyGroup>
   <PropertyGroup Condition="'$(Configuration)'=='Release'">