From 51f67bb2c2934ced99992d0d3f71e80526959b62 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 15 Dec 2024 13:00:20 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E4=BC=98=E5=8C=96=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E4=B8=8B=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc                                 |  1 +
 package.json                              |  2 +-
 src/components/common/InstallAppModal.vue | 50 ++++++++++++-----------
 3 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index f4e4eaf..da7365e 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -39,6 +39,7 @@
     ]
   },
   "rules": {
+    "no-nested-ternary": "off",
     "no-console": "off",
     "no-continue": "off",
     "no-restricted-syntax": "off",
diff --git a/package.json b/package.json
index b2b104c..de7613d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "alger-music",
-  "version": "2.1.0",
+  "version": "2.4.0",
   "description": "这是一个用于音乐播放的应用程序。",
   "author": "Alger <algerkc@qq.com>",
   "main": "app.js",
diff --git a/src/components/common/InstallAppModal.vue b/src/components/common/InstallAppModal.vue
index ff77f2c..c96a29e 100644
--- a/src/components/common/InstallAppModal.vue
+++ b/src/components/common/InstallAppModal.vue
@@ -6,7 +6,7 @@
           <img src="@/assets/logo.png" alt="App Icon" />
         </div>
         <div class="app-info">
-          <h2 class="app-name">Alger Music</h2>
+          <h2 class="app-name">Alger Music Player {{ config.version }}</h2>
           <p class="app-desc mb-2">在桌面安装应用，获得更好的体验</p>
           <n-checkbox v-model:checked="noPrompt">不再提示</n-checkbox>
         </div>
@@ -22,6 +22,8 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 
+import config from '@/../package.json';
+
 const showModal = ref(false);
 const isElectron = ref((window as any).electron !== undefined);
 const noPrompt = ref(false);
@@ -33,29 +35,6 @@ const closeModal = () => {
   }
 };
 
-const handleInstall = async () => {
-  // 新页面打开
-  // 识别当前环境是 mac 还是 windows
-  // const os = navigator.platform;
-  // const isMac = os.includes('Mac');
-  // const isWindows = os.includes('Win');
-  // const urls = {
-  //   mac: 'http://file.alger.fun/d/ali/%E8%BD%AF%E4%BB%B6/AlgerMusic/AlgerMusic.dmg',
-  //   windows: 'http://file.alger.fun/d/ali/%E8%BD%AF%E4%BB%B6/AlgerMusic/AlgerMusic.exe',
-  // };
-  // // 根据操作系统选择下载链接
-  // let downloadUrl = '';
-  // if (isMac) {
-  //   downloadUrl = urls.mac;
-  // } else if (isWindows) {
-  //   downloadUrl = urls.windows;
-  // }
-  const downloadUrl = 'https://github.com/algerkong/AlgerMusicPlayer/releases';
-  if (downloadUrl) {
-    window.open(downloadUrl, '_blank');
-  }
-};
-
 onMounted(() => {
   // 如果是 electron 环境，不显示安装提示
   if (isElectron.value) {
@@ -69,6 +48,29 @@ onMounted(() => {
   }
   showModal.value = true;
 });
+
+const handleInstall = async (): Promise<void> => {
+  const { userAgent } = navigator;
+  console.log('userAgent', userAgent);
+  const isMac: boolean = userAgent.includes('Mac');
+  const isWindows: boolean = userAgent.includes('Win');
+  const isARM: boolean = userAgent.includes('ARM') || userAgent.includes('arm') || userAgent.includes('OS X');
+  const isX64: boolean = userAgent.includes('x86_64') || userAgent.includes('Win64') || userAgent.includes('WOW64');
+  const isX86: boolean =
+    !isX64 && (userAgent.includes('i686') || userAgent.includes('i386') || userAgent.includes('Win32'));
+
+  const getDownloadUrl = (os: string, arch: string): string => {
+    const version = config.version as string;
+    return `https://github.com/algerkong/AlgerMusicPlayer/releases/download/${version}/AlgerMusic_${version}_${arch}.${os === 'mac' ? 'dmg' : 'exe'}`;
+  };
+
+  const osType: string | null = isMac ? 'mac' : isWindows ? 'windows' : null;
+  const archType: string | null = isARM ? 'arm64' : isX64 ? 'x64' : isX86 ? 'x86' : null;
+
+  const downloadUrl: string | null = osType && archType ? getDownloadUrl(osType, archType) : null;
+
+  window.open(downloadUrl || 'https://github.com/algerkong/AlgerMusicPlayer/releases', '_blank');
+};
 </script>
 
 <style lang="scss" scoped>