@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.
- package/dist/PrefetchInfiniteQuery.cjs +47 -0
- package/dist/PrefetchInfiniteQuery.cjs.map +1 -0
- package/dist/PrefetchInfiniteQuery.d.cts +6 -0
- package/dist/PrefetchInfiniteQuery.d.ts +6 -0
- package/dist/PrefetchInfiniteQuery.js +10 -0
- package/dist/PrefetchInfiniteQuery.js.map +1 -0
- package/dist/PrefetchQuery.cjs +47 -0
- package/dist/PrefetchQuery.cjs.map +1 -0
- package/dist/PrefetchQuery.d.cts +6 -0
- package/dist/PrefetchQuery.d.ts +6 -0
- package/dist/PrefetchQuery.js +10 -0
- package/dist/PrefetchQuery.js.map +1 -0
- package/dist/chunk-3LTCP5MM.js +16 -0
- package/dist/chunk-3LTCP5MM.js.map +1 -0
- package/dist/chunk-A3224DN2.js +16 -0
- package/dist/chunk-A3224DN2.js.map +1 -0
- package/dist/chunk-E6ZR4G6A.js +15 -0
- package/dist/chunk-E6ZR4G6A.js.map +1 -0
- package/dist/chunk-JSOYNYMT.js +15 -0
- package/dist/chunk-JSOYNYMT.js.map +1 -0
- package/dist/index.cjs +47 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +22 -6
- package/dist/usePrefetchInfiniteQuery.cjs +38 -0
- package/dist/usePrefetchInfiniteQuery.cjs.map +1 -0
- package/dist/usePrefetchInfiniteQuery.d.cts +5 -0
- package/dist/usePrefetchInfiniteQuery.d.ts +5 -0
- package/dist/usePrefetchInfiniteQuery.js +9 -0
- package/dist/usePrefetchInfiniteQuery.js.map +1 -0
- package/dist/usePrefetchQuery.cjs +38 -0
- package/dist/usePrefetchQuery.cjs.map +1 -0
- package/dist/usePrefetchQuery.d.cts +5 -0
- package/dist/usePrefetchQuery.d.ts +5 -0
- package/dist/usePrefetchQuery.js +9 -0
- package/dist/usePrefetchQuery.js.map +1 -0
- package/package.json +5 -5
- package/src/PrefetchInfiniteQuery.test-d.tsx +62 -0
- package/src/PrefetchInfiniteQuery.tsx +12 -0
- package/src/PrefetchQuery.test-d.tsx +60 -0
- package/src/PrefetchQuery.tsx +12 -0
- package/src/index.ts +4 -0
- package/src/infiniteQueryOptions.test-d.tsx +7 -1
- package/src/queryOptions.test-d.tsx +7 -2
- package/src/usePrefetchInfiniteQuery.ts +14 -0
- 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 @@
|
|
|
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 @@
|
|
|
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/
|
|
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,
|
|
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
|
|
189
|
+
var import_react_query7 = require("@tanstack/react-query");
|
|
154
190
|
var import_react2 = require("react");
|
|
155
|
-
var
|
|
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,
|
|
159
|
-
return /* @__PURE__ */ (0,
|
|
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
|
package/dist/index.cjs.map
CHANGED
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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.
|
|
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.
|
|
42
|
+
"@suspensive/utils": "2.16.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@tanstack/react-query": "^4.36.1",
|
|
46
|
-
"@types/react": "^18.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.
|
|
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.
|
|
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
|
+
}
|