tjdify/web/app/components/header/account-setting/model-page/configs/huggingface_hub.tsx

import { ProviderEnum } from '../declarations'
import type { FormValue, ProviderConfig } from '../declarations'
import { Huggingface, HuggingfaceText } from '@/app/components/base/icons/src/public/llm'

const config: ProviderConfig = {
  selector: {
    name: {
      'en': 'Hugging Face',
      'zh-Hans': 'Hugging Face',
    },
    icon: <Huggingface className='w-full h-full' />,
  },
  item: {
    key: ProviderEnum.huggingface_hub,
    titleIcon: {
      'en': <HuggingfaceText className='h-6' />,
      'zh-Hans': <HuggingfaceText className='h-6' />,
    },
    hit: {
      'en': '🐑 Llama 2 Supported',
      'zh-Hans': '🐑 Llama 2 已支持',
    },
  },
  modal: {
    key: ProviderEnum.huggingface_hub,
    title: {
      'en': 'Hugging Face Model',
      'zh-Hans': 'Hugging Face Model',
    },
    icon: <Huggingface className='h-6' />,
    link: {
      href: 'https://huggingface.co/settings/tokens',
      label: {
        'en': 'Get your API key from Hugging Face Hub',
        'zh-Hans': '从 Hugging Face Hub 获取 API Key',
      },
    },
    defaultValue: {
      model_type: 'text-generation',
      huggingfacehub_api_type: 'hosted_inference_api',
      task_type: 'text-generation',
    },
    validateKeys: (v?: FormValue) => {
      if (v?.huggingfacehub_api_type === 'hosted_inference_api') {
        return [
          'huggingfacehub_api_token',
          'model_name',
        ]
      }
      if (v?.huggingfacehub_api_type === 'inference_endpoints') {
        if (v.model_type === 'embeddings') {
          return [
            'huggingfacehub_api_token',
            'huggingface_namespace',
            'model_name',
            'huggingfacehub_endpoint_url',
            'task_type',
          ]
        }
        return [
          'huggingfacehub_api_token',
          'model_name',
          'huggingfacehub_endpoint_url',
          'task_type',
        ]
      }
      return []
    },
    filterValue: (v?: FormValue) => {
      let filteredKeys: string[] = []
      if (v?.huggingfacehub_api_type === 'hosted_inference_api') {
        filteredKeys = [
          'huggingfacehub_api_type',
          'huggingfacehub_api_token',
          'model_name',
          'model_type',
        ]
      }
      if (v?.huggingfacehub_api_type === 'inference_endpoints') {
        if (v.model_type === 'embeddings') {
          filteredKeys = [
            'huggingfacehub_api_type',
            'huggingfacehub_api_token',
            'huggingface_namespace',
            'model_name',
            'huggingfacehub_endpoint_url',
            'task_type',
            'model_type',
          ]
        }
        else {
          filteredKeys = [
            'huggingfacehub_api_type',
            'huggingfacehub_api_token',
            'model_name',
            'huggingfacehub_endpoint_url',
            'task_type',
            'model_type',
          ]
        }
      }
      return filteredKeys.reduce((prev: FormValue, next: string) => {
        prev[next] = v?.[next] || ''
        return prev
      }, {})
    },
    fields: [
      {
        type: 'radio',
        key: 'model_type',
        required: true,
        label: {
          'en': 'Model Type',
          'zh-Hans': '模型类型',
        },
        options: [
          {
            key: 'text-generation',
            label: {
              'en': 'Text Generation',
              'zh-Hans': '文本生成',
            },
          },
          // {
          //   key: 'chat',
          //   label: {
          //     'en': 'Chat',
          //     'zh-Hans': '聊天',
          //   },
          // },
          {
            key: 'embeddings',
            label: {
              'en': 'Embeddings',
              'zh-Hans': 'Embeddings',
            },
          },
        ],
      },
      {
        type: 'radio',
        key: 'huggingfacehub_api_type',
        required: true,
        label: {
          'en': 'Endpoint Type',
          'zh-Hans': '端点类型',
        },
        options: [
          {
            key: 'hosted_inference_api',
            label: {
              'en': 'Hosted Inference API',
              'zh-Hans': 'Hosted Inference API',
            },
          },
          {
            key: 'inference_endpoints',
            label: {
              'en': 'Inference Endpoints',
              'zh-Hans': 'Inference Endpoints',
            },
          },
        ],
      },
      {
        type: 'text',
        key: 'huggingfacehub_api_token',
        required: true,
        label: {
          'en': 'API Token',
          'zh-Hans': 'API Token',
        },
        placeholder: {
          'en': 'Enter your Hugging Face Hub API Token here',
          'zh-Hans': '在此输入您的 Hugging Face Hub API Token',
        },
      },
      {
        hidden: (value?: FormValue) => !(value?.huggingfacehub_api_type === 'inference_endpoints' && value?.model_type === 'embeddings'),
        type: 'text',
        key: 'huggingface_namespace',
        required: true,
        label: {
          'en': 'User Name / Organization Name',
          'zh-Hans': '用户名 / 组织名称',
        },
        placeholder: {
          'en': 'Enter your User Name / Organization Name here',
          'zh-Hans': '在此输入您的用户名 / 组织名称',
        },
      },
      {
        type: 'text',
        key: 'model_name',
        required: true,
        label: {
          'en': 'Model Name',
          'zh-Hans': '模型名称',
        },
        placeholder: {
          'en': 'Enter your Model Name here',
          'zh-Hans': '在此输入您的模型名称',
        },
      },
      {
        hidden: (value?: FormValue) => value?.huggingfacehub_api_type === 'hosted_inference_api',
        type: 'text',
        key: 'huggingfacehub_endpoint_url',
        label: {
          'en': 'Endpoint URL',
          'zh-Hans': '端点 URL',
        },
        placeholder: {
          'en': 'Enter your Endpoint URL here',
          'zh-Hans': '在此输入您的端点 URL',
        },
      },
      {
        hidden: (value?: FormValue) => value?.huggingfacehub_api_type === 'hosted_inference_api' || value?.model_type === 'embeddings',
        type: 'radio',
        key: 'task_type',
        required: true,
        label: {
          'en': 'Task',
          'zh-Hans': 'Task',
        },
        options: (value?: FormValue) => {
          if (value?.model_type === 'chat') {
            return [{
              key: 'question-answer',
              label: {
                'en': '问答',
                'zh-Hans': 'Question Answer',
              },
            }]
          }
          return [
            {
              key: 'text2text-generation',
              label: {
                'en': 'Text-to-Text Generation',
                'zh-Hans': 'Text-to-Text Generation',
              },
            },
            {
              key: 'text-generation',
              label: {
                'en': 'Text Generation',
                'zh-Hans': 'Text Generation',
              },
            },
          ]
        },
      },
      {
        hidden: (value?: FormValue) => !(value?.huggingfacehub_api_type === 'inference_endpoints' && value?.model_type === 'embeddings'),
        type: 'radio',
        key: 'task_type',
        required: true,
        label: {
          'en': 'Task',
          'zh-Hans': 'Task',
        },
        options: [
          {
            key: 'feature-extraction',
            label: {
              'en': 'Feature Extraction',
              'zh-Hans': 'Feature Extraction',
            },
          },
        ],
      },
    ],
  },
}

export default config