"use client"

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

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

export function useConfigurePipeline() {
  const qc = useQueryClient()
  return useMutation({
    mutationFn: async (body: {
      trigger_event: string
      steps: { plugin_id: string; config: Record<string, unknown> }[]
    }) => {
      const { data } = await api.post<PipelineResponse>("/pipelines", body)
      return data
    },
    onSuccess: () =>
      qc.invalidateQueries({ queryKey: ["admin", "pipelines"] }),
  })
}