@suspensive/react-query-4 2.15.0 → 2.16.1

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 (42) hide show
  1. package/dist/Mutation.cjs.map +1 -1
  2. package/dist/Mutation.d.cts +0 -3
  3. package/dist/Mutation.d.ts +0 -3
  4. package/dist/Mutation.js +1 -1
  5. package/dist/PrefetchInfiniteQuery.cjs +47 -0
  6. package/dist/PrefetchInfiniteQuery.cjs.map +1 -0
  7. package/dist/PrefetchInfiniteQuery.d.cts +6 -0
  8. package/dist/PrefetchInfiniteQuery.d.ts +6 -0
  9. package/dist/PrefetchInfiniteQuery.js +10 -0
  10. package/dist/PrefetchInfiniteQuery.js.map +1 -0
  11. package/dist/PrefetchQuery.cjs +47 -0
  12. package/dist/PrefetchQuery.cjs.map +1 -0
  13. package/dist/PrefetchQuery.d.cts +6 -0
  14. package/dist/PrefetchQuery.d.ts +6 -0
  15. package/dist/PrefetchQuery.js +10 -0
  16. package/dist/PrefetchQuery.js.map +1 -0
  17. package/dist/chunk-3LTCP5MM.js +16 -0
  18. package/dist/chunk-3LTCP5MM.js.map +1 -0
  19. package/dist/chunk-A3224DN2.js +16 -0
  20. package/dist/chunk-A3224DN2.js.map +1 -0
  21. package/dist/{chunk-INXQLUAG.js → chunk-BCBH6GA5.js} +1 -1
  22. package/dist/{chunk-INXQLUAG.js.map → chunk-BCBH6GA5.js.map} +1 -1
  23. package/dist/{chunk-JMZC2U4M.js → chunk-X7BBVL5B.js} +1 -1
  24. package/dist/chunk-X7BBVL5B.js.map +1 -0
  25. package/dist/index.cjs +22 -4
  26. package/dist/index.cjs.map +1 -1
  27. package/dist/index.d.cts +2 -0
  28. package/dist/index.d.ts +2 -0
  29. package/dist/index.js +17 -9
  30. package/dist/infiniteQueryOptions.cjs.map +1 -1
  31. package/dist/infiniteQueryOptions.d.cts +0 -6
  32. package/dist/infiniteQueryOptions.d.ts +0 -6
  33. package/dist/infiniteQueryOptions.js +1 -1
  34. package/package.json +4 -4
  35. package/src/Mutation.tsx +0 -3
  36. package/src/PrefetchInfiniteQuery.test-d.tsx +62 -0
  37. package/src/PrefetchInfiniteQuery.tsx +12 -0
  38. package/src/PrefetchQuery.test-d.tsx +60 -0
  39. package/src/PrefetchQuery.tsx +12 -0
  40. package/src/index.ts +2 -0
  41. package/src/infiniteQueryOptions.ts +0 -11
  42. package/dist/chunk-JMZC2U4M.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Mutation.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA6E;AAYpE;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAPF,IAMmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,2EAAG,uBAAS,gCAAY,OAAO,CAAC,GAAE;AAC3C;","names":[]}
1
+ {"version":3,"sources":["../src/Mutation.tsx"],"sourcesContent":["import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA6E;AASpE;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAJF,IAGmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,2EAAG,uBAAS,gCAAY,OAAO,CAAC,GAAE;AAC3C;","names":[]}
@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
3
3
  import { ReactNode } from 'react';
4
4
 
5
- /**
6
- * @experimental This is experimental feature.
7
- */
8
5
  declare function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({ children, ...options }: UseMutationOptions<TData, TError, TVariables, TContext> & {
9
6
  children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode;
10
7
  }): react_jsx_runtime.JSX.Element;
@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
3
3
  import { ReactNode } from 'react';
4
4
 
5
- /**
6
- * @experimental This is experimental feature.
7
- */
8
5
  declare function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({ children, ...options }: UseMutationOptions<TData, TError, TVariables, TContext> & {
9
6
  children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode;
10
7
  }): react_jsx_runtime.JSX.Element;
package/dist/Mutation.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Mutation
4
- } from "./chunk-JMZC2U4M.js";
4
+ } from "./chunk-X7BBVL5B.js";
5
5
  import "./chunk-QETBZSG5.js";
6
6
  export {
7
7
  Mutation
@@ -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":[]}
@@ -8,4 +8,4 @@ function infiniteQueryOptions(options) {
8
8
  export {
9
9
  infiniteQueryOptions
10
10
  };
11
- //# sourceMappingURL=chunk-INXQLUAG.js.map
11
+ //# sourceMappingURL=chunk-BCBH6GA5.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["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"],"mappings":";;;AAgFO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}
1
+ {"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["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\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>\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>\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n"],"mappings":";;;AAqEO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}
@@ -18,4 +18,4 @@ function Mutation(_a) {
18
18
  export {
19
19
  Mutation
20
20
  };
21
- //# sourceMappingURL=chunk-JMZC2U4M.js.map
21
+ //# sourceMappingURL=chunk-X7BBVL5B.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Mutation.tsx"],"sourcesContent":["import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\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"],"mappings":";;;;;;AAAA,SAA0D,mBAAmB;AASpE;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAJF,IAGmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,gCAAG,mBAAS,YAAY,OAAO,CAAC,GAAE;AAC3C;","names":[]}
package/dist/index.cjs CHANGED
@@ -51,6 +51,8 @@ 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,
@@ -156,27 +158,41 @@ var SuspenseInfiniteQuery = (_a) => {
156
158
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: children(useSuspenseInfiniteQuery(options)) });
157
159
  };
158
160
 
161
+ // src/PrefetchQuery.tsx
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
+
159
175
  // src/Mutation.tsx
160
176
  var import_react_query6 = require("@tanstack/react-query");
161
- var import_jsx_runtime4 = require("react/jsx-runtime");
177
+ var import_jsx_runtime6 = require("react/jsx-runtime");
162
178
  function Mutation(_a) {
163
179
  var _b = _a, {
164
180
  children
165
181
  } = _b, options = __objRest(_b, [
166
182
  "children"
167
183
  ]);
168
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: children((0, import_react_query6.useMutation)(options)) });
184
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children((0, import_react_query6.useMutation)(options)) });
169
185
  }
170
186
 
171
187
  // src/QueryErrorBoundary.tsx
172
188
  var import_react = require("@suspensive/react");
173
189
  var import_react_query7 = require("@tanstack/react-query");
174
190
  var import_react2 = require("react");
175
- var import_jsx_runtime5 = require("react/jsx-runtime");
191
+ var import_jsx_runtime7 = require("react/jsx-runtime");
176
192
  var QueryErrorBoundary = (0, import_react2.forwardRef)((_a, resetRef) => {
177
193
  var _b = _a, { onReset } = _b, props = __objRest(_b, ["onReset"]);
178
194
  const { reset } = (0, import_react_query7.useQueryErrorResetBoundary)();
179
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
195
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
180
196
  import_react.ErrorBoundary,
181
197
  __spreadProps(__spreadValues({}, props), {
182
198
  onReset: () => {
@@ -193,6 +209,8 @@ if (process.env.NODE_ENV === "development") {
193
209
  // Annotate the CommonJS export names for ESM import in node:
194
210
  0 && (module.exports = {
195
211
  Mutation,
212
+ PrefetchInfiniteQuery,
213
+ PrefetchQuery,
196
214
  QueryErrorBoundary,
197
215
  SuspenseInfiniteQuery,
198
216
  SuspenseQueries,
@@ -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/usePrefetchQuery.ts","../src/usePrefetchInfiniteQuery.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'\nexport { usePrefetchQuery } from './usePrefetchQuery'\nexport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\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 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 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;;;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;;;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_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\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>\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>\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\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;;;ACfO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;ACtEA,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;AASpE,IAAAC,sBAAA;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAJF,IAGmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,6EAAG,uBAAS,iCAAY,OAAO,CAAC,GAAE;AAC3C;;;ACVA,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
@@ -8,6 +8,8 @@ export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery.cjs';
8
8
  export { SuspenseQuery } from './SuspenseQuery.cjs';
9
9
  export { SuspenseQueries } from './SuspenseQueries.cjs';
10
10
  export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.cjs';
11
+ export { PrefetchQuery } from './PrefetchQuery.cjs';
12
+ export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery.cjs';
11
13
  export { Mutation } from './Mutation.cjs';
12
14
  export { QueryErrorBoundary } from './QueryErrorBoundary.cjs';
13
15
  import '@suspensive/utils';
package/dist/index.d.ts CHANGED
@@ -8,6 +8,8 @@ export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery.js';
8
8
  export { SuspenseQuery } from './SuspenseQuery.js';
9
9
  export { SuspenseQueries } from './SuspenseQueries.js';
10
10
  export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.js';
11
+ export { PrefetchQuery } from './PrefetchQuery.js';
12
+ export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery.js';
11
13
  export { Mutation } from './Mutation.js';
12
14
  export { QueryErrorBoundary } from './QueryErrorBoundary.js';
13
15
  import '@suspensive/utils';
package/dist/index.js CHANGED
@@ -1,13 +1,25 @@
1
1
  "use client"
2
+ import {
3
+ infiniteQueryOptions
4
+ } from "./chunk-BCBH6GA5.js";
5
+ import {
6
+ queryOptions
7
+ } from "./chunk-Q4KHEUPO.js";
8
+ import {
9
+ Mutation
10
+ } from "./chunk-X7BBVL5B.js";
11
+ import {
12
+ PrefetchInfiniteQuery
13
+ } from "./chunk-3LTCP5MM.js";
2
14
  import {
3
15
  usePrefetchInfiniteQuery
4
16
  } from "./chunk-JSOYNYMT.js";
17
+ import {
18
+ PrefetchQuery
19
+ } from "./chunk-A3224DN2.js";
5
20
  import {
6
21
  usePrefetchQuery
7
22
  } from "./chunk-E6ZR4G6A.js";
8
- import {
9
- Mutation
10
- } from "./chunk-JMZC2U4M.js";
11
23
  import {
12
24
  QueryErrorBoundary
13
25
  } from "./chunk-P5MROV72.js";
@@ -29,15 +41,11 @@ import {
29
41
  import {
30
42
  useSuspenseQuery
31
43
  } from "./chunk-NKKRZH3C.js";
32
- import {
33
- infiniteQueryOptions
34
- } from "./chunk-INXQLUAG.js";
35
- import {
36
- queryOptions
37
- } from "./chunk-Q4KHEUPO.js";
38
44
  import "./chunk-QETBZSG5.js";
39
45
  export {
40
46
  Mutation,
47
+ PrefetchInfiniteQuery,
48
+ PrefetchQuery,
41
49
  QueryErrorBoundary,
42
50
  SuspenseInfiniteQuery,
43
51
  SuspenseQueries,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgFO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}
1
+ {"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["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\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>\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>\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}
@@ -7,13 +7,7 @@ type SelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteDat
7
7
  type UnSelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
8
8
  select?: undefined;
9
9
  };
10
- /**
11
- * @experimental This is experimental feature.
12
- */
13
10
  declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
14
- /**
15
- * @experimental This is experimental feature.
16
- */
17
11
  declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
18
12
 
19
13
  export { type SelectedInfiniteOptions, type UnSelectedInfiniteOptions, infiniteQueryOptions };
@@ -7,13 +7,7 @@ type SelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteDat
7
7
  type UnSelectedInfiniteOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
8
8
  select?: undefined;
9
9
  };
10
- /**
11
- * @experimental This is experimental feature.
12
- */
13
10
  declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
14
- /**
15
- * @experimental This is experimental feature.
16
- */
17
11
  declare function infiniteQueryOptions<TQueryFnData, TError = unknown, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey>(options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>;
18
12
 
19
13
  export { type SelectedInfiniteOptions, type UnSelectedInfiniteOptions, infiniteQueryOptions };
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  infiniteQueryOptions
4
- } from "./chunk-INXQLUAG.js";
4
+ } from "./chunk-BCBH6GA5.js";
5
5
  import "./chunk-QETBZSG5.js";
6
6
  export {
7
7
  infiniteQueryOptions
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@suspensive/react-query-4",
3
- "version": "2.15.0",
3
+ "version": "2.16.1",
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.15.0"
42
+ "@suspensive/utils": "2.16.1"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@tanstack/react-query": "^4.36.1",
46
46
  "@types/react": "^18.3.5",
47
47
  "react": "^18.3.1",
48
48
  "@suspensive/eslint-config": "0.0.0",
49
- "@suspensive/react": "2.15.0",
49
+ "@suspensive/react": "2.16.1",
50
50
  "@suspensive/tsconfig": "0.0.0-development",
51
51
  "@suspensive/tsup": "0.0.0"
52
52
  },
53
53
  "peerDependencies": {
54
- "@suspensive/react": "^2.15.0",
54
+ "@suspensive/react": "^2.16.1",
55
55
  "@tanstack/react-query": "^4",
56
56
  "react": "^18"
57
57
  },
package/src/Mutation.tsx CHANGED
@@ -1,9 +1,6 @@
1
1
  import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'
2
2
  import type { ReactNode } from 'react'
3
3
 
4
- /**
5
- * @experimental This is experimental feature.
6
- */
7
4
  export function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({
8
5
  children,
9
6
  ...options
@@ -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
@@ -14,5 +14,7 @@ export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
14
14
  export { SuspenseQuery } from './SuspenseQuery'
15
15
  export { SuspenseQueries } from './SuspenseQueries'
16
16
  export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
17
+ export { PrefetchQuery } from './PrefetchQuery'
18
+ export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
17
19
  export { Mutation } from './Mutation'
18
20
  export { QueryErrorBoundary } from './QueryErrorBoundary'
@@ -51,9 +51,6 @@ export type UnSelectedInfiniteOptions<
51
51
  select?: undefined
52
52
  }
53
53
 
54
- /**
55
- * @experimental This is experimental feature.
56
- */
57
54
  export function infiniteQueryOptions<
58
55
  TQueryFnData,
59
56
  TError = unknown,
@@ -62,10 +59,6 @@ export function infiniteQueryOptions<
62
59
  >(
63
60
  options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
64
61
  ): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
65
-
66
- /**
67
- * @experimental This is experimental feature.
68
- */
69
62
  export function infiniteQueryOptions<
70
63
  TQueryFnData,
71
64
  TError = unknown,
@@ -74,10 +67,6 @@ export function infiniteQueryOptions<
74
67
  >(
75
68
  options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
76
69
  ): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
77
-
78
- /**
79
- * @experimental This is experimental feature.
80
- */
81
70
  export function infiniteQueryOptions(options: unknown) {
82
71
  return options
83
72
  }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Mutation.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAA0D,mBAAmB;AAYpE;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAPF,IAMmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,gCAAG,mBAAS,YAAY,OAAO,CAAC,GAAE;AAC3C;","names":[]}