import type { ChainComposableOptions } from "../types.js";
import { useAsyncData } from "./use-async-data.js";
import { internal_useChainId } from "./use-chain-id.js";
import { useChainConfig } from "./use-config.js";
import { useLazyValue } from "./use-lazy-value.js";
import { getClient } from "@reactive-dot/core/internal/actions.js";
import { computed, toValue } from "vue";

/**
 * Composable for getting Polkadot-API client instance.
 *
 * @param options - Additional options
 * @returns Polkadot-API client
 */
export function useClient(options?: ChainComposableOptions) {
  return useAsyncData(useClientPromise(options));
}

/**
 * @internal
 */
export function useClientPromise(options?: ChainComposableOptions) {
  const chainId = internal_useChainId(options);
  const chainConfig = useChainConfig(options);

  return useLazyValue(
    computed(() => ["client", chainId.value]),
    () => getClient(toValue(chainConfig)),
  );
}