import type {
  AxiosError,
  CreateAxiosDefaults,
  CustomAxiosRequestConfig,
  MappedType,
  RequestInstanceCommon,
  RequestOption,
  ResponseType,
} from '@sa/axios'
import type { Ref } from 'vue'
import { createFlatRequest } from '@sa/axios'
import { ref } from 'vue'
import useLoading from './use-loading'

export interface HookRequestInstanceResponseSuccessData<ApiData> {
  data: Ref<ApiData>
  error: Ref<null>
}

export interface HookRequestInstanceResponseFailData<ResponseData> {
  data: Ref<null>
  error: Ref<AxiosError<ResponseData>>
}

export type HookRequestInstanceResponseData<ResponseData, ApiData> = {
  loading: Ref<boolean>
} & (HookRequestInstanceResponseSuccessData<ApiData> | HookRequestInstanceResponseFailData<ResponseData>)

export interface HookRequestInstance<
  ResponseData,
  ApiData,
  State extends Record<string, unknown>,
> extends RequestInstanceCommon<State> {
  <T extends ApiData = ApiData, R extends ResponseType = 'json'>(
    config: CustomAxiosRequestConfig
  ): HookRequestInstanceResponseData<ResponseData, MappedType<R, T>>
}

/**
 * create a hook request instance
 *
 * @param axiosConfig
 * @param options
 */
export default function createHookRequest<ResponseData, ApiData, State extends Record<string, unknown>>(
  axiosConfig?: CreateAxiosDefaults,
  options?: Partial<RequestOption<ResponseData, ApiData, State>>,
) {
  const request = createFlatRequest<ResponseData, ApiData, State>(axiosConfig, options)

  const hookRequest: HookRequestInstance<ResponseData, ApiData, State> = function hookRequest<
    T extends ApiData = ApiData,
    R extends ResponseType = 'json',
  >(config: CustomAxiosRequestConfig) {
    const { loading, startLoading, endLoading } = useLoading()

    const data = ref(null) as Ref<MappedType<R, T>>
    const error = ref(null) as Ref<AxiosError<ResponseData> | null>

    startLoading()

    request(config).then((res) => {
      if (res.data) {
        data.value = res.data as MappedType<R, T>
      }
      else {
        error.value = res.error
      }

      endLoading()
    })

    return {
      loading,
      data,
      error,
    }
  } as HookRequestInstance<ResponseData, ApiData, State>

  hookRequest.cancelAllRequest = request.cancelAllRequest

  return hookRequest
}