@toktokhan-dev/cli-plugin-gen-api-react-query 0.0.1

package/templates/my/react-query-hook.eta

@@ -0,0 +1,171 @@
+<%
+  const { utils, route, config, myConfig, dataFromApiTemplate } = it;
+  const { query } = route.request;
+  const { errorType } = route.response;
+  const { getConfigByRoute,paginationTargetKeywords } = dataFromApiTemplate;
+
+
+  const { 
+    conditions:{
+      hasPagination,
+      isQuery,
+      isMutation,
+      isOptialnalVariabels,
+    },
+    data: {
+      rawWrapperArgs,
+      wrapperArgs,
+      queryKeyName,
+      functionName,
+      apiInstanceName,
+      apiClassName,
+      hookVariant,
+      key,
+      methodKey,
+      pagination
+    },
+    utils: {
+      upperSnakeCase,
+      removeModuleName,
+      argToTmpl,
+    }
+  } = getConfigByRoute(route);
+
+  const { _, classNameCase } = utils;
+
+  const conditionalParamsText = isOptialnalVariabels ? "params?" : "params"
+  const conditionCallWithVariabels = isQuery ? `(${conditionalParamsText}.variables)` : "";
+  const conditionParamQueryKey = isQuery ? `,${conditionalParamsText}.variables` : "";
+  const conditionWrapFunc =  isQuery ? "() =>" : "";
+  const conditionalQueryKeyParams =  isQuery ? `${conditionalParamsText}.variables` : "";
+  const conditionalFn =  isQuery ? "queryFn" : "mutationFn";
+
+  const routeDocs = includeFile("@base/route-docs", { config, route, utils });
+  const lowerhookVariant =  _.lowerCase(hookVariant)
+  const hookKeyName = `${lowerhookVariant}Key`;
+
+  const isAxiosInstance = myConfig.httpClientType === 'axios'
+
+
+  const initialPageParam = () => {
+    if(typeof pagination.initialPageParam === "string") return pagination.initialPageParam;
+    if(typeof pagination.initialPageParam === "function") return pagination.initialPageParam({ apiInstanceName, functionName, pagination})
+  }
+
+  const getNextPage = () => {
+    if(typeof pagination.getNextPage === "string") return pagination.getNextPage;
+    if(typeof pagination.getNextPage === "function") return pagination.getNextPage({ apiInstanceName, functionName, pagination})
+  }
+
+  const getNextPageParam = () => {
+    if(typeof pagination.getNextPageParam === "string") return pagination.getNextPageParam;
+    if(typeof pagination.getNextPageParam === "function") return pagination.getNextPageParam({ apiInstanceName, functionName, pagination})
+  }
+
+
+ %>
+
+ /**
+ <%~ routeDocs.description %>
+
+ * <% /* Here you can add some other JSDoc tags */ %>
+
+<%~ routeDocs.lines %>
+ */
+
+<% if (isQuery) { %>
+  export const use<%~ classNameCase(functionName) %>Query = <
+    TData = RequestFnReturn<typeof <%= apiInstanceName %>.<%~ functionName %>>,
+  >(
+  <%~ conditionalParamsText %>: QueryHookParams<typeof <%= apiInstanceName %>.<%~ functionName %>,
+    <% if (isAxiosInstance) { %>
+    AxiosError<<%~ errorType %>>
+    <% } else { %>
+    <%~ errorType %>
+    <% } %>
+  , TData>,
+) => {
+  const <%~ hookKeyName %> = <%~ queryKeyName %>.<%~ methodKey %>(<%~ `${conditionalParamsText}.variables` %>);
+  return useQuery({
+    <%~ hookKeyName %>,
+    queryFn: () => <%= apiInstanceName %>.<%~ functionName %>(<%~ `${conditionalParamsText}.variables` %>),
+    ...params?.options,
+  });
+};
+<% } else { %>
+  export const use<%~ classNameCase(functionName) %>Mutation = (
+  <%~ conditionalParamsText %>: MutationHookParams<typeof <%= apiInstanceName %>.<%~ functionName %>,
+    <% if (isAxiosInstance) { %>
+    AxiosError<<%~ errorType %>>
+    <% } else { %>
+    <%~ errorType %>
+    <% } %>
+  >,
+) => {
+  const <%~ hookKeyName %> = <%~ queryKeyName %>.<%~ methodKey %>();
+  return useMutation({
+    <%~ hookKeyName %>,
+    mutationFn: <%= apiInstanceName %>.<%~ functionName %>,
+    ...params?.options,
+  });
+};
+<% } %>
+
+
+<% if (isQuery && hasPagination) { %>
+
+ /**
+ <%~ routeDocs.description %>
+
+ * <% /* Here you can add some other JSDoc tags */ %>
+
+<%~ routeDocs.lines %>
+
+ */
+export const use<%~ classNameCase(functionName) %>InfiniteQuery = <
+  TData = RequestFnReturn<typeof <%= apiInstanceName %>.<%~ functionName %>>,
+>(
+  <%~ conditionalParamsText %>: InfiniteQueryHookParams<typeof <%= apiInstanceName %>.<%~ functionName %>,
+  <% if (isAxiosInstance) { %>
+  AxiosError<<%~ errorType %>>
+    <% } else { %>
+  <%~ errorType %>
+  <% } %>
+, TData>,
+) => {
+  const <%~ hookKeyName %> =  <%~ queryKeyName %>.<%~ methodKey %>_INFINITE(<%~ conditionalQueryKeyParams %>);
+
+  return useInfiniteQuery({
+    <%~ hookKeyName %>,
+    initialPageParam:  <% if (initialPageParam()) { %>
+      <%~ initialPageParam() %> 
+      <% } else { %>
+         null
+      <% } %>,
+    queryFn: <% if (getNextPage()) { %>
+      <%~ getNextPage() %> 
+      <% } else { %>
+        ({ pageParam }) => {
+          return <%= apiInstanceName %>.<%~ functionName %>({
+            ...params?.variables,
+            query: { ...params?.variables?.query, <%~ pagination.nextKey %>: pageParam, }
+          });
+        }
+      <% } %>,
+      getNextPageParam: 
+      <% if (getNextPageParam()) { %>
+        <%~ getNextPageParam() %> 
+        <% } else { %>
+          (lastPage) => {
+            const params = lastPage.next
+              ? new URL(lastPage.next).searchParams
+              : null;
+            const <%~ pagination.nextKey %> = params ? params.get('<%~ pagination.nextKey %>') : null;
+            return <%~ pagination.nextKey %>;
+          }
+        <% } %>,
+      ...params?.options,
+  });
+};
+
+<% } %>

package/templates/my/react-query-key.eta

@@ -0,0 +1,46 @@
+<%
+const { utils, route, config, modelTypes,dataFromApiTemplate } = it;
+const routes = route.routes;
+const { getConfigByRoute ,queryKeyName } = dataFromApiTemplate;
+%>
+export const <%= queryKeyName %> = {
+  <% routes.forEach((route) => { %>
+    <% 
+      const {
+        conditions:{
+          hasPagination,
+          isQuery,
+          isMutation,
+          isOptialnalVariabels,
+        },
+        data: {
+          rawWrapperArgs,
+          wrapperArgs,
+          functionName,
+          apiInstanceName,
+          apiClassName,
+          hookVariant,
+          key,
+          methodKey,
+        },
+        utils: {
+          upperSnakeCase,
+          removeModuleName,
+          argToTmpl,
+        }
+      } = getConfigByRoute(route);
+      const conditionalParam = isQuery ?  `(variables? : Parameter<typeof ${apiInstanceName}.${functionName}>)`: "()"
+      const conditionalHookKeyVariant = isQuery ? "variables" : ""
+    %>
+    <%~ methodKey %>: <%~ conditionalParam %> => ["<%~ key %>", <%~ conditionalHookKeyVariant %>].filter(key => typeof key !== 'undefined'),
+    <% if(hasPagination) { %>
+     <%~ methodKey %>_INFINITE : <%~ conditionalParam %> => ["<%~ key %>_INFINITE", <%~ conditionalHookKeyVariant %>].filter(key => typeof key !== 'undefined'),
+    <% }%>
+  <% }) %>
+}; 
+
+
+
+
+
+

package/templates/my/react-query-type.eta

@@ -0,0 +1,61 @@
+<%
+const { myConfig } = it;
+const errorType = myConfig.httpClientType === 'axios' ? 'AxiosError<any>' : 'any';
+%>
+import { AxiosError } from 'axios';
+
+import {
+  UseInfiniteQueryOptions,
+  UseMutationOptions,
+  UseQueryOptions,
+} from '@tanstack/react-query';
+
+export type QueryHookParams<
+  T extends CustomRequestFn,
+  Error = <%= errorType %>,
+  TData = RequestFnReturn<T>,
+  OriginData = RequestFnReturn<T>,
+  Variables = Parameter<T>,
+> = {
+  options?: Omit<
+    UseQueryOptions<OriginData, Error, TData>,
+    'queryKey' | 'queryFn'
+  >;
+} & OptionalVariables<Variables>;
+
+export type InfiniteQueryHookParams<
+  T extends CustomRequestFn,
+  Error = <%= errorType %>,
+  TData = RequestFnReturn<T>,
+  OriginData = RequestFnReturn<T>,
+  Variables = Parameter<T>,
+> = {
+  options?: Partial<
+    Omit<
+      UseInfiniteQueryOptions<OriginData, Error, TData, OriginData, any, any>,
+      'queryKey' | 'queryFn'
+    >
+  >;
+} & OptionalVariables<Variables>;
+
+export type MutationHookParams<
+  T extends CustomRequestFn,
+  Error = <%= errorType %>,
+  Data = RequestFnReturn<T>,
+  Variables = Parameter<T>,
+> = {
+  options?: Omit<
+    UseMutationOptions<Data, Error, Variables>,
+    'mutationFn' | 'mutationKey'
+  >;
+};
+
+export type OptionalVariables<T> = undefined extends T
+  ? { variables?: T }
+  : { variables: T };
+
+export type Parameter<T> = T extends (param: infer U) => any ? U : never;
+
+export type CustomRequestFn = (variables?: any) => Promise<any>;
+
+export type RequestFnReturn<T extends CustomRequestFn> = Awaited<ReturnType<T>>;

package/templates/my/util-types.eta

@@ -0,0 +1,32 @@
+export type DeepOmitReadOnly<T extends object | undefined> = Omit<
+  {
+    [P in keyof T]: NonNullable<T[P]> extends Array<infer I>
+      ? I extends object
+        ? null extends T[P]
+          ? DeepOmitReadOnly<NonNullable<I>>[] | null
+          : DeepOmitReadOnly<NonNullable<I>>[]
+        : I[]
+      : NonNullable<T[P]> extends object | undefined
+      ? null extends T[P]
+        ? DeepOmitReadOnly<NonNullable<T[P]>> | null
+        : DeepOmitReadOnly<NonNullable<T[P]>>
+      : T[P];
+  },
+  ReadonlyKeys<NonNullable<T>>
+>;
+export type OmitReadOnly<T extends object> = Omit<T, ReadonlyKeys<T>>;
+
+export type ReadonlyKeys<T extends object> = {
+  [P in keyof T]-?: IfEquals<
+    { [Q in P]: T[P] },
+    { -readonly [Q in P]: T[P] },
+    never,
+    P
+  >;
+}[keyof T];
+
+export type IfEquals<X, Y, A = X, B = never> = (<T>() => T extends X
+  ? 1
+  : 2) extends <T>() => T extends Y ? 1 : 2
+  ? A
+  : B;