From a3f18bb593a8b3b1da9927582eb9f6fb5ef18e24 Mon Sep 17 00:00:00 2001
From: Elysia <a.elysia@proton.me>
Date: Sat, 14 Feb 2026 23:22:41 +0800
Subject: [PATCH] feat(app): add download count display

---
 electron/main/index.ts            |  4 ++--
 src/components/AppDetailModal.vue | 29 ++++++++++++++++++++++++++++-
 src/global/storeConfig.ts         |  2 +-
 src/modules/processInstall.ts     |  4 ++--
 4 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/electron/main/index.ts b/electron/main/index.ts
index 82be9541..7482118d 100644
--- a/electron/main/index.ts
+++ b/electron/main/index.ts
@@ -6,7 +6,7 @@ import {
   shell,
   Tray,
   nativeTheme,
-  session
+  session,
 } from "electron";
 import { fileURLToPath } from "node:url";
 import path from "node:path";
@@ -62,7 +62,7 @@ if (!app.requestSingleInstanceLock()) {
 let win: BrowserWindow | null = null;
 const preload = path.join(__dirname, "../preload/index.mjs");
 const indexHtml = path.join(RENDERER_DIST, "index.html");
-const userAgent = `APM-Store/${JSON.stringify(process.env.npm_package_version)}`
+const userAgent = `APM-Store/${JSON.stringify(process.env.npm_package_version)}`;
 
 async function createWindow() {
   win = new BrowserWindow({
diff --git a/src/components/AppDetailModal.vue b/src/components/AppDetailModal.vue
index 0d92c8ba..93f8161d 100644
--- a/src/components/AppDetailModal.vue
+++ b/src/components/AppDetailModal.vue
@@ -37,6 +37,7 @@
               </div>
               <p class="text-sm text-slate-500 dark:text-slate-400">
                 {{ app?.pkgname || "" }} · {{ app?.version || "" }}
+                <span v-if="downloadCount"> · 下载量：{{ downloadCount }}</span>
               </p>
             </div>
           </div>
@@ -199,7 +200,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, useAttrs } from "vue";
+import { computed, useAttrs, ref, watch } from "vue";
+import axios from "axios";
 import {
   useDownloadItemStatus,
   useInstallFeedback,
@@ -255,6 +257,31 @@ const iconPath = computed(() => {
   return `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${props.app.category}/${props.app.pkgname}/icon.png`;
 });
 
+const downloadCount = ref<string>("");
+
+// 监听 app 变化，获取新app的下载量
+watch(
+  () => props.app,
+  async (newApp) => {
+    if (newApp) {
+      downloadCount.value = "";
+      try {
+        const url = `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${newApp.category}/${newApp.pkgname}/download-times.txt`;
+        const resp = await axios.get(url, { responseType: "text" });
+        if (resp.status === 200) {
+          downloadCount.value = String(resp.data).trim();
+        } else {
+          downloadCount.value = "N/A";
+          throw new Error(`Unexpected response status: ${resp.status}`);
+        }
+      } catch (e) {
+        console.error("Failed to fetch download count", e);
+      }
+    }
+  },
+  { immediate: true },
+);
+
 const closeModal = () => {
   emit("close");
 };
diff --git a/src/global/storeConfig.ts b/src/global/storeConfig.ts
index 04888608..e428e61f 100644
--- a/src/global/storeConfig.ts
+++ b/src/global/storeConfig.ts
@@ -4,7 +4,7 @@ import type { App } from "./typedefinition";
 export const APM_STORE_BASE_URL: string =
   import.meta.env.VITE_APM_STORE_BASE_URL || "";
 
-export const APM_STORE_STATS_BASE_URL: string = 
+export const APM_STORE_STATS_BASE_URL: string =
   import.meta.env.VITE_APM_STORE_STATS_BASE_URL || "";
 
 // 下面的变量用于存储当前应用的信息，其实用在多个组件中
diff --git a/src/modules/processInstall.ts b/src/modules/processInstall.ts
index 25a80e34..881673ef 100644
--- a/src/modules/processInstall.ts
+++ b/src/modules/processInstall.ts
@@ -74,7 +74,7 @@ export const handleInstall = () => {
         headers: {
           "Content-Type": "application/json",
         },
-      }
+      },
     )
     .then((response) => {
       logger.info("下载次数统计已发送，状态:", response.data);
@@ -146,7 +146,7 @@ window.ipcRenderer.on(
     if (downloadObj) {
       downloadObj.progress = payload.progress;
     }
-  }
+  },
 );
 
 window.ipcRenderer.on("install-log", (_event, log: InstallLog) => {