dify/web/app/components/tools/marketplace/hooks.ts

70 lines
2.1 KiB
TypeScript
Raw Normal View History

2024-10-29 10:51:41 +08:00
import {
useEffect,
2024-11-27 16:14:15 +08:00
useMemo,
2024-10-29 10:51:41 +08:00
} from 'react'
2024-10-31 15:41:02 +08:00
import {
2024-10-31 18:31:17 +08:00
useMarketplaceCollectionsAndPlugins,
useMarketplacePlugins,
} from '@/app/components/plugins/marketplace/hooks'
2024-11-13 16:28:18 +08:00
import { PluginType } from '@/app/components/plugins/types'
2024-11-25 12:03:49 +08:00
import { getMarketplaceListCondition } from '@/app/components/plugins/marketplace/utils'
2024-11-27 16:14:15 +08:00
import { useAllToolProviders } from '@/service/use-tools'
2024-10-29 10:51:41 +08:00
2024-10-31 15:41:02 +08:00
export const useMarketplace = (searchPluginText: string, filterPluginTags: string[]) => {
2024-11-27 16:14:15 +08:00
const { data: toolProvidersData, isSuccess } = useAllToolProviders()
const exclude = useMemo(() => {
if (isSuccess)
return toolProvidersData?.filter(toolProvider => !!toolProvider.plugin_id).map(toolProvider => toolProvider.plugin_id!)
}, [isSuccess, toolProvidersData])
2024-10-31 18:31:17 +08:00
const {
isLoading,
marketplaceCollections,
marketplaceCollectionPluginsMap,
queryMarketplaceCollectionsAndPlugins,
} = useMarketplaceCollectionsAndPlugins()
const {
plugins,
2024-11-08 18:21:39 +08:00
resetPlugins,
2024-10-31 18:31:17 +08:00
queryPlugins,
queryPluginsWithDebounced,
isLoading: isPluginsLoading,
} = useMarketplacePlugins()
2024-10-31 15:41:02 +08:00
2024-10-29 10:51:41 +08:00
useEffect(() => {
2024-11-27 16:14:15 +08:00
if ((searchPluginText || filterPluginTags.length) && isSuccess) {
2024-10-31 15:41:02 +08:00
if (searchPluginText) {
2024-10-31 18:31:17 +08:00
queryPluginsWithDebounced({
2024-11-13 16:28:18 +08:00
category: PluginType.tool,
2024-10-31 15:41:02 +08:00
query: searchPluginText,
tags: filterPluginTags,
2024-11-27 16:14:15 +08:00
exclude,
2024-10-31 15:41:02 +08:00
})
return
}
2024-10-31 18:31:17 +08:00
queryPlugins({
2024-11-13 16:28:18 +08:00
category: PluginType.tool,
2024-10-31 15:41:02 +08:00
query: searchPluginText,
tags: filterPluginTags,
2024-11-27 16:14:15 +08:00
exclude,
2024-10-31 15:41:02 +08:00
})
}
else {
2024-11-27 16:14:15 +08:00
if (isSuccess) {
queryMarketplaceCollectionsAndPlugins({
category: PluginType.tool,
condition: getMarketplaceListCondition(PluginType.tool),
exclude,
})
resetPlugins()
}
2024-10-31 15:41:02 +08:00
}
2024-11-27 16:14:15 +08:00
}, [searchPluginText, filterPluginTags, queryPlugins, queryMarketplaceCollectionsAndPlugins, queryPluginsWithDebounced, resetPlugins, exclude, isSuccess])
2024-10-29 10:51:41 +08:00
return {
2024-10-31 18:31:17 +08:00
isLoading: isLoading || isPluginsLoading,
2024-10-29 10:51:41 +08:00
marketplaceCollections,
marketplaceCollectionPluginsMap,
2024-10-31 15:41:02 +08:00
plugins,
2024-10-29 10:51:41 +08:00
}
}