@tanstack/vue-query 5.0.0-alpha.5 → 5.0.0-alpha.7

package/build/umd/index.development.js

@@ -1494,6 +1494,7 @@
             const queryFnContext = {
               queryKey: context.queryKey,
               pageParam: param,
+              direction: previous ? 'backward' : 'forward',
               meta: context.options.meta
             };
             addSignalProperty(queryFnContext);
@@ -3674,7 +3675,6 @@
     };
   }
 
-  /* istanbul ignore file */
   // eslint-disable-next-line no-shadow
   var QueryState;
   (function (QueryState) {
@@ -3752,7 +3752,6 @@
     'Last Updated': dateSort
   };
 
-  /* istanbul ignore file */
   const pluginId = 'vue-query';
   const pluginName = 'Vue Query';
   function setupDevtools(app, queryClient) {
@@ -3938,8 +3937,6 @@
           originalUnmount();
         };
       }
-
-      /* istanbul ignore next */
       if (vueDemi.isVue2) {
         app.mixin({
           beforeCreate() {
@@ -4059,14 +4056,14 @@
           state.value.splice(0, result.length, ...result);
         });
         // Subscription would not fire for persisted results
-        state.value.splice(0, state.value.length, ...observer.getOptimisticResult(defaultedQueries.value));
+        state.value = observer.getOptimisticResult(defaultedQueries.value);
       }
     }, {
       immediate: true
     });
     vueDemi.watch(defaultedQueries, () => {
       observer.setQueries(defaultedQueries.value);
-      state.value.splice(0, state.value.length, ...observer.getCurrentResult());
+      state.value = observer.getCurrentResult();
     }, {
       deep: true
     });
@@ -4139,22 +4136,31 @@
     return isFetching;
   }
 
-  function useIsMutating(mutationFilters = {}, queryClient) {
-    const filters = vueDemi.computed(() => cloneDeepUnref(mutationFilters));
+  function useIsMutating(filters = {}, queryClient) {
     const client = queryClient || useQueryClient();
-    const isMutating = vueDemi.ref(client.isMutating(filters));
-    const unsubscribe = client.getMutationCache().subscribe(() => {
-      isMutating.value = client.isMutating(filters);
-    });
-    vueDemi.watch(filters, () => {
-      isMutating.value = client.isMutating(filters);
-    }, {
-      deep: true
+    const unreffedFilters = vueDemi.computed(() => ({
+      ...cloneDeepUnref(filters),
+      status: 'pending'
+    }));
+    const length = vueDemi.computed(() => useMutationState({
+      filters: unreffedFilters
+    }, client).value.length);
+    return length;
+  }
+  function getResult(mutationCache, options) {
+    return mutationCache.findAll(options.filters).map(mutation => options.select ? options.select(mutation) : mutation.state);
+  }
+  function useMutationState(options = {}, queryClient) {
+    const mutationCache = (queryClient || useQueryClient()).getMutationCache();
+    const state = vueDemi.ref(getResult(mutationCache, options));
+    const unsubscribe = mutationCache.subscribe(() => {
+      const result = getResult(mutationCache, options);
+      state.value = result;
     });
     vueDemi.onScopeDispose(() => {
       unsubscribe();
     });
-    return isMutating;
+    return vueDemi.readonly(state);
   }
 
   exports.CancelledError = CancelledError;
@@ -4184,6 +4190,7 @@
   exports.useIsFetching = useIsFetching;
   exports.useIsMutating = useIsMutating;
   exports.useMutation = useMutation;
+  exports.useMutationState = useMutationState;
   exports.useQueries = useQueries;
   exports.useQuery = useQuery;
   exports.useQueryClient = useQueryClient;