import { getSitePluginsQueryOptions } from "@/shared/site-plugins/query-options"
import { useQuery } from "@tanstack/react-query"
import { useMemo } from "@wordpress/element"
import { getPluginStatus } from "@/shared/site-plugins/utils/index."

export const useSinglePlugin = ({slug}: {slug: string}) => {

    const { data: sitePlugins } = useQuery(getSitePluginsQueryOptions())

    const { isActive, isInstalled } = useMemo(() => {
        return getPluginStatus(sitePlugins ?? [], slug);
    }, [sitePlugins, slug])

    const pluginDir = useMemo(() => {
        return sitePlugins?.find((plugin) => plugin.plugin.startsWith(`${slug}/`))?.plugin || null;
    }, [sitePlugins, slug])

    return {
        isActive,
        isInstalled,
        pluginDir,
    }
    
}