mirror of
https://github.com/langgenius/dify.git
synced 2026-03-28 17:40:53 +08:00
70 lines
2.1 KiB
TypeScript
70 lines
2.1 KiB
TypeScript
import type { Form, ValidateValue } from '../key-validator/declarations'
|
|
import type { PluginProvider } from '@/models/common'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { toast } from '@/app/components/base/ui/toast'
|
|
import { useAppContext } from '@/context/app-context'
|
|
import SerpapiLogo from '../../assets/serpapi.png'
|
|
import KeyValidator from '../key-validator'
|
|
import { updatePluginKey, validatePluginKey } from './utils'
|
|
|
|
type SerpapiPluginProps = {
|
|
plugin: PluginProvider
|
|
onUpdate: () => void
|
|
}
|
|
const SerpapiPlugin = ({ plugin, onUpdate }: SerpapiPluginProps) => {
|
|
const { t } = useTranslation()
|
|
const { isCurrentWorkspaceManager } = useAppContext()
|
|
const forms: Form[] = [{
|
|
key: 'api_key',
|
|
title: t('plugin.serpapi.apiKey', { ns: 'common' }),
|
|
placeholder: t('plugin.serpapi.apiKeyPlaceholder', { ns: 'common' }),
|
|
value: plugin.credentials?.api_key,
|
|
validate: {
|
|
before: (v) => {
|
|
if (v?.api_key)
|
|
return true
|
|
},
|
|
run: async (v) => {
|
|
return validatePluginKey('serpapi', {
|
|
credentials: {
|
|
api_key: v?.api_key,
|
|
},
|
|
})
|
|
},
|
|
},
|
|
handleFocus: (v, dispatch) => {
|
|
if (v.api_key === plugin.credentials?.api_key)
|
|
dispatch({ ...v, api_key: '' })
|
|
},
|
|
}]
|
|
const handleSave = async (v: ValidateValue) => {
|
|
if (!v?.api_key || v?.api_key === plugin.credentials?.api_key)
|
|
return
|
|
const res = await updatePluginKey('serpapi', {
|
|
credentials: {
|
|
api_key: v?.api_key,
|
|
},
|
|
})
|
|
if (res.status === 'success') {
|
|
toast.success(t('actionMsg.modifiedSuccessfully', { ns: 'common' }))
|
|
onUpdate()
|
|
return true
|
|
}
|
|
}
|
|
return (
|
|
<KeyValidator
|
|
type="serpapi"
|
|
title={<img alt="serpapi logo" src={SerpapiLogo.src} width={64} />}
|
|
status={plugin.credentials?.api_key ? 'success' : 'add'}
|
|
forms={forms}
|
|
keyFrom={{
|
|
text: t('plugin.serpapi.keyFrom', { ns: 'common' }),
|
|
link: 'https://serpapi.com/manage-api-key',
|
|
}}
|
|
onSave={handleSave}
|
|
disabled={!isCurrentWorkspaceManager}
|
|
/>
|
|
)
|
|
}
|
|
export default SerpapiPlugin
|