@lobehub/lobehub 2.0.0-next.1 → 2.0.0-next.3

package/src/app/[variants]/(main)/settings/llm/ProviderList/Cloudflare/index.tsx

@@ -1,39 +0,0 @@
-'use client';
-
-import { Input, InputPassword } from '@lobehub/ui';
-import { useTranslation } from 'react-i18next';
-
-import { CloudflareProviderCard } from '@/config/modelProviders';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const providerKey: GlobalLLMProviderKey = 'cloudflare';
-
-export const useCloudflareProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  return {
-    ...CloudflareProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.apiKey.placeholder`)}
-          />
-        ),
-        desc: t(`${providerKey}.apiKey.desc`),
-        label: t(`${providerKey}.apiKey.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'apiKey'],
-      },
-      {
-        children: <Input placeholder={t(`${providerKey}.baseURLOrAccountID.placeholder`)} />,
-        desc: t(`${providerKey}.baseURLOrAccountID.desc`),
-        label: t(`${providerKey}.baseURLOrAccountID.title`),
-        name: [KeyVaultsConfigKey, providerKey, 'baseURLOrAccountID'],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/Github/index.tsx

@@ -1,52 +0,0 @@
-'use client';
-
-import { InputPassword, Markdown } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { useTranslation } from 'react-i18next';
-
-import { GithubProviderCard } from '@/config/modelProviders';
-import { GlobalLLMProviderKey } from '@/types/user/settings';
-
-import { KeyVaultsConfigKey, LLMProviderApiTokenKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const useStyles = createStyles(({ css, token }) => ({
-  markdown: css`
-    p {
-      color: ${token.colorTextDescription} !important;
-    }
-  `,
-  tip: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const providerKey: GlobalLLMProviderKey = 'github';
-
-// Same as OpenAIProvider, but replace API Key with Github Personal Access Token
-export const useGithubProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-  const { styles } = useStyles();
-
-  return {
-    ...GithubProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.personalAccessToken.placeholder`)}
-          />
-        ),
-        desc: (
-          <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-            {t(`${providerKey}.personalAccessToken.desc`)}
-          </Markdown>
-        ),
-        label: t(`${providerKey}.personalAccessToken.title`),
-        name: [KeyVaultsConfigKey, providerKey, LLMProviderApiTokenKey],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/HuggingFace/index.tsx

@@ -1,52 +0,0 @@
-'use client';
-
-import { GlobalLLMProviderKey } from '@lobechat/types';
-import { InputPassword, Markdown } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { useTranslation } from 'react-i18next';
-
-import { HuggingFaceProviderCard } from '@/config/modelProviders';
-
-import { KeyVaultsConfigKey, LLMProviderApiTokenKey } from '../../const';
-import { ProviderItem } from '../../type';
-
-const useStyles = createStyles(({ css, token }) => ({
-  markdown: css`
-    p {
-      color: ${token.colorTextDescription} !important;
-    }
-  `,
-  tip: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const providerKey: GlobalLLMProviderKey = 'huggingface';
-
-// Same as OpenAIProvider, but replace API Key with HuggingFace Access Token
-export const useHuggingFaceProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-  const { styles } = useStyles();
-
-  return {
-    ...HuggingFaceProviderCard,
-    apiKeyItems: [
-      {
-        children: (
-          <InputPassword
-            autoComplete={'new-password'}
-            placeholder={t(`${providerKey}.accessToken.placeholder`)}
-          />
-        ),
-        desc: (
-          <Markdown className={styles.markdown} fontSize={12} variant={'chat'}>
-            {t(`${providerKey}.accessToken.desc`)}
-          </Markdown>
-        ),
-        label: t(`${providerKey}.accessToken.title`),
-        name: [KeyVaultsConfigKey, providerKey, LLMProviderApiTokenKey],
-      },
-    ],
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/Ollama/index.tsx

@@ -1,20 +0,0 @@
-'use client';
-
-import { useTranslation } from 'react-i18next';
-
-import { OllamaProviderCard } from '@/config/modelProviders';
-
-import { ProviderItem } from '../../type';
-
-export const useOllamaProvider = (): ProviderItem => {
-  const { t } = useTranslation('modelProvider');
-
-  return {
-    ...OllamaProviderCard,
-    proxyUrl: {
-      desc: t('ollama.endpoint.desc'),
-      placeholder: 'http://127.0.0.1:11434',
-      title: t('ollama.endpoint.title'),
-    },
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/OpenAI/index.tsx

@@ -1,17 +0,0 @@
-'use client';
-
-import { OpenAIProviderCard } from '@/config/modelProviders';
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-
-import { ProviderItem } from '../../type';
-
-export const useOpenAIProvider = (): ProviderItem => {
-  const { showOpenAIProxyUrl, showOpenAIApiKey } = useServerConfigStore(featureFlagsSelectors);
-  return {
-    ...OpenAIProviderCard,
-    proxyUrl: showOpenAIProxyUrl && {
-      placeholder: 'https://api.openai.com/v1',
-    },
-    showApiKey: showOpenAIApiKey,
-  };
-};

package/src/app/[variants]/(main)/settings/llm/ProviderList/providers.tsx

@@ -1,132 +0,0 @@
-import { useMemo } from 'react';
-
-import {
-  Ai21ProviderCard,
-  Ai302ProviderCard,
-  Ai360ProviderCard,
-  AkashChatProviderCard,
-  AnthropicProviderCard,
-  BaichuanProviderCard,
-  CohereProviderCard,
-  DeepSeekProviderCard,
-  FireworksAIProviderCard,
-  GiteeAIProviderCard,
-  GoogleProviderCard,
-  GroqProviderCard,
-  HigressProviderCard,
-  HunyuanProviderCard,
-  InfiniAIProviderCard,
-  InternLMProviderCard,
-  JinaProviderCard,
-  MinimaxProviderCard,
-  MistralProviderCard,
-  MoonshotProviderCard,
-  NovitaProviderCard,
-  NvidiaProviderCard,
-  OllamaCloudProviderCard,
-  OpenRouterProviderCard,
-  PPIOProviderCard,
-  PerplexityProviderCard,
-  QiniuProviderCard,
-  QwenProviderCard,
-  SambaNovaProviderCard,
-  Search1APIProviderCard,
-  SenseNovaProviderCard,
-  SiliconCloudProviderCard,
-  SparkProviderCard,
-  StepfunProviderCard,
-  TaichuProviderCard,
-  TogetherAIProviderCard,
-  UpstageProviderCard,
-  V0ProviderCard,
-  VLLMProviderCard,
-  WenxinProviderCard,
-  XAIProviderCard,
-  XinferenceProviderCard,
-  ZeroOneProviderCard,
-  ZhiPuProviderCard,
-} from '@/config/modelProviders';
-
-import { ProviderItem } from '../type';
-import { useAzureProvider } from './Azure';
-import { useBedrockProvider } from './Bedrock';
-import { useCloudflareProvider } from './Cloudflare';
-import { useGithubProvider } from './Github';
-import { useHuggingFaceProvider } from './HuggingFace';
-import { useOllamaProvider } from './Ollama';
-import { useOpenAIProvider } from './OpenAI';
-
-export const useProviderList = (): ProviderItem[] => {
-  const AzureProvider = useAzureProvider();
-  const OllamaProvider = useOllamaProvider();
-  const OpenAIProvider = useOpenAIProvider();
-  const BedrockProvider = useBedrockProvider();
-  const CloudflareProvider = useCloudflareProvider();
-  const GithubProvider = useGithubProvider();
-  const HuggingFaceProvider = useHuggingFaceProvider();
-
-  return useMemo(
-    () => [
-      OpenAIProvider,
-      AzureProvider,
-      OllamaProvider,
-      VLLMProviderCard,
-      XinferenceProviderCard,
-      AnthropicProviderCard,
-      BedrockProvider,
-      GoogleProviderCard,
-      DeepSeekProviderCard,
-      HuggingFaceProvider,
-      OpenRouterProviderCard,
-      CloudflareProvider,
-      GithubProvider,
-      NovitaProviderCard,
-      TogetherAIProviderCard,
-      FireworksAIProviderCard,
-      GroqProviderCard,
-      NvidiaProviderCard,
-      PerplexityProviderCard,
-      MistralProviderCard,
-      Ai21ProviderCard,
-      UpstageProviderCard,
-      XAIProviderCard,
-      JinaProviderCard,
-      SambaNovaProviderCard,
-      Search1APIProviderCard,
-      CohereProviderCard,
-      V0ProviderCard,
-      QiniuProviderCard,
-      QwenProviderCard,
-      WenxinProviderCard,
-      HunyuanProviderCard,
-      SparkProviderCard,
-      ZhiPuProviderCard,
-      ZeroOneProviderCard,
-      SenseNovaProviderCard,
-      StepfunProviderCard,
-      MoonshotProviderCard,
-      BaichuanProviderCard,
-      MinimaxProviderCard,
-      Ai360ProviderCard,
-      TaichuProviderCard,
-      InternLMProviderCard,
-      SiliconCloudProviderCard,
-      HigressProviderCard,
-      GiteeAIProviderCard,
-      PPIOProviderCard,
-      InfiniAIProviderCard,
-      AkashChatProviderCard,
-      Ai302ProviderCard,
-      OllamaCloudProviderCard,
-    ],
-    [
-      AzureProvider,
-      OllamaProvider,
-      OpenAIProvider,
-      BedrockProvider,
-      CloudflareProvider,
-      GithubProvider,
-      HuggingFaceProvider,
-    ],
-  );
-};

package/src/app/[variants]/(main)/settings/llm/components/Checker.tsx

@@ -1,118 +0,0 @@
-'use client';
-
-import { CheckCircleFilled } from '@ant-design/icons';
-import { ChatMessageError, TraceNameMap } from '@lobechat/types';
-import { Alert, Button, Highlighter } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useIsMobile } from '@/hooks/useIsMobile';
-import { useProviderName } from '@/hooks/useProviderName';
-import { chatService } from '@/services/chat';
-
-interface ConnectionCheckerProps {
-  model: string;
-  provider: string;
-}
-
-const Error = memo<{ error: ChatMessageError }>(({ error }) => {
-  const { t } = useTranslation('error');
-  const providerName = useProviderName(error.body?.provider);
-
-  return (
-    <Flexbox gap={8} style={{ maxWidth: '600px', width: '100%' }}>
-      <Alert
-        banner
-        extra={
-          <Flexbox>
-            <Highlighter actionIconSize={'small'} language={'json'} variant={'borderless'}>
-              {JSON.stringify(error.body || error, null, 2)}
-            </Highlighter>
-          </Flexbox>
-        }
-        message={t(`response.${error.type}` as any, { provider: providerName })}
-        showIcon
-        type={'error'}
-      />
-    </Flexbox>
-  );
-});
-
-const Checker = memo<ConnectionCheckerProps>(({ model, provider }) => {
-  const { t } = useTranslation('setting');
-
-  const [loading, setLoading] = useState(false);
-  const [pass, setPass] = useState(false);
-
-  const theme = useTheme();
-  const [error, setError] = useState<ChatMessageError | undefined>();
-
-  const checkConnection = async () => {
-    let isError = false;
-
-    await chatService.fetchPresetTaskResult({
-      onError: (_, rawError) => {
-        setError(rawError);
-        setPass(false);
-        isError = true;
-      },
-      onFinish: async (value) => {
-        if (!isError && value) {
-          setError(undefined);
-          setPass(true);
-        } else {
-          setPass(false);
-          setError({
-            body: value,
-            message: t('response.ConnectionCheckFailed', { ns: 'error' }),
-            type: 'ConnectionCheckFailed',
-          });
-        }
-      },
-      onLoadingChange: (loading) => {
-        setLoading(loading);
-      },
-      params: {
-        messages: [
-          {
-            content: '你好',
-            role: 'user',
-          },
-        ],
-        model,
-        provider,
-      },
-      trace: {
-        sessionId: `connection:${provider}`,
-        topicId: model,
-        traceName: TraceNameMap.ConnectivityChecker,
-      },
-    });
-  };
-  const isMobile = useIsMobile();
-
-  return (
-    <Flexbox align={isMobile ? 'flex-start' : 'flex-end'} gap={8}>
-      <Flexbox align={'center'} direction={isMobile ? 'horizontal-reverse' : 'horizontal'} gap={12}>
-        {pass && (
-          <Flexbox gap={4} horizontal>
-            <CheckCircleFilled
-              style={{
-                color: theme.colorSuccess,
-              }}
-            />
-            {t('llm.checker.pass')}
-          </Flexbox>
-        )}
-        <Button loading={loading} onClick={checkConnection}>
-          {t('llm.checker.button')}
-        </Button>
-      </Flexbox>
-      {error && <Error error={error} />}
-    </Flexbox>
-  );
-});
-
-export default Checker;