@ventlio/tanstack-query 0.5.14 → 0.6.1

package/src/queries/usePostRequest.ts

@@ -3,9 +3,8 @@ import { useMutation } from '@tanstack/react-query';
 import { useEnvironmentVariables, useReactNativeEnv } from '../config';
 
 import { useStore } from '@tanstack/react-store';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { bootStore } from '../config/bootStore';
-import { scrollToTop } from '../helpers';
 import { useUploadProgress } from '../hooks';
 import type { IMakeRequest, IRequestError, IRequestSuccess } from '../request';
 import { HttpMethod, makeRequest } from '../request';
@@ -25,9 +24,17 @@ export const usePostRequest = <TResponse>({
 } & DefaultRequestOptions) => {
   const { API_URL, TIMEOUT } = useEnvironmentVariables();
 
-  const { context } = useStore(bootStore);
+  const { headerProvider } = useStore(bootStore);
 
-  const globalHeaders = useHeaderStore((state) => state.headers);
+  const storeHeaders = useHeaderStore((state) => state.headers);
+
+  // Get headers from both the store and the headerProvider (if configured)
+  // headerProvider allows reading from cookies/localStorage synchronously
+  const globalHeaders = useMemo(() => {
+    const providerHeaders = headerProvider ? headerProvider() : undefined;
+    // Merge: store headers take precedence over provider headers
+    return { ...providerHeaders, ...storeHeaders };
+  }, [storeHeaders, headerProvider]);
   const { isApp } = useReactNativeEnv();
   const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
   const [requestPayload, setRequestPayload] = useState<Record<any, any>>();
@@ -80,17 +87,8 @@ export const usePostRequest = <TResponse>({
     // }
 
     if (postResponse.status) {
-      // scroll to top after success
-
-      if (context !== 'app') {
-        scrollToTop();
-      }
       res(postResponse as IRequestSuccess<TResponse>);
     } else {
-      // scroll to top after error
-      if (context !== 'app') {
-        scrollToTop();
-      }
       rej(postResponse);
     }
   };

package/src/queries/usePutRequest.ts

@@ -1,10 +1,9 @@
 import type { MutateOptions } from '@tanstack/react-query';
 import { useMutation } from '@tanstack/react-query';
 import { useStore } from '@tanstack/react-store';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useEnvironmentVariables } from '../config';
 import { bootStore } from '../config/bootStore';
-import { scrollToTop } from '../helpers';
 import { useUploadProgress } from '../hooks';
 import { HttpMethod, makeRequest } from '../request';
 import type { IRequestError, IRequestSuccess } from '../request/request.interface';
@@ -14,14 +13,20 @@ import type { DefaultRequestOptions } from './queries.interface';
 export const usePutRequest = <TResponse>({ path, baseUrl, headers }: { path: string } & DefaultRequestOptions) => {
   const { API_URL, TIMEOUT } = useEnvironmentVariables();
   const { uploadProgressPercent, onUploadProgress } = useUploadProgress();
-  const globalHeaders = useHeaderStore((state) => state.headers);
+  const { headerProvider } = useStore(bootStore);
+
+  const storeHeaders = useHeaderStore((state) => state.headers);
+
+  // Get headers from both the store and the headerProvider (if configured)
+  const globalHeaders = useMemo(() => {
+    const providerHeaders = headerProvider ? headerProvider() : undefined;
+    return { ...providerHeaders, ...storeHeaders };
+  }, [storeHeaders, headerProvider]);
 
   const [requestPayload, setRequestPayload] = useState<Record<any, any>>();
 
   const isFutureMutationsPaused = usePauseFutureRequests((state) => state.isFutureMutationsPaused);
 
-  const { context } = useStore(bootStore);
-
   const sendRequest = async (res: (value: any) => void, rej: (reason?: any) => void, data: any) => {
     // get request headers
 
@@ -51,16 +56,8 @@ export const usePutRequest = <TResponse>({ path, baseUrl, headers }: { path: str
     const putResponse = await makeRequest<TResponse>(requestOptions);
     // }
     if (putResponse.status) {
-      // scroll to top after success
-      if (context !== 'app') {
-        scrollToTop();
-      }
       res(putResponse as IRequestSuccess<TResponse>);
     } else {
-      // scroll to top after error
-      if (context !== 'app') {
-        scrollToTop();
-      }
       rej(putResponse);
     }
   };

package/src/types/index.ts

@@ -1,6 +1,6 @@
 import type { AxiosProgressEvent, RawAxiosRequestHeaders } from 'axios';
-import type { AppFileConfig, HttpMethod, IMakeRequest, IRequestError, IRequestSuccess } from '../request';
 import type { IPagination } from '../queries';
+import type { AppFileConfig, HttpMethod, IMakeRequest, IRequestError, IRequestSuccess } from '../request';
 
 // Enhanced middleware types
 export type MiddlewareFunction<T = any> = (
@@ -37,6 +37,22 @@ export interface BootstrapConfig {
   middleware?: MiddlewareFunction[] | LegacyMiddlewareFunction;
   // Custom pagination configuration
   pagination?: PaginationConfig;
+  /**
+   * Optional function to provide headers synchronously.
+   * This is called on every request to get the current headers.
+   * Use this to read auth tokens from cookies or other persistent storage.
+   * The returned headers are merged with headers from the header store.
+   *
+   * Example:
+   * ```
+   * headerProvider: () => {
+   *   const token = getCookie('authToken');
+   *   const spaceId = getCookie('spaceId');
+   *   return token ? { Authorization: `Bearer ${token}`, } : undefined;
+   * }
+   * ```
+   */
+  headerProvider?: () => QueryHeaders;
 }
 
 export interface PaginationConfig {

package/dist/helpers/scrollToTop.d.ts

@@ -1 +0,0 @@
-export declare const scrollToTop: () => void;

package/dist/src/helpers/scrollToTop.js

@@ -1,9 +0,0 @@
-const scrollToTop = () => {
-    window.scrollTo({
-        top: 0,
-        behavior: 'smooth',
-    });
-};
-
-export { scrollToTop };
-//# sourceMappingURL=scrollToTop.js.map

package/dist/src/helpers/scrollToTop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollToTop.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/src/helpers/scrollToTop.ts

@@ -1,6 +0,0 @@
-export const scrollToTop = () => {
-  window.scrollTo({
-    top: 0,
-    behavior: 'smooth',
-  });
-};