"use client"

import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
import api from "@/lib/api"
import type { PluginResponse } from "@/lib/types"

export function usePlugins() {
  return useQuery({
    queryKey: ["admin", "plugins"],
    queryFn: async () => {
      const { data } = await api.get<PluginResponse[]>("/plugins")
      return data
    },
  })
}

export function useManagePlugin() {
  const qc = useQueryClient()
  return useMutation({
    mutationFn: async (body: {
      action: string
      plugin_id?: string
      name?: string
      plugin_type?: string
      config?: Record<string, unknown>
    }) => {
      const { data } = await api.post<PluginResponse>("/plugins", body)
      return data
    },
    onSuccess: () => qc.invalidateQueries({ queryKey: ["admin", "plugins"] }),
  })
}