From a8ad665f1da0e1999ba53d89a89280ca98cbf06b Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Wed, 7 Oct 2026 16:24:23 +0100
Subject: [PATCH] refactor: move out api client from app shell

---
 apps/app-frontend/src/App.vue                 | 34 ++---------------
 .../src/platform/modrinth-client.ts           | 38 +++++++++++++++++++
 2 files changed, 41 insertions(+), 31 deletions(-)
 create mode 100644 apps/app-frontend/src/platform/modrinth-client.ts

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 54e2cfebe3..37484e56b6 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -1,13 +1,5 @@
 <script setup>
-import {
-	AuthFeature,
-	ModrinthApiError,
-	NodeAuthFeature,
-	nodeAuthState,
-	PanelVersionFeature,
-	TauriModrinthClient,
-	VerboseLoggingFeature,
-} from '@modrinth/api-client'
+import { ModrinthApiError } from '@modrinth/api-client'
 import {
 	ArrowBigUpDashIcon,
 	ArrowLeftRightIcon,
@@ -172,6 +164,7 @@ import {
 	instanceListQueryOptions,
 	screenshotKeys,
 } from '@/pages/instance/query-options'
+import { createAppClient } from '@/platform/modrinth-client'
 import {
 	appUpdateState,
 	downloadAvailableAppUpdate,
@@ -315,28 +308,7 @@ const { addPopupNotification } = popupNotificationManager
 let adsConsentPopupId = null
 useAppEvent('ads_consent_required', handleAdsConsentRequired, appEvents)
 
-const appVersion = getVersion()
-const tauriApiClient = new TauriModrinthClient({
-	userAgent: async () => `modrinth/theseus/${await appVersion} (support@modrinth.com)`,
-	labrinthBaseUrl: config.labrinthBaseUrl,
-	archonBaseUrl: config.archonBaseUrl,
-	sharedInstancesBaseUrl: config.sharedInstancesBaseUrl,
-	features: [
-		new NodeAuthFeature({
-			getAuth: () => nodeAuthState.getAuth?.() ?? null,
-			refreshAuth: async () => {
-				if (nodeAuthState.refreshAuth) {
-					await nodeAuthState.refreshAuth()
-				}
-			},
-		}),
-		new AuthFeature({
-			token: async () => (await getCreds())?.session,
-		}),
-		new PanelVersionFeature(),
-		new VerboseLoggingFeature(),
-	],
-})
+const tauriApiClient = createAppClient()
 provideModrinthClient(tauriApiClient)
 const { data: authenticatedModrinthUser } = useQuery({
 	queryKey: computed(() => ['authenticated-user', 'campaigns', credentials.value?.user?.id]),
diff --git a/apps/app-frontend/src/platform/modrinth-client.ts b/apps/app-frontend/src/platform/modrinth-client.ts
new file mode 100644
index 0000000000..cd61e1a73b
--- /dev/null
+++ b/apps/app-frontend/src/platform/modrinth-client.ts
@@ -0,0 +1,38 @@
+import {
+	AuthFeature,
+	NodeAuthFeature,
+	nodeAuthState,
+	PanelVersionFeature,
+	TauriModrinthClient,
+	VerboseLoggingFeature,
+} from '@modrinth/api-client'
+import { getVersion } from '@tauri-apps/api/app'
+
+import { config } from '@/config'
+import { get as getCreds } from '@/helpers/mr_auth'
+
+export function createAppClient(): TauriModrinthClient {
+	const appVersion = getVersion()
+
+	return new TauriModrinthClient({
+		userAgent: async () => `modrinth/theseus/${await appVersion} (support@modrinth.com)`,
+		labrinthBaseUrl: config.labrinthBaseUrl,
+		archonBaseUrl: config.archonBaseUrl,
+		sharedInstancesBaseUrl: config.sharedInstancesBaseUrl,
+		features: [
+			new NodeAuthFeature({
+				getAuth: () => nodeAuthState.getAuth?.() ?? null,
+				refreshAuth: async () => {
+					if (nodeAuthState.refreshAuth) {
+						await nodeAuthState.refreshAuth()
+					}
+				},
+			}),
+			new AuthFeature({
+				token: async () => (await getCreds())?.session,
+			}),
+			new PanelVersionFeature(),
+			new VerboseLoggingFeature(),
+		],
+	})
+}