import { GraphQLClient } from "graphql-request";
import { withRefreshTokenMiddleware } from "./graphql-refresh-middleware";

const endpoint = import.meta.env["VITE_SERVER_URL"]
  ? `${import.meta.env["VITE_SERVER_URL"]}/graphql`
  : "http://localhost:3000/graphql";

const baseFetcher = async <TData, TVariables>(
  query: string,
  variables?: TVariables,
  options?: RequestInit["headers"],
): Promise<TData> => {
  const client = new GraphQLClient(endpoint, {
    credentials: "include",
    headers: options as Record<string, string> | undefined,
  });

  return await client.request<TData>(
    query,
    variables as Record<string, unknown>,
  );
};

const fetcherWithMiddleware = withRefreshTokenMiddleware(baseFetcher);

export const graphQLFetcher =
  <TData, TVariables>(
    query: string,
    variables?: TVariables,
    options?: RequestInit["headers"],
  ) =>
  async (): Promise<TData> => {
    return await fetcherWithMiddleware(query, variables, options);
  };