@tanstack/solid-query 5.71.8 → 5.71.9
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/build/dev.cjs +82 -76
- package/build/dev.js +81 -75
- package/build/index.cjs +82 -76
- package/build/index.d.cts +99 -58
- package/build/index.d.ts +99 -58
- package/build/index.js +81 -75
- package/package.json +1 -1
- package/src/index.ts +85 -4
- package/src/types.ts +22 -22
- package/src/{createBaseQuery.ts → useBaseQuery.ts} +3 -3
- package/src/{createInfiniteQuery.ts → useInfiniteQuery.ts} +13 -13
- package/src/{createMutation.ts → useMutation.ts} +8 -8
- package/src/{createQueries.ts → useQueries.ts} +25 -25
- package/src/{createQuery.ts → useQuery.ts} +11 -11
package/build/dev.cjs
CHANGED
|
@@ -5,12 +5,7 @@ var solidJs = require('solid-js');
|
|
|
5
5
|
var web = require('solid-js/web');
|
|
6
6
|
var store = require('solid-js/store');
|
|
7
7
|
|
|
8
|
-
// src/
|
|
9
|
-
exports.QueryClient = class QueryClient extends queryCore.QueryClient {
|
|
10
|
-
constructor(config = {}) {
|
|
11
|
-
super(config);
|
|
12
|
-
}
|
|
13
|
-
};
|
|
8
|
+
// src/useQuery.ts
|
|
14
9
|
exports.QueryClientContext = solidJs.createContext(void 0);
|
|
15
10
|
exports.useQueryClient = (queryClient) => {
|
|
16
11
|
if (queryClient) {
|
|
@@ -50,7 +45,7 @@ var IsRestoringContext = solidJs.createContext(() => false);
|
|
|
50
45
|
exports.useIsRestoring = () => solidJs.useContext(IsRestoringContext);
|
|
51
46
|
exports.IsRestoringProvider = IsRestoringContext.Provider;
|
|
52
47
|
|
|
53
|
-
// src/
|
|
48
|
+
// src/useBaseQuery.ts
|
|
54
49
|
function reconcileFn(store$1, result, reconcileOption, queryHash) {
|
|
55
50
|
if (reconcileOption === false) return result;
|
|
56
51
|
if (typeof reconcileOption === "function") {
|
|
@@ -96,7 +91,7 @@ var hydratableObserverResult = (query, result) => {
|
|
|
96
91
|
};
|
|
97
92
|
return obj;
|
|
98
93
|
};
|
|
99
|
-
function
|
|
94
|
+
function useBaseQuery(options, Observer, queryClient) {
|
|
100
95
|
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
101
96
|
const isRestoring = exports.useIsRestoring();
|
|
102
97
|
let unsubscribeQueued = false;
|
|
@@ -302,42 +297,22 @@ function createBaseQuery(options, Observer, queryClient) {
|
|
|
302
297
|
return new Proxy(state, handler);
|
|
303
298
|
}
|
|
304
299
|
|
|
305
|
-
// src/
|
|
306
|
-
function
|
|
307
|
-
return
|
|
300
|
+
// src/useQuery.ts
|
|
301
|
+
function useQuery(options, queryClient) {
|
|
302
|
+
return useBaseQuery(
|
|
308
303
|
solidJs.createMemo(() => options()),
|
|
309
304
|
queryCore.QueryObserver,
|
|
310
305
|
queryClient
|
|
311
306
|
);
|
|
312
307
|
}
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
function queryOptions(options) {
|
|
316
|
-
return options;
|
|
317
|
-
}
|
|
318
|
-
function useIsFetching(filters, queryClient) {
|
|
319
|
-
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
320
|
-
const queryCache = solidJs.createMemo(() => client().getQueryCache());
|
|
321
|
-
const [fetches, setFetches] = solidJs.createSignal(client().isFetching(filters?.()));
|
|
322
|
-
const unsubscribe = queryCache().subscribe(() => {
|
|
323
|
-
setFetches(client().isFetching(filters?.()));
|
|
324
|
-
});
|
|
325
|
-
solidJs.onCleanup(unsubscribe);
|
|
326
|
-
return fetches;
|
|
327
|
-
}
|
|
328
|
-
function createInfiniteQuery(options, queryClient) {
|
|
329
|
-
return createBaseQuery(
|
|
308
|
+
function useInfiniteQuery(options, queryClient) {
|
|
309
|
+
return useBaseQuery(
|
|
330
310
|
solidJs.createMemo(() => options()),
|
|
331
311
|
queryCore.InfiniteQueryObserver,
|
|
332
312
|
queryClient
|
|
333
313
|
);
|
|
334
314
|
}
|
|
335
|
-
|
|
336
|
-
// src/infiniteQueryOptions.ts
|
|
337
|
-
function infiniteQueryOptions(options) {
|
|
338
|
-
return options;
|
|
339
|
-
}
|
|
340
|
-
function createMutation(options, queryClient) {
|
|
315
|
+
function useMutation(options, queryClient) {
|
|
341
316
|
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
342
317
|
const observer = new queryCore.MutationObserver(
|
|
343
318
|
client(),
|
|
@@ -374,44 +349,7 @@ function createMutation(options, queryClient) {
|
|
|
374
349
|
solidJs.onCleanup(unsubscribe);
|
|
375
350
|
return state;
|
|
376
351
|
}
|
|
377
|
-
function
|
|
378
|
-
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
379
|
-
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
380
|
-
const [mutations, setMutations] = solidJs.createSignal(
|
|
381
|
-
client().isMutating(filters?.())
|
|
382
|
-
);
|
|
383
|
-
const unsubscribe = mutationCache().subscribe((_result) => {
|
|
384
|
-
setMutations(client().isMutating(filters?.()));
|
|
385
|
-
});
|
|
386
|
-
solidJs.onCleanup(unsubscribe);
|
|
387
|
-
return mutations;
|
|
388
|
-
}
|
|
389
|
-
function getResult(mutationCache, options) {
|
|
390
|
-
return mutationCache.findAll(options.filters).map(
|
|
391
|
-
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
392
|
-
);
|
|
393
|
-
}
|
|
394
|
-
function useMutationState(options = () => ({}), queryClient) {
|
|
395
|
-
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
396
|
-
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
397
|
-
const [result, setResult] = solidJs.createSignal(
|
|
398
|
-
getResult(mutationCache(), options())
|
|
399
|
-
);
|
|
400
|
-
solidJs.createEffect(() => {
|
|
401
|
-
const unsubscribe = mutationCache().subscribe(() => {
|
|
402
|
-
const nextResult = queryCore.replaceEqualDeep(
|
|
403
|
-
result(),
|
|
404
|
-
getResult(mutationCache(), options())
|
|
405
|
-
);
|
|
406
|
-
if (result() !== nextResult) {
|
|
407
|
-
setResult(nextResult);
|
|
408
|
-
}
|
|
409
|
-
});
|
|
410
|
-
solidJs.onCleanup(unsubscribe);
|
|
411
|
-
});
|
|
412
|
-
return result;
|
|
413
|
-
}
|
|
414
|
-
function createQueries(queriesOptions, queryClient) {
|
|
352
|
+
function useQueries(queriesOptions, queryClient) {
|
|
415
353
|
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
416
354
|
const isRestoring = exports.useIsRestoring();
|
|
417
355
|
const defaultedQueries = solidJs.createMemo(
|
|
@@ -528,16 +466,84 @@ function createQueries(queriesOptions, queryClient) {
|
|
|
528
466
|
solidJs.createRenderEffect(() => setProxyState(getProxies()));
|
|
529
467
|
return proxyState;
|
|
530
468
|
}
|
|
469
|
+
exports.QueryClient = class QueryClient extends queryCore.QueryClient {
|
|
470
|
+
constructor(config = {}) {
|
|
471
|
+
super(config);
|
|
472
|
+
}
|
|
473
|
+
};
|
|
474
|
+
|
|
475
|
+
// src/queryOptions.ts
|
|
476
|
+
function queryOptions(options) {
|
|
477
|
+
return options;
|
|
478
|
+
}
|
|
479
|
+
function useIsFetching(filters, queryClient) {
|
|
480
|
+
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
481
|
+
const queryCache = solidJs.createMemo(() => client().getQueryCache());
|
|
482
|
+
const [fetches, setFetches] = solidJs.createSignal(client().isFetching(filters?.()));
|
|
483
|
+
const unsubscribe = queryCache().subscribe(() => {
|
|
484
|
+
setFetches(client().isFetching(filters?.()));
|
|
485
|
+
});
|
|
486
|
+
solidJs.onCleanup(unsubscribe);
|
|
487
|
+
return fetches;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
// src/infiniteQueryOptions.ts
|
|
491
|
+
function infiniteQueryOptions(options) {
|
|
492
|
+
return options;
|
|
493
|
+
}
|
|
494
|
+
function useIsMutating(filters, queryClient) {
|
|
495
|
+
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
496
|
+
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
497
|
+
const [mutations, setMutations] = solidJs.createSignal(
|
|
498
|
+
client().isMutating(filters?.())
|
|
499
|
+
);
|
|
500
|
+
const unsubscribe = mutationCache().subscribe((_result) => {
|
|
501
|
+
setMutations(client().isMutating(filters?.()));
|
|
502
|
+
});
|
|
503
|
+
solidJs.onCleanup(unsubscribe);
|
|
504
|
+
return mutations;
|
|
505
|
+
}
|
|
506
|
+
function getResult(mutationCache, options) {
|
|
507
|
+
return mutationCache.findAll(options.filters).map(
|
|
508
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
509
|
+
);
|
|
510
|
+
}
|
|
511
|
+
function useMutationState(options = () => ({}), queryClient) {
|
|
512
|
+
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
513
|
+
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
514
|
+
const [result, setResult] = solidJs.createSignal(
|
|
515
|
+
getResult(mutationCache(), options())
|
|
516
|
+
);
|
|
517
|
+
solidJs.createEffect(() => {
|
|
518
|
+
const unsubscribe = mutationCache().subscribe(() => {
|
|
519
|
+
const nextResult = queryCore.replaceEqualDeep(
|
|
520
|
+
result(),
|
|
521
|
+
getResult(mutationCache(), options())
|
|
522
|
+
);
|
|
523
|
+
if (result() !== nextResult) {
|
|
524
|
+
setResult(nextResult);
|
|
525
|
+
}
|
|
526
|
+
});
|
|
527
|
+
solidJs.onCleanup(unsubscribe);
|
|
528
|
+
});
|
|
529
|
+
return result;
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
// src/index.ts
|
|
533
|
+
exports.createQuery = useQuery;
|
|
534
|
+
exports.createInfiniteQuery = useInfiniteQuery;
|
|
535
|
+
exports.createMutation = useMutation;
|
|
536
|
+
exports.createQueries = useQueries;
|
|
531
537
|
|
|
532
|
-
exports.createInfiniteQuery = createInfiniteQuery;
|
|
533
|
-
exports.createMutation = createMutation;
|
|
534
|
-
exports.createQueries = createQueries;
|
|
535
|
-
exports.createQuery = createQuery;
|
|
536
538
|
exports.infiniteQueryOptions = infiniteQueryOptions;
|
|
537
539
|
exports.queryOptions = queryOptions;
|
|
540
|
+
exports.useInfiniteQuery = useInfiniteQuery;
|
|
538
541
|
exports.useIsFetching = useIsFetching;
|
|
539
542
|
exports.useIsMutating = useIsMutating;
|
|
543
|
+
exports.useMutation = useMutation;
|
|
540
544
|
exports.useMutationState = useMutationState;
|
|
545
|
+
exports.useQueries = useQueries;
|
|
546
|
+
exports.useQuery = useQuery;
|
|
541
547
|
Object.keys(queryCore).forEach(function (k) {
|
|
542
548
|
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
543
549
|
enumerable: true,
|
package/build/dev.js
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import { QueryClient as QueryClient$1,
|
|
1
|
+
import { MutationObserver, QueriesObserver, QueryClient as QueryClient$1, replaceEqualDeep, hydrate, notifyManager, QueryObserver, InfiniteQueryObserver } from '@tanstack/query-core';
|
|
2
2
|
export * from '@tanstack/query-core';
|
|
3
|
-
import { createContext, useContext, createRenderEffect, onCleanup, createMemo,
|
|
3
|
+
import { createContext, useContext, createRenderEffect, onCleanup, createMemo, createComputed, on, mergeProps, createResource, batch, onMount, createSignal, createEffect } from 'solid-js';
|
|
4
4
|
import { createComponent, isServer } from 'solid-js/web';
|
|
5
5
|
import { createStore, unwrap, reconcile } from 'solid-js/store';
|
|
6
6
|
|
|
7
|
-
// src/
|
|
8
|
-
var QueryClient = class extends QueryClient$1 {
|
|
9
|
-
constructor(config = {}) {
|
|
10
|
-
super(config);
|
|
11
|
-
}
|
|
12
|
-
};
|
|
7
|
+
// src/useQuery.ts
|
|
13
8
|
var QueryClientContext = createContext(void 0);
|
|
14
9
|
var useQueryClient = (queryClient) => {
|
|
15
10
|
if (queryClient) {
|
|
@@ -49,7 +44,7 @@ var IsRestoringContext = createContext(() => false);
|
|
|
49
44
|
var useIsRestoring = () => useContext(IsRestoringContext);
|
|
50
45
|
var IsRestoringProvider = IsRestoringContext.Provider;
|
|
51
46
|
|
|
52
|
-
// src/
|
|
47
|
+
// src/useBaseQuery.ts
|
|
53
48
|
function reconcileFn(store, result, reconcileOption, queryHash) {
|
|
54
49
|
if (reconcileOption === false) return result;
|
|
55
50
|
if (typeof reconcileOption === "function") {
|
|
@@ -95,7 +90,7 @@ var hydratableObserverResult = (query, result) => {
|
|
|
95
90
|
};
|
|
96
91
|
return obj;
|
|
97
92
|
};
|
|
98
|
-
function
|
|
93
|
+
function useBaseQuery(options, Observer, queryClient) {
|
|
99
94
|
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
100
95
|
const isRestoring = useIsRestoring();
|
|
101
96
|
let unsubscribeQueued = false;
|
|
@@ -301,42 +296,22 @@ function createBaseQuery(options, Observer, queryClient) {
|
|
|
301
296
|
return new Proxy(state, handler);
|
|
302
297
|
}
|
|
303
298
|
|
|
304
|
-
// src/
|
|
305
|
-
function
|
|
306
|
-
return
|
|
299
|
+
// src/useQuery.ts
|
|
300
|
+
function useQuery(options, queryClient) {
|
|
301
|
+
return useBaseQuery(
|
|
307
302
|
createMemo(() => options()),
|
|
308
303
|
QueryObserver,
|
|
309
304
|
queryClient
|
|
310
305
|
);
|
|
311
306
|
}
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
function queryOptions(options) {
|
|
315
|
-
return options;
|
|
316
|
-
}
|
|
317
|
-
function useIsFetching(filters, queryClient) {
|
|
318
|
-
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
319
|
-
const queryCache = createMemo(() => client().getQueryCache());
|
|
320
|
-
const [fetches, setFetches] = createSignal(client().isFetching(filters?.()));
|
|
321
|
-
const unsubscribe = queryCache().subscribe(() => {
|
|
322
|
-
setFetches(client().isFetching(filters?.()));
|
|
323
|
-
});
|
|
324
|
-
onCleanup(unsubscribe);
|
|
325
|
-
return fetches;
|
|
326
|
-
}
|
|
327
|
-
function createInfiniteQuery(options, queryClient) {
|
|
328
|
-
return createBaseQuery(
|
|
307
|
+
function useInfiniteQuery(options, queryClient) {
|
|
308
|
+
return useBaseQuery(
|
|
329
309
|
createMemo(() => options()),
|
|
330
310
|
InfiniteQueryObserver,
|
|
331
311
|
queryClient
|
|
332
312
|
);
|
|
333
313
|
}
|
|
334
|
-
|
|
335
|
-
// src/infiniteQueryOptions.ts
|
|
336
|
-
function infiniteQueryOptions(options) {
|
|
337
|
-
return options;
|
|
338
|
-
}
|
|
339
|
-
function createMutation(options, queryClient) {
|
|
314
|
+
function useMutation(options, queryClient) {
|
|
340
315
|
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
341
316
|
const observer = new MutationObserver(
|
|
342
317
|
client(),
|
|
@@ -373,44 +348,7 @@ function createMutation(options, queryClient) {
|
|
|
373
348
|
onCleanup(unsubscribe);
|
|
374
349
|
return state;
|
|
375
350
|
}
|
|
376
|
-
function
|
|
377
|
-
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
378
|
-
const mutationCache = createMemo(() => client().getMutationCache());
|
|
379
|
-
const [mutations, setMutations] = createSignal(
|
|
380
|
-
client().isMutating(filters?.())
|
|
381
|
-
);
|
|
382
|
-
const unsubscribe = mutationCache().subscribe((_result) => {
|
|
383
|
-
setMutations(client().isMutating(filters?.()));
|
|
384
|
-
});
|
|
385
|
-
onCleanup(unsubscribe);
|
|
386
|
-
return mutations;
|
|
387
|
-
}
|
|
388
|
-
function getResult(mutationCache, options) {
|
|
389
|
-
return mutationCache.findAll(options.filters).map(
|
|
390
|
-
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
391
|
-
);
|
|
392
|
-
}
|
|
393
|
-
function useMutationState(options = () => ({}), queryClient) {
|
|
394
|
-
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
395
|
-
const mutationCache = createMemo(() => client().getMutationCache());
|
|
396
|
-
const [result, setResult] = createSignal(
|
|
397
|
-
getResult(mutationCache(), options())
|
|
398
|
-
);
|
|
399
|
-
createEffect(() => {
|
|
400
|
-
const unsubscribe = mutationCache().subscribe(() => {
|
|
401
|
-
const nextResult = replaceEqualDeep(
|
|
402
|
-
result(),
|
|
403
|
-
getResult(mutationCache(), options())
|
|
404
|
-
);
|
|
405
|
-
if (result() !== nextResult) {
|
|
406
|
-
setResult(nextResult);
|
|
407
|
-
}
|
|
408
|
-
});
|
|
409
|
-
onCleanup(unsubscribe);
|
|
410
|
-
});
|
|
411
|
-
return result;
|
|
412
|
-
}
|
|
413
|
-
function createQueries(queriesOptions, queryClient) {
|
|
351
|
+
function useQueries(queriesOptions, queryClient) {
|
|
414
352
|
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
415
353
|
const isRestoring = useIsRestoring();
|
|
416
354
|
const defaultedQueries = createMemo(
|
|
@@ -527,5 +465,73 @@ function createQueries(queriesOptions, queryClient) {
|
|
|
527
465
|
createRenderEffect(() => setProxyState(getProxies()));
|
|
528
466
|
return proxyState;
|
|
529
467
|
}
|
|
468
|
+
var QueryClient = class extends QueryClient$1 {
|
|
469
|
+
constructor(config = {}) {
|
|
470
|
+
super(config);
|
|
471
|
+
}
|
|
472
|
+
};
|
|
473
|
+
|
|
474
|
+
// src/queryOptions.ts
|
|
475
|
+
function queryOptions(options) {
|
|
476
|
+
return options;
|
|
477
|
+
}
|
|
478
|
+
function useIsFetching(filters, queryClient) {
|
|
479
|
+
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
480
|
+
const queryCache = createMemo(() => client().getQueryCache());
|
|
481
|
+
const [fetches, setFetches] = createSignal(client().isFetching(filters?.()));
|
|
482
|
+
const unsubscribe = queryCache().subscribe(() => {
|
|
483
|
+
setFetches(client().isFetching(filters?.()));
|
|
484
|
+
});
|
|
485
|
+
onCleanup(unsubscribe);
|
|
486
|
+
return fetches;
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
// src/infiniteQueryOptions.ts
|
|
490
|
+
function infiniteQueryOptions(options) {
|
|
491
|
+
return options;
|
|
492
|
+
}
|
|
493
|
+
function useIsMutating(filters, queryClient) {
|
|
494
|
+
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
495
|
+
const mutationCache = createMemo(() => client().getMutationCache());
|
|
496
|
+
const [mutations, setMutations] = createSignal(
|
|
497
|
+
client().isMutating(filters?.())
|
|
498
|
+
);
|
|
499
|
+
const unsubscribe = mutationCache().subscribe((_result) => {
|
|
500
|
+
setMutations(client().isMutating(filters?.()));
|
|
501
|
+
});
|
|
502
|
+
onCleanup(unsubscribe);
|
|
503
|
+
return mutations;
|
|
504
|
+
}
|
|
505
|
+
function getResult(mutationCache, options) {
|
|
506
|
+
return mutationCache.findAll(options.filters).map(
|
|
507
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
508
|
+
);
|
|
509
|
+
}
|
|
510
|
+
function useMutationState(options = () => ({}), queryClient) {
|
|
511
|
+
const client = createMemo(() => useQueryClient(queryClient?.()));
|
|
512
|
+
const mutationCache = createMemo(() => client().getMutationCache());
|
|
513
|
+
const [result, setResult] = createSignal(
|
|
514
|
+
getResult(mutationCache(), options())
|
|
515
|
+
);
|
|
516
|
+
createEffect(() => {
|
|
517
|
+
const unsubscribe = mutationCache().subscribe(() => {
|
|
518
|
+
const nextResult = replaceEqualDeep(
|
|
519
|
+
result(),
|
|
520
|
+
getResult(mutationCache(), options())
|
|
521
|
+
);
|
|
522
|
+
if (result() !== nextResult) {
|
|
523
|
+
setResult(nextResult);
|
|
524
|
+
}
|
|
525
|
+
});
|
|
526
|
+
onCleanup(unsubscribe);
|
|
527
|
+
});
|
|
528
|
+
return result;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
// src/index.ts
|
|
532
|
+
var createQuery = useQuery;
|
|
533
|
+
var createInfiniteQuery = useInfiniteQuery;
|
|
534
|
+
var createMutation = useMutation;
|
|
535
|
+
var createQueries = useQueries;
|
|
530
536
|
|
|
531
|
-
export { IsRestoringProvider, QueryClient, QueryClientContext, QueryClientProvider, createInfiniteQuery, createMutation, createQueries, createQuery, infiniteQueryOptions, queryOptions, useIsFetching, useIsMutating, useIsRestoring, useMutationState, useQueryClient };
|
|
537
|
+
export { IsRestoringProvider, QueryClient, QueryClientContext, QueryClientProvider, createInfiniteQuery, createMutation, createQueries, createQuery, infiniteQueryOptions, queryOptions, useInfiniteQuery, useIsFetching, useIsMutating, useIsRestoring, useMutation, useMutationState, useQueries, useQuery, useQueryClient };
|
package/build/index.cjs
CHANGED
|
@@ -5,12 +5,7 @@ var solidJs = require('solid-js');
|
|
|
5
5
|
var web = require('solid-js/web');
|
|
6
6
|
var store = require('solid-js/store');
|
|
7
7
|
|
|
8
|
-
// src/
|
|
9
|
-
exports.QueryClient = class QueryClient extends queryCore.QueryClient {
|
|
10
|
-
constructor(config = {}) {
|
|
11
|
-
super(config);
|
|
12
|
-
}
|
|
13
|
-
};
|
|
8
|
+
// src/useQuery.ts
|
|
14
9
|
exports.QueryClientContext = solidJs.createContext(void 0);
|
|
15
10
|
exports.useQueryClient = (queryClient) => {
|
|
16
11
|
if (queryClient) {
|
|
@@ -50,7 +45,7 @@ var IsRestoringContext = solidJs.createContext(() => false);
|
|
|
50
45
|
exports.useIsRestoring = () => solidJs.useContext(IsRestoringContext);
|
|
51
46
|
exports.IsRestoringProvider = IsRestoringContext.Provider;
|
|
52
47
|
|
|
53
|
-
// src/
|
|
48
|
+
// src/useBaseQuery.ts
|
|
54
49
|
function reconcileFn(store$1, result, reconcileOption, queryHash) {
|
|
55
50
|
if (reconcileOption === false) return result;
|
|
56
51
|
if (typeof reconcileOption === "function") {
|
|
@@ -87,7 +82,7 @@ var hydratableObserverResult = (query, result) => {
|
|
|
87
82
|
};
|
|
88
83
|
return obj;
|
|
89
84
|
};
|
|
90
|
-
function
|
|
85
|
+
function useBaseQuery(options, Observer, queryClient) {
|
|
91
86
|
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
92
87
|
const isRestoring = exports.useIsRestoring();
|
|
93
88
|
let unsubscribeQueued = false;
|
|
@@ -293,42 +288,22 @@ function createBaseQuery(options, Observer, queryClient) {
|
|
|
293
288
|
return new Proxy(state, handler);
|
|
294
289
|
}
|
|
295
290
|
|
|
296
|
-
// src/
|
|
297
|
-
function
|
|
298
|
-
return
|
|
291
|
+
// src/useQuery.ts
|
|
292
|
+
function useQuery(options, queryClient) {
|
|
293
|
+
return useBaseQuery(
|
|
299
294
|
solidJs.createMemo(() => options()),
|
|
300
295
|
queryCore.QueryObserver,
|
|
301
296
|
queryClient
|
|
302
297
|
);
|
|
303
298
|
}
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
function queryOptions(options) {
|
|
307
|
-
return options;
|
|
308
|
-
}
|
|
309
|
-
function useIsFetching(filters, queryClient) {
|
|
310
|
-
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
311
|
-
const queryCache = solidJs.createMemo(() => client().getQueryCache());
|
|
312
|
-
const [fetches, setFetches] = solidJs.createSignal(client().isFetching(filters?.()));
|
|
313
|
-
const unsubscribe = queryCache().subscribe(() => {
|
|
314
|
-
setFetches(client().isFetching(filters?.()));
|
|
315
|
-
});
|
|
316
|
-
solidJs.onCleanup(unsubscribe);
|
|
317
|
-
return fetches;
|
|
318
|
-
}
|
|
319
|
-
function createInfiniteQuery(options, queryClient) {
|
|
320
|
-
return createBaseQuery(
|
|
299
|
+
function useInfiniteQuery(options, queryClient) {
|
|
300
|
+
return useBaseQuery(
|
|
321
301
|
solidJs.createMemo(() => options()),
|
|
322
302
|
queryCore.InfiniteQueryObserver,
|
|
323
303
|
queryClient
|
|
324
304
|
);
|
|
325
305
|
}
|
|
326
|
-
|
|
327
|
-
// src/infiniteQueryOptions.ts
|
|
328
|
-
function infiniteQueryOptions(options) {
|
|
329
|
-
return options;
|
|
330
|
-
}
|
|
331
|
-
function createMutation(options, queryClient) {
|
|
306
|
+
function useMutation(options, queryClient) {
|
|
332
307
|
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
333
308
|
const observer = new queryCore.MutationObserver(
|
|
334
309
|
client(),
|
|
@@ -365,44 +340,7 @@ function createMutation(options, queryClient) {
|
|
|
365
340
|
solidJs.onCleanup(unsubscribe);
|
|
366
341
|
return state;
|
|
367
342
|
}
|
|
368
|
-
function
|
|
369
|
-
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
370
|
-
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
371
|
-
const [mutations, setMutations] = solidJs.createSignal(
|
|
372
|
-
client().isMutating(filters?.())
|
|
373
|
-
);
|
|
374
|
-
const unsubscribe = mutationCache().subscribe((_result) => {
|
|
375
|
-
setMutations(client().isMutating(filters?.()));
|
|
376
|
-
});
|
|
377
|
-
solidJs.onCleanup(unsubscribe);
|
|
378
|
-
return mutations;
|
|
379
|
-
}
|
|
380
|
-
function getResult(mutationCache, options) {
|
|
381
|
-
return mutationCache.findAll(options.filters).map(
|
|
382
|
-
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
383
|
-
);
|
|
384
|
-
}
|
|
385
|
-
function useMutationState(options = () => ({}), queryClient) {
|
|
386
|
-
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
387
|
-
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
388
|
-
const [result, setResult] = solidJs.createSignal(
|
|
389
|
-
getResult(mutationCache(), options())
|
|
390
|
-
);
|
|
391
|
-
solidJs.createEffect(() => {
|
|
392
|
-
const unsubscribe = mutationCache().subscribe(() => {
|
|
393
|
-
const nextResult = queryCore.replaceEqualDeep(
|
|
394
|
-
result(),
|
|
395
|
-
getResult(mutationCache(), options())
|
|
396
|
-
);
|
|
397
|
-
if (result() !== nextResult) {
|
|
398
|
-
setResult(nextResult);
|
|
399
|
-
}
|
|
400
|
-
});
|
|
401
|
-
solidJs.onCleanup(unsubscribe);
|
|
402
|
-
});
|
|
403
|
-
return result;
|
|
404
|
-
}
|
|
405
|
-
function createQueries(queriesOptions, queryClient) {
|
|
343
|
+
function useQueries(queriesOptions, queryClient) {
|
|
406
344
|
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
407
345
|
const isRestoring = exports.useIsRestoring();
|
|
408
346
|
const defaultedQueries = solidJs.createMemo(
|
|
@@ -519,16 +457,84 @@ function createQueries(queriesOptions, queryClient) {
|
|
|
519
457
|
solidJs.createRenderEffect(() => setProxyState(getProxies()));
|
|
520
458
|
return proxyState;
|
|
521
459
|
}
|
|
460
|
+
exports.QueryClient = class QueryClient extends queryCore.QueryClient {
|
|
461
|
+
constructor(config = {}) {
|
|
462
|
+
super(config);
|
|
463
|
+
}
|
|
464
|
+
};
|
|
465
|
+
|
|
466
|
+
// src/queryOptions.ts
|
|
467
|
+
function queryOptions(options) {
|
|
468
|
+
return options;
|
|
469
|
+
}
|
|
470
|
+
function useIsFetching(filters, queryClient) {
|
|
471
|
+
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
472
|
+
const queryCache = solidJs.createMemo(() => client().getQueryCache());
|
|
473
|
+
const [fetches, setFetches] = solidJs.createSignal(client().isFetching(filters?.()));
|
|
474
|
+
const unsubscribe = queryCache().subscribe(() => {
|
|
475
|
+
setFetches(client().isFetching(filters?.()));
|
|
476
|
+
});
|
|
477
|
+
solidJs.onCleanup(unsubscribe);
|
|
478
|
+
return fetches;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
// src/infiniteQueryOptions.ts
|
|
482
|
+
function infiniteQueryOptions(options) {
|
|
483
|
+
return options;
|
|
484
|
+
}
|
|
485
|
+
function useIsMutating(filters, queryClient) {
|
|
486
|
+
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
487
|
+
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
488
|
+
const [mutations, setMutations] = solidJs.createSignal(
|
|
489
|
+
client().isMutating(filters?.())
|
|
490
|
+
);
|
|
491
|
+
const unsubscribe = mutationCache().subscribe((_result) => {
|
|
492
|
+
setMutations(client().isMutating(filters?.()));
|
|
493
|
+
});
|
|
494
|
+
solidJs.onCleanup(unsubscribe);
|
|
495
|
+
return mutations;
|
|
496
|
+
}
|
|
497
|
+
function getResult(mutationCache, options) {
|
|
498
|
+
return mutationCache.findAll(options.filters).map(
|
|
499
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
500
|
+
);
|
|
501
|
+
}
|
|
502
|
+
function useMutationState(options = () => ({}), queryClient) {
|
|
503
|
+
const client = solidJs.createMemo(() => exports.useQueryClient(queryClient?.()));
|
|
504
|
+
const mutationCache = solidJs.createMemo(() => client().getMutationCache());
|
|
505
|
+
const [result, setResult] = solidJs.createSignal(
|
|
506
|
+
getResult(mutationCache(), options())
|
|
507
|
+
);
|
|
508
|
+
solidJs.createEffect(() => {
|
|
509
|
+
const unsubscribe = mutationCache().subscribe(() => {
|
|
510
|
+
const nextResult = queryCore.replaceEqualDeep(
|
|
511
|
+
result(),
|
|
512
|
+
getResult(mutationCache(), options())
|
|
513
|
+
);
|
|
514
|
+
if (result() !== nextResult) {
|
|
515
|
+
setResult(nextResult);
|
|
516
|
+
}
|
|
517
|
+
});
|
|
518
|
+
solidJs.onCleanup(unsubscribe);
|
|
519
|
+
});
|
|
520
|
+
return result;
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
// src/index.ts
|
|
524
|
+
exports.createQuery = useQuery;
|
|
525
|
+
exports.createInfiniteQuery = useInfiniteQuery;
|
|
526
|
+
exports.createMutation = useMutation;
|
|
527
|
+
exports.createQueries = useQueries;
|
|
522
528
|
|
|
523
|
-
exports.createInfiniteQuery = createInfiniteQuery;
|
|
524
|
-
exports.createMutation = createMutation;
|
|
525
|
-
exports.createQueries = createQueries;
|
|
526
|
-
exports.createQuery = createQuery;
|
|
527
529
|
exports.infiniteQueryOptions = infiniteQueryOptions;
|
|
528
530
|
exports.queryOptions = queryOptions;
|
|
531
|
+
exports.useInfiniteQuery = useInfiniteQuery;
|
|
529
532
|
exports.useIsFetching = useIsFetching;
|
|
530
533
|
exports.useIsMutating = useIsMutating;
|
|
534
|
+
exports.useMutation = useMutation;
|
|
531
535
|
exports.useMutationState = useMutationState;
|
|
536
|
+
exports.useQueries = useQueries;
|
|
537
|
+
exports.useQuery = useQuery;
|
|
532
538
|
Object.keys(queryCore).forEach(function (k) {
|
|
533
539
|
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
534
540
|
enumerable: true,
|