@ventlio/tanstack-query 0.2.42 → 0.2.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +9 -13
- package/dist/index.mjs.map +1 -1
- package/dist/model/useKeyTrackerModel.js +2 -2
- package/dist/queries/useGetRequest.js +7 -11
- package/dist/queries/useGetRequest.js.map +1 -1
- package/package.json +1 -1
- package/src/model/useKeyTrackerModel.ts +2 -2
- package/src/queries/useGetRequest.ts +10 -12
package/dist/index.mjs
CHANGED
|
@@ -73,10 +73,10 @@ const useQueryHeaders = () => {
|
|
|
73
73
|
const useKeyTrackerModel = (keyTracker) => {
|
|
74
74
|
const queryClient = useQueryClient();
|
|
75
75
|
const getQueryKey = (innerKeyTracker) => {
|
|
76
|
-
const
|
|
76
|
+
const queryKey = queryClient.getQueryData([
|
|
77
77
|
innerKeyTracker ?? keyTracker,
|
|
78
78
|
]);
|
|
79
|
-
return
|
|
79
|
+
return queryKey;
|
|
80
80
|
};
|
|
81
81
|
const refetchQuery = async (innerKeyTracker) => {
|
|
82
82
|
const queryKey = getQueryKey(innerKeyTracker ?? keyTracker);
|
|
@@ -279,21 +279,17 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, }) => {
|
|
|
279
279
|
}, [path]);
|
|
280
280
|
useEffect(() => {
|
|
281
281
|
if (keyTracker) {
|
|
282
|
+
// set expiration time for the tracker
|
|
283
|
+
const defaultStaleTime = queryClient.getDefaultOptions().queries?.staleTime;
|
|
284
|
+
const queryStaleTime = queryOptions?.staleTime;
|
|
285
|
+
const staleTime = queryStaleTime ?? defaultStaleTime;
|
|
282
286
|
queryClient.setQueryDefaults([keyTracker], {
|
|
283
|
-
|
|
284
|
-
|
|
287
|
+
cacheTime: staleTime,
|
|
288
|
+
staleTime,
|
|
285
289
|
});
|
|
286
290
|
queryClient.setQueryData([keyTracker], [requestPath, {}]);
|
|
287
291
|
}
|
|
288
|
-
}, [keyTracker, requestPath, queryClient]);
|
|
289
|
-
useEffect(() => {
|
|
290
|
-
if (query.isStale) {
|
|
291
|
-
queryClient.removeQueries({
|
|
292
|
-
queryKey: [keyTracker],
|
|
293
|
-
exact: true,
|
|
294
|
-
});
|
|
295
|
-
}
|
|
296
|
-
}, [query.isStale, keyTracker, queryClient]);
|
|
292
|
+
}, [keyTracker, requestPath, queryClient, queryOptions?.staleTime]);
|
|
297
293
|
const nextPage = () => {
|
|
298
294
|
if (query.data?.data.pagination) {
|
|
299
295
|
const pagination = query.data.data.pagination;
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -5,10 +5,10 @@ var reactQuery = require('@tanstack/react-query');
|
|
|
5
5
|
const useKeyTrackerModel = (keyTracker) => {
|
|
6
6
|
const queryClient = reactQuery.useQueryClient();
|
|
7
7
|
const getQueryKey = (innerKeyTracker) => {
|
|
8
|
-
const
|
|
8
|
+
const queryKey = queryClient.getQueryData([
|
|
9
9
|
innerKeyTracker ?? keyTracker,
|
|
10
10
|
]);
|
|
11
|
-
return
|
|
11
|
+
return queryKey;
|
|
12
12
|
};
|
|
13
13
|
const refetchQuery = async (innerKeyTracker) => {
|
|
14
14
|
const queryKey = getQueryKey(innerKeyTracker ?? keyTracker);
|
|
@@ -46,21 +46,17 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, }) => {
|
|
|
46
46
|
}, [path]);
|
|
47
47
|
react.useEffect(() => {
|
|
48
48
|
if (keyTracker) {
|
|
49
|
+
// set expiration time for the tracker
|
|
50
|
+
const defaultStaleTime = queryClient.getDefaultOptions().queries?.staleTime;
|
|
51
|
+
const queryStaleTime = queryOptions?.staleTime;
|
|
52
|
+
const staleTime = queryStaleTime ?? defaultStaleTime;
|
|
49
53
|
queryClient.setQueryDefaults([keyTracker], {
|
|
50
|
-
|
|
51
|
-
|
|
54
|
+
cacheTime: staleTime,
|
|
55
|
+
staleTime,
|
|
52
56
|
});
|
|
53
57
|
queryClient.setQueryData([keyTracker], [requestPath, {}]);
|
|
54
58
|
}
|
|
55
|
-
}, [keyTracker, requestPath, queryClient]);
|
|
56
|
-
react.useEffect(() => {
|
|
57
|
-
if (query.isStale) {
|
|
58
|
-
queryClient.removeQueries({
|
|
59
|
-
queryKey: [keyTracker],
|
|
60
|
-
exact: true,
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
}, [query.isStale, keyTracker, queryClient]);
|
|
59
|
+
}, [keyTracker, requestPath, queryClient, queryOptions?.staleTime]);
|
|
64
60
|
const nextPage = () => {
|
|
65
61
|
if (query.data?.data.pagination) {
|
|
66
62
|
const pagination = query.data.data.pagination;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGetRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useGetRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -4,11 +4,11 @@ export const useKeyTrackerModel = <T>(keyTracker: string) => {
|
|
|
4
4
|
const queryClient = useQueryClient();
|
|
5
5
|
|
|
6
6
|
const getQueryKey = (innerKeyTracker?: string) => {
|
|
7
|
-
const
|
|
7
|
+
const queryKey: any[] | undefined = queryClient.getQueryData([
|
|
8
8
|
innerKeyTracker ?? keyTracker,
|
|
9
9
|
]);
|
|
10
10
|
|
|
11
|
-
return
|
|
11
|
+
return queryKey;
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
const refetchQuery = async (innerKeyTracker?: string) => {
|
|
@@ -76,22 +76,20 @@ export const useGetRequest = <TResponse extends Record<string, any>>({
|
|
|
76
76
|
|
|
77
77
|
useEffect(() => {
|
|
78
78
|
if (keyTracker) {
|
|
79
|
+
// set expiration time for the tracker
|
|
80
|
+
const defaultStaleTime =
|
|
81
|
+
queryClient.getDefaultOptions().queries?.staleTime;
|
|
82
|
+
const queryStaleTime = queryOptions?.staleTime;
|
|
83
|
+
const staleTime = queryStaleTime ?? defaultStaleTime;
|
|
84
|
+
|
|
79
85
|
queryClient.setQueryDefaults([keyTracker], {
|
|
80
|
-
|
|
81
|
-
|
|
86
|
+
cacheTime: staleTime,
|
|
87
|
+
staleTime,
|
|
82
88
|
});
|
|
83
|
-
queryClient.setQueryData([keyTracker], [requestPath, {}]);
|
|
84
|
-
}
|
|
85
|
-
}, [keyTracker, requestPath, queryClient]);
|
|
86
89
|
|
|
87
|
-
|
|
88
|
-
if (query.isStale) {
|
|
89
|
-
queryClient.removeQueries({
|
|
90
|
-
queryKey: [keyTracker],
|
|
91
|
-
exact: true,
|
|
92
|
-
});
|
|
90
|
+
queryClient.setQueryData([keyTracker], [requestPath, {}]);
|
|
93
91
|
}
|
|
94
|
-
}, [
|
|
92
|
+
}, [keyTracker, requestPath, queryClient, queryOptions?.staleTime]);
|
|
95
93
|
|
|
96
94
|
const nextPage = () => {
|
|
97
95
|
if (query.data?.data.pagination) {
|