refactor: use @xsai/model instead of openai (#1)

packages/stage/package.json

@@ -39,11 +39,11 @@
     "@unocss/reset": "^0.65.0",
     "@vueuse/core": "^12.0.0",
     "@vueuse/head": "^2.0.0",
-    "@xsai/shared-chat-completion": "^0.0.14",
-    "@xsai/stream-text": "^0.0.14",
+    "@xsai/model": "^0.0.16",
+    "@xsai/shared-chat-completion": "^0.0.16",
+    "@xsai/stream-text": "^0.0.16",
     "nprogress": "^0.2.0",
     "ofetch": "^1.4.1",
-    "openai": "^4.75.0",
     "pinia": "^2.2.8",
     "pixi-live2d-display": "^0.4.0",
     "rehype-stringify": "^10.0.1",

packages/stage/src/components/MainStage.vue

@@ -253,16 +253,14 @@ watch([openAiApiBaseURL, openAiApiKey], async ([baseUrl, apiKey]) => {
     return
   }
 
-  const fetchedModels = await models(baseUrl, apiKey)
-  supportedModels.value = fetchedModels.data
+  supportedModels.value = await models(baseUrl, apiKey)
 })
 
 onMounted(async () => {
   if (!openAiApiBaseURL.value || !openAiApiKey.value)
     return
 
-  const fetchedModels = await models(openAiApiBaseURL.value, openAiApiKey.value)
-  supportedModels.value = fetchedModels.data
+  supportedModels.value = await models(openAiApiBaseURL.value, openAiApiKey.value)
 })
 
 onUnmounted(() => {

packages/stage/src/stores/llm.ts

@@ -1,14 +1,14 @@
 import type { GenerateAudioStream } from '@airi-proj/elevenlabs/types'
 import type { Message } from '@xsai/shared-chat-completion'
+import { listModels } from '@xsai/model'
 import { streamText } from '@xsai/stream-text'
 import { ofetch } from 'ofetch'
-import { OpenAI } from 'openai'
 import { defineStore } from 'pinia'
 
 export const useLLM = defineStore('llm', () => {
   async function stream(apiUrl: string, apiKey: string, model: string, messages: Message[]) {
     return await streamText({
-      url: `${apiUrl}/chat/completions`,
+      baseURL: (apiUrl.endsWith('/') ? apiUrl : `${apiUrl}/`) as `${string}/`,
       apiKey,
       model,
       messages,
@@ -27,13 +27,10 @@ export const useLLM = defineStore('llm', () => {
     }
 
     try {
-      const openai = new OpenAI({
+      return await listModels({
+        baseURL: (apiUrl.endsWith('/') ? apiUrl : `${apiUrl}/`) as `${string}/`,
         apiKey,
-        baseURL: apiUrl,
-        dangerouslyAllowBrowser: true,
       })
-
-      return await openai.models.list()
     }
     catch (err) {
       if (String(err).includes(`Failed to construct 'URL': Invalid URL`)) {