From 5b09dfb3d985a0fd6dcd222e33312f957c330cd5 Mon Sep 17 00:00:00 2001
From: Elysia <a.elysia@proton.me>
Date: Sat, 31 Jan 2026 10:26:52 +0800
Subject: [PATCH] feat(preload): expose architecture detection to renderer
 process

add multiarch support
---
 electron/preload/index.ts         | 11 +++++++++++
 package.json                      |  2 +-
 src/App.vue                       |  8 ++++----
 src/components/AppCard.vue        |  4 ++--
 src/components/AppDetailModal.vue |  4 ++--
 src/components/AppSidebar.vue     |  2 +-
 src/global/storeConfig.ts         |  1 -
 src/modeuls/processInstall.ts     |  6 +++---
 8 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/electron/preload/index.ts b/electron/preload/index.ts
index 53b585fa..1bc7e0cf 100644
--- a/electron/preload/index.ts
+++ b/electron/preload/index.ts
@@ -23,6 +23,17 @@ contextBridge.exposeInMainWorld('ipcRenderer', {
   // ...
 })
 
+contextBridge.exposeInMainWorld('apm_store', {
+  arch: (() => {
+    const arch = process.arch;
+    if (arch === 'x64') {
+      return 'amd64' + '-apm';
+    } else {
+      return arch + '-apm';
+    }
+  })()
+});
+
 // --------- Preload scripts loading ---------
 function domReady(condition: DocumentReadyState[] = ['complete', 'interactive']) {
   return new Promise((resolve) => {
diff --git a/package.json b/package.json
index 4e354b63..c497b8df 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "apm-app-store",
-  "version": "1.0.3-beta.0",
+  "version": "1.0.3-beta.1",
   "main": "dist-electron/main/index.js",
   "description": "Client for APM App Store",
   "author": "elysia-best <elysia-best@simplelinux.cn.eu.org>",
diff --git a/src/App.vue b/src/App.vue
index 4f8bf1a1..0f7171f0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -56,7 +56,7 @@ import DownloadDetail from './components/DownloadDetail.vue';
 import InstalledAppsModal from './components/InstalledAppsModal.vue';
 import UpdateAppsModal from './components/UpdateAppsModal.vue';
 import UninstallConfirmModal from './components/UninstallConfirmModal.vue';
-import { APM_STORE_ARCHITECTURE, APM_STORE_BASE_URL, currentApp, currentAppIsInstalled } from './global/storeConfig';
+import { APM_STORE_BASE_URL, currentApp, currentAppIsInstalled } from './global/storeConfig';
 import { downloads } from './global/downloadStatus';
 import { handleInstall, handleRetry, handleUpgrade } from './modeuls/processInstall';
 
@@ -173,7 +173,7 @@ const checkAppInstalled = (app) => {
 const loadScreenshots = (app) => {
   screenshots.value = [];
   for (let i = 1; i <= 5; i++) {
-    const screenshotUrl = `${APM_STORE_BASE_URL}/${APM_STORE_ARCHITECTURE}/${app._category}/${app.Pkgname}/screen_${i}.png`;
+    const screenshotUrl = `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${app._category}/${app.Pkgname}/screen_${i}.png`;
     const img = new Image();
     img.src = screenshotUrl;
     img.onload = () => {
@@ -480,7 +480,7 @@ const openDownloadedApp = (download) => {
 
 const loadCategories = async () => {
   try {
-    const response = await axiosInstance.get(`/${APM_STORE_ARCHITECTURE}/categories.json`);
+    const response = await axiosInstance.get(`/${window.apm_store.arch}/categories.json`);
     categories.value = response.data;
   } catch (error) {
     logger.error('读取 categories.json 失败', error);
@@ -493,7 +493,7 @@ const loadApps = async () => {
     logger.info('开始加载应用数据...');
     const promises = Object.keys(categories.value).map(async category => {
       try {
-        const response = await axiosInstance.get(`/${APM_STORE_ARCHITECTURE}/${category}/applist.json`);
+        const response = await axiosInstance.get(`/${window.apm_store.arch}/${category}/applist.json`);
         return response.status === 200 ? response.data : [];
       } catch {
         return [];
diff --git a/src/components/AppCard.vue b/src/components/AppCard.vue
index fd0ab266..e7186956 100644
--- a/src/components/AppCard.vue
+++ b/src/components/AppCard.vue
@@ -16,7 +16,7 @@
 
 <script setup>
 import { computed, defineProps, defineEmits, onMounted, onBeforeUnmount, ref, watch } from 'vue';
-import { APM_STORE_ARCHITECTURE, APM_STORE_BASE_URL } from '../global/storeConfig';
+import { APM_STORE_BASE_URL } from '../global/storeConfig';
 
 const props = defineProps({
   app: {
@@ -32,7 +32,7 @@ const isLoaded = ref(false);
 const loadedIcon = ref('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Crect fill="%23f0f0f0" width="100" height="100"/%3E%3C/svg%3E');
 
 const iconPath = computed(() => {
-  return `${APM_STORE_BASE_URL}/${APM_STORE_ARCHITECTURE}/${props.app._category}/${props.app.Pkgname}/icon.png`;
+  return `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${props.app._category}/${props.app.Pkgname}/icon.png`;
 });
 
 const description = computed(() => {
diff --git a/src/components/AppDetailModal.vue b/src/components/AppDetailModal.vue
index 6f0973b7..fdc654cd 100644
--- a/src/components/AppDetailModal.vue
+++ b/src/components/AppDetailModal.vue
@@ -102,7 +102,7 @@
 
 <script setup>
 import { computed, defineProps, defineEmits, useAttrs, ref } from 'vue';
-import { APM_STORE_ARCHITECTURE, APM_STORE_BASE_URL } from '../global/storeConfig';
+import { APM_STORE_BASE_URL } from '../global/storeConfig';
 
 defineOptions({ inheritAttrs: false });
 
@@ -130,7 +130,7 @@ const props = defineProps({
 const emit = defineEmits(['close', 'install', 'remove', 'open-preview']);
 
 const iconPath = computed(() => {
-  return props.app ? `${APM_STORE_BASE_URL}/${APM_STORE_ARCHITECTURE}/${props.app._category}/${props.app.Pkgname}/icon.png` : '';
+  return props.app ? `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${props.app._category}/${props.app.Pkgname}/icon.png` : '';
 });
 
 const closeModal = () => {
diff --git a/src/components/AppSidebar.vue b/src/components/AppSidebar.vue
index 7a686d80..5f21e285 100644
--- a/src/components/AppSidebar.vue
+++ b/src/components/AppSidebar.vue
@@ -4,7 +4,7 @@
       <img :src="amberLogo" alt="Amber PM" class="h-11 w-11 rounded-2xl bg-white/70 p-2 shadow-sm ring-1 ring-slate-900/5 dark:bg-slate-800" />
       <div class="flex flex-col">
         <span class="text-xs uppercase tracking-[0.3em] text-slate-500 dark:text-slate-400">APM Store</span>
-        <span class="text-lg font-semibold text-slate-900 dark:text-white">APM x86 客户端商店</span>
+        <span class="text-lg font-semibold text-slate-900 dark:text-white">APM 客户端商店</span>
       </div>
     </div>
 
diff --git a/src/global/storeConfig.ts b/src/global/storeConfig.ts
index 3eb386c9..a606e1b5 100644
--- a/src/global/storeConfig.ts
+++ b/src/global/storeConfig.ts
@@ -1,7 +1,6 @@
 import { ref } from "vue";
 
 export const APM_STORE_BASE_URL=import.meta.env.VITE_APM_STORE_BASE_URL;
-export const APM_STORE_ARCHITECTURE='amd64-apm';
 
 // 下面的变量用于存储当前应用的信息，其实用在多个组件中
 export const currentApp = ref<any>(null);
diff --git a/src/modeuls/processInstall.ts b/src/modeuls/processInstall.ts
index 46481b23..55ba7ba3 100644
--- a/src/modeuls/processInstall.ts
+++ b/src/modeuls/processInstall.ts
@@ -3,7 +3,7 @@
 // })
 
 import { currentApp, currentAppIsInstalled } from "../global/storeConfig";
-import { APM_STORE_BASE_URL, APM_STORE_ARCHITECTURE } from "../global/storeConfig";
+import { APM_STORE_BASE_URL } from "../global/storeConfig";
 import { downloads } from "../global/downloadStatus";
 
 import { InstallLog, DownloadItem, DownloadResult } from '../global/typedefinition';
@@ -20,7 +20,7 @@ export const handleInstall = () => {
     name: currentApp.value.Name,
     pkgname: currentApp.value.Pkgname,
     version: currentApp.value.Version,
-    icon: `${APM_STORE_BASE_URL}/${APM_STORE_ARCHITECTURE}/${currentApp.value._category}/${currentApp.value.Pkgname}/icon.png`,
+    icon: `${APM_STORE_BASE_URL}/${APM_STORE_ARCHITECTURE()}/${currentApp.value._category}/${currentApp.value.Pkgname}/icon.png`,
     status: 'queued',
     progress: 0,
     downloadedSize: 0,
@@ -62,7 +62,7 @@ export const handleUpgrade = (pkg: any) => {
     name: pkg.Name,
     pkgname: pkg.Pkgname,
     version: pkg.Version,
-    icon: `${APM_STORE_BASE_URL}/${APM_STORE_ARCHITECTURE}/${pkg._category}/${pkg.Pkgname}/icon.png`,
+    icon: `${APM_STORE_BASE_URL}/${window.apm_store.arch}/${pkg._category}/${pkg.Pkgname}/icon.png`,
     status: 'queued',
     progress: 0,
     downloadedSize: 0,