import { useFetch } from "#app";
import type { UseFetchOptions } from "#app";
import { isArray } from "~/utils/utils";

const useServerRequest = async <T>(
  url: string,
  opts?: UseFetchOptions<T, unknown>
) => {
  const token = useCookie<string | undefined>("token");
  const runtimeConfig = useRuntimeConfig();

  const defaultOptions: UseFetchOptions<unknown> = {
    baseURL: runtimeConfig.public.apiBase,
    onRequest({ options }) {
      options.headers = options.headers || "application/json";
      if (token.value) {
        // @ts-ignore
        options.headers["authorization"] = "Bearer " + token.value;
      }
    },
    onResponse({ response }) {
      if (+response.status === 200 && +response._data.code !== 200) {
        process.client && ElMessage.error(response._data.msg);
      }
    },
    onResponseError({ response }) {
      process.client &&
        ElMessage.error(
          isArray(response._data.data.msg)
            ? response._data.data.msg[0]
            : response._data.data.msg
        );
    },
  };
  // return useFetch<T>(url, { ...defaultOptions, ...opts } as any);
  // 明确转换返回类型
  const response = await useFetch<T>(url, { ...defaultOptions, ...opts } as any);
  return response as unknown as T;
};

  // GET请求
  export const get = <T = unknown>(
    endpoint: string, 
    config?: Omit<FetchOptions, 'method'>
  ): Promise<T> => {
    return useServerRequest<T>(endpoint, { ...config, method: 'GET' })
  }

    // POST请求
  export const post = <T = unknown>(
    endpoint: string, 
    body?: any, 
    config?: Omit<FetchOptions, 'method' | 'body'>
  ): Promise<T> => {
    return useServerRequest<T>(endpoint, { ...config, method: 'POST', body })
  }

  
  // DELETE请求
  export const del = <T = unknown>(
    endpoint: string, 
    config?: Omit<FetchOptions, 'method'>
  ): Promise<T> => {
    return useServerRequest<T>(endpoint, { ...config, method: 'DELETE' })
  }

    // PUT请求
  export const put = <T = unknown>(
    endpoint: string, 
    body?: any, 
    config?: Omit<FetchOptions, 'method' | 'body'>
  ): Promise<T> => {
    return useServerRequest<T>(endpoint, { ...config, method: 'PUT', body })
  }