@pyreon/query 0.0.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.
- package/LICENSE +21 -0
- package/README.md +236 -0
- package/lib/analysis/index.js.html +5406 -0
- package/lib/index.js +489 -0
- package/lib/index.js.map +1 -0
- package/lib/types/index.d.ts +497 -0
- package/lib/types/index.d.ts.map +1 -0
- package/lib/types/index2.d.ts +298 -0
- package/lib/types/index2.d.ts.map +1 -0
- package/package.json +55 -0
- package/src/index.ts +69 -0
- package/src/query-client.ts +59 -0
- package/src/tests/query.test.ts +1768 -0
- package/src/use-infinite-query.ts +138 -0
- package/src/use-is-fetching.ts +44 -0
- package/src/use-mutation.ts +117 -0
- package/src/use-queries.ts +61 -0
- package/src/use-query-error-reset-boundary.ts +95 -0
- package/src/use-query.ts +106 -0
- package/src/use-suspense-query.ts +282 -0
package/lib/index.js
ADDED
|
@@ -0,0 +1,489 @@
|
|
|
1
|
+
import { CancelledError, InfiniteQueryObserver, MutationCache, MutationObserver, QueriesObserver, QueryCache, QueryClient, QueryObserver, defaultShouldDehydrateMutation, defaultShouldDehydrateQuery, dehydrate, hashKey, hydrate, isCancelledError, keepPreviousData } from "@tanstack/query-core";
|
|
2
|
+
import { createContext, onMount, onUnmount, popContext, pushContext, useContext } from "@pyreon/core";
|
|
3
|
+
import { batch, effect, signal } from "@pyreon/reactivity";
|
|
4
|
+
|
|
5
|
+
//#region src/query-client.ts
|
|
6
|
+
const QueryClientContext = createContext(null);
|
|
7
|
+
/**
|
|
8
|
+
* Provides a QueryClient to all descendant components via context.
|
|
9
|
+
* Wrap your app root with this to enable useQuery / useMutation throughout the tree.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* const client = new QueryClient()
|
|
13
|
+
* mount(h(QueryClientProvider, { client }, h(App, null)), el)
|
|
14
|
+
*/
|
|
15
|
+
function QueryClientProvider(props) {
|
|
16
|
+
pushContext(new Map([[QueryClientContext.id, props.client]]));
|
|
17
|
+
onMount(() => {
|
|
18
|
+
props.client.mount();
|
|
19
|
+
return () => props.client.unmount();
|
|
20
|
+
});
|
|
21
|
+
onUnmount(() => popContext());
|
|
22
|
+
const ch = props.children;
|
|
23
|
+
return typeof ch === "function" ? ch() : ch;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Returns the nearest QueryClient provided by <QueryClientProvider>.
|
|
27
|
+
* Throws if called outside of one.
|
|
28
|
+
*/
|
|
29
|
+
function useQueryClient() {
|
|
30
|
+
const client = useContext(QueryClientContext);
|
|
31
|
+
if (!client) throw new Error("[pyreon/query] No QueryClient found. Wrap your app with <QueryClientProvider client={client}>.");
|
|
32
|
+
return client;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/use-query.ts
|
|
37
|
+
/**
|
|
38
|
+
* Subscribe to a query. Returns fine-grained reactive signals for data,
|
|
39
|
+
* error and status — each signal only notifies effects that depend on it.
|
|
40
|
+
*
|
|
41
|
+
* `options` is a function so it can read Pyreon signals — when a signal changes
|
|
42
|
+
* (e.g. a reactive query key), the observer is updated and refetches automatically.
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* const userId = signal(1)
|
|
46
|
+
* const query = useQuery(() => ({
|
|
47
|
+
* queryKey: ['user', userId()],
|
|
48
|
+
* queryFn: () => fetch(`/api/users/${userId()}`).then(r => r.json()),
|
|
49
|
+
* }))
|
|
50
|
+
* // In template: () => query.data()?.name
|
|
51
|
+
*/
|
|
52
|
+
function useQuery(options) {
|
|
53
|
+
const observer = new QueryObserver(useQueryClient(), options());
|
|
54
|
+
const initial = observer.getCurrentResult();
|
|
55
|
+
const resultSig = signal(initial);
|
|
56
|
+
const dataSig = signal(initial.data);
|
|
57
|
+
const errorSig = signal(initial.error ?? null);
|
|
58
|
+
const statusSig = signal(initial.status);
|
|
59
|
+
const isPending = signal(initial.isPending);
|
|
60
|
+
const isLoading = signal(initial.isLoading);
|
|
61
|
+
const isFetching = signal(initial.isFetching);
|
|
62
|
+
const isError = signal(initial.isError);
|
|
63
|
+
const isSuccess = signal(initial.isSuccess);
|
|
64
|
+
const unsub = observer.subscribe((r) => {
|
|
65
|
+
batch(() => {
|
|
66
|
+
resultSig.set(r);
|
|
67
|
+
dataSig.set(r.data);
|
|
68
|
+
errorSig.set(r.error ?? null);
|
|
69
|
+
statusSig.set(r.status);
|
|
70
|
+
isPending.set(r.isPending);
|
|
71
|
+
isLoading.set(r.isLoading);
|
|
72
|
+
isFetching.set(r.isFetching);
|
|
73
|
+
isError.set(r.isError);
|
|
74
|
+
isSuccess.set(r.isSuccess);
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
effect(() => {
|
|
78
|
+
observer.setOptions(options());
|
|
79
|
+
});
|
|
80
|
+
onUnmount(() => unsub());
|
|
81
|
+
return {
|
|
82
|
+
result: resultSig,
|
|
83
|
+
data: dataSig,
|
|
84
|
+
error: errorSig,
|
|
85
|
+
status: statusSig,
|
|
86
|
+
isPending,
|
|
87
|
+
isLoading,
|
|
88
|
+
isFetching,
|
|
89
|
+
isError,
|
|
90
|
+
isSuccess,
|
|
91
|
+
refetch: () => observer.refetch()
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/use-mutation.ts
|
|
97
|
+
/**
|
|
98
|
+
* Run a mutation (create / update / delete). Returns reactive signals for
|
|
99
|
+
* pending / success / error state plus `mutate` and `mutateAsync` functions.
|
|
100
|
+
*
|
|
101
|
+
* @example
|
|
102
|
+
* const mutation = useMutation({
|
|
103
|
+
* mutationFn: (data: CreatePostInput) =>
|
|
104
|
+
* fetch('/api/posts', { method: 'POST', body: JSON.stringify(data) }).then(r => r.json()),
|
|
105
|
+
* onSuccess: () => client.invalidateQueries({ queryKey: ['posts'] }),
|
|
106
|
+
* })
|
|
107
|
+
* // h('button', { onClick: () => mutation.mutate({ title: 'New' }) }, 'Create')
|
|
108
|
+
*/
|
|
109
|
+
function useMutation(options) {
|
|
110
|
+
const observer = new MutationObserver(useQueryClient(), options);
|
|
111
|
+
const initial = observer.getCurrentResult();
|
|
112
|
+
const resultSig = signal(initial);
|
|
113
|
+
const dataSig = signal(initial.data);
|
|
114
|
+
const errorSig = signal(initial.error ?? null);
|
|
115
|
+
const statusSig = signal(initial.status);
|
|
116
|
+
const isPending = signal(initial.isPending);
|
|
117
|
+
const isSuccess = signal(initial.isSuccess);
|
|
118
|
+
const isError = signal(initial.isError);
|
|
119
|
+
const isIdle = signal(initial.isIdle);
|
|
120
|
+
const unsub = observer.subscribe((r) => {
|
|
121
|
+
batch(() => {
|
|
122
|
+
resultSig.set(r);
|
|
123
|
+
dataSig.set(r.data);
|
|
124
|
+
errorSig.set(r.error ?? null);
|
|
125
|
+
statusSig.set(r.status);
|
|
126
|
+
isPending.set(r.isPending);
|
|
127
|
+
isSuccess.set(r.isSuccess);
|
|
128
|
+
isError.set(r.isError);
|
|
129
|
+
isIdle.set(r.isIdle);
|
|
130
|
+
});
|
|
131
|
+
});
|
|
132
|
+
onUnmount(() => unsub());
|
|
133
|
+
return {
|
|
134
|
+
result: resultSig,
|
|
135
|
+
data: dataSig,
|
|
136
|
+
error: errorSig,
|
|
137
|
+
status: statusSig,
|
|
138
|
+
isPending,
|
|
139
|
+
isSuccess,
|
|
140
|
+
isError,
|
|
141
|
+
isIdle,
|
|
142
|
+
mutate: (vars, callbackOptions) => {
|
|
143
|
+
observer.mutate(vars, callbackOptions).catch(() => {});
|
|
144
|
+
},
|
|
145
|
+
mutateAsync: (vars, callbackOptions) => observer.mutate(vars, callbackOptions),
|
|
146
|
+
reset: () => observer.reset()
|
|
147
|
+
};
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
//#endregion
|
|
151
|
+
//#region src/use-infinite-query.ts
|
|
152
|
+
/**
|
|
153
|
+
* Subscribe to a paginated / infinite-scroll query.
|
|
154
|
+
* Returns fine-grained reactive signals plus `fetchNextPage`, `fetchPreviousPage`,
|
|
155
|
+
* `hasNextPage` and `hasPreviousPage`.
|
|
156
|
+
*
|
|
157
|
+
* @example
|
|
158
|
+
* const query = useInfiniteQuery(() => ({
|
|
159
|
+
* queryKey: ['posts'],
|
|
160
|
+
* queryFn: ({ pageParam }) => fetchPosts(pageParam as number),
|
|
161
|
+
* initialPageParam: 0,
|
|
162
|
+
* getNextPageParam: (lastPage) => lastPage.nextCursor,
|
|
163
|
+
* }))
|
|
164
|
+
* // query.data()?.pages — array of pages
|
|
165
|
+
* // h('button', { onClick: () => query.fetchNextPage() }, 'Load more')
|
|
166
|
+
*/
|
|
167
|
+
function useInfiniteQuery(options) {
|
|
168
|
+
const observer = new InfiniteQueryObserver(useQueryClient(), options());
|
|
169
|
+
const initial = observer.getCurrentResult();
|
|
170
|
+
const resultSig = signal(initial);
|
|
171
|
+
const dataSig = signal(initial.data);
|
|
172
|
+
const errorSig = signal(initial.error ?? null);
|
|
173
|
+
const statusSig = signal(initial.status);
|
|
174
|
+
const isPending = signal(initial.isPending);
|
|
175
|
+
const isLoading = signal(initial.isLoading);
|
|
176
|
+
const isFetching = signal(initial.isFetching);
|
|
177
|
+
const isFetchingNextPage = signal(initial.isFetchingNextPage);
|
|
178
|
+
const isFetchingPreviousPage = signal(initial.isFetchingPreviousPage);
|
|
179
|
+
const isError = signal(initial.isError);
|
|
180
|
+
const isSuccess = signal(initial.isSuccess);
|
|
181
|
+
const hasNextPage = signal(initial.hasNextPage);
|
|
182
|
+
const hasPreviousPage = signal(initial.hasPreviousPage);
|
|
183
|
+
const unsub = observer.subscribe((r) => {
|
|
184
|
+
batch(() => {
|
|
185
|
+
resultSig.set(r);
|
|
186
|
+
dataSig.set(r.data);
|
|
187
|
+
errorSig.set(r.error ?? null);
|
|
188
|
+
statusSig.set(r.status);
|
|
189
|
+
isPending.set(r.isPending);
|
|
190
|
+
isLoading.set(r.isLoading);
|
|
191
|
+
isFetching.set(r.isFetching);
|
|
192
|
+
isFetchingNextPage.set(r.isFetchingNextPage);
|
|
193
|
+
isFetchingPreviousPage.set(r.isFetchingPreviousPage);
|
|
194
|
+
isError.set(r.isError);
|
|
195
|
+
isSuccess.set(r.isSuccess);
|
|
196
|
+
hasNextPage.set(r.hasNextPage);
|
|
197
|
+
hasPreviousPage.set(r.hasPreviousPage);
|
|
198
|
+
});
|
|
199
|
+
});
|
|
200
|
+
effect(() => {
|
|
201
|
+
observer.setOptions(options());
|
|
202
|
+
});
|
|
203
|
+
onUnmount(() => unsub());
|
|
204
|
+
return {
|
|
205
|
+
result: resultSig,
|
|
206
|
+
data: dataSig,
|
|
207
|
+
error: errorSig,
|
|
208
|
+
status: statusSig,
|
|
209
|
+
isPending,
|
|
210
|
+
isLoading,
|
|
211
|
+
isFetching,
|
|
212
|
+
isFetchingNextPage,
|
|
213
|
+
isFetchingPreviousPage,
|
|
214
|
+
isError,
|
|
215
|
+
isSuccess,
|
|
216
|
+
hasNextPage,
|
|
217
|
+
hasPreviousPage,
|
|
218
|
+
fetchNextPage: () => observer.fetchNextPage(),
|
|
219
|
+
fetchPreviousPage: () => observer.fetchPreviousPage(),
|
|
220
|
+
refetch: () => observer.refetch()
|
|
221
|
+
};
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
//#endregion
|
|
225
|
+
//#region src/use-is-fetching.ts
|
|
226
|
+
/**
|
|
227
|
+
* Returns a signal that tracks how many queries are currently in-flight.
|
|
228
|
+
* Useful for global loading indicators.
|
|
229
|
+
*
|
|
230
|
+
* @example
|
|
231
|
+
* const fetching = useIsFetching()
|
|
232
|
+
* // h('span', null, () => fetching() > 0 ? 'Loading…' : '')
|
|
233
|
+
*/
|
|
234
|
+
function useIsFetching(filters) {
|
|
235
|
+
const client = useQueryClient();
|
|
236
|
+
const count = signal(client.isFetching(filters));
|
|
237
|
+
const unsub = client.getQueryCache().subscribe(() => {
|
|
238
|
+
count.set(client.isFetching(filters));
|
|
239
|
+
});
|
|
240
|
+
onUnmount(() => unsub());
|
|
241
|
+
return count;
|
|
242
|
+
}
|
|
243
|
+
/**
|
|
244
|
+
* Returns a signal that tracks how many mutations are currently in-flight.
|
|
245
|
+
*
|
|
246
|
+
* @example
|
|
247
|
+
* const mutating = useIsMutating()
|
|
248
|
+
* // h('span', null, () => mutating() > 0 ? 'Saving…' : '')
|
|
249
|
+
*/
|
|
250
|
+
function useIsMutating(filters) {
|
|
251
|
+
const client = useQueryClient();
|
|
252
|
+
const count = signal(client.isMutating(filters));
|
|
253
|
+
const unsub = client.getMutationCache().subscribe(() => {
|
|
254
|
+
count.set(client.isMutating(filters));
|
|
255
|
+
});
|
|
256
|
+
onUnmount(() => unsub());
|
|
257
|
+
return count;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
//#endregion
|
|
261
|
+
//#region src/use-queries.ts
|
|
262
|
+
/**
|
|
263
|
+
* Subscribe to multiple queries in parallel. Returns a single signal containing
|
|
264
|
+
* the array of results — index-aligned with the `queries` array.
|
|
265
|
+
*
|
|
266
|
+
* `queries` is a reactive function so signal-based keys trigger re-evaluation
|
|
267
|
+
* automatically.
|
|
268
|
+
*
|
|
269
|
+
* @example
|
|
270
|
+
* const userIds = signal([1, 2, 3])
|
|
271
|
+
* const results = useQueries(() =>
|
|
272
|
+
* userIds().map(id => ({
|
|
273
|
+
* queryKey: ['user', id],
|
|
274
|
+
* queryFn: () => fetchUser(id),
|
|
275
|
+
* }))
|
|
276
|
+
* )
|
|
277
|
+
* // results() — QueryObserverResult[]
|
|
278
|
+
* // results()[0].data — first user
|
|
279
|
+
*/
|
|
280
|
+
function useQueries(queries) {
|
|
281
|
+
const observer = new QueriesObserver(useQueryClient(), queries());
|
|
282
|
+
const resultSig = signal(observer.getCurrentResult());
|
|
283
|
+
const unsub = observer.subscribe((results) => {
|
|
284
|
+
resultSig.set(results);
|
|
285
|
+
});
|
|
286
|
+
effect(() => {
|
|
287
|
+
observer.setQueries(queries());
|
|
288
|
+
});
|
|
289
|
+
onUnmount(() => {
|
|
290
|
+
unsub();
|
|
291
|
+
observer.destroy();
|
|
292
|
+
});
|
|
293
|
+
return resultSig;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
//#endregion
|
|
297
|
+
//#region src/use-suspense-query.ts
|
|
298
|
+
/**
|
|
299
|
+
* Pyreon-native Suspense boundary for queries. Shows `fallback` while any query
|
|
300
|
+
* is pending. On error, renders the `error` fallback or re-throws to the
|
|
301
|
+
* nearest Pyreon `ErrorBoundary`.
|
|
302
|
+
*
|
|
303
|
+
* Pair with `useSuspenseQuery` / `useSuspenseInfiniteQuery` to get non-undefined
|
|
304
|
+
* `data` types inside children.
|
|
305
|
+
*
|
|
306
|
+
* @example
|
|
307
|
+
* const userQuery = useSuspenseQuery(() => ({ queryKey: ['user'], queryFn: fetchUser }))
|
|
308
|
+
*
|
|
309
|
+
* h(QuerySuspense, {
|
|
310
|
+
* query: userQuery,
|
|
311
|
+
* fallback: h(Spinner, null),
|
|
312
|
+
* error: (err) => h('p', null, `Failed: ${err}`),
|
|
313
|
+
* }, () => h(UserProfile, { user: userQuery.data() }))
|
|
314
|
+
*/
|
|
315
|
+
function QuerySuspense(props) {
|
|
316
|
+
return () => {
|
|
317
|
+
const queries = Array.isArray(props.query) ? props.query : [props.query];
|
|
318
|
+
for (const q of queries) if (q.isError()) {
|
|
319
|
+
const err = q.error();
|
|
320
|
+
if (props.error) return props.error(err);
|
|
321
|
+
throw err;
|
|
322
|
+
}
|
|
323
|
+
if (queries.some((q) => q.isPending())) {
|
|
324
|
+
const fb = props.fallback;
|
|
325
|
+
return typeof fb === "function" ? fb() : fb ?? null;
|
|
326
|
+
}
|
|
327
|
+
const ch = props.children;
|
|
328
|
+
return typeof ch === "function" ? ch() : ch;
|
|
329
|
+
};
|
|
330
|
+
}
|
|
331
|
+
/**
|
|
332
|
+
* Like `useQuery` but `data` is typed as `Signal<TData>` (never undefined).
|
|
333
|
+
* Designed for use inside a `QuerySuspense` boundary, which guarantees
|
|
334
|
+
* children only render after the query succeeds.
|
|
335
|
+
*
|
|
336
|
+
* @example
|
|
337
|
+
* const user = useSuspenseQuery(() => ({ queryKey: ['user', id()], queryFn: fetchUser }))
|
|
338
|
+
*
|
|
339
|
+
* h(QuerySuspense, { query: user, fallback: h(Spinner, null) },
|
|
340
|
+
* () => h(UserCard, { name: user.data().name }),
|
|
341
|
+
* )
|
|
342
|
+
*/
|
|
343
|
+
function useSuspenseQuery(options) {
|
|
344
|
+
const observer = new QueryObserver(useQueryClient(), options());
|
|
345
|
+
const initial = observer.getCurrentResult();
|
|
346
|
+
const resultSig = signal(initial);
|
|
347
|
+
const dataSig = signal(initial.data);
|
|
348
|
+
const errorSig = signal(initial.error ?? null);
|
|
349
|
+
const statusSig = signal(initial.status);
|
|
350
|
+
const isPending = signal(initial.isPending);
|
|
351
|
+
const isFetching = signal(initial.isFetching);
|
|
352
|
+
const isError = signal(initial.isError);
|
|
353
|
+
const isSuccess = signal(initial.isSuccess);
|
|
354
|
+
const unsub = observer.subscribe((r) => {
|
|
355
|
+
batch(() => {
|
|
356
|
+
resultSig.set(r);
|
|
357
|
+
if (r.data !== void 0) dataSig.set(r.data);
|
|
358
|
+
errorSig.set(r.error ?? null);
|
|
359
|
+
statusSig.set(r.status);
|
|
360
|
+
isPending.set(r.isPending);
|
|
361
|
+
isFetching.set(r.isFetching);
|
|
362
|
+
isError.set(r.isError);
|
|
363
|
+
isSuccess.set(r.isSuccess);
|
|
364
|
+
});
|
|
365
|
+
});
|
|
366
|
+
effect(() => {
|
|
367
|
+
observer.setOptions(options());
|
|
368
|
+
});
|
|
369
|
+
onUnmount(() => unsub());
|
|
370
|
+
return {
|
|
371
|
+
result: resultSig,
|
|
372
|
+
data: dataSig,
|
|
373
|
+
error: errorSig,
|
|
374
|
+
status: statusSig,
|
|
375
|
+
isPending,
|
|
376
|
+
isFetching,
|
|
377
|
+
isError,
|
|
378
|
+
isSuccess,
|
|
379
|
+
refetch: () => observer.refetch()
|
|
380
|
+
};
|
|
381
|
+
}
|
|
382
|
+
/**
|
|
383
|
+
* Like `useInfiniteQuery` but `data` is typed as `Signal<InfiniteData<TData>>`
|
|
384
|
+
* (never undefined). Use inside a `QuerySuspense` boundary.
|
|
385
|
+
*/
|
|
386
|
+
function useSuspenseInfiniteQuery(options) {
|
|
387
|
+
const observer = new InfiniteQueryObserver(useQueryClient(), options());
|
|
388
|
+
const initial = observer.getCurrentResult();
|
|
389
|
+
const resultSig = signal(initial);
|
|
390
|
+
const dataSig = signal(initial.data);
|
|
391
|
+
const errorSig = signal(initial.error ?? null);
|
|
392
|
+
const statusSig = signal(initial.status);
|
|
393
|
+
const isFetching = signal(initial.isFetching);
|
|
394
|
+
const isFetchingNextPage = signal(initial.isFetchingNextPage);
|
|
395
|
+
const isFetchingPreviousPage = signal(initial.isFetchingPreviousPage);
|
|
396
|
+
const isError = signal(initial.isError);
|
|
397
|
+
const isSuccess = signal(initial.isSuccess);
|
|
398
|
+
const hasNextPage = signal(initial.hasNextPage);
|
|
399
|
+
const hasPreviousPage = signal(initial.hasPreviousPage);
|
|
400
|
+
const unsub = observer.subscribe((r) => {
|
|
401
|
+
batch(() => {
|
|
402
|
+
resultSig.set(r);
|
|
403
|
+
if (r.data !== void 0) dataSig.set(r.data);
|
|
404
|
+
errorSig.set(r.error ?? null);
|
|
405
|
+
statusSig.set(r.status);
|
|
406
|
+
isFetching.set(r.isFetching);
|
|
407
|
+
isFetchingNextPage.set(r.isFetchingNextPage);
|
|
408
|
+
isFetchingPreviousPage.set(r.isFetchingPreviousPage);
|
|
409
|
+
isError.set(r.isError);
|
|
410
|
+
isSuccess.set(r.isSuccess);
|
|
411
|
+
hasNextPage.set(r.hasNextPage);
|
|
412
|
+
hasPreviousPage.set(r.hasPreviousPage);
|
|
413
|
+
});
|
|
414
|
+
});
|
|
415
|
+
effect(() => {
|
|
416
|
+
observer.setOptions(options());
|
|
417
|
+
});
|
|
418
|
+
onUnmount(() => unsub());
|
|
419
|
+
return {
|
|
420
|
+
result: resultSig,
|
|
421
|
+
data: dataSig,
|
|
422
|
+
error: errorSig,
|
|
423
|
+
status: statusSig,
|
|
424
|
+
isFetching,
|
|
425
|
+
isFetchingNextPage,
|
|
426
|
+
isFetchingPreviousPage,
|
|
427
|
+
isError,
|
|
428
|
+
isSuccess,
|
|
429
|
+
hasNextPage,
|
|
430
|
+
hasPreviousPage,
|
|
431
|
+
fetchNextPage: () => observer.fetchNextPage(),
|
|
432
|
+
fetchPreviousPage: () => observer.fetchPreviousPage(),
|
|
433
|
+
refetch: () => observer.refetch()
|
|
434
|
+
};
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
//#endregion
|
|
438
|
+
//#region src/use-query-error-reset-boundary.ts
|
|
439
|
+
const QueryErrorResetBoundaryContext = createContext(null);
|
|
440
|
+
/**
|
|
441
|
+
* Wraps a subtree so that `useQueryErrorResetBoundary()` descendants can reset
|
|
442
|
+
* all errored queries within this boundary.
|
|
443
|
+
*
|
|
444
|
+
* Pair with Pyreon's `ErrorBoundary` to retry failed queries when the user
|
|
445
|
+
* dismisses the error fallback:
|
|
446
|
+
*
|
|
447
|
+
* @example
|
|
448
|
+
* h(QueryErrorResetBoundary, null,
|
|
449
|
+
* h(ErrorBoundary, {
|
|
450
|
+
* fallback: (err, boundaryReset) => {
|
|
451
|
+
* const { reset } = useQueryErrorResetBoundary()
|
|
452
|
+
* return h('button', {
|
|
453
|
+
* onClick: () => { reset(); boundaryReset() },
|
|
454
|
+
* }, 'Retry')
|
|
455
|
+
* },
|
|
456
|
+
* }, h(MyComponent, null)),
|
|
457
|
+
* )
|
|
458
|
+
*/
|
|
459
|
+
function QueryErrorResetBoundary(props) {
|
|
460
|
+
const client = useQueryClient();
|
|
461
|
+
pushContext(new Map([[QueryErrorResetBoundaryContext.id, { reset: () => {
|
|
462
|
+
client.refetchQueries({ predicate: (query) => query.state.status === "error" });
|
|
463
|
+
} }]]));
|
|
464
|
+
onUnmount(() => popContext());
|
|
465
|
+
const ch = props.children;
|
|
466
|
+
return typeof ch === "function" ? ch() : ch;
|
|
467
|
+
}
|
|
468
|
+
/**
|
|
469
|
+
* Returns the `reset` function provided by the nearest `QueryErrorResetBoundary`.
|
|
470
|
+
* If called outside a boundary, falls back to resetting all errored queries
|
|
471
|
+
* on the current `QueryClient`.
|
|
472
|
+
*
|
|
473
|
+
* @example
|
|
474
|
+
* // Inside an ErrorBoundary fallback:
|
|
475
|
+
* const { reset } = useQueryErrorResetBoundary()
|
|
476
|
+
* h('button', { onClick: () => { reset(); boundaryReset() } }, 'Retry')
|
|
477
|
+
*/
|
|
478
|
+
function useQueryErrorResetBoundary() {
|
|
479
|
+
const boundary = useContext(QueryErrorResetBoundaryContext);
|
|
480
|
+
const client = useQueryClient();
|
|
481
|
+
if (boundary) return boundary;
|
|
482
|
+
return { reset: () => {
|
|
483
|
+
client.refetchQueries({ predicate: (query) => query.state.status === "error" });
|
|
484
|
+
} };
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
//#endregion
|
|
488
|
+
export { CancelledError, MutationCache, QueryCache, QueryClient, QueryClientContext, QueryClientProvider, QueryErrorResetBoundary, QuerySuspense, defaultShouldDehydrateMutation, defaultShouldDehydrateQuery, dehydrate, hashKey, hydrate, isCancelledError, keepPreviousData, useInfiniteQuery, useIsFetching, useIsMutating, useMutation, useQueries, useQuery, useQueryClient, useQueryErrorResetBoundary, useSuspenseInfiniteQuery, useSuspenseQuery };
|
|
489
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/query-client.ts","../src/use-query.ts","../src/use-mutation.ts","../src/use-infinite-query.ts","../src/use-is-fetching.ts","../src/use-queries.ts","../src/use-suspense-query.ts","../src/use-query-error-reset-boundary.ts"],"sourcesContent":["import {\n createContext,\n pushContext,\n popContext,\n onMount,\n onUnmount,\n useContext,\n} from '@pyreon/core'\nimport type { VNodeChild, VNode } from '@pyreon/core'\nimport type { QueryClient } from '@tanstack/query-core'\nimport type { Props } from '@pyreon/core'\n\nexport interface QueryClientProviderProps extends Props {\n client: QueryClient\n children?: VNodeChild\n}\n\nexport const QueryClientContext = createContext<QueryClient | null>(null)\n\n/**\n * Provides a QueryClient to all descendant components via context.\n * Wrap your app root with this to enable useQuery / useMutation throughout the tree.\n *\n * @example\n * const client = new QueryClient()\n * mount(h(QueryClientProvider, { client }, h(App, null)), el)\n */\nexport function QueryClientProvider(props: QueryClientProviderProps): VNode {\n // Push synchronously so all descendant component functions see the context.\n // Pop on unmount (matches the HeadProvider pattern in @pyreon/head).\n const frame = new Map([[QueryClientContext.id, props.client]])\n pushContext(frame)\n\n // client.mount() activates window focus refetching and online/offline handling.\n // client.unmount() unsubscribes focusManager + onlineManager when the provider leaves the tree.\n onMount(() => {\n props.client.mount()\n return () => props.client.unmount()\n })\n\n onUnmount(() => popContext())\n\n const ch = props.children\n return (typeof ch === 'function' ? (ch as () => VNodeChild)() : ch) as VNode\n}\n\n/**\n * Returns the nearest QueryClient provided by <QueryClientProvider>.\n * Throws if called outside of one.\n */\nexport function useQueryClient(): QueryClient {\n const client = useContext(QueryClientContext)\n if (!client) {\n throw new Error(\n '[pyreon/query] No QueryClient found. Wrap your app with <QueryClientProvider client={client}>.',\n )\n }\n return client\n}\n","import { onUnmount } from '@pyreon/core'\nimport { signal, effect, batch } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport { QueryObserver } from '@tanstack/query-core'\nimport type {\n DefaultError,\n QueryKey,\n QueryObserverOptions,\n QueryObserverResult,\n} from '@tanstack/query-core'\nimport { useQueryClient } from './query-client'\n\nexport interface UseQueryResult<TData, TError = DefaultError> {\n /** Raw signal — the full observer result. Fine-grained accessors below are preferred. */\n result: Signal<QueryObserverResult<TData, TError>>\n data: Signal<TData | undefined>\n error: Signal<TError | null>\n status: Signal<'pending' | 'error' | 'success'>\n isPending: Signal<boolean>\n isLoading: Signal<boolean>\n isFetching: Signal<boolean>\n isError: Signal<boolean>\n isSuccess: Signal<boolean>\n /** Manually trigger a refetch. */\n refetch: () => Promise<QueryObserverResult<TData, TError>>\n}\n\n/**\n * Subscribe to a query. Returns fine-grained reactive signals for data,\n * error and status — each signal only notifies effects that depend on it.\n *\n * `options` is a function so it can read Pyreon signals — when a signal changes\n * (e.g. a reactive query key), the observer is updated and refetches automatically.\n *\n * @example\n * const userId = signal(1)\n * const query = useQuery(() => ({\n * queryKey: ['user', userId()],\n * queryFn: () => fetch(`/api/users/${userId()}`).then(r => r.json()),\n * }))\n * // In template: () => query.data()?.name\n */\nexport function useQuery<\n TData = unknown,\n TError = DefaultError,\n TKey extends QueryKey = QueryKey,\n>(\n options: () => QueryObserverOptions<TData, TError, TData, TData, TKey>,\n): UseQueryResult<TData, TError> {\n const client = useQueryClient()\n const observer = new QueryObserver<TData, TError, TData, TData, TKey>(\n client,\n options(),\n )\n const initial = observer.getCurrentResult()\n\n // Fine-grained signals: each field is independent so only effects that read\n // e.g. `query.data()` re-run when data changes, not when isFetching flips.\n const resultSig = signal<QueryObserverResult<TData, TError>>(initial)\n const dataSig = signal<TData | undefined>(initial.data)\n const errorSig = signal<TError | null>(initial.error ?? null)\n const statusSig = signal<'pending' | 'error' | 'success'>(initial.status)\n const isPending = signal(initial.isPending)\n const isLoading = signal(initial.isLoading)\n const isFetching = signal(initial.isFetching)\n const isError = signal(initial.isError)\n const isSuccess = signal(initial.isSuccess)\n\n // Subscribe synchronously — data flows before mount (correct for SSR pre-population).\n // batch() coalesces all signal updates into one notification flush.\n const unsub = observer.subscribe((r) => {\n batch(() => {\n resultSig.set(r)\n dataSig.set(r.data)\n errorSig.set(r.error ?? null)\n statusSig.set(r.status)\n isPending.set(r.isPending)\n isLoading.set(r.isLoading)\n isFetching.set(r.isFetching)\n isError.set(r.isError)\n isSuccess.set(r.isSuccess)\n })\n })\n\n // Track reactive options: when signals inside options() change, update the observer.\n // effect() is auto-registered in the component's EffectScope → auto-disposed on unmount.\n effect(() => {\n observer.setOptions(options())\n })\n\n // Unsubscribe the observer on unmount (effect disposal is handled by EffectScope).\n onUnmount(() => unsub())\n\n return {\n result: resultSig,\n data: dataSig,\n error: errorSig,\n status: statusSig,\n isPending,\n isLoading,\n isFetching,\n isError,\n isSuccess,\n refetch: () => observer.refetch(),\n }\n}\n","import { onUnmount } from '@pyreon/core'\nimport { signal, batch } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport { MutationObserver } from '@tanstack/query-core'\nimport type {\n DefaultError,\n MutateFunction,\n MutationObserverOptions,\n MutationObserverResult,\n} from '@tanstack/query-core'\nimport { useQueryClient } from './query-client'\n\nexport interface UseMutationResult<\n TData,\n TError = DefaultError,\n TVariables = void,\n TContext = unknown,\n> {\n /** Raw signal — full observer result. Fine-grained accessors below are preferred. */\n result: Signal<MutationObserverResult<TData, TError, TVariables, TContext>>\n data: Signal<TData | undefined>\n error: Signal<TError | null>\n status: Signal<'idle' | 'pending' | 'success' | 'error'>\n isPending: Signal<boolean>\n isSuccess: Signal<boolean>\n isError: Signal<boolean>\n isIdle: Signal<boolean>\n /** Fire the mutation (fire-and-forget). Errors are captured in the error signal. */\n mutate: (\n variables: TVariables,\n options?: Parameters<\n MutateFunction<TData, TError, TVariables, TContext>\n >[1],\n ) => void\n /** Like mutate but returns a promise — use for try/catch error handling. */\n mutateAsync: MutateFunction<TData, TError, TVariables, TContext>\n /** Reset the mutation state back to idle. */\n reset: () => void\n}\n\n/**\n * Run a mutation (create / update / delete). Returns reactive signals for\n * pending / success / error state plus `mutate` and `mutateAsync` functions.\n *\n * @example\n * const mutation = useMutation({\n * mutationFn: (data: CreatePostInput) =>\n * fetch('/api/posts', { method: 'POST', body: JSON.stringify(data) }).then(r => r.json()),\n * onSuccess: () => client.invalidateQueries({ queryKey: ['posts'] }),\n * })\n * // h('button', { onClick: () => mutation.mutate({ title: 'New' }) }, 'Create')\n */\nexport function useMutation<\n TData = unknown,\n TError = DefaultError,\n TVariables = void,\n TContext = unknown,\n>(\n options: MutationObserverOptions<TData, TError, TVariables, TContext>,\n): UseMutationResult<TData, TError, TVariables, TContext> {\n const client = useQueryClient()\n const observer = new MutationObserver<TData, TError, TVariables, TContext>(\n client,\n options,\n )\n const initial = observer.getCurrentResult()\n\n // Fine-grained signals: each field is independent so only effects that read\n // e.g. `mutation.isPending()` re-run when isPending changes, not on every update.\n const resultSig =\n signal<MutationObserverResult<TData, TError, TVariables, TContext>>(initial)\n const dataSig = signal<TData | undefined>(initial.data)\n const errorSig = signal<TError | null>(initial.error ?? null)\n const statusSig = signal<'idle' | 'pending' | 'success' | 'error'>(\n initial.status,\n )\n const isPending = signal(initial.isPending)\n const isSuccess = signal(initial.isSuccess)\n const isError = signal(initial.isError)\n const isIdle = signal(initial.isIdle)\n\n // batch() coalesces all signal updates into one notification flush.\n const unsub = observer.subscribe((r) => {\n batch(() => {\n resultSig.set(r)\n dataSig.set(r.data)\n errorSig.set(r.error ?? null)\n statusSig.set(r.status)\n isPending.set(r.isPending)\n isSuccess.set(r.isSuccess)\n isError.set(r.isError)\n isIdle.set(r.isIdle)\n })\n })\n\n onUnmount(() => unsub())\n\n return {\n result: resultSig,\n data: dataSig,\n error: errorSig,\n status: statusSig,\n isPending,\n isSuccess,\n isError,\n isIdle,\n mutate: (vars, callbackOptions) => {\n observer.mutate(vars, callbackOptions).catch(() => {\n // Error is already captured in the error signal via the observer subscription.\n // This catch prevents an unhandled promise rejection for fire-and-forget callers.\n })\n },\n mutateAsync: (vars, callbackOptions) =>\n observer.mutate(vars, callbackOptions),\n reset: () => observer.reset(),\n }\n}\n","import { onUnmount } from '@pyreon/core'\nimport { signal, effect, batch } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {\n DefaultError,\n InfiniteData,\n InfiniteQueryObserverOptions,\n InfiniteQueryObserverResult,\n QueryKey,\n QueryObserverResult,\n} from '@tanstack/query-core'\nimport { useQueryClient } from './query-client'\n\nexport interface UseInfiniteQueryResult<TQueryFnData, TError = DefaultError> {\n /** Raw signal — full observer result. */\n result: Signal<\n InfiniteQueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n data: Signal<InfiniteData<TQueryFnData> | undefined>\n error: Signal<TError | null>\n status: Signal<'pending' | 'error' | 'success'>\n isPending: Signal<boolean>\n isLoading: Signal<boolean>\n isFetching: Signal<boolean>\n isFetchingNextPage: Signal<boolean>\n isFetchingPreviousPage: Signal<boolean>\n isError: Signal<boolean>\n isSuccess: Signal<boolean>\n hasNextPage: Signal<boolean>\n hasPreviousPage: Signal<boolean>\n fetchNextPage: () => Promise<\n InfiniteQueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n fetchPreviousPage: () => Promise<\n InfiniteQueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n refetch: () => Promise<\n QueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n}\n\n/**\n * Subscribe to a paginated / infinite-scroll query.\n * Returns fine-grained reactive signals plus `fetchNextPage`, `fetchPreviousPage`,\n * `hasNextPage` and `hasPreviousPage`.\n *\n * @example\n * const query = useInfiniteQuery(() => ({\n * queryKey: ['posts'],\n * queryFn: ({ pageParam }) => fetchPosts(pageParam as number),\n * initialPageParam: 0,\n * getNextPageParam: (lastPage) => lastPage.nextCursor,\n * }))\n * // query.data()?.pages — array of pages\n * // h('button', { onClick: () => query.fetchNextPage() }, 'Load more')\n */\nexport function useInfiniteQuery<\n TQueryFnData = unknown,\n TError = DefaultError,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n>(\n options: () => InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n InfiniteData<TQueryFnData>,\n TQueryKey,\n TPageParam\n >,\n): UseInfiniteQueryResult<TQueryFnData, TError> {\n const client = useQueryClient()\n const observer = new InfiniteQueryObserver<\n TQueryFnData,\n TError,\n InfiniteData<TQueryFnData>,\n TQueryKey,\n TPageParam\n >(client, options())\n const initial = observer.getCurrentResult()\n\n const resultSig = signal(initial)\n const dataSig = signal<InfiniteData<TQueryFnData> | undefined>(initial.data)\n const errorSig = signal<TError | null>(initial.error ?? null)\n const statusSig = signal(initial.status)\n const isPending = signal(initial.isPending)\n const isLoading = signal(initial.isLoading)\n const isFetching = signal(initial.isFetching)\n const isFetchingNextPage = signal(initial.isFetchingNextPage)\n const isFetchingPreviousPage = signal(initial.isFetchingPreviousPage)\n const isError = signal(initial.isError)\n const isSuccess = signal(initial.isSuccess)\n const hasNextPage = signal(initial.hasNextPage)\n const hasPreviousPage = signal(initial.hasPreviousPage)\n\n const unsub = observer.subscribe((r) => {\n batch(() => {\n resultSig.set(r)\n dataSig.set(r.data)\n errorSig.set(r.error ?? null)\n statusSig.set(r.status)\n isPending.set(r.isPending)\n isLoading.set(r.isLoading)\n isFetching.set(r.isFetching)\n isFetchingNextPage.set(r.isFetchingNextPage)\n isFetchingPreviousPage.set(r.isFetchingPreviousPage)\n isError.set(r.isError)\n isSuccess.set(r.isSuccess)\n hasNextPage.set(r.hasNextPage)\n hasPreviousPage.set(r.hasPreviousPage)\n })\n })\n\n effect(() => {\n observer.setOptions(options())\n })\n\n onUnmount(() => unsub())\n\n return {\n result: resultSig,\n data: dataSig,\n error: errorSig,\n status: statusSig,\n isPending,\n isLoading,\n isFetching,\n isFetchingNextPage,\n isFetchingPreviousPage,\n isError,\n isSuccess,\n hasNextPage,\n hasPreviousPage,\n fetchNextPage: () => observer.fetchNextPage(),\n fetchPreviousPage: () => observer.fetchPreviousPage(),\n refetch: () => observer.refetch(),\n }\n}\n","import { onUnmount } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport type { MutationFilters, QueryFilters } from '@tanstack/query-core'\nimport { useQueryClient } from './query-client'\n\n/**\n * Returns a signal that tracks how many queries are currently in-flight.\n * Useful for global loading indicators.\n *\n * @example\n * const fetching = useIsFetching()\n * // h('span', null, () => fetching() > 0 ? 'Loading…' : '')\n */\nexport function useIsFetching(filters?: QueryFilters): Signal<number> {\n const client = useQueryClient()\n const count = signal(client.isFetching(filters))\n\n const unsub = client.getQueryCache().subscribe(() => {\n count.set(client.isFetching(filters))\n })\n onUnmount(() => unsub())\n\n return count\n}\n\n/**\n * Returns a signal that tracks how many mutations are currently in-flight.\n *\n * @example\n * const mutating = useIsMutating()\n * // h('span', null, () => mutating() > 0 ? 'Saving…' : '')\n */\nexport function useIsMutating(filters?: MutationFilters): Signal<number> {\n const client = useQueryClient()\n const count = signal(client.isMutating(filters))\n\n const unsub = client.getMutationCache().subscribe(() => {\n count.set(client.isMutating(filters))\n })\n onUnmount(() => unsub())\n\n return count\n}\n","import { onUnmount } from '@pyreon/core'\nimport { signal, effect } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport { QueriesObserver } from '@tanstack/query-core'\nimport type {\n DefaultError,\n QueryKey,\n QueryObserverOptions,\n QueryObserverResult,\n} from '@tanstack/query-core'\nimport { useQueryClient } from './query-client'\n\nexport type UseQueriesOptions<TQueryKey extends QueryKey = QueryKey> =\n QueryObserverOptions<unknown, DefaultError, unknown, unknown, TQueryKey>\n\n/**\n * Subscribe to multiple queries in parallel. Returns a single signal containing\n * the array of results — index-aligned with the `queries` array.\n *\n * `queries` is a reactive function so signal-based keys trigger re-evaluation\n * automatically.\n *\n * @example\n * const userIds = signal([1, 2, 3])\n * const results = useQueries(() =>\n * userIds().map(id => ({\n * queryKey: ['user', id],\n * queryFn: () => fetchUser(id),\n * }))\n * )\n * // results() — QueryObserverResult[]\n * // results()[0].data — first user\n */\nexport function useQueries(\n queries: () => UseQueriesOptions[],\n): Signal<QueryObserverResult[]> {\n const client = useQueryClient()\n const observer = new QueriesObserver(client, queries())\n\n const resultSig = signal(\n observer.getCurrentResult() as readonly QueryObserverResult[],\n ) as Signal<QueryObserverResult[]>\n\n const unsub = observer.subscribe(\n (results: readonly QueryObserverResult[]) => {\n resultSig.set(results as QueryObserverResult[])\n },\n )\n\n // When signals inside queries() change, update the observer.\n effect(() => {\n observer.setQueries(queries())\n })\n\n onUnmount(() => {\n unsub()\n observer.destroy()\n })\n\n return resultSig\n}\n","import { onUnmount } from '@pyreon/core'\nimport { signal, effect, batch } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport { QueryObserver, InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {\n DefaultError,\n InfiniteData,\n InfiniteQueryObserverOptions,\n InfiniteQueryObserverResult,\n QueryKey,\n QueryObserverOptions,\n QueryObserverResult,\n} from '@tanstack/query-core'\nimport type { VNodeChild, VNodeChildAtom } from '@pyreon/core'\nimport { useQueryClient } from './query-client'\n\n// ─── Types ─────────────────────────────────────────────────────────────────\n\n/**\n * Like `UseQueryResult` but `data` is `Signal<TData>` (never undefined).\n * Only use inside a `QuerySuspense` boundary which guarantees the query has\n * succeeded before children are rendered.\n */\nexport interface UseSuspenseQueryResult<TData, TError = DefaultError> {\n result: Signal<QueryObserverResult<TData, TError>>\n /** Always TData — never undefined inside a QuerySuspense boundary. */\n data: Signal<TData>\n error: Signal<TError | null>\n status: Signal<'pending' | 'error' | 'success'>\n isPending: Signal<boolean>\n isFetching: Signal<boolean>\n isError: Signal<boolean>\n isSuccess: Signal<boolean>\n refetch: () => Promise<QueryObserverResult<TData, TError>>\n}\n\nexport interface UseSuspenseInfiniteQueryResult<\n TQueryFnData,\n TError = DefaultError,\n> {\n result: Signal<\n InfiniteQueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n /** Always InfiniteData<TQueryFnData> — never undefined inside a QuerySuspense boundary. */\n data: Signal<InfiniteData<TQueryFnData>>\n error: Signal<TError | null>\n status: Signal<'pending' | 'error' | 'success'>\n isFetching: Signal<boolean>\n isFetchingNextPage: Signal<boolean>\n isFetchingPreviousPage: Signal<boolean>\n isError: Signal<boolean>\n isSuccess: Signal<boolean>\n hasNextPage: Signal<boolean>\n hasPreviousPage: Signal<boolean>\n fetchNextPage: () => Promise<\n InfiniteQueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n fetchPreviousPage: () => Promise<\n InfiniteQueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n refetch: () => Promise<\n QueryObserverResult<InfiniteData<TQueryFnData>, TError>\n >\n}\n\n// ─── QuerySuspense ──────────────────────────────────────────────────────────\n\ntype AnyQueryLike = {\n isPending: Signal<boolean>\n isError: Signal<boolean>\n error: Signal<unknown>\n}\n\nexport interface QuerySuspenseProps {\n /**\n * A single query result (or array of them) to gate on.\n * Children only render when ALL queries have succeeded.\n */\n query: AnyQueryLike | AnyQueryLike[]\n /** Rendered while any query is pending. */\n fallback?: VNodeChild\n /** Rendered when any query has errored. Defaults to re-throwing to nearest ErrorBoundary. */\n error?: (err: unknown) => VNodeChild\n children: VNodeChild\n}\n\n/**\n * Pyreon-native Suspense boundary for queries. Shows `fallback` while any query\n * is pending. On error, renders the `error` fallback or re-throws to the\n * nearest Pyreon `ErrorBoundary`.\n *\n * Pair with `useSuspenseQuery` / `useSuspenseInfiniteQuery` to get non-undefined\n * `data` types inside children.\n *\n * @example\n * const userQuery = useSuspenseQuery(() => ({ queryKey: ['user'], queryFn: fetchUser }))\n *\n * h(QuerySuspense, {\n * query: userQuery,\n * fallback: h(Spinner, null),\n * error: (err) => h('p', null, `Failed: ${err}`),\n * }, () => h(UserProfile, { user: userQuery.data() }))\n */\nexport function QuerySuspense(props: QuerySuspenseProps): VNodeChild {\n return (): VNodeChildAtom => {\n const queries = Array.isArray(props.query) ? props.query : [props.query]\n\n // Error state — use provided error fallback or re-throw to ErrorBoundary\n for (const q of queries) {\n if (q.isError()) {\n const err = q.error()\n if (props.error) {\n return props.error(err) as VNodeChildAtom\n }\n throw err\n }\n }\n\n // Pending state — show fallback\n if (queries.some((q) => q.isPending())) {\n const fb = props.fallback\n return (\n typeof fb === 'function' ? (fb as () => VNodeChildAtom)() : (fb ?? null)\n ) as VNodeChildAtom\n }\n\n // All success — render children\n const ch = props.children\n return (\n typeof ch === 'function' ? (ch as () => VNodeChildAtom)() : ch\n ) as VNodeChildAtom\n }\n}\n\n// ─── useSuspenseQuery ───────────────────────────────────────────────────────\n\n/**\n * Like `useQuery` but `data` is typed as `Signal<TData>` (never undefined).\n * Designed for use inside a `QuerySuspense` boundary, which guarantees\n * children only render after the query succeeds.\n *\n * @example\n * const user = useSuspenseQuery(() => ({ queryKey: ['user', id()], queryFn: fetchUser }))\n *\n * h(QuerySuspense, { query: user, fallback: h(Spinner, null) },\n * () => h(UserCard, { name: user.data().name }),\n * )\n */\nexport function useSuspenseQuery<\n TData = unknown,\n TError = DefaultError,\n TKey extends QueryKey = QueryKey,\n>(\n options: () => QueryObserverOptions<TData, TError, TData, TData, TKey>,\n): UseSuspenseQueryResult<TData, TError> {\n const client = useQueryClient()\n const observer = new QueryObserver<TData, TError, TData, TData, TKey>(\n client,\n options(),\n )\n const initial = observer.getCurrentResult()\n\n const resultSig = signal<QueryObserverResult<TData, TError>>(initial)\n const dataSig = signal<TData>(initial.data as TData)\n const errorSig = signal<TError | null>(initial.error ?? null)\n const statusSig = signal<'pending' | 'error' | 'success'>(initial.status)\n const isPending = signal(initial.isPending)\n const isFetching = signal(initial.isFetching)\n const isError = signal(initial.isError)\n const isSuccess = signal(initial.isSuccess)\n\n const unsub = observer.subscribe((r) => {\n batch(() => {\n resultSig.set(r)\n if (r.data !== undefined) dataSig.set(r.data as TData)\n errorSig.set(r.error ?? null)\n statusSig.set(r.status)\n isPending.set(r.isPending)\n isFetching.set(r.isFetching)\n isError.set(r.isError)\n isSuccess.set(r.isSuccess)\n })\n })\n\n effect(() => {\n observer.setOptions(options())\n })\n onUnmount(() => unsub())\n\n return {\n result: resultSig,\n data: dataSig,\n error: errorSig,\n status: statusSig,\n isPending,\n isFetching,\n isError,\n isSuccess,\n refetch: () => observer.refetch(),\n }\n}\n\n// ─── useSuspenseInfiniteQuery ───────────────────────────────────────────────\n\n/**\n * Like `useInfiniteQuery` but `data` is typed as `Signal<InfiniteData<TData>>`\n * (never undefined). Use inside a `QuerySuspense` boundary.\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = DefaultError,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n>(\n options: () => InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n InfiniteData<TQueryFnData>,\n TQueryKey,\n TPageParam\n >,\n): UseSuspenseInfiniteQueryResult<TQueryFnData, TError> {\n const client = useQueryClient()\n const observer = new InfiniteQueryObserver<\n TQueryFnData,\n TError,\n InfiniteData<TQueryFnData>,\n TQueryKey,\n TPageParam\n >(client, options())\n const initial = observer.getCurrentResult()\n\n const resultSig = signal(initial)\n const dataSig = signal(initial.data as InfiniteData<TQueryFnData>)\n const errorSig = signal<TError | null>(initial.error ?? null)\n const statusSig = signal(initial.status)\n const isFetching = signal(initial.isFetching)\n const isFetchingNextPage = signal(initial.isFetchingNextPage)\n const isFetchingPreviousPage = signal(initial.isFetchingPreviousPage)\n const isError = signal(initial.isError)\n const isSuccess = signal(initial.isSuccess)\n const hasNextPage = signal(initial.hasNextPage)\n const hasPreviousPage = signal(initial.hasPreviousPage)\n\n const unsub = observer.subscribe((r) => {\n batch(() => {\n resultSig.set(r)\n if (r.data !== undefined) dataSig.set(r.data)\n errorSig.set(r.error ?? null)\n statusSig.set(r.status)\n isFetching.set(r.isFetching)\n isFetchingNextPage.set(r.isFetchingNextPage)\n isFetchingPreviousPage.set(r.isFetchingPreviousPage)\n isError.set(r.isError)\n isSuccess.set(r.isSuccess)\n hasNextPage.set(r.hasNextPage)\n hasPreviousPage.set(r.hasPreviousPage)\n })\n })\n\n effect(() => {\n observer.setOptions(options())\n })\n onUnmount(() => unsub())\n\n return {\n result: resultSig,\n data: dataSig,\n error: errorSig,\n status: statusSig,\n isFetching,\n isFetchingNextPage,\n isFetchingPreviousPage,\n isError,\n isSuccess,\n hasNextPage,\n hasPreviousPage,\n fetchNextPage: () => observer.fetchNextPage(),\n fetchPreviousPage: () => observer.fetchPreviousPage(),\n refetch: () => observer.refetch(),\n }\n}\n","import {\n createContext,\n pushContext,\n popContext,\n onUnmount,\n useContext,\n} from '@pyreon/core'\nimport type { VNodeChild, VNode } from '@pyreon/core'\nimport type { Props } from '@pyreon/core'\nimport { useQueryClient } from './query-client'\n\n// ─── Context ────────────────────────────────────────────────────────────────\n\ninterface ErrorResetBoundaryValue {\n reset: () => void\n}\n\nconst QueryErrorResetBoundaryContext =\n createContext<ErrorResetBoundaryValue | null>(null)\n\n// ─── QueryErrorResetBoundary ─────────────────────────────────────────────────\n\nexport interface QueryErrorResetBoundaryProps extends Props {\n children?: VNodeChild\n}\n\n/**\n * Wraps a subtree so that `useQueryErrorResetBoundary()` descendants can reset\n * all errored queries within this boundary.\n *\n * Pair with Pyreon's `ErrorBoundary` to retry failed queries when the user\n * dismisses the error fallback:\n *\n * @example\n * h(QueryErrorResetBoundary, null,\n * h(ErrorBoundary, {\n * fallback: (err, boundaryReset) => {\n * const { reset } = useQueryErrorResetBoundary()\n * return h('button', {\n * onClick: () => { reset(); boundaryReset() },\n * }, 'Retry')\n * },\n * }, h(MyComponent, null)),\n * )\n */\nexport function QueryErrorResetBoundary(\n props: QueryErrorResetBoundaryProps,\n): VNode {\n const client = useQueryClient()\n\n const value: ErrorResetBoundaryValue = {\n reset: () => {\n // Reset all active queries that are in error state so they refetch.\n client.refetchQueries({\n predicate: (query) => query.state.status === 'error',\n })\n },\n }\n\n const frame = new Map([[QueryErrorResetBoundaryContext.id, value]])\n pushContext(frame)\n onUnmount(() => popContext())\n\n const ch = props.children\n return (typeof ch === 'function' ? (ch as () => VNodeChild)() : ch) as VNode\n}\n\n// ─── useQueryErrorResetBoundary ──────────────────────────────────────────────\n\n/**\n * Returns the `reset` function provided by the nearest `QueryErrorResetBoundary`.\n * If called outside a boundary, falls back to resetting all errored queries\n * on the current `QueryClient`.\n *\n * @example\n * // Inside an ErrorBoundary fallback:\n * const { reset } = useQueryErrorResetBoundary()\n * h('button', { onClick: () => { reset(); boundaryReset() } }, 'Retry')\n */\nexport function useQueryErrorResetBoundary(): ErrorResetBoundaryValue {\n const boundary = useContext(QueryErrorResetBoundaryContext)\n // Always call useQueryClient to respect hook ordering rules\n const client = useQueryClient()\n\n if (boundary) return boundary\n\n // Fallback: no explicit boundary — use the QueryClient directly.\n return {\n reset: () => {\n client.refetchQueries({\n predicate: (query) => query.state.status === 'error',\n })\n },\n }\n}\n"],"mappings":"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"}
|