react-query-lightbase-codegen 0.0.19 → 0.1.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.
|
@@ -321,6 +321,13 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
321
321
|
}
|
|
322
322
|
}), 'in');
|
|
323
323
|
const headerParams = header.filter((p) => !headerFilters?.includes(p.name));
|
|
324
|
+
let enabled = [];
|
|
325
|
+
[...queryParams, ...pathParams, ...headerParams].forEach((item) => {
|
|
326
|
+
if (item.required) {
|
|
327
|
+
enabled.push(`["${item.name}"]`);
|
|
328
|
+
}
|
|
329
|
+
});
|
|
330
|
+
const enabledParam = `!!props${enabled.join(' && !!props')}`;
|
|
324
331
|
const paramsTypes = paramsInPath
|
|
325
332
|
.map((p) => {
|
|
326
333
|
try {
|
|
@@ -376,7 +383,6 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
376
383
|
const headerParam = headerType && headerType !== 'void' ? `${headerType};` : '';
|
|
377
384
|
const queryParam = queryParamsType && queryParamsType !== 'void' ? `${queryParamsType}` : '';
|
|
378
385
|
const requestBodyComponent = requestBodyTypes && requestBodyTypes !== 'void' ? `${requestBodyTypes}` : '';
|
|
379
|
-
let AxiosErrorType = true ? 'AxiosError<AxiosErrorType | unknown>' : `AxiosError<any>`;
|
|
380
386
|
// QUERIES
|
|
381
387
|
if (!requestBodyComponent && paramsInPath.length && !queryParam && !headerParam) {
|
|
382
388
|
output += `
|
|
@@ -401,19 +407,20 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
401
407
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
402
408
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
403
409
|
|
|
410
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
404
411
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
405
412
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
406
413
|
|
|
407
414
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
408
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
415
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
409
416
|
}
|
|
410
417
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}QueryProps<T>) {
|
|
411
418
|
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props),
|
|
412
|
-
{ enabled:
|
|
419
|
+
{ enabled: ${enabledParam}, ...options }
|
|
413
420
|
);}
|
|
414
421
|
|
|
415
422
|
type ${componentName}MutationProps<T> = {
|
|
416
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
423
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
417
424
|
}
|
|
418
425
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
419
426
|
return useMutation(async (data) => use${componentName}Query.fetch(data),
|
|
@@ -447,18 +454,20 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
447
454
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
448
455
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
449
456
|
|
|
457
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
450
458
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
451
459
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
452
460
|
|
|
453
461
|
type ${componentName}QueryProps<T = ${componentName}Response> ${componentName}Variables & {
|
|
454
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
462
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
455
463
|
}
|
|
456
464
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}QueryProps<T>) {
|
|
457
|
-
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), {
|
|
465
|
+
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), {
|
|
466
|
+
enabled: ${enabledParam}, ...options }
|
|
458
467
|
);}
|
|
459
468
|
|
|
460
469
|
type ${componentName}MutationProps<T> = {
|
|
461
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
470
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
462
471
|
}
|
|
463
472
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
464
473
|
return useMutation(async (data) => use${componentName}Query.fetch(data),
|
|
@@ -476,27 +485,28 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
476
485
|
use${componentName}Query.queryKey = (): QueryKey => use${componentName}Query.baseKey()
|
|
477
486
|
|
|
478
487
|
use${componentName}Query.updateCache = (
|
|
479
|
-
params:
|
|
488
|
+
params: undefined,
|
|
480
489
|
updater: Updater<${componentName}Response | undefined, ${componentName}Response>,
|
|
481
490
|
options?: SetDataOptions | undefined
|
|
482
|
-
) => queryClient.setQueryData<${componentName}Response>(use${componentName}Query.queryKey(
|
|
491
|
+
) => queryClient.setQueryData<${componentName}Response>(use${componentName}Query.queryKey(), updater, options);
|
|
483
492
|
|
|
484
|
-
use${componentName}Query.prefetch = (
|
|
485
|
-
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(
|
|
493
|
+
use${componentName}Query.prefetch = () =>
|
|
494
|
+
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(), ()=> use${componentName}Query.fetch());
|
|
486
495
|
|
|
487
|
-
use${componentName}Query.
|
|
488
|
-
|
|
496
|
+
use${componentName}Query.cancelQueries = () => queryClient.cancelQueries(use${componentName}Query.queryKey())
|
|
497
|
+
use${componentName}Query.invalidate = () =>
|
|
498
|
+
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey());
|
|
489
499
|
|
|
490
500
|
|
|
491
501
|
type ${componentName}QueryProps<T = ${componentName}Response> = {
|
|
492
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
502
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
493
503
|
}
|
|
494
504
|
export function use${componentName}Query<T = ${componentName}Response>(props?: ${componentName}QueryProps<T>) {
|
|
495
505
|
return useQuery(use${componentName}Query.queryKey(), use${componentName}Query.fetch, props?.options
|
|
496
506
|
);}
|
|
497
507
|
|
|
498
508
|
type ${componentName}MutationProps<T> = {
|
|
499
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
509
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, void, T>
|
|
500
510
|
}
|
|
501
511
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
502
512
|
return useMutation(async () => use${componentName}Query.fetch(),
|
|
@@ -530,15 +540,16 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
530
540
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
531
541
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
532
542
|
|
|
543
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
533
544
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
534
545
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
535
546
|
|
|
536
|
-
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}Variables & { options?: UseQueryOptions<${componentName}Response,
|
|
547
|
+
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}Variables & { options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>}) {
|
|
537
548
|
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props),
|
|
538
|
-
{ enabled:
|
|
549
|
+
{ enabled: ${enabledParam}, ...options }
|
|
539
550
|
);}
|
|
540
551
|
|
|
541
|
-
export function use${componentName}Mutation<T = ${componentName}Response>(props?: { options?: UseMutationOptions<${componentName}Response,
|
|
552
|
+
export function use${componentName}Mutation<T = ${componentName}Response>(props?: { options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>}) {
|
|
542
553
|
return useMutation(async (data) => use${componentName}Query.fetch(data),
|
|
543
554
|
props?.options
|
|
544
555
|
)};
|
|
@@ -566,19 +577,20 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
566
577
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
567
578
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
568
579
|
|
|
580
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
569
581
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
570
582
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
571
583
|
|
|
572
584
|
|
|
573
585
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
574
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
586
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
575
587
|
}
|
|
576
588
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...body }: ${componentName}QueryProps<T>) {
|
|
577
589
|
return useQuery(use${componentName}Query.queryKey(body), async () => use${componentName}Query.fetch(body), options
|
|
578
590
|
);}
|
|
579
591
|
|
|
580
592
|
type ${componentName}MutationProps<T> = {
|
|
581
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
593
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
582
594
|
}
|
|
583
595
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
584
596
|
return useMutation(async (body) => use${componentName}Query.fetch(body),
|
|
@@ -588,10 +600,13 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
588
600
|
if (requestBodyComponent && paramsInPath.length && !queryParam && !headerParam) {
|
|
589
601
|
output += `
|
|
590
602
|
type ${componentName}Response = ${genericsTypes}
|
|
591
|
-
type ${componentName}Variables =
|
|
603
|
+
type ${componentName}Variables = {
|
|
604
|
+
body: ${requestBodyComponent}
|
|
605
|
+
${paramsTypes}
|
|
606
|
+
}
|
|
592
607
|
|
|
593
608
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
594
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
609
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
595
610
|
}
|
|
596
611
|
|
|
597
612
|
use${componentName}Query.fetch = async (props: ${componentName}Variables) => {
|
|
@@ -611,16 +626,18 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
611
626
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
612
627
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
613
628
|
|
|
629
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
614
630
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
615
631
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
616
632
|
|
|
617
633
|
|
|
618
634
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}QueryProps<T>) {
|
|
619
|
-
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), {
|
|
635
|
+
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), {
|
|
636
|
+
enabled: ${enabledParam}, ...options }
|
|
620
637
|
);}
|
|
621
638
|
|
|
622
639
|
type ${componentName}MutationProps<T> = {
|
|
623
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
640
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
624
641
|
}
|
|
625
642
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
626
643
|
return useMutation(async (body) => use${componentName}Query.fetch(body),
|
|
@@ -630,22 +647,20 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
630
647
|
if (requestBodyComponent && !paramsInPath.length && queryParam && !headerParam) {
|
|
631
648
|
output += `
|
|
632
649
|
type ${componentName}Response = ${genericsTypes}
|
|
633
|
-
type ${componentName}Variables =
|
|
650
|
+
type ${componentName}Variables = {
|
|
651
|
+
body: ${requestBodyComponent}
|
|
634
652
|
${queryParamsType}
|
|
635
653
|
}
|
|
636
654
|
|
|
637
655
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
638
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
656
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
639
657
|
}
|
|
640
658
|
|
|
641
659
|
use${componentName}Query.fetch = async (props: ${componentName}Variables) => {
|
|
642
|
-
const {${queryParams
|
|
643
|
-
.map((param) => `["${param.name}"]: ${param.name.replaceAll('-', '')}`)
|
|
644
|
-
.join(',')}, ...body} = props
|
|
645
660
|
const params = queryString.stringify({
|
|
646
661
|
${queryParams.map((param) => `["${param.name}"]: props["${param.name}"]`).join(',')}
|
|
647
662
|
});
|
|
648
|
-
const result = await api.${verb}<${componentName}Response>(\`${route}?\${params}\`, body)
|
|
663
|
+
const result = await api.${verb}<${componentName}Response>(\`${route}?\${params}\`, props.body)
|
|
649
664
|
return result.data
|
|
650
665
|
}
|
|
651
666
|
use${componentName}Query.baseKey = (): QueryKey => ["${componentName.toLowerCase()}"];
|
|
@@ -660,19 +675,19 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
660
675
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
661
676
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
662
677
|
|
|
678
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
663
679
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
664
680
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
665
681
|
|
|
666
682
|
|
|
667
683
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}QueryProps<T>) {
|
|
668
|
-
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), {
|
|
669
|
-
|
|
670
|
-
.join(' && !!props')}, ...options }
|
|
684
|
+
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props), {
|
|
685
|
+
enabled: ${enabledParam}, ...options }
|
|
671
686
|
);}
|
|
672
687
|
|
|
673
688
|
|
|
674
689
|
type ${componentName}MutationProps<T> = {
|
|
675
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
690
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
676
691
|
}
|
|
677
692
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
678
693
|
return useMutation(async (body) => use${componentName}Query.fetch(body),
|
|
@@ -718,22 +733,23 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
718
733
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
719
734
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
720
735
|
|
|
736
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
721
737
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
722
738
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
723
739
|
|
|
724
740
|
|
|
725
741
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
726
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
742
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
727
743
|
}
|
|
728
744
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}QueryProps<T>) {
|
|
729
745
|
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props),
|
|
730
|
-
{ enabled:
|
|
746
|
+
{ enabled: ${enabledParam}, ...options }
|
|
731
747
|
);}
|
|
732
748
|
|
|
733
749
|
|
|
734
750
|
|
|
735
751
|
type ${componentName}MutationProps<T> = {
|
|
736
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
752
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
737
753
|
}
|
|
738
754
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
739
755
|
return useMutation(async (data) => use${componentName}Query.fetch(data),
|
|
@@ -771,21 +787,20 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
771
787
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
772
788
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
773
789
|
|
|
774
|
-
use${componentName}Query.
|
|
790
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
791
|
+
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
775
792
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
776
793
|
|
|
777
794
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
778
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
795
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
779
796
|
}
|
|
780
797
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...props }: ${componentName}QueryProps<T>) {
|
|
781
798
|
return useQuery(use${componentName}Query.queryKey(props), async () => use${componentName}Query.fetch(props),
|
|
782
|
-
{
|
|
783
|
-
.map((param) => `["${param.name}"]`)
|
|
784
|
-
.join(' && !!props')}, ...options }
|
|
799
|
+
{ enabled: ${enabledParam}, ...options }
|
|
785
800
|
);}
|
|
786
801
|
|
|
787
802
|
type ${componentName}MutationProps<T> = {
|
|
788
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
803
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
789
804
|
}
|
|
790
805
|
|
|
791
806
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
@@ -797,7 +812,8 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
797
812
|
output += `
|
|
798
813
|
type ${componentName}Response = ${genericsTypes}
|
|
799
814
|
|
|
800
|
-
type ${componentName}Variables =
|
|
815
|
+
type ${componentName}Variables = {
|
|
816
|
+
body: ${requestBodyComponent}
|
|
801
817
|
${headerParam}
|
|
802
818
|
};
|
|
803
819
|
|
|
@@ -821,21 +837,21 @@ export const generateRestfulComponent = ({ operation, verb, route, operationIds,
|
|
|
821
837
|
use${componentName}Query.prefetch = (params: ${componentName}Variables) =>
|
|
822
838
|
queryClient.prefetchQuery<${componentName}Response>(use${componentName}Query.queryKey(params), ()=> use${componentName}Query.fetch(params));
|
|
823
839
|
|
|
840
|
+
use${componentName}Query.cancelQueries = (params: ${componentName}Variables) => queryClient.cancelQueries(use${componentName}Query.queryKey(params))
|
|
824
841
|
use${componentName}Query.invalidate = (params: ${componentName}Variables) =>
|
|
825
842
|
queryClient.invalidateQueries<${componentName}Response>(use${componentName}Query.queryKey(params));
|
|
826
843
|
|
|
827
844
|
type ${componentName}QueryProps<T = ${componentName}Response> = ${componentName}Variables & {
|
|
828
|
-
options?: UseQueryOptions<${componentName}Response,
|
|
845
|
+
options?: UseQueryOptions<${componentName}Response, AxiosError, T, any>
|
|
829
846
|
}
|
|
830
847
|
export function use${componentName}Query<T = ${componentName}Response>({ options = {}, ...body }: ${componentName}QueryProps<T>) {
|
|
831
|
-
return useQuery(use${componentName}Query.queryKey(body), async () => use${componentName}Query.fetch(body),{
|
|
832
|
-
|
|
833
|
-
.join(' && !!props')}, ...options }
|
|
848
|
+
return useQuery(use${componentName}Query.queryKey(body), async () => use${componentName}Query.fetch(body),{
|
|
849
|
+
enabled: ${enabledParam}, ...options }
|
|
834
850
|
);}
|
|
835
851
|
|
|
836
852
|
|
|
837
853
|
type ${componentName}MutationProps<T> = {
|
|
838
|
-
options?: UseMutationOptions<${componentName}Response,
|
|
854
|
+
options?: UseMutationOptions<${componentName}Response, AxiosError, ${componentName}Variables, T>
|
|
839
855
|
}
|
|
840
856
|
export function use${componentName}Mutation<T = ${componentName}Response>(props?: ${componentName}MutationProps<T>) {
|
|
841
857
|
return useMutation(async (body) => use${componentName}Query.fetch(body),
|
|
@@ -887,8 +903,8 @@ export const importOpenApi = async ({ data, format, apiDirectory, queryClientDir
|
|
|
887
903
|
import { Updater } from 'react-query/types/core/utils';
|
|
888
904
|
|
|
889
905
|
import queryString from 'query-string';
|
|
890
|
-
import {AxiosError} from 'axios';
|
|
891
|
-
import { api
|
|
906
|
+
import { AxiosError } from 'axios';
|
|
907
|
+
import { api } from '${apiDirectory}';
|
|
892
908
|
import { queryClient } from '${queryClientDir}';
|
|
893
909
|
|
|
894
910
|
// SCEHMAS
|