feat: introduce trigger functionality (#27644)

Signed-off-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: Stream <Stream_2@qq.com>
Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Co-authored-by: zhsama <torvalds@linux.do>
Co-authored-by: Harry <xh001x@hotmail.com>
Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: yessenia <yessenia.contact@gmail.com>
Co-authored-by: hjlarry <hjlarry@163.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: WTW0313 <twwu@dify.ai>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/app/components/plugins/plugin-item/action.tsx

@@ -14,7 +14,7 @@ import { useGitHubReleases } from '../install-plugin/hooks'
 import Toast from '@/app/components/base/toast'
 import { useModalContext } from '@/context/modal-context'
 import { useInvalidateInstalledPluginList } from '@/service/use-plugins'
-import type { PluginType } from '@/app/components/plugins/types'
+import type { PluginCategoryEnum } from '@/app/components/plugins/types'
 
 const i18nPrefix = 'plugin.action'
 
@@ -23,7 +23,7 @@ type Props = {
   installationId: string
   pluginUniqueIdentifier: string
   pluginName: string
-  category: PluginType
+  category: PluginCategoryEnum
   usedInApps: number
   isShowFetchNewVersion: boolean
   isShowInfo: boolean
@@ -92,11 +92,18 @@ const Action: FC<Props> = ({
 
   const handleDelete = useCallback(async () => {
     showDeleting()
-    const res = await uninstallPlugin(installationId)
-    hideDeleting()
-    if (res.success) {
-      hideDeleteConfirm()
-      onDelete()
+    try{
+      const res = await uninstallPlugin(installationId)
+      if (res.success) {
+        hideDeleteConfirm()
+        onDelete()
+      }
+    }
+    catch (error) {
+      console.error('uninstallPlugin error', error)
+    }
+    finally {
+      hideDeleting()
     }
   }, [installationId, onDelete])
   return (

web/app/components/plugins/plugin-item/index.tsx

@@ -1,7 +1,12 @@
 'use client'
-import type { FC } from 'react'
-import React, { useCallback, useMemo } from 'react'
-import { useTheme } from 'next-themes'
+import Tooltip from '@/app/components/base/tooltip'
+import useRefreshPluginList from '@/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list'
+import { API_PREFIX } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { useRenderI18nObject } from '@/hooks/use-i18n'
+import cn from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
 import {
   RiArrowRightUpLine,
   RiBugLine,
@@ -10,26 +15,21 @@ import {
   RiLoginCircleLine,
   RiVerifiedBadgeLine,
 } from '@remixicon/react'
+import { useTheme } from 'next-themes'
+import type { FC } from 'react'
+import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { usePluginPageContext } from '../plugin-page/context'
-import { Github } from '../../base/icons/src/public/common'
+import { gte } from 'semver'
 import Badge from '../../base/badge'
-import { type PluginDetail, PluginSource, PluginType } from '../types'
+import { Github } from '../../base/icons/src/public/common'
 import CornerMark from '../card/base/corner-mark'
 import Description from '../card/base/description'
 import OrgInfo from '../card/base/org-info'
 import Title from '../card/base/title'
+import { useCategories } from '../hooks'
+import { usePluginPageContext } from '../plugin-page/context'
+import { PluginCategoryEnum, type PluginDetail, PluginSource } from '../types'
 import Action from './action'
-import cn from '@/utils/classnames'
-import { API_PREFIX } from '@/config'
-import { useSingleCategories } from '../hooks'
-import { useRenderI18nObject } from '@/hooks/use-i18n'
-import useRefreshPluginList from '@/app/components/plugins/install-plugin/hooks/use-refresh-plugin-list'
-import { useAppContext } from '@/context/app-context'
-import { gte } from 'semver'
-import Tooltip from '@/app/components/base/tooltip'
-import { getMarketplaceUrl } from '@/utils/var'
-import { useGlobalPublicStore } from '@/context/global-public-context'
 
 type Props = {
   className?: string
@@ -42,7 +42,7 @@ const PluginItem: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   const { theme } = useTheme()
-  const { categoriesMap } = useSingleCategories()
+  const { categoriesMap } = useCategories(t, true)
   const currentPluginID = usePluginPageContext(v => v.currentPluginID)
   const setCurrentPluginID = usePluginPageContext(v => v.setCurrentPluginID)
   const { refreshPluginList } = useRefreshPluginList()
@@ -150,7 +150,7 @@ const PluginItem: FC<Props> = ({
             packageName={name}
             packageNameClassName='w-auto max-w-[150px]'
           />
-          {category === PluginType.extension && (
+          {category === PluginCategoryEnum.extension && (
             <>
               <div className='system-xs-regular mx-2 text-text-quaternary'>·</div>
               <div className='system-xs-regular flex items-center gap-x-1 overflow-hidden text-text-tertiary'>