frontend-svelte/src/shared/api/queryClient.ts

import { QueryClient } from '@tanstack/query-core';

/**
 * Data remains fresh for this long after fetch. Stores that override
 * staleness (e.g. filtered queries) can use 0 to bypass.
 */
export const DEFAULT_QUERY_STALE_TIME_MS = 5 * 60 * 1000;

/**
 * Unused cache entries are garbage collected after this long.
 */
export const DEFAULT_QUERY_GC_TIME_MS = 10 * 60 * 1000;

/**
 * How many times a failed query is retried before surfacing the error.
 */
export const QUERY_RETRY_COUNT = 3;

/**
 * Base delay for exponential retry backoff.
 */
export const QUERY_RETRY_BASE_DELAY_MS = 1000;

/**
 * Upper bound on retry delay regardless of attempt index.
 */
export const QUERY_RETRY_MAX_DELAY_MS = 30000;

/**
 * TanStack Query client instance
 *
 * Configured for optimal caching and refetching behavior.
 * Used by all font stores for data fetching and caching.
 *
 * Cache behavior:
 * - Data stays fresh for 5 minutes (staleTime)
 * - Unused data is garbage collected after 10 minutes (gcTime)
 * - No refetch on window focus (reduces unnecessary network requests)
 * - 3 retries with exponential backoff on failure
 */
export const queryClient = new QueryClient({
    defaultOptions: {
        queries: {
            staleTime: DEFAULT_QUERY_STALE_TIME_MS,
            gcTime: DEFAULT_QUERY_GC_TIME_MS,
            /**
             * Don't refetch when window regains focus
             */
            refetchOnWindowFocus: false,
            /**
             * Refetch on mount if data is stale
             */
            refetchOnMount: true,
            retry: QUERY_RETRY_COUNT,
            /**
             * Exponential backoff: 1s, 2s, 4s, 8s... capped at 30s
             */
            retryDelay: attemptIndex =>
                Math.min(QUERY_RETRY_BASE_DELAY_MS * 2 ** attemptIndex, QUERY_RETRY_MAX_DELAY_MS),
        },
    },
});