nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions 1 Packages Projects Releases Wiki Activity

feat(stage-*): detailed error messages for Ollama & many providers

Browse Source
This commit is contained in:
Neko Ayaka
2025-08-20 21:47:50 +08:00
parent 2ab96a2a44
commit 0673509659
5 changed files with 570 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/stage-tamagotchi/src/pages/settings/providers/ollama.vue
+66 -21
View File
@@ -2,6 +2,7 @@
import type { RemovableRef } from '@vueuse/core'
import {
Alert,
ProviderAdvancedSettings,
ProviderBaseUrlInput,
ProviderBasicSettings,
@@ -24,6 +25,8 @@ const { providers } = storeToRefs(providersStore) as { providers: RemovableRef<R
const providerId = 'ollama'
const providerMetadata = computed(() => providersStore.getProviderMetadata(providerId))
const validationMessage = ref('')
const baseUrl = computed({
get: () => providers.value[providerId]?.baseUrl || providerMetadata.value?.defaultOptions?.().baseUrl || '',
set: (value) => {
@@ -34,27 +37,7 @@ const baseUrl = computed({
},
})
onMounted(() => {
providersStore.initializeProvider(providerId)
// Initialize refs with current values
baseUrl.value = providers.value[providerId]?.baseUrl || providerMetadata.value?.defaultOptions?.().baseUrl || ''
// Initialize headers if not already set
if (!providers.value[providerId]?.headers) {
providers.value[providerId].headers = {}
}
})
function handleResetSettings() {
providers.value[providerId] = {
...(providerMetadata.value?.defaultOptions as any),
}
}
const headers = ref<{ key: string, value: string }[]>([
{ key: '', value: '' },
])
const headers = ref<{ key: string, value: string }[]>(Object.entries(providers.value[providerId]?.headers).map(([key, value]) => ({ key, value } as { key: string, value: string })) || [{ key: '', value: '' }])
function addKeyValue(headers: { key: string, value: string }[], key: string, value: string) {
if (!headers)
@@ -80,13 +63,75 @@ watch(headers, (headers) => {
if (headers.length > 0 && (headers[headers.length - 1].key !== '' || headers[headers.length - 1].value !== '')) {
headers.push({ key: '', value: '' })
}
providers.value[providerId].headers = headers.filter(header => header.key !== '').reduce((acc, header) => {
acc[header.key] = header.value
return acc
}, {} as Record<string, string>)
}, {
deep: true,
immediate: true,
})
async function refetch() {
try {
const validationResult = await providerMetadata.value.validators.validateProviderConfig({
baseUrl: baseUrl.value,
headers: headers.value.filter(header => header.key !== '').reduce((acc, header) => {
acc[header.key] = header.value
return acc
}, {} as Record<string, string>),
})
if (!validationResult.valid) {
validationMessage.value = t('settings.dialogs.onboarding.validationError', {
error: validationResult.reason,
})
}
}
catch (error) {
validationMessage.value = t('settings.dialogs.onboarding.validationError', {
error: error instanceof Error ? error.message : String(error),
})
}
}
watch([baseUrl, headers], refetch, { immediate: true })
watch(headers, refetch, { deep: true })
onMounted(() => {
providersStore.initializeProvider(providerId)
// Initialize refs with current values
baseUrl.value = providers.value[providerId]?.baseUrl || providerMetadata.value?.defaultOptions?.().baseUrl || ''
// Initialize headers if not already set
if (!providers.value[providerId]?.headers) {
providers.value[providerId].headers = {}
}
if (headers.value.length === 0) {
headers.value = [{ key: '', value: '' }]
}
})
function handleResetSettings() {
providers.value[providerId] = {
...(providerMetadata.value?.defaultOptions as any),
}
}
</script>
<template>
<Alert v-if="validationMessage" type="error">
<template #title>
{{ t('settings.dialogs.onboarding.validationFailed') }}
</template>
<template v-if="validationMessage" #content>
<div class="whitespace-pre-wrap break-all">
{{ validationMessage }}
</div>
</template>
</Alert>
<ProviderSettingsLayout
:provider-name="providerMetadata?.localizedName"
:provider-icon="providerMetadata?.icon"
apps/stage-web/src/pages/settings/providers/ollama.vue
+66 -21
View File
@@ -2,6 +2,7 @@
import type { RemovableRef } from '@vueuse/core'
import {
Alert,
ProviderAdvancedSettings,
ProviderBaseUrlInput,
ProviderBasicSettings,
@@ -24,6 +25,8 @@ const { providers } = storeToRefs(providersStore) as { providers: RemovableRef<R
const providerId = 'ollama'
const providerMetadata = computed(() => providersStore.getProviderMetadata(providerId))
const validationMessage = ref('')
const baseUrl = computed({
get: () => providers.value[providerId]?.baseUrl || providerMetadata.value?.defaultOptions?.().baseUrl || '',
set: (value) => {
@@ -34,27 +37,7 @@ const baseUrl = computed({
},
})
onMounted(() => {
providersStore.initializeProvider(providerId)
// Initialize refs with current values
baseUrl.value = providers.value[providerId]?.baseUrl || providerMetadata.value?.defaultOptions?.().baseUrl || ''
// Initialize headers if not already set
if (!providers.value[providerId]?.headers) {
providers.value[providerId].headers = {}
}
})
function handleResetSettings() {
providers.value[providerId] = {
...(providerMetadata.value?.defaultOptions as any),
}
}
const headers = ref<{ key: string, value: string }[]>([
{ key: '', value: '' },
])
const headers = ref<{ key: string, value: string }[]>(Object.entries(providers.value[providerId]?.headers).map(([key, value]) => ({ key, value } as { key: string, value: string })) || [{ key: '', value: '' }])
function addKeyValue(headers: { key: string, value: string }[], key: string, value: string) {
if (!headers)
@@ -80,13 +63,75 @@ watch(headers, (headers) => {
if (headers.length > 0 && (headers[headers.length - 1].key !== '' || headers[headers.length - 1].value !== '')) {
headers.push({ key: '', value: '' })
}
providers.value[providerId].headers = headers.filter(header => header.key !== '').reduce((acc, header) => {
acc[header.key] = header.value
return acc
}, {} as Record<string, string>)
}, {
deep: true,
immediate: true,
})
async function refetch() {
try {
const validationResult = await providerMetadata.value.validators.validateProviderConfig({
baseUrl: baseUrl.value,
headers: headers.value.filter(header => header.key !== '').reduce((acc, header) => {
acc[header.key] = header.value
return acc
}, {} as Record<string, string>),
})
if (!validationResult.valid) {
validationMessage.value = t('settings.dialogs.onboarding.validationError', {
error: validationResult.reason,
})
}
}
catch (error) {
validationMessage.value = t('settings.dialogs.onboarding.validationError', {
error: error instanceof Error ? error.message : String(error),
})
}
}
watch([baseUrl, headers], refetch, { immediate: true })
watch(headers, refetch, { deep: true })
onMounted(() => {
providersStore.initializeProvider(providerId)
// Initialize refs with current values
baseUrl.value = providers.value[providerId]?.baseUrl || providerMetadata.value?.defaultOptions?.().baseUrl || ''
// Initialize headers if not already set
if (!providers.value[providerId]?.headers) {
providers.value[providerId].headers = {}
}
if (headers.value.length === 0) {
headers.value = [{ key: '', value: '' }]
}
})
function handleResetSettings() {
providers.value[providerId] = {
...(providerMetadata.value?.defaultOptions as any),
}
}
</script>
<template>
<Alert v-if="validationMessage" type="error">
<template #title>
{{ t('settings.dialogs.onboarding.validationFailed') }}
</template>
<template v-if="validationMessage" #content>
<div class="whitespace-pre-wrap break-all">
{{ validationMessage }}
</div>
</template>
</Alert>
<ProviderSettingsLayout
:provider-name="providerMetadata?.localizedName"
:provider-icon="providerMetadata?.icon"
packages/stage-ui/src/components/Misc/ErrorContainer.vue
+1 -1
View File
@@ -12,7 +12,7 @@ defineProps<{
<template #title>
{{ title }}
</template>
<template #content>
<template v-if="error" #content>
<pre class="whitespace-pre-wrap break-all">{{ String(error) }}</pre>
</template>
</Alert>
packages/stage-ui/src/components/Scenarios/Dialogs/Onboarding/Onboarding.vue
+24 -27
View File
@@ -1,5 +1,4 @@
<script setup lang="ts">
import { useConsciousnessStore, useProvidersStore } from '@proj-airi/stage-ui/stores'
import { FieldInput } from '@proj-airi/ui'
import { useDebounceFn } from '@vueuse/core'
import { storeToRefs } from 'pinia'
@@ -7,7 +6,9 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import onboardingLogo from '../../../../assets/onboarding.avif'
import Alert from '../../../Misc/Alert.vue'
import { useConsciousnessStore, useProvidersStore } from '../../../../stores'
import { Callout } from '../../../Layouts'
import { RadioCardDetail, RadioCardManySelect } from '../../../Menu'
import { Button } from '../../../Misc'
@@ -149,13 +150,15 @@ async function validateConfiguration() {
// Validate using provider's validator
const metadata = providersStore.getProviderMetadata(selectedProvider.value.id)
isValid.value = await metadata.validators.validateProviderConfig(config)
const validationResult = await metadata.validators.validateProviderConfig(config)
isValid.value = validationResult.valid
if (isValid.value) {
validationMessage.value = t('settings.dialogs.onboarding.validationSuccess')
}
else {
validationMessage.value = t('settings.dialogs.onboarding.validationFailed')
validationMessage.value = validationResult.reason
}
}
catch (error) {
@@ -228,7 +231,13 @@ async function handleFinishProviderConfiguration() {
activeProvider.value = selectedProvider.value.id
await nextTick()
await consciousnessStore.loadModelsForProvider(selectedProvider.value.id)
try {
await consciousnessStore.loadModelsForProvider(selectedProvider.value.id)
}
catch (err) {
console.error('error', err)
}
handleNextStep()
}
@@ -341,7 +350,7 @@ onMounted(() => {
</h2>
<div h-5 w-5 />
</div>
<div v-if="selectedProvider" flex-1 overflow-y-auto>
<div v-if="selectedProvider" flex-1 overflow-y-auto space-y-4>
<Callout label="Keep your API keys and credentials safe!" theme="violet">
<div>
<div>
@@ -385,28 +394,16 @@ onMounted(() => {
</div>
<!-- Validation Status -->
<div v-if="validationMessage" class="mt-4">
<div
class="flex items-center rounded-lg p-3" :class="[
isValidating
? 'bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300'
: isValid
? 'bg-green-50 text-green-700 dark:bg-green-900/30 dark:text-green-300'
: 'bg-red-50 text-red-700 dark:bg-red-900/30 dark:text-red-300',
]"
>
<div
class="mr-2 text-lg" :class="[
isValidating
? 'i-svg-spinners:3-dots-fade'
: isValid
? 'i-solar:check-circle-bold-duotone'
: 'i-solar:danger-circle-bold-duotone',
]"
/>
{{ validationMessage }}
</div>
</div>
<Alert v-if="validationMessage" type="error">
<template #title>
{{ t('settings.dialogs.onboarding.validationFailed') }}
</template>
<template v-if="validationMessage" #content>
<div class="whitespace-pre-wrap break-all">
{{ validationMessage }}
</div>
</template>
</Alert>
</div>
<!-- Action Buttons -->
packages/stage-ui/src/stores/providers.ts
+413 -64
View File
@@ -120,7 +120,15 @@ export interface ProviderMetadata {
loadModel?: (config: Record<string, unknown>, hooks?: { onProgress?: (progress: ProgressInfo) => Promise<void> | void }) => Promise<void>
}
validators: {
validateProviderConfig: (config: Record<string, unknown>) => Promise<boolean> | boolean
validateProviderConfig: (config: Record<string, unknown>) => Promise<{
errors: unknown[]
reason: string
valid: boolean
}> | {
errors: unknown[]
reason: string
valid: boolean
}
}
}
@@ -204,7 +212,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required'),
!config.baseUrl && new Error('Base URL is required'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -246,13 +263,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
if (!config.baseUrl)
return false
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. This is likely a bug, report to developers on https://github.com/moeru-ai/airi/issues.',
valid: false,
}
}
// Check if the Ollama server is reachable
return fetch(`${(config.baseUrl as string).trim()}models`)
.then(response => response.ok)
.catch(() => false)
return {
errors: [],
reason: '',
valid: true,
}
},
},
},
@@ -294,13 +317,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
if (!config.baseUrl)
return false
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. This is likely a bug, report to developers on https://github.com/moeru-ai/airi/issues.',
valid: false,
}
}
// Check if the Ollama server is reachable
return fetch(`${(config.baseUrl as string).trim()}models`)
.then(response => response.ok)
.catch(() => false)
return {
errors: [],
reason: '',
valid: true,
}
},
},
},
@@ -349,13 +378,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
if (!config.baseUrl)
return false
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. This is likely a bug, report to developers on https://github.com/moeru-ai/airi/issues.',
valid: false,
}
}
// Check if the Ollama server is reachable
return fetch(`${(config.baseUrl as string).trim()}models`)
.then(response => response.ok)
.catch(() => false)
return {
errors: [],
reason: '',
valid: true,
}
},
},
},
@@ -404,13 +439,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
if (!config.baseUrl)
return false
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. This is likely a bug, report to developers on https://github.com/moeru-ai/airi/issues.',
valid: false,
}
}
// Check if the Ollama server is reachable
return fetch(`${(config.baseUrl as string).trim()}models`)
.then(response => response.ok)
.catch(() => false)
return {
errors: [],
reason: '',
valid: true,
}
},
},
},
@@ -445,13 +486,34 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
if (!config.baseUrl)
return false
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. Default to http://localhost:11434/v1/ for Ollama.',
valid: false,
}
}
// Check if the Ollama server is reachable
return fetch(`${(config.baseUrl as string).trim()}models`)
.then(response => response.ok)
.catch(() => false)
return fetch(`${(config.baseUrl as string).trim()}models`, { headers: (config.headers as HeadersInit) || undefined })
.then((response) => {
const errors = [
!response.ok && new Error(`Ollama server returned non-ok status code: ${response.statusText}`),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: response.ok,
}
})
.catch((err) => {
return {
errors: [err],
reason: `Failed to reach Ollama server, error: ${String(err)} occurred.\n\nIf you are using Ollama locally, this is likely the CORS (Cross-Origin Resource Sharing) security issue, where you will need to set OLLAMA_ORIGINS=* or OLLAMA_ORIGINS=https://airi.moeru.ai,http://localhost environment variable before launching Ollama server to make this work.`,
valid: false,
}
})
},
},
},
@@ -486,7 +548,34 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.baseUrl
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. Default to http://localhost:11434/v1/ for Ollama.',
valid: false,
}
}
// Check if the Ollama server is reachable
return fetch(`${(config.baseUrl as string).trim()}models`, { headers: (config.headers as HeadersInit) || undefined })
.then((response) => {
const errors = [
!response.ok && new Error(`Ollama server returned non-ok status code: ${response.statusText}`),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: response.ok,
}
})
.catch((err) => {
return {
errors: [err],
reason: `Failed to reach Ollama server, error: ${String(err)} occurred.\n\nIf you are using Ollama locally, this is likely the CORS (Cross-Origin Resource Sharing) security issue, where you will need to set OLLAMA_ORIGINS=* or OLLAMA_ORIGINS=https://airi.moeru.ai,http://localhost environment variable before launching Ollama server to make this work.`,
valid: false,
}
})
},
},
},
@@ -550,7 +639,34 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.baseUrl
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. Default to http://localhost:8000/v1/ for vLLM.',
valid: false,
}
}
// Check if the vLLM is reachable
return fetch(`${(config.baseUrl as string).trim()}models`, { headers: (config.headers as HeadersInit) || undefined })
.then((response) => {
const errors = [
!response.ok && new Error(`vLLM returned non-ok status code: ${response.statusText}`),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: response.ok,
}
})
.catch((err) => {
return {
errors: [err],
reason: `Failed to reach vLLM, error: ${String(err)} occurred.`,
valid: false,
}
})
},
},
},
@@ -585,7 +701,15 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.baseUrl && new Error('Base URL is required. Default to https://api.openai.com/v1/ for official OpenAI API.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.baseUrl,
}
},
},
},
@@ -690,7 +814,15 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.baseUrl && new Error('Base URL is required. Default to https://api.openai.com/v1/ for official OpenAI API.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.baseUrl,
}
},
},
},
@@ -725,7 +857,15 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.baseUrl && new Error('Base URL is required. Default to https://api.openai.com/v1/ for official OpenAI API.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.baseUrl,
}
},
},
},
@@ -762,7 +902,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.resourceName && !!config.modelId
// return !!config.apiKey && !!config.resourceName && !!config.modelId
const errors = [
!config.apiKey && new Error('API key is required'),
!config.resourceName && new Error('Resource name is required'),
!config.modelId && new Error('Model ID is required'),
]
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.resourceName && !!config.modelId,
}
},
},
},
@@ -835,7 +987,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required. Default to https://api.anthropic.com/v1/ for official Claude API with OpenAI compatibility.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -870,7 +1031,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required. Default to https://generativelanguage.googleapis.com/v1beta/openai/ for official Google Gemini API with OpenAI compatibility.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -902,7 +1072,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -937,7 +1116,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1008,7 +1196,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1059,7 +1256,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1108,7 +1314,15 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.baseUrl
const errors = [
!config.baseUrl && new Error('Base URL is required. Default to http://localhost:11996/tts for Index-TTS.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.baseUrl,
}
},
},
},
@@ -1167,7 +1381,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1218,7 +1441,17 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl && !!config.app && !!(config.app as any).appId
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
!((config.app as any)?.appId) && new Error('App ID is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl && !!config.app && !!(config.app as any).appId,
}
},
},
},
@@ -1250,7 +1483,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1282,7 +1524,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1314,7 +1565,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1349,11 +1609,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
'cloudflare-workers-ai': {
id: 'cloudflare-workers-ai',
category: 'chat',
@@ -1371,7 +1639,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.accountId
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.accountId && new Error('Account ID is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.accountId,
}
},
},
},
@@ -1431,7 +1708,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1463,7 +1749,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1495,7 +1790,16 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config) => {
return !!config.apiKey && !!config.baseUrl
const errors = [
!config.apiKey && new Error('API key is required.'),
!config.baseUrl && new Error('Base URL is required.'),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: !!config.apiKey && !!config.baseUrl,
}
},
},
},
@@ -1525,15 +1829,39 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: async (config) => {
// Check if the Ollama server is reachable
return !!config.baseUrl && await fetch(`${(config.baseUrl as string).endsWith('/') ? (config.baseUrl as string).slice(0, -1) : config.baseUrl}/health`, {
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. Default to http://localhost:4315/v1/',
valid: false,
}
}
// Check if the local running Player 2 is reachable
return await fetch(`${(config.baseUrl as string).endsWith('/') ? (config.baseUrl as string).slice(0, -1) : config.baseUrl}/health`, {
method: 'GET',
headers: {
'player2-game-key': 'airi',
},
})
.then(response => response.ok)
.catch(() => false)
.then((response) => {
const errors = [
!response.ok && new Error(`Player 2 returned non-ok status code: ${response.statusText}`),
].filter(Boolean)
return {
errors,
reason: errors.filter(e => e).map(e => String(e)).join(', ') || '',
valid: response.ok,
}
})
.catch((err) => {
return {
errors: [err],
reason: `Failed to reach Player 2, error: ${String(err)} occurred. If you do not have Player 2 running, please start it and try again.`,
valid: false,
}
})
},
},
},
@@ -1606,7 +1934,19 @@ export const useProvidersStore = defineStore('providers', () => {
},
validators: {
validateProviderConfig: (config: any) => {
return !!config.baseUrl
if (!config.baseUrl) {
return {
errors: [new Error('Base URL is required.')],
reason: 'Base URL is required. Default to http://localhost:4315/v1/',
valid: false,
}
}
return {
errors: [],
reason: '',
valid: true,
}
},
},
},
@@ -1622,7 +1962,12 @@ export const useProvidersStore = defineStore('providers', () => {
if (!metadata)
return false
return await metadata.validators.validateProviderConfig(config)
const validationResult = await metadata.validators.validateProviderConfig(config)
if (!validationResult.valid) {
throw new Error(validationResult.reason)
}
return validationResult.valid
}
// Create computed properties for each provider's configuration status
@@ -1645,13 +1990,17 @@ export const useProvidersStore = defineStore('providers', () => {
// Update configuration status for all providers
async function updateConfigurationStatus() {
await Promise.all(Object.keys(providerMetadata).map(async (providerId) => {
configuredProviders.value[providerId] = await validateProvider(providerId)
try {
configuredProviders.value[providerId] = await validateProvider(providerId)
}
catch {
configuredProviders.value[providerId] = false
}
}))
}
// Call initially and watch for changes
updateConfigurationStatus()
watch(providerCredentials, updateConfigurationStatus, { deep: true })
watch(providerCredentials, updateConfigurationStatus, { deep: true, immediate: true })
// Available providers (only those that are properly configured)
const availableProviders = computed(() => Object.keys(providerMetadata).filter(providerId => configuredProviders.value[providerId]))