/*** IMPORT ------------------------------------------- ***/

import {
  mount as svelteMount,
  unmount as svelteUnmount,
  type ComponentProps
} from "svelte";

/*** UTILITY ------------------------------------------ ***/

import GraphiQL from "../library/GraphiQL.svelte";

import { createApqFetcher } from "../library/fetcher/apq.ts";
import { createHttpFetcher } from "../library/fetcher/http.ts";
import { createSseFetcher } from "../library/fetcher/sse.ts";
import { createWsFetcher } from "../library/fetcher/websocket.ts";
import { lightTheme } from "../library/themes/light.ts";

type Props = ComponentProps<typeof GraphiQL>;
type Instance = Record<string, unknown>;

/*** EXPORT ------------------------------------------- ***/

export function mount(target: HTMLElement, props: Props): Instance {
  return svelteMount(GraphiQL, { props, target });
}

export function unmount(instance: Instance): void {
  svelteUnmount(instance);
}

export {
  createApqFetcher,
  createHttpFetcher,
  createSseFetcher,
  createWsFetcher,
  lightTheme
};