@suspensive/react-query-4 2.14.2 → 2.16.0

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.
Files changed (47) hide show
  1. package/dist/PrefetchInfiniteQuery.cjs +47 -0
  2. package/dist/PrefetchInfiniteQuery.cjs.map +1 -0
  3. package/dist/PrefetchInfiniteQuery.d.cts +6 -0
  4. package/dist/PrefetchInfiniteQuery.d.ts +6 -0
  5. package/dist/PrefetchInfiniteQuery.js +10 -0
  6. package/dist/PrefetchInfiniteQuery.js.map +1 -0
  7. package/dist/PrefetchQuery.cjs +47 -0
  8. package/dist/PrefetchQuery.cjs.map +1 -0
  9. package/dist/PrefetchQuery.d.cts +6 -0
  10. package/dist/PrefetchQuery.d.ts +6 -0
  11. package/dist/PrefetchQuery.js +10 -0
  12. package/dist/PrefetchQuery.js.map +1 -0
  13. package/dist/chunk-3LTCP5MM.js +16 -0
  14. package/dist/chunk-3LTCP5MM.js.map +1 -0
  15. package/dist/chunk-A3224DN2.js +16 -0
  16. package/dist/chunk-A3224DN2.js.map +1 -0
  17. package/dist/chunk-E6ZR4G6A.js +15 -0
  18. package/dist/chunk-E6ZR4G6A.js.map +1 -0
  19. package/dist/chunk-JSOYNYMT.js +15 -0
  20. package/dist/chunk-JSOYNYMT.js.map +1 -0
  21. package/dist/index.cjs +47 -7
  22. package/dist/index.cjs.map +1 -1
  23. package/dist/index.d.cts +4 -0
  24. package/dist/index.d.ts +4 -0
  25. package/dist/index.js +22 -6
  26. package/dist/usePrefetchInfiniteQuery.cjs +38 -0
  27. package/dist/usePrefetchInfiniteQuery.cjs.map +1 -0
  28. package/dist/usePrefetchInfiniteQuery.d.cts +5 -0
  29. package/dist/usePrefetchInfiniteQuery.d.ts +5 -0
  30. package/dist/usePrefetchInfiniteQuery.js +9 -0
  31. package/dist/usePrefetchInfiniteQuery.js.map +1 -0
  32. package/dist/usePrefetchQuery.cjs +38 -0
  33. package/dist/usePrefetchQuery.cjs.map +1 -0
  34. package/dist/usePrefetchQuery.d.cts +5 -0
  35. package/dist/usePrefetchQuery.d.ts +5 -0
  36. package/dist/usePrefetchQuery.js +9 -0
  37. package/dist/usePrefetchQuery.js.map +1 -0
  38. package/package.json +5 -5
  39. package/src/PrefetchInfiniteQuery.test-d.tsx +62 -0
  40. package/src/PrefetchInfiniteQuery.tsx +12 -0
  41. package/src/PrefetchQuery.test-d.tsx +60 -0
  42. package/src/PrefetchQuery.tsx +12 -0
  43. package/src/index.ts +4 -0
  44. package/src/infiniteQueryOptions.test-d.tsx +7 -1
  45. package/src/queryOptions.test-d.tsx +7 -2
  46. package/src/usePrefetchInfiniteQuery.ts +14 -0
  47. package/src/usePrefetchQuery.ts +14 -0
@@ -0,0 +1,47 @@
1
+ "use client"
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/PrefetchInfiniteQuery.tsx
22
+ var PrefetchInfiniteQuery_exports = {};
23
+ __export(PrefetchInfiniteQuery_exports, {
24
+ PrefetchInfiniteQuery: () => PrefetchInfiniteQuery
25
+ });
26
+ module.exports = __toCommonJS(PrefetchInfiniteQuery_exports);
27
+
28
+ // src/usePrefetchInfiniteQuery.ts
29
+ var import_react_query = require("@tanstack/react-query");
30
+ function usePrefetchInfiniteQuery(options) {
31
+ const queryClient = (0, import_react_query.useQueryClient)();
32
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
33
+ queryClient.prefetchInfiniteQuery(options);
34
+ }
35
+ }
36
+
37
+ // src/PrefetchInfiniteQuery.tsx
38
+ var import_jsx_runtime = require("react/jsx-runtime");
39
+ function PrefetchInfiniteQuery(options) {
40
+ usePrefetchInfiniteQuery(options);
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
42
+ }
43
+ // Annotate the CommonJS export names for ESM import in node:
44
+ 0 && (module.exports = {
45
+ PrefetchInfiniteQuery
46
+ });
47
+ //# sourceMappingURL=PrefetchInfiniteQuery.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/PrefetchInfiniteQuery.tsx","../src/usePrefetchInfiniteQuery.ts"],"sourcesContent":["import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAA8E;AAEvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,kBAAc,mCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;;;ADHS;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,2EAAE;AACX;","names":[]}
@@ -0,0 +1,6 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { QueryKey, FetchInfiniteQueryOptions } from '@tanstack/react-query';
3
+
4
+ declare function PrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime.JSX.Element;
5
+
6
+ export { PrefetchInfiniteQuery };
@@ -0,0 +1,6 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { QueryKey, FetchInfiniteQueryOptions } from '@tanstack/react-query';
3
+
4
+ declare function PrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime.JSX.Element;
5
+
6
+ export { PrefetchInfiniteQuery };
@@ -0,0 +1,10 @@
1
+ "use client"
2
+ import {
3
+ PrefetchInfiniteQuery
4
+ } from "./chunk-3LTCP5MM.js";
5
+ import "./chunk-JSOYNYMT.js";
6
+ import "./chunk-QETBZSG5.js";
7
+ export {
8
+ PrefetchInfiniteQuery
9
+ };
10
+ //# sourceMappingURL=PrefetchInfiniteQuery.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,47 @@
1
+ "use client"
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/PrefetchQuery.tsx
22
+ var PrefetchQuery_exports = {};
23
+ __export(PrefetchQuery_exports, {
24
+ PrefetchQuery: () => PrefetchQuery
25
+ });
26
+ module.exports = __toCommonJS(PrefetchQuery_exports);
27
+
28
+ // src/usePrefetchQuery.ts
29
+ var import_react_query = require("@tanstack/react-query");
30
+ function usePrefetchQuery(options) {
31
+ const queryClient = (0, import_react_query.useQueryClient)();
32
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
33
+ queryClient.prefetchQuery(options);
34
+ }
35
+ }
36
+
37
+ // src/PrefetchQuery.tsx
38
+ var import_jsx_runtime = require("react/jsx-runtime");
39
+ function PrefetchQuery(options) {
40
+ usePrefetchQuery(options);
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
42
+ }
43
+ // Annotate the CommonJS export names for ESM import in node:
44
+ 0 && (module.exports = {
45
+ PrefetchQuery
46
+ });
47
+ //# sourceMappingURL=PrefetchQuery.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/PrefetchQuery.tsx","../src/usePrefetchQuery.ts"],"sourcesContent":["import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n","import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAAsE;AAE/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,kBAAc,mCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;;;ADHS;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,2EAAE;AACX;","names":[]}
@@ -0,0 +1,6 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { QueryKey, FetchQueryOptions } from '@tanstack/react-query';
3
+
4
+ declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime.JSX.Element;
5
+
6
+ export { PrefetchQuery };
@@ -0,0 +1,6 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { QueryKey, FetchQueryOptions } from '@tanstack/react-query';
3
+
4
+ declare function PrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): react_jsx_runtime.JSX.Element;
5
+
6
+ export { PrefetchQuery };
@@ -0,0 +1,10 @@
1
+ "use client"
2
+ import {
3
+ PrefetchQuery
4
+ } from "./chunk-A3224DN2.js";
5
+ import "./chunk-E6ZR4G6A.js";
6
+ import "./chunk-QETBZSG5.js";
7
+ export {
8
+ PrefetchQuery
9
+ };
10
+ //# sourceMappingURL=PrefetchQuery.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,16 @@
1
+ "use client"
2
+ import {
3
+ usePrefetchInfiniteQuery
4
+ } from "./chunk-JSOYNYMT.js";
5
+
6
+ // src/PrefetchInfiniteQuery.tsx
7
+ import { Fragment, jsx } from "react/jsx-runtime";
8
+ function PrefetchInfiniteQuery(options) {
9
+ usePrefetchInfiniteQuery(options);
10
+ return /* @__PURE__ */ jsx(Fragment, {});
11
+ }
12
+
13
+ export {
14
+ PrefetchInfiniteQuery
15
+ };
16
+ //# sourceMappingURL=chunk-3LTCP5MM.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":["import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n"],"mappings":";;;;;;AAUS;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,gCAAE;AACX;","names":[]}
@@ -0,0 +1,16 @@
1
+ "use client"
2
+ import {
3
+ usePrefetchQuery
4
+ } from "./chunk-E6ZR4G6A.js";
5
+
6
+ // src/PrefetchQuery.tsx
7
+ import { Fragment, jsx } from "react/jsx-runtime";
8
+ function PrefetchQuery(options) {
9
+ usePrefetchQuery(options);
10
+ return /* @__PURE__ */ jsx(Fragment, {});
11
+ }
12
+
13
+ export {
14
+ PrefetchQuery
15
+ };
16
+ //# sourceMappingURL=chunk-A3224DN2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":["import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n"],"mappings":";;;;;;AAUS;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,gCAAE;AACX;","names":[]}
@@ -0,0 +1,15 @@
1
+ "use client"
2
+
3
+ // src/usePrefetchQuery.ts
4
+ import { useQueryClient } from "@tanstack/react-query";
5
+ function usePrefetchQuery(options) {
6
+ const queryClient = useQueryClient();
7
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
8
+ queryClient.prefetchQuery(options);
9
+ }
10
+ }
11
+
12
+ export {
13
+ usePrefetchQuery
14
+ };
15
+ //# sourceMappingURL=chunk-E6ZR4G6A.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/usePrefetchQuery.ts"],"sourcesContent":["import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n"],"mappings":";;;AAAA,SAAgD,sBAAsB;AAE/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,cAAc,eAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;","names":[]}
@@ -0,0 +1,15 @@
1
+ "use client"
2
+
3
+ // src/usePrefetchInfiniteQuery.ts
4
+ import { useQueryClient } from "@tanstack/react-query";
5
+ function usePrefetchInfiniteQuery(options) {
6
+ const queryClient = useQueryClient();
7
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
8
+ queryClient.prefetchInfiniteQuery(options);
9
+ }
10
+ }
11
+
12
+ export {
13
+ usePrefetchInfiniteQuery
14
+ };
15
+ //# sourceMappingURL=chunk-JSOYNYMT.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/usePrefetchInfiniteQuery.ts"],"sourcesContent":["import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n"],"mappings":";;;AAAA,SAAwD,sBAAsB;AAEvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,cAAc,eAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;","names":[]}
package/dist/index.cjs CHANGED
@@ -51,12 +51,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
51
51
  var src_exports = {};
52
52
  __export(src_exports, {
53
53
  Mutation: () => Mutation,
54
+ PrefetchInfiniteQuery: () => PrefetchInfiniteQuery,
55
+ PrefetchQuery: () => PrefetchQuery,
54
56
  QueryErrorBoundary: () => QueryErrorBoundary,
55
57
  SuspenseInfiniteQuery: () => SuspenseInfiniteQuery,
56
58
  SuspenseQueries: () => SuspenseQueries,
57
59
  SuspenseQuery: () => SuspenseQuery,
58
60
  infiniteQueryOptions: () => infiniteQueryOptions,
59
61
  queryOptions: () => queryOptions,
62
+ usePrefetchInfiniteQuery: () => usePrefetchInfiniteQuery,
63
+ usePrefetchQuery: () => usePrefetchQuery,
60
64
  useSuspenseInfiniteQuery: () => useSuspenseInfiniteQuery,
61
65
  useSuspenseQueries: () => useSuspenseQueries,
62
66
  useSuspenseQuery: () => useSuspenseQuery
@@ -105,6 +109,24 @@ function useSuspenseInfiniteQuery(options) {
105
109
  }));
106
110
  }
107
111
 
112
+ // src/usePrefetchQuery.ts
113
+ var import_react_query4 = require("@tanstack/react-query");
114
+ function usePrefetchQuery(options) {
115
+ const queryClient = (0, import_react_query4.useQueryClient)();
116
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
117
+ queryClient.prefetchQuery(options);
118
+ }
119
+ }
120
+
121
+ // src/usePrefetchInfiniteQuery.ts
122
+ var import_react_query5 = require("@tanstack/react-query");
123
+ function usePrefetchInfiniteQuery(options) {
124
+ const queryClient = (0, import_react_query5.useQueryClient)();
125
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
126
+ queryClient.prefetchInfiniteQuery(options);
127
+ }
128
+ }
129
+
108
130
  // src/SuspenseQuery.tsx
109
131
  var import_jsx_runtime = require("react/jsx-runtime");
110
132
  var SuspenseQuery = (_a) => {
@@ -136,27 +158,41 @@ var SuspenseInfiniteQuery = (_a) => {
136
158
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: children(useSuspenseInfiniteQuery(options)) });
137
159
  };
138
160
 
139
- // src/Mutation.tsx
140
- var import_react_query4 = require("@tanstack/react-query");
161
+ // src/PrefetchQuery.tsx
141
162
  var import_jsx_runtime4 = require("react/jsx-runtime");
163
+ function PrefetchQuery(options) {
164
+ usePrefetchQuery(options);
165
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
166
+ }
167
+
168
+ // src/PrefetchInfiniteQuery.tsx
169
+ var import_jsx_runtime5 = require("react/jsx-runtime");
170
+ function PrefetchInfiniteQuery(options) {
171
+ usePrefetchInfiniteQuery(options);
172
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
173
+ }
174
+
175
+ // src/Mutation.tsx
176
+ var import_react_query6 = require("@tanstack/react-query");
177
+ var import_jsx_runtime6 = require("react/jsx-runtime");
142
178
  function Mutation(_a) {
143
179
  var _b = _a, {
144
180
  children
145
181
  } = _b, options = __objRest(_b, [
146
182
  "children"
147
183
  ]);
148
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: children((0, import_react_query4.useMutation)(options)) });
184
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children((0, import_react_query6.useMutation)(options)) });
149
185
  }
150
186
 
151
187
  // src/QueryErrorBoundary.tsx
152
188
  var import_react = require("@suspensive/react");
153
- var import_react_query5 = require("@tanstack/react-query");
189
+ var import_react_query7 = require("@tanstack/react-query");
154
190
  var import_react2 = require("react");
155
- var import_jsx_runtime5 = require("react/jsx-runtime");
191
+ var import_jsx_runtime7 = require("react/jsx-runtime");
156
192
  var QueryErrorBoundary = (0, import_react2.forwardRef)((_a, resetRef) => {
157
193
  var _b = _a, { onReset } = _b, props = __objRest(_b, ["onReset"]);
158
- const { reset } = (0, import_react_query5.useQueryErrorResetBoundary)();
159
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
194
+ const { reset } = (0, import_react_query7.useQueryErrorResetBoundary)();
195
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
160
196
  import_react.ErrorBoundary,
161
197
  __spreadProps(__spreadValues({}, props), {
162
198
  onReset: () => {
@@ -173,12 +209,16 @@ if (process.env.NODE_ENV === "development") {
173
209
  // Annotate the CommonJS export names for ESM import in node:
174
210
  0 && (module.exports = {
175
211
  Mutation,
212
+ PrefetchInfiniteQuery,
213
+ PrefetchQuery,
176
214
  QueryErrorBoundary,
177
215
  SuspenseInfiniteQuery,
178
216
  SuspenseQueries,
179
217
  SuspenseQuery,
180
218
  infiniteQueryOptions,
181
219
  queryOptions,
220
+ usePrefetchInfiniteQuery,
221
+ usePrefetchQuery,
182
222
  useSuspenseInfiniteQuery,
183
223
  useSuspenseQueries,
184
224
  useSuspenseQuery
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/useSuspenseQueries.ts","../src/useSuspenseInfiniteQuery.ts","../src/SuspenseQuery.tsx","../src/SuspenseQueries.tsx","../src/SuspenseInfiniteQuery.tsx","../src/Mutation.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'\nexport { useSuspenseQuery } from './useSuspenseQuery'\nexport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\nexport { useSuspenseQueries } from './useSuspenseQueries'\nexport type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'\nexport { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'\nexport type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'\n\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\nexport { Mutation } from './Mutation'\nexport { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { OmitKeyof, RequiredKeyof } from '@suspensive/utils'\nimport type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\n\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options:\n | SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n | UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n) {\n return options\n}\n","import type { OmitKeyof, RequiredKeyof } from '@suspensive/utils'\nimport type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\n\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n","import type { OmitKeyof } from '@suspensive/utils'\nimport { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\n\nexport interface UseSuspenseQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<UseQueryResult<TData, TError>, keyof Pick<UseQueryResult, 'isPlaceholderData'>> {\n data: TData\n status: 'success'\n}\n\nexport interface UseSuspenseQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> extends OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n > {}\n\n/**\n * This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery}\n */\nexport function useSuspenseQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n return useQuery<TQueryFnData, TError, TData, TQueryKey>({\n ...options,\n enabled: true,\n useErrorBoundary: true,\n suspense: true,\n }) as UseSuspenseQueryResult<TData, TError>\n}\n","import { type QueryFunction, type UseQueryOptions, useQueries } from '@tanstack/react-query'\nimport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\n\n// Avoid TS depth-limit error in case of large array literal\ntype MAXIMUM_DEPTH = 20\n\ntype GetSuspenseOptions<T> =\n // Part 1: responsible for applying explicit type parameter to function arguments, if object { queryFnData: TQueryFnData, error: TError, data: TData }\n T extends {\n queryFnData: infer TQueryFnData\n error?: infer TError\n data: infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryOptions<unknown, TError, TData>\n : // Part 2: responsible for applying explicit type parameter to function arguments, if tuple [TQueryFnData, TError, TData]\n T extends [infer TQueryFnData, infer TError, infer TData]\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryOptions<TQueryFnData>\n : // Part 3: responsible for inferring and enforcing type if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TData, TQueryKey>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TQueryFnData, TQueryKey>\n : // Fallback\n UseSuspenseQueryOptions\n\ntype GetSuspenseResults<T> =\n // Part 1: responsible for mapping explicit type parameter to function result, if object\n T extends { queryFnData: any; error?: infer TError; data: infer TData }\n ? UseSuspenseQueryResult<TData, TError>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryResult<TData, TError>\n : // Part 2: responsible for mapping explicit type parameter to function result, if tuple\n T extends [any, infer TError, infer TData]\n ? UseSuspenseQueryResult<TData, TError>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Part 3: responsible for mapping inferred type to results, if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n }\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Fallback\n UseSuspenseQueryResult\n\n/**\n * SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryOptions>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseOptions<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesOptions<[...Tail], [...TResult, GetSuspenseOptions<Head>], [...TDepth, 1]>\n : Array<unknown> extends T\n ? T\n : // If T is *some* array but we couldn't assign unknown[] to it, then it must hold some known/homogenous type!\n // use this to infer the param types in the case of Array.map() argument\n T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>>\n ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>\n : // Fallback\n Array<UseSuspenseQueryOptions>\n\n/**\n * SuspenseQueriesResults reducer recursively maps type param to results\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryResult>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseResults<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesResults<[...Tail], [...TResult, GetSuspenseResults<Head>], [...TDepth, 1]>\n : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, any>>\n ? // Dynamic-size (homogenous) UseQueryOptions array: map directly to array of results\n Array<UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, TError>>\n : // Fallback\n Array<UseSuspenseQueryResult>\n\n/**\n * This hook is wrapping useQueries of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQueries}\n */\nexport function useSuspenseQueries<T extends any[]>({\n queries,\n context,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n context?: UseQueryOptions['context']\n}): SuspenseQueriesResults<T> {\n return useQueries({\n queries: queries.map((query: typeof queries) => ({ ...query, suspense: true })),\n context,\n }) as SuspenseQueriesResults<T>\n}\n","import type { OmitKeyof } from '@suspensive/utils'\nimport {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nexport interface UseSuspenseInfiniteQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<\n UseInfiniteQueryResult<TData, TError>,\n keyof Pick<UseInfiniteQueryResult<TData, TError>, 'isPlaceholderData'>\n > {\n data: InfiniteData<TData>\n status: 'success'\n}\n\nexport interface UseSuspenseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> extends OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n > {}\n\n/**\n * This hook is wrapping useInfiniteQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseInfiniteQuery}\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n return useInfiniteQuery({\n ...options,\n enabled: true,\n suspense: true,\n useErrorBoundary: true,\n }) as UseSuspenseInfiniteQueryResult<TData, TError>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\nexport const SuspenseInfiniteQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseInfiniteQuery(options))}</>\n","import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({\n children,\n ...options\n}: UseMutationOptions<TData, TError, TVariables, TContext> & {\n children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode\n}) {\n return <>{children(useMutation(options))}</>\n}\n","import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @see {@link https://suspensive.org/docs/react-query/QueryErrorBoundary}\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACyEO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;;;ACJO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;ACjFA,yBAAmF;AAsB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;;;ACnCA,IAAAA,sBAAqE;AAmH9D,SAAS,mBAAoC;AAAA,EAClD;AAAA,EACA;AACF,GAG8B;AAC5B,aAAO,gCAAW;AAAA,IAChB,SAAS,QAAQ,IAAI,CAAC,UAA2B,iCAAK,QAAL,EAAY,UAAU,KAAK,EAAE;AAAA,IAC9E;AAAA,EACF,CAAC;AACH;;;AC7HA,IAAAC,sBAMO;AAyBA,SAAS,yBAMd,SAC+C;AAC/C,aAAO,sCAAiB,iCACnB,UADmB;AAAA,IAEtB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,EACpB,EAAC;AACH;;;AChCM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAVF,IASE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACJpC,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACOM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAdF,IAaE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;AClBrD,IAAAC,sBAA6E;AAYpE,IAAAC,sBAAA;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAPF,IAMmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,6EAAG,uBAAS,iCAAY,OAAO,CAAC,GAAE;AAC3C;;;ACbA,mBAA8B;AAC9B,IAAAC,sBAA2C;AAC3C,IAAAC,gBAA6E;AAYzE,IAAAC,sBAAA;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAXL,IAWG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,QAAI,gDAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,qBAAmB,cAAc;AACnC;","names":["import_react_query","import_react_query","import_jsx_runtime","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/useSuspenseQueries.ts","../src/useSuspenseInfiniteQuery.ts","../src/usePrefetchQuery.ts","../src/usePrefetchInfiniteQuery.ts","../src/SuspenseQuery.tsx","../src/SuspenseQueries.tsx","../src/SuspenseInfiniteQuery.tsx","../src/PrefetchQuery.tsx","../src/PrefetchInfiniteQuery.tsx","../src/Mutation.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'\nexport { useSuspenseQuery } from './useSuspenseQuery'\nexport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\nexport { useSuspenseQueries } from './useSuspenseQueries'\nexport type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'\nexport { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'\nexport type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'\nexport { usePrefetchQuery } from './usePrefetchQuery'\nexport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\nexport { PrefetchQuery } from './PrefetchQuery'\nexport { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'\nexport { Mutation } from './Mutation'\nexport { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { OmitKeyof, RequiredKeyof } from '@suspensive/utils'\nimport type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\n\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options:\n | SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n | UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n) {\n return options\n}\n","import type { OmitKeyof, RequiredKeyof } from '@suspensive/utils'\nimport type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\n\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\n/**\n * @experimental This is experimental feature.\n */\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n","import type { OmitKeyof } from '@suspensive/utils'\nimport { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\n\nexport interface UseSuspenseQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<UseQueryResult<TData, TError>, keyof Pick<UseQueryResult, 'isPlaceholderData'>> {\n data: TData\n status: 'success'\n}\n\nexport interface UseSuspenseQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> extends OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n > {}\n\n/**\n * This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery}\n */\nexport function useSuspenseQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n return useQuery<TQueryFnData, TError, TData, TQueryKey>({\n ...options,\n enabled: true,\n useErrorBoundary: true,\n suspense: true,\n }) as UseSuspenseQueryResult<TData, TError>\n}\n","import { type QueryFunction, type UseQueryOptions, useQueries } from '@tanstack/react-query'\nimport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\n\n// Avoid TS depth-limit error in case of large array literal\ntype MAXIMUM_DEPTH = 20\n\ntype GetSuspenseOptions<T> =\n // Part 1: responsible for applying explicit type parameter to function arguments, if object { queryFnData: TQueryFnData, error: TError, data: TData }\n T extends {\n queryFnData: infer TQueryFnData\n error?: infer TError\n data: infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryOptions<unknown, TError, TData>\n : // Part 2: responsible for applying explicit type parameter to function arguments, if tuple [TQueryFnData, TError, TData]\n T extends [infer TQueryFnData, infer TError, infer TData]\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryOptions<TQueryFnData>\n : // Part 3: responsible for inferring and enforcing type if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TData, TQueryKey>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TQueryFnData, TQueryKey>\n : // Fallback\n UseSuspenseQueryOptions\n\ntype GetSuspenseResults<T> =\n // Part 1: responsible for mapping explicit type parameter to function result, if object\n T extends { queryFnData: any; error?: infer TError; data: infer TData }\n ? UseSuspenseQueryResult<TData, TError>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryResult<TData, TError>\n : // Part 2: responsible for mapping explicit type parameter to function result, if tuple\n T extends [any, infer TError, infer TData]\n ? UseSuspenseQueryResult<TData, TError>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Part 3: responsible for mapping inferred type to results, if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n }\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Fallback\n UseSuspenseQueryResult\n\n/**\n * SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryOptions>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseOptions<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesOptions<[...Tail], [...TResult, GetSuspenseOptions<Head>], [...TDepth, 1]>\n : Array<unknown> extends T\n ? T\n : // If T is *some* array but we couldn't assign unknown[] to it, then it must hold some known/homogenous type!\n // use this to infer the param types in the case of Array.map() argument\n T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>>\n ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>\n : // Fallback\n Array<UseSuspenseQueryOptions>\n\n/**\n * SuspenseQueriesResults reducer recursively maps type param to results\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryResult>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseResults<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesResults<[...Tail], [...TResult, GetSuspenseResults<Head>], [...TDepth, 1]>\n : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, any>>\n ? // Dynamic-size (homogenous) UseQueryOptions array: map directly to array of results\n Array<UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, TError>>\n : // Fallback\n Array<UseSuspenseQueryResult>\n\n/**\n * This hook is wrapping useQueries of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQueries}\n */\nexport function useSuspenseQueries<T extends any[]>({\n queries,\n context,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n context?: UseQueryOptions['context']\n}): SuspenseQueriesResults<T> {\n return useQueries({\n queries: queries.map((query: typeof queries) => ({ ...query, suspense: true })),\n context,\n }) as SuspenseQueriesResults<T>\n}\n","import type { OmitKeyof } from '@suspensive/utils'\nimport {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\n\nexport interface UseSuspenseInfiniteQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<\n UseInfiniteQueryResult<TData, TError>,\n keyof Pick<UseInfiniteQueryResult<TData, TError>, 'isPlaceholderData'>\n > {\n data: InfiniteData<TData>\n status: 'success'\n}\n\nexport interface UseSuspenseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> extends OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'\n > {}\n\n/**\n * This hook is wrapping useInfiniteQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseInfiniteQuery}\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n return useInfiniteQuery({\n ...options,\n enabled: true,\n suspense: true,\n useErrorBoundary: true,\n }) as UseSuspenseInfiniteQueryResult<TData, TError>\n}\n","import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\nexport const SuspenseInfiniteQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseInfiniteQuery(options))}</>\n","import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n","import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({\n children,\n ...options\n}: UseMutationOptions<TData, TError, TVariables, TContext> & {\n children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode\n}) {\n return <>{children(useMutation(options))}</>\n}\n","import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @see {@link https://suspensive.org/docs/react-query/QueryErrorBoundary}\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACyEO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;;;ACJO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;ACjFA,yBAAmF;AAsB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;;;ACnCA,IAAAA,sBAAqE;AAmH9D,SAAS,mBAAoC;AAAA,EAClD;AAAA,EACA;AACF,GAG8B;AAC5B,aAAO,gCAAW;AAAA,IAChB,SAAS,QAAQ,IAAI,CAAC,UAA2B,iCAAK,QAAL,EAAY,UAAU,KAAK,EAAE;AAAA,IAC9E;AAAA,EACF,CAAC;AACH;;;AC7HA,IAAAC,sBAMO;AAyBA,SAAS,yBAMd,SAC+C;AAC/C,aAAO,sCAAiB,iCACnB,UADmB;AAAA,IAEtB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,EACpB,EAAC;AACH;;;AC9CA,IAAAC,sBAAsE;AAE/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;;;ACbA,IAAAC,sBAA8E;AAEvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;;;ACCM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAVF,IASE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACJpC,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACOM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAdF,IAaE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;ACR5C,IAAAC,sBAAA;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,6EAAE;AACX;;;ACDS,IAAAC,sBAAA;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,6EAAE;AACX;;;ACXA,IAAAC,sBAA6E;AAYpE,IAAAC,sBAAA;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAPF,IAMmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,6EAAG,uBAAS,iCAAY,OAAO,CAAC,GAAE;AAC3C;;;ACbA,mBAA8B;AAC9B,IAAAC,sBAA2C;AAC3C,IAAAC,gBAA6E;AAYzE,IAAAC,sBAAA;AANG,IAAM,yBAAqB,0BAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAXL,IAWG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,QAAI,gDAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,qBAAmB,cAAc;AACnC;","names":["import_react_query","import_react_query","import_react_query","import_react_query","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}
package/dist/index.d.cts CHANGED
@@ -3,9 +3,13 @@ export { SelectedInfiniteOptions, UnSelectedInfiniteOptions, infiniteQueryOption
3
3
  export { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery.cjs';
4
4
  export { SuspenseQueriesOptions, SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries.cjs';
5
5
  export { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery.cjs';
6
+ export { usePrefetchQuery } from './usePrefetchQuery.cjs';
7
+ export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery.cjs';
6
8
  export { SuspenseQuery } from './SuspenseQuery.cjs';
7
9
  export { SuspenseQueries } from './SuspenseQueries.cjs';
8
10
  export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.cjs';
11
+ export { PrefetchQuery } from './PrefetchQuery.cjs';
12
+ export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery.cjs';
9
13
  export { Mutation } from './Mutation.cjs';
10
14
  export { QueryErrorBoundary } from './QueryErrorBoundary.cjs';
11
15
  import '@suspensive/utils';
package/dist/index.d.ts CHANGED
@@ -3,9 +3,13 @@ export { SelectedInfiniteOptions, UnSelectedInfiniteOptions, infiniteQueryOption
3
3
  export { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery.js';
4
4
  export { SuspenseQueriesOptions, SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries.js';
5
5
  export { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery.js';
6
+ export { usePrefetchQuery } from './usePrefetchQuery.js';
7
+ export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery.js';
6
8
  export { SuspenseQuery } from './SuspenseQuery.js';
7
9
  export { SuspenseQueries } from './SuspenseQueries.js';
8
10
  export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.js';
11
+ export { PrefetchQuery } from './PrefetchQuery.js';
12
+ export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery.js';
9
13
  export { Mutation } from './Mutation.js';
10
14
  export { QueryErrorBoundary } from './QueryErrorBoundary.js';
11
15
  import '@suspensive/utils';
package/dist/index.js CHANGED
@@ -1,7 +1,25 @@
1
1
  "use client"
2
+ import {
3
+ infiniteQueryOptions
4
+ } from "./chunk-INXQLUAG.js";
5
+ import {
6
+ queryOptions
7
+ } from "./chunk-Q4KHEUPO.js";
2
8
  import {
3
9
  Mutation
4
10
  } from "./chunk-JMZC2U4M.js";
11
+ import {
12
+ PrefetchInfiniteQuery
13
+ } from "./chunk-3LTCP5MM.js";
14
+ import {
15
+ usePrefetchInfiniteQuery
16
+ } from "./chunk-JSOYNYMT.js";
17
+ import {
18
+ PrefetchQuery
19
+ } from "./chunk-A3224DN2.js";
20
+ import {
21
+ usePrefetchQuery
22
+ } from "./chunk-E6ZR4G6A.js";
5
23
  import {
6
24
  QueryErrorBoundary
7
25
  } from "./chunk-P5MROV72.js";
@@ -23,21 +41,19 @@ import {
23
41
  import {
24
42
  useSuspenseQuery
25
43
  } from "./chunk-NKKRZH3C.js";
26
- import {
27
- infiniteQueryOptions
28
- } from "./chunk-INXQLUAG.js";
29
- import {
30
- queryOptions
31
- } from "./chunk-Q4KHEUPO.js";
32
44
  import "./chunk-QETBZSG5.js";
33
45
  export {
34
46
  Mutation,
47
+ PrefetchInfiniteQuery,
48
+ PrefetchQuery,
35
49
  QueryErrorBoundary,
36
50
  SuspenseInfiniteQuery,
37
51
  SuspenseQueries,
38
52
  SuspenseQuery,
39
53
  infiniteQueryOptions,
40
54
  queryOptions,
55
+ usePrefetchInfiniteQuery,
56
+ usePrefetchQuery,
41
57
  useSuspenseInfiniteQuery,
42
58
  useSuspenseQueries,
43
59
  useSuspenseQuery
@@ -0,0 +1,38 @@
1
+ "use client"
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/usePrefetchInfiniteQuery.ts
22
+ var usePrefetchInfiniteQuery_exports = {};
23
+ __export(usePrefetchInfiniteQuery_exports, {
24
+ usePrefetchInfiniteQuery: () => usePrefetchInfiniteQuery
25
+ });
26
+ module.exports = __toCommonJS(usePrefetchInfiniteQuery_exports);
27
+ var import_react_query = require("@tanstack/react-query");
28
+ function usePrefetchInfiniteQuery(options) {
29
+ const queryClient = (0, import_react_query.useQueryClient)();
30
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
31
+ queryClient.prefetchInfiniteQuery(options);
32
+ }
33
+ }
34
+ // Annotate the CommonJS export names for ESM import in node:
35
+ 0 && (module.exports = {
36
+ usePrefetchInfiniteQuery
37
+ });
38
+ //# sourceMappingURL=usePrefetchInfiniteQuery.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/usePrefetchInfiniteQuery.ts"],"sourcesContent":["import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA8E;AAEvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,kBAAc,mCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;","names":[]}
@@ -0,0 +1,5 @@
1
+ import { QueryKey, FetchInfiniteQueryOptions } from '@tanstack/react-query';
2
+
3
+ declare function usePrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): void;
4
+
5
+ export { usePrefetchInfiniteQuery };
@@ -0,0 +1,5 @@
1
+ import { QueryKey, FetchInfiniteQueryOptions } from '@tanstack/react-query';
2
+
3
+ declare function usePrefetchInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>): void;
4
+
5
+ export { usePrefetchInfiniteQuery };
@@ -0,0 +1,9 @@
1
+ "use client"
2
+ import {
3
+ usePrefetchInfiniteQuery
4
+ } from "./chunk-JSOYNYMT.js";
5
+ import "./chunk-QETBZSG5.js";
6
+ export {
7
+ usePrefetchInfiniteQuery
8
+ };
9
+ //# sourceMappingURL=usePrefetchInfiniteQuery.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,38 @@
1
+ "use client"
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/usePrefetchQuery.ts
22
+ var usePrefetchQuery_exports = {};
23
+ __export(usePrefetchQuery_exports, {
24
+ usePrefetchQuery: () => usePrefetchQuery
25
+ });
26
+ module.exports = __toCommonJS(usePrefetchQuery_exports);
27
+ var import_react_query = require("@tanstack/react-query");
28
+ function usePrefetchQuery(options) {
29
+ const queryClient = (0, import_react_query.useQueryClient)();
30
+ if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
31
+ queryClient.prefetchQuery(options);
32
+ }
33
+ }
34
+ // Annotate the CommonJS export names for ESM import in node:
35
+ 0 && (module.exports = {
36
+ usePrefetchQuery
37
+ });
38
+ //# sourceMappingURL=usePrefetchQuery.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/usePrefetchQuery.ts"],"sourcesContent":["import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAsE;AAE/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,kBAAc,mCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;","names":[]}
@@ -0,0 +1,5 @@
1
+ import { QueryKey, FetchQueryOptions } from '@tanstack/react-query';
2
+
3
+ declare function usePrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): void;
4
+
5
+ export { usePrefetchQuery };
@@ -0,0 +1,5 @@
1
+ import { QueryKey, FetchQueryOptions } from '@tanstack/react-query';
2
+
3
+ declare function usePrefetchQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>): void;
4
+
5
+ export { usePrefetchQuery };
@@ -0,0 +1,9 @@
1
+ "use client"
2
+ import {
3
+ usePrefetchQuery
4
+ } from "./chunk-E6ZR4G6A.js";
5
+ import "./chunk-QETBZSG5.js";
6
+ export {
7
+ usePrefetchQuery
8
+ };
9
+ //# sourceMappingURL=usePrefetchQuery.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@suspensive/react-query-4",
3
- "version": "2.14.2",
3
+ "version": "2.16.0",
4
4
  "description": "Useful helpers for @tanstack/react-query@4 with suspense",
5
5
  "keywords": [
6
6
  "suspensive",
@@ -39,19 +39,19 @@
39
39
  "src"
40
40
  ],
41
41
  "dependencies": {
42
- "@suspensive/utils": "2.14.2"
42
+ "@suspensive/utils": "2.16.0"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@tanstack/react-query": "^4.36.1",
46
- "@types/react": "^18.3.3",
46
+ "@types/react": "^18.3.5",
47
47
  "react": "^18.3.1",
48
48
  "@suspensive/eslint-config": "0.0.0",
49
- "@suspensive/react": "2.14.2",
49
+ "@suspensive/react": "2.16.0",
50
50
  "@suspensive/tsconfig": "0.0.0-development",
51
51
  "@suspensive/tsup": "0.0.0"
52
52
  },
53
53
  "peerDependencies": {
54
- "@suspensive/react": "^2.14.2",
54
+ "@suspensive/react": "^2.16.0",
55
55
  "@tanstack/react-query": "^4",
56
56
  "react": "^18"
57
57
  },
@@ -0,0 +1,62 @@
1
+ import { queryFn, queryKey } from '@suspensive/utils'
2
+ import type { ReactNode } from 'react'
3
+ import { describe, expectTypeOf, it } from 'vitest'
4
+ import { infiniteQueryOptions } from './infiniteQueryOptions'
5
+ import { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
6
+
7
+ describe('<PrefetchInfiniteQuery/>', () => {
8
+ it('type check', () => {
9
+ ;() => (
10
+ <PrefetchInfiniteQuery
11
+ queryKey={queryKey}
12
+ queryFn={queryFn}
13
+ //@ts-expect-error no suspense
14
+ suspense={boolean}
15
+ />
16
+ )
17
+ ;() => (
18
+ <PrefetchInfiniteQuery
19
+ queryKey={queryKey}
20
+ queryFn={queryFn}
21
+ //@ts-expect-error no useErrorBoundary
22
+ useErrorBoundary={boolean}
23
+ />
24
+ )
25
+ ;() => (
26
+ <PrefetchInfiniteQuery
27
+ queryKey={queryKey}
28
+ queryFn={queryFn}
29
+ //@ts-expect-error no enabled
30
+ enabled={boolean}
31
+ />
32
+ )
33
+ ;() => (
34
+ <PrefetchInfiniteQuery
35
+ queryKey={queryKey}
36
+ queryFn={queryFn}
37
+ //@ts-expect-error no placeholderData
38
+ placeholderData="placeholder"
39
+ />
40
+ )
41
+ ;() => (
42
+ <PrefetchInfiniteQuery
43
+ queryKey={queryKey}
44
+ queryFn={queryFn}
45
+ //@ts-expect-error no placeholderData
46
+ placeholderData="placeholder"
47
+ />
48
+ )
49
+ ;() => <PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />
50
+ const options = infiniteQueryOptions({
51
+ queryKey,
52
+ queryFn,
53
+ })
54
+ ;() => <PrefetchInfiniteQuery {...options} />
55
+ expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<JSX.Element>()
56
+ expectTypeOf(<PrefetchInfiniteQuery queryKey={queryKey} queryFn={queryFn} />).not.toEqualTypeOf<ReactNode>()
57
+ expectTypeOf(<PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>).toEqualTypeOf<JSX.Element>()
58
+ expectTypeOf(
59
+ <PrefetchInfiniteQuery {...options}>{() => <></>}</PrefetchInfiniteQuery>
60
+ ).not.toEqualTypeOf<ReactNode>()
61
+ })
62
+ })
@@ -0,0 +1,12 @@
1
+ import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'
2
+ import { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
3
+
4
+ export function PrefetchInfiniteQuery<
5
+ TQueryFnData = unknown,
6
+ TError = unknown,
7
+ TData = TQueryFnData,
8
+ TQueryKey extends QueryKey = QueryKey,
9
+ >(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {
10
+ usePrefetchInfiniteQuery(options)
11
+ return <></>
12
+ }
@@ -0,0 +1,60 @@
1
+ import { queryFn, queryKey } from '@suspensive/utils'
2
+ import type { ReactNode } from 'react'
3
+ import { describe, expectTypeOf, it } from 'vitest'
4
+ import { PrefetchQuery } from './PrefetchQuery'
5
+ import { queryOptions } from './queryOptions'
6
+
7
+ describe('<PrefetchQuery/>', () => {
8
+ it('type check', () => {
9
+ ;() => (
10
+ <PrefetchQuery
11
+ queryKey={queryKey}
12
+ queryFn={queryFn}
13
+ //@ts-expect-error no suspense
14
+ suspense={boolean}
15
+ />
16
+ )
17
+ ;() => (
18
+ <PrefetchQuery
19
+ queryKey={queryKey}
20
+ queryFn={queryFn}
21
+ //@ts-expect-error no useErrorBoundary
22
+ useErrorBoundary={boolean}
23
+ />
24
+ )
25
+ ;() => (
26
+ <PrefetchQuery
27
+ queryKey={queryKey}
28
+ queryFn={queryFn}
29
+ //@ts-expect-error no enabled
30
+ enabled={boolean}
31
+ />
32
+ )
33
+ ;() => (
34
+ <PrefetchQuery
35
+ queryKey={queryKey}
36
+ queryFn={queryFn}
37
+ //@ts-expect-error no placeholderData
38
+ placeholderData="placeholder"
39
+ />
40
+ )
41
+ ;() => (
42
+ <PrefetchQuery
43
+ queryKey={queryKey}
44
+ queryFn={queryFn}
45
+ //@ts-expect-error no placeholderData
46
+ placeholderData="placeholder"
47
+ />
48
+ )
49
+ ;() => <PrefetchQuery queryKey={queryKey} queryFn={queryFn} />
50
+ const options = queryOptions({
51
+ queryKey,
52
+ queryFn,
53
+ })
54
+ ;() => <PrefetchQuery {...options} />
55
+ expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).toEqualTypeOf<JSX.Element>()
56
+ expectTypeOf(<PrefetchQuery queryKey={queryKey} queryFn={queryFn} />).not.toEqualTypeOf<ReactNode>()
57
+ expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).toEqualTypeOf<JSX.Element>()
58
+ expectTypeOf(<PrefetchQuery {...options}>{() => <></>}</PrefetchQuery>).not.toEqualTypeOf<ReactNode>()
59
+ })
60
+ })
@@ -0,0 +1,12 @@
1
+ import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'
2
+ import { usePrefetchQuery } from './usePrefetchQuery'
3
+
4
+ export function PrefetchQuery<
5
+ TQueryFnData = unknown,
6
+ TError = unknown,
7
+ TData = TQueryFnData,
8
+ TQueryKey extends QueryKey = QueryKey,
9
+ >(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {
10
+ usePrefetchQuery(options)
11
+ return <></>
12
+ }
package/src/index.ts CHANGED
@@ -8,9 +8,13 @@ export { useSuspenseQueries } from './useSuspenseQueries'
8
8
  export type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'
9
9
  export { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'
10
10
  export type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'
11
+ export { usePrefetchQuery } from './usePrefetchQuery'
12
+ export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
11
13
 
12
14
  export { SuspenseQuery } from './SuspenseQuery'
13
15
  export { SuspenseQueries } from './SuspenseQueries'
14
16
  export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
17
+ export { PrefetchQuery } from './PrefetchQuery'
18
+ export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
15
19
  export { Mutation } from './Mutation'
16
20
  export { QueryErrorBoundary } from './QueryErrorBoundary'
@@ -3,6 +3,7 @@ import { type InfiniteData, type UseInfiniteQueryResult, useInfiniteQuery, useQu
3
3
  import { describe, expectTypeOf, it } from 'vitest'
4
4
  import { infiniteQueryOptions } from './infiniteQueryOptions'
5
5
  import { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
6
+ import { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
6
7
  import { type UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'
7
8
 
8
9
  const infiniteQuery = {
@@ -77,7 +78,12 @@ describe('infiniteQueryOptions', () => {
77
78
  </SuspenseInfiniteQuery>
78
79
  ))()
79
80
  })
80
-
81
+ it('should be used with usePrefetchInfiniteQuery', () => {
82
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
83
+ expectTypeOf(usePrefetchInfiniteQuery(infiniteQuery.options1())).toMatchTypeOf<void>()
84
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
85
+ expectTypeOf(usePrefetchInfiniteQuery({ ...infiniteQuery.options1() })).toMatchTypeOf<void>()
86
+ })
81
87
  it('should be used with useQueryClient', async () => {
82
88
  const queryClient = useQueryClient()
83
89
 
@@ -3,6 +3,7 @@ import { type UseQueryResult, useQueries, useQuery, useQueryClient } from '@tans
3
3
  import { describe, expectTypeOf, it } from 'vitest'
4
4
  import { queryOptions } from './queryOptions'
5
5
  import { SuspenseQuery } from './SuspenseQuery'
6
+ import { usePrefetchQuery } from './usePrefetchQuery'
6
7
  import { useSuspenseQueries } from './useSuspenseQueries'
7
8
  import { type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'
8
9
 
@@ -56,7 +57,6 @@ describe('queryOptions', () => {
56
57
  </SuspenseQuery>
57
58
  ))()
58
59
  })
59
-
60
60
  it('should be used with useQueries', () => {
61
61
  const [query1, query2, query3] = useQueries({
62
62
  queries: [
@@ -102,7 +102,12 @@ describe('queryOptions', () => {
102
102
  expectTypeOf(query3).toEqualTypeOf<UseSuspenseQueryResult<string>>()
103
103
  expectTypeOf(query3.data).toEqualTypeOf<string>()
104
104
  })
105
-
105
+ it('should be used with usePrefetchQuery', () => {
106
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
107
+ expectTypeOf(usePrefetchQuery(query.options1())).toMatchTypeOf<void>()
108
+ // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
109
+ expectTypeOf(usePrefetchQuery({ ...query.options1() })).toMatchTypeOf<void>()
110
+ })
106
111
  it('should be used with useQueryClient', async () => {
107
112
  const queryClient = useQueryClient()
108
113
 
@@ -0,0 +1,14 @@
1
+ import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'
2
+
3
+ export function usePrefetchInfiniteQuery<
4
+ TQueryFnData = unknown,
5
+ TError = unknown,
6
+ TData = TQueryFnData,
7
+ TQueryKey extends QueryKey = QueryKey,
8
+ >(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {
9
+ const queryClient = useQueryClient()
10
+
11
+ if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {
12
+ queryClient.prefetchInfiniteQuery(options)
13
+ }
14
+ }
@@ -0,0 +1,14 @@
1
+ import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'
2
+
3
+ export function usePrefetchQuery<
4
+ TQueryFnData = unknown,
5
+ TError = unknown,
6
+ TData = TQueryFnData,
7
+ TQueryKey extends QueryKey = QueryKey,
8
+ >(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {
9
+ const queryClient = useQueryClient()
10
+
11
+ if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {
12
+ queryClient.prefetchQuery(options)
13
+ }
14
+ }