opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-29 12:37:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance plugin filtering with tags support

Browse Source
This commit is contained in:
twwu 2024-11-06 16:18:18 +08:00
parent 4cf9ff6132
commit cce39b85e9
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/app/components/plugins/plugin-item/index.tsx
View File

@ -21,7 +21,6 @@ import Title from '../card/base/title'
import Action from './action' import Action from './action'
import cn from '@/utils/classnames' import cn from '@/utils/classnames'
import I18n from '@/context/i18n' import I18n from '@/context/i18n'
import { API_PREFIX, MARKETPLACE_URL_PREFIX } from '@/config' import { API_PREFIX, MARKETPLACE_URL_PREFIX } from '@/config'
type Props = { type Props = {

6
web/app/components/plugins/plugin-page/plugins-panel.tsx
View File

@ -10,7 +10,7 @@ import { useDebounceFn } from 'ahooks'
import Empty from './empty' import Empty from './empty'
const PluginsPanel = () => { const PluginsPanel = () => {
const [filters, setFilters] = usePluginPageContext(v => [v.filters, v.setFilters]) const [filters, setFilters] = usePluginPageContext(v => [v.filters, v.setFilters]) as [FilterState, (filter: FilterState) => void]
const pluginList = usePluginPageContext(v => v.installedPluginList) as PluginDetail[] const pluginList = usePluginPageContext(v => v.installedPluginList) as PluginDetail[]
const mutateInstalledPluginList = usePluginPageContext(v => v.mutateInstalledPluginList) const mutateInstalledPluginList = usePluginPageContext(v => v.mutateInstalledPluginList)
@ -19,11 +19,11 @@ const PluginsPanel = () => {
}, { wait: 500 }) }, { wait: 500 })
const filteredList = useMemo(() => { const filteredList = useMemo(() => {
// todo: filter by tags const { categories, searchQuery, tags } = filters
const { categories, searchQuery } = filters
const filteredList = pluginList.filter((plugin) => { const filteredList = pluginList.filter((plugin) => {
return ( return (
(categories.length === 0 || categories.includes(plugin.declaration.category)) (categories.length === 0 || categories.includes(plugin.declaration.category))
&& (tags.length === 0 || tags.some(tag => plugin.declaration.tags.includes(tag)))
&& (searchQuery === '' || plugin.plugin_id.toLowerCase().includes(searchQuery.toLowerCase())) && (searchQuery === '' || plugin.plugin_id.toLowerCase().includes(searchQuery.toLowerCase()))
) )
}) })

1
web/app/components/plugins/types.ts
View File

@ -69,6 +69,7 @@ export type PluginDeclaration = {
endpoint: PluginEndpointDeclaration endpoint: PluginEndpointDeclaration
tool: PluginToolDeclaration tool: PluginToolDeclaration
model: any // TODO model: any // TODO
tags: string[]
} }
export type PluginManifestInMarket = { export type PluginManifestInMarket = {