@suspensive/react-query-4 0.0.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/LICENSE +21 -0
  2. package/dist/OmitKeyof-CFsZLI4k.d.cts +3 -0
  3. package/dist/OmitKeyof-CFsZLI4k.d.ts +3 -0
  4. package/dist/QueryErrorBoundary.cjs +81 -0
  5. package/dist/QueryErrorBoundary.cjs.map +1 -0
  6. package/dist/QueryErrorBoundary.d.cts +29 -0
  7. package/dist/QueryErrorBoundary.d.ts +29 -0
  8. package/dist/QueryErrorBoundary.js +9 -0
  9. package/dist/QueryErrorBoundary.js.map +1 -0
  10. package/dist/SuspenseInfiniteQuery.cjs +81 -0
  11. package/dist/SuspenseInfiniteQuery.cjs.map +1 -0
  12. package/dist/SuspenseInfiniteQuery.d.cts +14 -0
  13. package/dist/SuspenseInfiniteQuery.d.ts +14 -0
  14. package/dist/SuspenseInfiniteQuery.js +10 -0
  15. package/dist/SuspenseInfiniteQuery.js.map +1 -0
  16. package/dist/SuspenseQueries.cjs +69 -0
  17. package/dist/SuspenseQueries.cjs.map +1 -0
  18. package/dist/SuspenseQueries.d.cts +16 -0
  19. package/dist/SuspenseQueries.d.ts +16 -0
  20. package/dist/SuspenseQueries.js +10 -0
  21. package/dist/SuspenseQueries.js.map +1 -0
  22. package/dist/SuspenseQuery.cjs +81 -0
  23. package/dist/SuspenseQuery.cjs.map +1 -0
  24. package/dist/SuspenseQuery.d.cts +14 -0
  25. package/dist/SuspenseQuery.d.ts +14 -0
  26. package/dist/SuspenseQuery.js +10 -0
  27. package/dist/SuspenseQuery.js.map +1 -0
  28. package/dist/chunk-3B63MBHY.js +22 -0
  29. package/dist/chunk-3B63MBHY.js.map +1 -0
  30. package/dist/chunk-BN22WZP6.js +18 -0
  31. package/dist/chunk-BN22WZP6.js.map +1 -0
  32. package/dist/chunk-J3EHCRU6.js +20 -0
  33. package/dist/chunk-J3EHCRU6.js.map +1 -0
  34. package/dist/chunk-MEYWTEWA.js +11 -0
  35. package/dist/chunk-MEYWTEWA.js.map +1 -0
  36. package/dist/chunk-P5MROV72.js +34 -0
  37. package/dist/chunk-P5MROV72.js.map +1 -0
  38. package/dist/chunk-QETBZSG5.js +39 -0
  39. package/dist/chunk-QETBZSG5.js.map +1 -0
  40. package/dist/chunk-S7L2LUVS.js +22 -0
  41. package/dist/chunk-S7L2LUVS.js.map +1 -0
  42. package/dist/chunk-VPKMZV3T.js +23 -0
  43. package/dist/chunk-VPKMZV3T.js.map +1 -0
  44. package/dist/chunk-ZAOCTI7U.js +23 -0
  45. package/dist/chunk-ZAOCTI7U.js.map +1 -0
  46. package/dist/index.cjs +165 -0
  47. package/dist/index.cjs.map +1 -0
  48. package/dist/index.d.cts +13 -0
  49. package/dist/index.d.ts +13 -0
  50. package/dist/index.js +37 -0
  51. package/dist/index.js.map +1 -0
  52. package/dist/queryOptions.cjs +34 -0
  53. package/dist/queryOptions.cjs.map +1 -0
  54. package/dist/queryOptions.d.cts +17 -0
  55. package/dist/queryOptions.d.ts +17 -0
  56. package/dist/queryOptions.js +9 -0
  57. package/dist/queryOptions.js.map +1 -0
  58. package/dist/useSuspenseInfiniteQuery.cjs +56 -0
  59. package/dist/useSuspenseInfiniteQuery.cjs.map +1 -0
  60. package/dist/useSuspenseInfiniteQuery.d.cts +16 -0
  61. package/dist/useSuspenseInfiniteQuery.d.ts +16 -0
  62. package/dist/useSuspenseInfiniteQuery.js +9 -0
  63. package/dist/useSuspenseInfiniteQuery.js.map +1 -0
  64. package/dist/useSuspenseQueries.cjs +58 -0
  65. package/dist/useSuspenseQueries.cjs.map +1 -0
  66. package/dist/useSuspenseQueries.d.cts +55 -0
  67. package/dist/useSuspenseQueries.d.ts +55 -0
  68. package/dist/useSuspenseQueries.js +9 -0
  69. package/dist/useSuspenseQueries.js.map +1 -0
  70. package/dist/useSuspenseQuery.cjs +56 -0
  71. package/dist/useSuspenseQuery.cjs.map +1 -0
  72. package/dist/useSuspenseQuery.d.cts +16 -0
  73. package/dist/useSuspenseQuery.d.ts +16 -0
  74. package/dist/useSuspenseQuery.js +9 -0
  75. package/dist/useSuspenseQuery.js.map +1 -0
  76. package/package.json +80 -0
  77. package/src/QueryErrorBoundary.tsx +27 -0
  78. package/src/SuspenseInfiniteQuery.test-d.tsx +102 -0
  79. package/src/SuspenseInfiniteQuery.tsx +22 -0
  80. package/src/SuspenseQueries.test-d.tsx +54 -0
  81. package/src/SuspenseQueries.tsx +15 -0
  82. package/src/SuspenseQuery.test-d.tsx +94 -0
  83. package/src/SuspenseQuery.tsx +18 -0
  84. package/src/index.ts +13 -0
  85. package/src/queryOptions.test-d.tsx +119 -0
  86. package/src/queryOptions.ts +88 -0
  87. package/src/useSuspenseInfiniteQuery.test-d.ts +59 -0
  88. package/src/useSuspenseInfiniteQuery.ts +47 -0
  89. package/src/useSuspenseQueries.test-d.ts +75 -0
  90. package/src/useSuspenseQueries.ts +127 -0
  91. package/src/useSuspenseQuery.test-d.ts +51 -0
  92. package/src/useSuspenseQuery.ts +36 -0
  93. package/src/utility-types/OmitKeyof.test-d.ts +175 -0
  94. package/src/utility-types/OmitKeyof.ts +11 -0
  95. package/src/utility-types/RequiredKeyof.ts +3 -0
  96. package/src/utility-types/index.ts +2 -0
@@ -0,0 +1,18 @@
1
+ "use client"
2
+ import {
3
+ useSuspenseQueries
4
+ } from "./chunk-S7L2LUVS.js";
5
+
6
+ // src/SuspenseQueries.tsx
7
+ import { Fragment, jsx } from "react/jsx-runtime";
8
+ function SuspenseQueries({
9
+ children,
10
+ queries
11
+ }) {
12
+ return /* @__PURE__ */ jsx(Fragment, { children: children(useSuspenseQueries({ queries })) });
13
+ }
14
+
15
+ export {
16
+ SuspenseQueries
17
+ };
18
+ //# sourceMappingURL=chunk-BN22WZP6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\n/**\n * @experimental This is experimental feature.\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"],"mappings":";;;;;;AAaS;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,gCAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;","names":[]}
@@ -0,0 +1,20 @@
1
+ "use client"
2
+ import {
3
+ __spreadProps,
4
+ __spreadValues
5
+ } from "./chunk-QETBZSG5.js";
6
+
7
+ // src/useSuspenseQuery.ts
8
+ import { useQuery } from "@tanstack/react-query";
9
+ function useSuspenseQuery(options) {
10
+ return useQuery(__spreadProps(__spreadValues({}, options), {
11
+ enabled: true,
12
+ useErrorBoundary: true,
13
+ suspense: true
14
+ }));
15
+ }
16
+
17
+ export {
18
+ useSuspenseQuery
19
+ };
20
+ //# sourceMappingURL=chunk-J3EHCRU6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/useSuspenseQuery.ts"],"sourcesContent":["import { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\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"],"mappings":";;;;;;;AAAA,SAAmE,gBAAgB;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,SAAO,SAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;","names":[]}
@@ -0,0 +1,11 @@
1
+ "use client"
2
+
3
+ // src/queryOptions.ts
4
+ function queryOptions(options) {
5
+ return options;
6
+ }
7
+
8
+ export {
9
+ queryOptions
10
+ };
11
+ //# sourceMappingURL=chunk-MEYWTEWA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/queryOptions.ts"],"sourcesContent":["import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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>\n/**\n * @experimental This is experimental feature.\n */\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"],"mappings":";;;AA4EO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;","names":[]}
@@ -0,0 +1,34 @@
1
+ "use client"
2
+ import {
3
+ __objRest,
4
+ __spreadProps,
5
+ __spreadValues
6
+ } from "./chunk-QETBZSG5.js";
7
+
8
+ // src/QueryErrorBoundary.tsx
9
+ import { ErrorBoundary } from "@suspensive/react";
10
+ import { useQueryErrorResetBoundary } from "@tanstack/react-query";
11
+ import { forwardRef } from "react";
12
+ import { jsx } from "react/jsx-runtime";
13
+ var QueryErrorBoundary = forwardRef((_a, resetRef) => {
14
+ var _b = _a, { onReset } = _b, props = __objRest(_b, ["onReset"]);
15
+ const { reset } = useQueryErrorResetBoundary();
16
+ return /* @__PURE__ */ jsx(
17
+ ErrorBoundary,
18
+ __spreadProps(__spreadValues({}, props), {
19
+ onReset: () => {
20
+ onReset == null ? void 0 : onReset();
21
+ reset();
22
+ },
23
+ ref: resetRef
24
+ })
25
+ );
26
+ });
27
+ if (process.env.NODE_ENV === "development") {
28
+ QueryErrorBoundary.displayName = "QueryErrorBoundary";
29
+ }
30
+
31
+ export {
32
+ QueryErrorBoundary
33
+ };
34
+ //# sourceMappingURL=chunk-P5MROV72.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/QueryErrorBoundary.tsx"],"sourcesContent":["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,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAC3C,SAA2D,kBAAkB;AAYzE;AANG,IAAM,qBAAqB,WAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAXL,IAWG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,IAAI,2BAA2B;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":[]}
@@ -0,0 +1,39 @@
1
+ "use client"
2
+ var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
4
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
+ var __spreadValues = (a, b) => {
10
+ for (var prop in b || (b = {}))
11
+ if (__hasOwnProp.call(b, prop))
12
+ __defNormalProp(a, prop, b[prop]);
13
+ if (__getOwnPropSymbols)
14
+ for (var prop of __getOwnPropSymbols(b)) {
15
+ if (__propIsEnum.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ }
18
+ return a;
19
+ };
20
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+
34
+ export {
35
+ __spreadValues,
36
+ __spreadProps,
37
+ __objRest
38
+ };
39
+ //# sourceMappingURL=chunk-QETBZSG5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,22 @@
1
+ "use client"
2
+ import {
3
+ __spreadProps,
4
+ __spreadValues
5
+ } from "./chunk-QETBZSG5.js";
6
+
7
+ // src/useSuspenseQueries.ts
8
+ import { useQueries } from "@tanstack/react-query";
9
+ function useSuspenseQueries({
10
+ queries,
11
+ context
12
+ }) {
13
+ return useQueries({
14
+ queries: queries.map((query) => __spreadProps(__spreadValues({}, query), { suspense: true })),
15
+ context
16
+ });
17
+ }
18
+
19
+ export {
20
+ useSuspenseQueries
21
+ };
22
+ //# sourceMappingURL=chunk-S7L2LUVS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/useSuspenseQueries.ts"],"sourcesContent":["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"],"mappings":";;;;;;;AAAA,SAAmD,kBAAkB;AAmH9D,SAAS,mBAAoC;AAAA,EAClD;AAAA,EACA;AACF,GAG8B;AAC5B,SAAO,WAAW;AAAA,IAChB,SAAS,QAAQ,IAAI,CAAC,UAA2B,iCAAK,QAAL,EAAY,UAAU,KAAK,EAAE;AAAA,IAC9E;AAAA,EACF,CAAC;AACH;","names":[]}
@@ -0,0 +1,23 @@
1
+ "use client"
2
+ import {
3
+ useSuspenseQuery
4
+ } from "./chunk-J3EHCRU6.js";
5
+ import {
6
+ __objRest
7
+ } from "./chunk-QETBZSG5.js";
8
+
9
+ // src/SuspenseQuery.tsx
10
+ import { Fragment, jsx } from "react/jsx-runtime";
11
+ var SuspenseQuery = (_a) => {
12
+ var _b = _a, {
13
+ children
14
+ } = _b, options = __objRest(_b, [
15
+ "children"
16
+ ]);
17
+ return /* @__PURE__ */ jsx(Fragment, { children: children(useSuspenseQuery(options)) });
18
+ };
19
+
20
+ export {
21
+ SuspenseQuery
22
+ };
23
+ //# sourceMappingURL=chunk-VPKMZV3T.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":["import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\n/**\n * @experimental This is experimental feature.\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"],"mappings":";;;;;;;;;AAiBM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAbF,IAYE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,yCAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;","names":[]}
@@ -0,0 +1,23 @@
1
+ "use client"
2
+ import {
3
+ useSuspenseInfiniteQuery
4
+ } from "./chunk-3B63MBHY.js";
5
+ import {
6
+ __objRest
7
+ } from "./chunk-QETBZSG5.js";
8
+
9
+ // src/SuspenseInfiniteQuery.tsx
10
+ import { Fragment, jsx } from "react/jsx-runtime";
11
+ var SuspenseInfiniteQuery = (_a) => {
12
+ var _b = _a, {
13
+ children
14
+ } = _b, options = __objRest(_b, [
15
+ "children"
16
+ ]);
17
+ return /* @__PURE__ */ jsx(Fragment, { children: children(useSuspenseInfiniteQuery(options)) });
18
+ };
19
+
20
+ export {
21
+ SuspenseInfiniteQuery
22
+ };
23
+ //# sourceMappingURL=chunk-ZAOCTI7U.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SuspenseInfiniteQuery.tsx"],"sourcesContent":["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\n/**\n * @experimental This is experimental feature.\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"],"mappings":";;;;;;;;;AAqBM;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAjBF,IAgBE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,yCAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;","names":[]}
package/dist/index.cjs ADDED
@@ -0,0 +1,165 @@
1
+ "use client"
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __defProps = Object.defineProperties;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
+ var __objRest = (source, exclude) => {
25
+ var target = {};
26
+ for (var prop in source)
27
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
+ target[prop] = source[prop];
29
+ if (source != null && __getOwnPropSymbols)
30
+ for (var prop of __getOwnPropSymbols(source)) {
31
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
+ target[prop] = source[prop];
33
+ }
34
+ return target;
35
+ };
36
+ var __export = (target, all) => {
37
+ for (var name in all)
38
+ __defProp(target, name, { get: all[name], enumerable: true });
39
+ };
40
+ var __copyProps = (to, from, except, desc) => {
41
+ if (from && typeof from === "object" || typeof from === "function") {
42
+ for (let key of __getOwnPropNames(from))
43
+ if (!__hasOwnProp.call(to, key) && key !== except)
44
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
45
+ }
46
+ return to;
47
+ };
48
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
49
+
50
+ // src/index.ts
51
+ var src_exports = {};
52
+ __export(src_exports, {
53
+ QueryErrorBoundary: () => QueryErrorBoundary,
54
+ SuspenseInfiniteQuery: () => SuspenseInfiniteQuery,
55
+ SuspenseQueries: () => SuspenseQueries,
56
+ SuspenseQuery: () => SuspenseQuery,
57
+ queryOptions: () => queryOptions,
58
+ useSuspenseInfiniteQuery: () => useSuspenseInfiniteQuery,
59
+ useSuspenseQueries: () => useSuspenseQueries,
60
+ useSuspenseQuery: () => useSuspenseQuery
61
+ });
62
+ module.exports = __toCommonJS(src_exports);
63
+
64
+ // src/queryOptions.ts
65
+ function queryOptions(options) {
66
+ return options;
67
+ }
68
+
69
+ // src/useSuspenseQuery.ts
70
+ var import_react_query = require("@tanstack/react-query");
71
+ function useSuspenseQuery(options) {
72
+ return (0, import_react_query.useQuery)(__spreadProps(__spreadValues({}, options), {
73
+ enabled: true,
74
+ useErrorBoundary: true,
75
+ suspense: true
76
+ }));
77
+ }
78
+
79
+ // src/SuspenseQuery.tsx
80
+ var import_jsx_runtime = require("react/jsx-runtime");
81
+ var SuspenseQuery = (_a) => {
82
+ var _b = _a, {
83
+ children
84
+ } = _b, options = __objRest(_b, [
85
+ "children"
86
+ ]);
87
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children(useSuspenseQuery(options)) });
88
+ };
89
+
90
+ // src/useSuspenseQueries.ts
91
+ var import_react_query2 = require("@tanstack/react-query");
92
+ function useSuspenseQueries({
93
+ queries,
94
+ context
95
+ }) {
96
+ return (0, import_react_query2.useQueries)({
97
+ queries: queries.map((query) => __spreadProps(__spreadValues({}, query), { suspense: true })),
98
+ context
99
+ });
100
+ }
101
+
102
+ // src/SuspenseQueries.tsx
103
+ var import_jsx_runtime2 = require("react/jsx-runtime");
104
+ function SuspenseQueries({
105
+ children,
106
+ queries
107
+ }) {
108
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: children(useSuspenseQueries({ queries })) });
109
+ }
110
+
111
+ // src/useSuspenseInfiniteQuery.ts
112
+ var import_react_query3 = require("@tanstack/react-query");
113
+ function useSuspenseInfiniteQuery(options) {
114
+ return (0, import_react_query3.useInfiniteQuery)(__spreadProps(__spreadValues({}, options), {
115
+ enabled: true,
116
+ suspense: true,
117
+ useErrorBoundary: true
118
+ }));
119
+ }
120
+
121
+ // src/SuspenseInfiniteQuery.tsx
122
+ var import_jsx_runtime3 = require("react/jsx-runtime");
123
+ var SuspenseInfiniteQuery = (_a) => {
124
+ var _b = _a, {
125
+ children
126
+ } = _b, options = __objRest(_b, [
127
+ "children"
128
+ ]);
129
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: children(useSuspenseInfiniteQuery(options)) });
130
+ };
131
+
132
+ // src/QueryErrorBoundary.tsx
133
+ var import_react = require("@suspensive/react");
134
+ var import_react_query4 = require("@tanstack/react-query");
135
+ var import_react2 = require("react");
136
+ var import_jsx_runtime4 = require("react/jsx-runtime");
137
+ var QueryErrorBoundary = (0, import_react2.forwardRef)((_a, resetRef) => {
138
+ var _b = _a, { onReset } = _b, props = __objRest(_b, ["onReset"]);
139
+ const { reset } = (0, import_react_query4.useQueryErrorResetBoundary)();
140
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
141
+ import_react.ErrorBoundary,
142
+ __spreadProps(__spreadValues({}, props), {
143
+ onReset: () => {
144
+ onReset == null ? void 0 : onReset();
145
+ reset();
146
+ },
147
+ ref: resetRef
148
+ })
149
+ );
150
+ });
151
+ if (process.env.NODE_ENV === "development") {
152
+ QueryErrorBoundary.displayName = "QueryErrorBoundary";
153
+ }
154
+ // Annotate the CommonJS export names for ESM import in node:
155
+ 0 && (module.exports = {
156
+ QueryErrorBoundary,
157
+ SuspenseInfiniteQuery,
158
+ SuspenseQueries,
159
+ SuspenseQuery,
160
+ queryOptions,
161
+ useSuspenseInfiniteQuery,
162
+ useSuspenseQueries,
163
+ useSuspenseQuery
164
+ });
165
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/useSuspenseQuery.ts","../src/SuspenseQuery.tsx","../src/useSuspenseQueries.ts","../src/SuspenseQueries.tsx","../src/useSuspenseInfiniteQuery.ts","../src/SuspenseInfiniteQuery.tsx","../src/QueryErrorBoundary.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\n\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 { QueryErrorBoundary } from './QueryErrorBoundary'\n","import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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>\n/**\n * @experimental This is experimental feature.\n */\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 QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\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 { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\n/**\n * @experimental This is experimental feature.\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 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 { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\n/**\n * @experimental This is experimental feature.\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 {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\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 {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\n/**\n * @experimental This is experimental feature.\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 { 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;;;AC4EO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;;;ACvFA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;;;AClBM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAbF,IAYE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACjB7C,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;;;ACjHS,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACdA,IAAAC,sBAMO;AA0BA,SAAS,yBAMd,SAC+C;AAC/C,aAAO,sCAAiB,iCACnB,UADmB;AAAA,IAEtB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,EACpB,EAAC;AACH;;;ACzBM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAjBF,IAgBE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;ACrBrD,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_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_react","import_jsx_runtime"]}
@@ -0,0 +1,13 @@
1
+ export { queryOptions } from './queryOptions.cjs';
2
+ export { SuspenseQuery } from './SuspenseQuery.cjs';
3
+ export { SuspenseQueries } from './SuspenseQueries.cjs';
4
+ export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.cjs';
5
+ export { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery.cjs';
6
+ export { SuspenseQueriesOptions, SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries.cjs';
7
+ export { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery.cjs';
8
+ export { QueryErrorBoundary } from './QueryErrorBoundary.cjs';
9
+ import '@tanstack/react-query';
10
+ import './OmitKeyof-CFsZLI4k.cjs';
11
+ import 'react/jsx-runtime';
12
+ import 'react';
13
+ import '@suspensive/react';
@@ -0,0 +1,13 @@
1
+ export { queryOptions } from './queryOptions.js';
2
+ export { SuspenseQuery } from './SuspenseQuery.js';
3
+ export { SuspenseQueries } from './SuspenseQueries.js';
4
+ export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery.js';
5
+ export { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery.js';
6
+ export { SuspenseQueriesOptions, SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries.js';
7
+ export { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult, useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery.js';
8
+ export { QueryErrorBoundary } from './QueryErrorBoundary.js';
9
+ import '@tanstack/react-query';
10
+ import './OmitKeyof-CFsZLI4k.js';
11
+ import 'react/jsx-runtime';
12
+ import 'react';
13
+ import '@suspensive/react';
package/dist/index.js ADDED
@@ -0,0 +1,37 @@
1
+ "use client"
2
+ import {
3
+ QueryErrorBoundary
4
+ } from "./chunk-P5MROV72.js";
5
+ import {
6
+ SuspenseInfiniteQuery
7
+ } from "./chunk-ZAOCTI7U.js";
8
+ import {
9
+ SuspenseQueries
10
+ } from "./chunk-BN22WZP6.js";
11
+ import {
12
+ SuspenseQuery
13
+ } from "./chunk-VPKMZV3T.js";
14
+ import {
15
+ useSuspenseQuery
16
+ } from "./chunk-J3EHCRU6.js";
17
+ import {
18
+ queryOptions
19
+ } from "./chunk-MEYWTEWA.js";
20
+ import {
21
+ useSuspenseInfiniteQuery
22
+ } from "./chunk-3B63MBHY.js";
23
+ import {
24
+ useSuspenseQueries
25
+ } from "./chunk-S7L2LUVS.js";
26
+ import "./chunk-QETBZSG5.js";
27
+ export {
28
+ QueryErrorBoundary,
29
+ SuspenseInfiniteQuery,
30
+ SuspenseQueries,
31
+ SuspenseQuery,
32
+ queryOptions,
33
+ useSuspenseInfiniteQuery,
34
+ useSuspenseQueries,
35
+ useSuspenseQuery
36
+ };
37
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,34 @@
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/queryOptions.ts
22
+ var queryOptions_exports = {};
23
+ __export(queryOptions_exports, {
24
+ queryOptions: () => queryOptions
25
+ });
26
+ module.exports = __toCommonJS(queryOptions_exports);
27
+ function queryOptions(options) {
28
+ return options;
29
+ }
30
+ // Annotate the CommonJS export names for ESM import in node:
31
+ 0 && (module.exports = {
32
+ queryOptions
33
+ });
34
+ //# sourceMappingURL=queryOptions.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/queryOptions.ts"],"sourcesContent":["import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\ntype 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\ntype 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>\n/**\n * @experimental This is experimental feature.\n */\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4EO,SAAS,aAMd,SAGA;AACA,SAAO;AACT;","names":[]}
@@ -0,0 +1,17 @@
1
+ import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
2
+ import { O as OmitKeyof } from './OmitKeyof-CFsZLI4k.cjs';
3
+
4
+ type RequiredKeyof<T, TKey extends keyof T> = T & {
5
+ [_ in TKey]: Record<never, never>;
6
+ };
7
+
8
+ type SelectedQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'getNextPageParam' | 'getPreviousPageParam' | 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
9
+ select: (data: TQueryFnData) => TData;
10
+ };
11
+ type UnSelectedQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'getNextPageParam' | 'getPreviousPageParam' | 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
12
+ select?: undefined;
13
+ };
14
+ declare function queryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>;
15
+ declare function queryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>;
16
+
17
+ export { queryOptions };
@@ -0,0 +1,17 @@
1
+ import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
2
+ import { O as OmitKeyof } from './OmitKeyof-CFsZLI4k.js';
3
+
4
+ type RequiredKeyof<T, TKey extends keyof T> = T & {
5
+ [_ in TKey]: Record<never, never>;
6
+ };
7
+
8
+ type SelectedQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'getNextPageParam' | 'getPreviousPageParam' | 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
9
+ select: (data: TQueryFnData) => TData;
10
+ };
11
+ type UnSelectedQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = RequiredKeyof<OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'getNextPageParam' | 'getPreviousPageParam' | 'queryKeyHashFn' | '_defaulted' | 'behavior' | 'structuralSharing' | 'isDataEqual' | 'onSuccess' | 'onError' | 'onSettled' | 'enabled' | 'refetchInterval' | 'initialData'>, 'queryKey' | 'queryFn'> & {
12
+ select?: undefined;
13
+ };
14
+ declare function queryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>;
15
+ declare function queryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>;
16
+
17
+ export { queryOptions };
@@ -0,0 +1,9 @@
1
+ "use client"
2
+ import {
3
+ queryOptions
4
+ } from "./chunk-MEYWTEWA.js";
5
+ import "./chunk-QETBZSG5.js";
6
+ export {
7
+ queryOptions
8
+ };
9
+ //# sourceMappingURL=queryOptions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}