@ventlio/tanstack-query 0.2.3 → 0.2.5

package/dist/index.mjs

@@ -152,11 +152,7 @@ const useGetRequest = ({ path, load = false, queryOptions, }) => {
     const [requestPath, updatePath] = useState(path);
     const [options, setOptions] = useState(queryOptions);
     const [page, setPage] = useState(1);
-    const { headers, baseURL, timeout } = {
-        headers: {},
-        baseURL: '',
-        timeout: 449542,
-    };
+    const { headers, baseURL, timeout } = useQueryConfig();
     const sendRequest = async (res, rej) => {
         const postResponse = await makeRequest({
             path: requestPath,

package/dist/index.mjs.map

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

package/dist/queries/useGetRequest.js

@@ -5,16 +5,13 @@ var react = require('react');
 require('axios');
 var makeRequest = require('../request/make-request.js');
 require('../request/request.enum.js');
+var useQueryConfig = require('./useQueryConfig.js');
 
 const useGetRequest = ({ path, load = false, queryOptions, }) => {
     const [requestPath, updatePath] = react.useState(path);
     const [options, setOptions] = react.useState(queryOptions);
     const [page, setPage] = react.useState(1);
-    const { headers, baseURL, timeout } = {
-        headers: {},
-        baseURL: '',
-        timeout: 449542,
-    };
+    const { headers, baseURL, timeout } = useQueryConfig.useQueryConfig();
     const sendRequest = async (res, rej) => {
         const postResponse = await makeRequest.makeRequest({
             path: requestPath,

package/dist/queries/useGetRequest.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ventlio/tanstack-query",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "license": "MIT",
   "main": "dist/index.js",
   "repository": {

package/src/config/index.ts

@@ -0,0 +1,4 @@
+export * from './useQueryBaseURL';
+export * from './useQueryConfig';
+export * from './useQueryHeaders';
+export * from './useQueryTimeout';

package/src/config/useQueryBaseURL.ts

@@ -0,0 +1,17 @@
+import { useQueryClient } from '@tanstack/react-query';
+import type { IUseQueryBaseURL, TanstackQueryConfig } from '../types';
+import { useQueryConfig } from './useQueryConfig';
+
+export const useQueryBaseURL = (): IUseQueryBaseURL => {
+  const { baseURL } = useQueryConfig();
+  const queryClient = useQueryClient();
+
+  const setQueryBaseUrl = (newBaseUrl: TanstackQueryConfig['baseURL']) => {
+    queryClient.setQueryData<TanstackQueryConfig>(['config'], (config) => {
+      (config as TanstackQueryConfig).baseURL = newBaseUrl;
+      return config;
+    });
+  };
+
+  return { baseURL, setQueryBaseUrl };
+};

package/src/config/useQueryHeaders.ts

@@ -0,0 +1,17 @@
+import { useQueryClient } from '@tanstack/react-query';
+import type { IUseQueryHeaders, TanstackQueryConfig } from '../types';
+import { useQueryConfig } from './useQueryConfig';
+
+export const useQueryHeaders = (): IUseQueryHeaders => {
+  const { headers } = useQueryConfig();
+  const queryClient = useQueryClient();
+
+  const setQueryHeaders = (newHeaders: TanstackQueryConfig['headers']) => {
+    queryClient.setQueryData<TanstackQueryConfig>(['config'], (config) => {
+      (config as TanstackQueryConfig).headers = newHeaders;
+      return config;
+    });
+  };
+
+  return { headers, setQueryHeaders };
+};

package/src/config/useQueryTimeout.ts

@@ -0,0 +1,17 @@
+import { useQueryClient } from '@tanstack/react-query';
+import type { IUseQueryTimeout, TanstackQueryConfig } from '../types';
+import { useQueryConfig } from './useQueryConfig';
+
+export const useQueryTimeout = (): IUseQueryTimeout => {
+  const { timeout } = useQueryConfig();
+  const queryClient = useQueryClient();
+
+  const setQueryTimeout = (newTimeout: TanstackQueryConfig['timeout']) => {
+    queryClient.setQueryData<TanstackQueryConfig>(['config'], (config) => {
+      (config as TanstackQueryConfig).timeout = newTimeout;
+      return config;
+    });
+  };
+
+  return { timeout, setQueryTimeout };
+};

package/src/index.ts

@@ -1,4 +1,6 @@
+export * from './config';
 export * from './helpers';
+export * from './model';
 export * from './queries';
 export * from './request';
 export * from './types';

package/src/model/index.ts

@@ -0,0 +1 @@
+export * from './useQueryModel';

package/src/model/useQueryModel.ts

@@ -0,0 +1,11 @@
+import type { QueryFilters } from '@tanstack/react-query';
+import { useQueryClient } from '@tanstack/react-query';
+
+export const useQueryModel = (
+  queryKey: any[],
+  filters?: QueryFilters | undefined
+) => {
+  const queryClient = useQueryClient();
+
+  return queryClient.getQueryData(queryKey, filters);
+};

package/src/queries/index.ts

@@ -3,4 +3,3 @@ export * from './useDeleteRequest';
 export * from './useGetRequest';
 export * from './usePatchRequest';
 export * from './usePostRequest';
-export * from './useQueryConfig';

package/src/queries/useDeleteRequest.ts

@@ -1,9 +1,9 @@
 import type { UseQueryOptions } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 import { useState } from 'react';
+import { useQueryConfig } from '../config';
 import type { IRequestError, IRequestSuccess } from '../request';
 import { HttpMethod, makeRequest } from '../request';
-import { useQueryConfig } from './useQueryConfig';
 
 export const useDeleteRequest = <TResponse>() => {
   const [requestPath, updateDeletePath] = useState<string>('');

package/src/queries/useGetRequest.ts

@@ -1,6 +1,7 @@
 import type { UseQueryOptions } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 import { startTransition, useEffect, useState } from 'react';
+import { useQueryConfig } from '../config';
 import type { IRequestError, IRequestSuccess } from '../request';
 import { makeRequest } from '../request';
 import type { IPagination, TanstackQueryOption } from './queries.interface';
@@ -18,11 +19,7 @@ export const useGetRequest = <TResponse extends Record<string, any>>({
   const [options, setOptions] = useState<any>(queryOptions);
   const [page, setPage] = useState<number>(1);
 
-  const { headers, baseURL, timeout } = {
-    headers: {},
-    baseURL: '',
-    timeout: 449542,
-  };
+  const { headers, baseURL, timeout } = useQueryConfig();
 
   const sendRequest = async (
     res: (

package/src/queries/usePatchRequest.ts

@@ -3,11 +3,11 @@ import { useMutation } from '@tanstack/react-query';
 import { scrollToTop } from '../helpers';
 import { HttpMethod, makeRequest } from '../request';
 
+import { useQueryConfig } from '../config';
 import type {
   IRequestError,
   IRequestSuccess,
 } from '../request/request.interface';
-import { useQueryConfig } from './useQueryConfig';
 
 export const usePatchRequest = <TResponse>({
   path,

package/src/queries/usePostRequest.ts

@@ -1,8 +1,8 @@
 import type { MutateOptions } from '@tanstack/react-query';
 import { useMutation } from '@tanstack/react-query';
+import { useQueryConfig } from '../config';
 import type { IRequestError, IRequestSuccess } from '../request';
 import { HttpMethod, makeRequest } from '../request';
-import { useQueryConfig } from './useQueryConfig';
 
 export const usePostRequest = <TResponse>({
   path,

package/src/types/index.ts

@@ -5,3 +5,18 @@ export interface TanstackQueryConfig {
   timeout?: number;
   headers: RawAxiosRequestHeaders;
 }
+
+export interface IUseQueryHeaders {
+  headers: TanstackQueryConfig['headers'];
+  setQueryHeaders: (header: TanstackQueryConfig['headers']) => void;
+}
+
+export interface IUseQueryTimeout {
+  timeout: TanstackQueryConfig['timeout'];
+  setQueryTimeout: (timeout: TanstackQueryConfig['timeout']) => void;
+}
+
+export interface IUseQueryBaseURL {
+  baseURL: TanstackQueryConfig['baseURL'];
+  setQueryBaseUrl: (baseURL: TanstackQueryConfig['baseURL']) => void;
+}