chore: init read-star monorepo

packages/hooks/src/use-request.ts

@@ -0,0 +1,83 @@
+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
+}