🚨 chore: fix circular

Author: arvinxx

src/services/global.ts

@@ -1,6 +1,4 @@
 import { dataSync } from '@/database/core';
-import { createHeaderWithAuth } from '@/services/_auth';
-import { ChatModelCard } from '@/types/llm';
 import { GlobalServerConfig } from '@/types/serverConfig';
 import { StartDataSyncParams } from '@/types/sync';
 
@@ -37,21 +35,6 @@ class GlobalService {
 
     return false;
   };
-
-  getChatModels = async (provider: string): Promise<ChatModelCard[] | undefined> => {
-    const headers = await createHeaderWithAuth({
-      headers: { 'Content-Type': 'application/json' },
-      provider,
-    });
-
-    try {
-      const res = await fetch(API_ENDPOINTS.chatModels(provider), { headers });
-
-      return res.json();
-    } catch {
-      return;
-    }
-  };
 }
 
 export const globalService = new GlobalService();

src/services/models.ts

@@ -0,0 +1,23 @@
+import { createHeaderWithAuth } from '@/services/_auth';
+import { ChatModelCard } from '@/types/llm';
+
+import { API_ENDPOINTS } from './_url';
+
+class ModelsService {
+  getChatModels = async (provider: string): Promise<ChatModelCard[] | undefined> => {
+    const headers = await createHeaderWithAuth({
+      headers: { 'Content-Type': 'application/json' },
+      provider,
+    });
+
+    try {
+      const res = await fetch(API_ENDPOINTS.chatModels(provider), { headers });
+
+      return res.json();
+    } catch {
+      return;
+    }
+  };
+}
+
+export const modelsService = new ModelsService();

src/store/global/slices/settings/actions/llm.ts

@@ -1,7 +1,6 @@
 import useSWR, { SWRResponse } from 'swr';
 import type { StateCreator } from 'zustand/vanilla';
 
-import { globalService } from '@/services/global';
 import { GlobalStore } from '@/store/global';
 import { ChatModelCard } from '@/types/llm';
 import { GlobalLLMConfig, GlobalLLMProviderKey } from '@/types/settings';
@@ -68,7 +67,11 @@ export const llmSettingsSlice: StateCreator<
   useFetchProviderModelList: (provider, enabledAutoFetch) =>
     useSWR<ChatModelCard[] | undefined>(
       [provider, enabledAutoFetch],
-      ([p]) => globalService.getChatModels(p),
+      async ([p]) => {
+        const { modelsService } = await import('@/services/models');
+
+        return modelsService.getChatModels(p);
+      },
       {
         onSuccess: async (data) => {
           if (data) {