dify/web/app/(commonLayout)/plugins/page.tsx

import type { LegacyPluginsSearchParams } from '@/app/components/plugins/plugin-routes'
import Marketplace from '@/app/components/plugins/marketplace'
import PluginPage from '@/app/components/plugins/plugin-page'
import PluginsPanel from '@/app/components/plugins/plugin-page/plugins-panel'
import {
  getFirstPackageIdFromSearchParams,
  getInstallRedirectPathByPluginCategory,
  getInstallRedirectPathFromSearchParams,
  getLegacyPluginRedirectPath,
  shouldResolveInstallCategoryRedirect,
} from '@/app/components/plugins/plugin-routes'
import { MARKETPLACE_API_PREFIX } from '@/config'
import { redirect } from '@/next/navigation'

type PluginListProps = {
  searchParams?: Promise<LegacyPluginsSearchParams>
}

type MarketplaceManifestCategoryResponse = {
  data?: {
    plugin?: {
      category?: string
    }
  }
}

const fetchPluginCategoryFromMarketplace = async (packageId: string) => {
  try {
    const response = await fetch(
      `${MARKETPLACE_API_PREFIX}/plugins/identifier?unique_identifier=${encodeURIComponent(packageId)}`,
      { cache: 'no-store' },
    )

    if (!response.ok) return undefined

    const payload = (await response.json()) as MarketplaceManifestCategoryResponse
    return payload.data?.plugin?.category
  } catch {
    return undefined
  }
}

const PluginList = async ({ searchParams }: PluginListProps) => {
  const resolvedSearchParams = (await searchParams) ?? {}
  const installRedirectPathFromSearchParams =
    getInstallRedirectPathFromSearchParams(resolvedSearchParams)

  if (installRedirectPathFromSearchParams) redirect(installRedirectPathFromSearchParams)

  if (shouldResolveInstallCategoryRedirect(resolvedSearchParams)) {
    const packageId = getFirstPackageIdFromSearchParams(resolvedSearchParams)
    const category = packageId ? await fetchPluginCategoryFromMarketplace(packageId) : undefined
    const installRedirectPath = getInstallRedirectPathByPluginCategory(
      category,
      resolvedSearchParams,
    )

    if (installRedirectPath) redirect(installRedirectPath)
  }

  const redirectPath = getLegacyPluginRedirectPath(resolvedSearchParams)

  if (redirectPath) redirect(redirectPath)

  return (
    <PluginPage
      plugins={<PluginsPanel />}
      marketplace={<Marketplace showInstallButton pluginTypeSwitchClassName="top-[60px]" />}
    />
  )
}

export default PluginList