@ogasphere/theme-manager/dist/client/use-themes.js

A reusable theme management package for Next.js and Vite applications

"use client";
import { useQuery } from "@tanstack/react-query";
import { getAvailableThemesClient } from "./get-available-themes-client";
const DEFAULT_API_PATH = "/api/themes";
const DEFAULT_STALE_TIME = 5 * 60 * 1000;
async function fetchThemesFromApi(apiPath) {
    const response = await fetch(apiPath);
    if (!response.ok) {
        throw new Error("Failed to fetch themes");
    }
    const data = (await response.json());
    return data.themes;
}
export function useThemes(options) {
    const apiPath = options?.apiPath ?? DEFAULT_API_PATH;
    const staleTime = options?.staleTime ?? DEFAULT_STALE_TIME;
    const useClientParser = options?.useClientParser ?? false;
    return useQuery({
        queryKey: ["themes", apiPath, useClientParser],
        queryFn: async () => {
            if (useClientParser) {
                return getAvailableThemesClient(options?.clientParserOptions);
            }
            return fetchThemesFromApi(apiPath);
        },
        staleTime,
    });
}