@tanstack/svelte-query 5.37.0 → 5.38.0

package/dist/context.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { QueryClient } from '@tanstack/query-core';
 import type { Readable } from 'svelte/store';
 /** Retrieves a Client from Svelte's context */

package/dist/createQueries.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { Readable } from 'svelte/store';
 import type { StoreOrVal } from './types';
 import type { DefaultError, OmitKeyof, QueriesPlaceholderDataFunction, QueryClient, QueryFunction, QueryKey, QueryObserverOptions, QueryObserverResult, SkipToken, ThrowOnError } from '@tanstack/query-core';

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { createQueries } from './createQueries';
 export { createInfiniteQuery } from './createInfiniteQuery';
 export { infiniteQueryOptions } from './infiniteQueryOptions';
 export { createMutation } from './createMutation';
+export { useMutationState } from './useMutationState';
 export { useQueryClient } from './useQueryClient';
 export { useIsFetching } from './useIsFetching';
 export { useIsMutating } from './useIsMutating';

package/dist/index.js

@@ -10,6 +10,7 @@ export { createQueries } from './createQueries';
 export { createInfiniteQuery } from './createInfiniteQuery';
 export { infiniteQueryOptions } from './infiniteQueryOptions';
 export { createMutation } from './createMutation';
+export { useMutationState } from './useMutationState';
 export { useQueryClient } from './useQueryClient';
 export { useIsFetching } from './useIsFetching';
 export { useIsMutating } from './useIsMutating';

package/dist/types.d.ts

@@ -1,4 +1,5 @@
-import type { DefaultError, DefinedQueryObserverResult, InfiniteQueryObserverOptions, InfiniteQueryObserverResult, MutateFunction, MutationObserverOptions, MutationObserverResult, OmitKeyof, QueryKey, QueryObserverOptions, QueryObserverResult } from '@tanstack/query-core';
+/// <reference types="svelte" />
+import type { DefaultError, DefinedQueryObserverResult, InfiniteQueryObserverOptions, InfiniteQueryObserverResult, MutateFunction, Mutation, MutationFilters, MutationObserverOptions, MutationObserverResult, MutationState, OmitKeyof, QueryKey, QueryObserverOptions, QueryObserverResult } from '@tanstack/query-core';
 import type { Readable } from 'svelte/store';
 /** Allows a type to be either the base object or a store of that object */
 export type StoreOrVal<T> = T | Readable<T>;
@@ -32,4 +33,9 @@ export type CreateMutationResult<TData = unknown, TError = DefaultError, TVariab
 type Override<TTargetA, TTargetB> = {
     [AKey in keyof TTargetA]: AKey extends keyof TTargetB ? TTargetB[AKey] : TTargetA[AKey];
 };
+/** Options for useMutationState */
+export type MutationStateOptions<TResult = MutationState> = {
+    filters?: MutationFilters;
+    select?: (mutation: Mutation<unknown, DefaultError, unknown, unknown>) => TResult;
+};
 export {};

package/dist/useIsFetching.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import { type QueryClient, type QueryFilters } from '@tanstack/query-core';
 import type { Readable } from 'svelte/store';
 export declare function useIsFetching(filters?: QueryFilters, queryClient?: QueryClient): Readable<number>;

package/dist/useIsMutating.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import { type MutationFilters, type QueryClient } from '@tanstack/query-core';
 import type { Readable } from 'svelte/store';
 export declare function useIsMutating(filters?: MutationFilters, queryClient?: QueryClient): Readable<number>;

package/dist/useIsRestoring.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="svelte" />
 import type { Readable } from 'svelte/store';
 export declare function useIsRestoring(): Readable<boolean>;

package/dist/useMutationState.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="svelte" />
+import type { MutationState, QueryClient } from '@tanstack/query-core';
+import type { Readable } from 'svelte/store';
+import type { MutationStateOptions } from './types';
+export declare function useMutationState<TResult = MutationState>(options?: MutationStateOptions<TResult>, queryClient?: QueryClient): Readable<Array<TResult>>;

package/dist/useMutationState.js

@@ -0,0 +1,23 @@
+import { readable } from 'svelte/store';
+import { notifyManager, replaceEqualDeep } from '@tanstack/query-core';
+import { useQueryClient } from './useQueryClient';
+function getResult(mutationCache, options) {
+    return mutationCache
+        .findAll(options.filters)
+        .map((mutation) => (options.select ? options.select(mutation) : mutation.state));
+}
+export function useMutationState(options = {}, queryClient) {
+    const client = useQueryClient(queryClient);
+    const mutationCache = client.getMutationCache();
+    let result = getResult(mutationCache, options);
+    const { subscribe } = readable(result, (set) => {
+        return mutationCache.subscribe(notifyManager.batchCalls(() => {
+            const nextResult = replaceEqualDeep(result, getResult(mutationCache, options));
+            if (result !== nextResult) {
+                result = nextResult;
+                set(result);
+            }
+        }));
+    });
+    return { subscribe };
+}

package/dist/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { Readable } from 'svelte/store';
 import type { StoreOrVal } from './types';
 export declare function isSvelteStore<T extends object>(obj: StoreOrVal<T>): obj is Readable<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-query",
-  "version": "5.37.0",
+  "version": "5.38.0",
   "description": "Primitives for managing, caching and syncing asynchronous and remote data in Svelte",
   "author": "Lachlan Collins",
   "license": "MIT",
@@ -33,28 +33,19 @@
     "!src/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-core": "5.36.1"
+    "@tanstack/query-core": "5.38.0"
   },
   "devDependencies": {
-    "@sveltejs/package": "^2.2.6",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@testing-library/svelte": "^4.1.0",
+    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@testing-library/svelte": "^5.1.0",
     "eslint-plugin-svelte": "^2.39.0",
-    "svelte": "^4.2.10",
-    "svelte-check": "^3.6.4",
-    "svelte-eslint-parser": "^0.33.1"
+    "svelte": "^4.2.17",
+    "svelte-check": "^3.7.1",
+    "svelte-eslint-parser": "^0.36.0"
   },
   "peerDependencies": {
     "svelte": "^3.54.0 || ^4.0.0 || ^5.0.0-next.0"
   },
-  "scripts": {
-    "clean": "rimraf ./dist && rimraf ./coverage",
-    "test:types": "svelte-check --tsconfig ./tsconfig.json",
-    "test:eslint": "eslint --ext .svelte,.ts ./src",
-    "test:lib": "vitest",
-    "test:lib:dev": "pnpm run test:lib --watch",
-    "test:build": "publint --strict",
-    "test:attw": "attw --pack",
-    "build": "svelte-package --input ./src --output ./dist"
-  }
+  "scripts": {}
 }

package/src/index.ts

@@ -18,6 +18,7 @@ export { createQueries } from './createQueries'
 export { createInfiniteQuery } from './createInfiniteQuery'
 export { infiniteQueryOptions } from './infiniteQueryOptions'
 export { createMutation } from './createMutation'
+export { useMutationState } from './useMutationState'
 export { useQueryClient } from './useQueryClient'
 export { useIsFetching } from './useIsFetching'
 export { useIsMutating } from './useIsMutating'

package/src/types.ts

@@ -4,8 +4,11 @@ import type {
   InfiniteQueryObserverOptions,
   InfiniteQueryObserverResult,
   MutateFunction,
+  Mutation,
+  MutationFilters,
   MutationObserverOptions,
   MutationObserverResult,
+  MutationState,
   OmitKeyof,
   QueryKey,
   QueryObserverOptions,
@@ -134,3 +137,11 @@ type Override<TTargetA, TTargetB> = {
     ? TTargetB[AKey]
     : TTargetA[AKey]
 }
+
+/** Options for useMutationState */
+export type MutationStateOptions<TResult = MutationState> = {
+  filters?: MutationFilters
+  select?: (
+    mutation: Mutation<unknown, DefaultError, unknown, unknown>,
+  ) => TResult
+}

package/src/useMutationState.ts

@@ -0,0 +1,49 @@
+import { readable } from 'svelte/store'
+import { notifyManager, replaceEqualDeep } from '@tanstack/query-core'
+import { useQueryClient } from './useQueryClient'
+import type {
+  MutationCache,
+  MutationState,
+  QueryClient,
+} from '@tanstack/query-core'
+import type { Readable } from 'svelte/store'
+import type { MutationStateOptions } from './types'
+
+function getResult<TResult = MutationState>(
+  mutationCache: MutationCache,
+  options: MutationStateOptions<TResult>,
+): Array<TResult> {
+  return mutationCache
+    .findAll(options.filters)
+    .map(
+      (mutation): TResult =>
+        (options.select ? options.select(mutation) : mutation.state) as TResult,
+    )
+}
+
+export function useMutationState<TResult = MutationState>(
+  options: MutationStateOptions<TResult> = {},
+  queryClient?: QueryClient,
+): Readable<Array<TResult>> {
+  const client = useQueryClient(queryClient)
+  const mutationCache = client.getMutationCache()
+
+  let result = getResult(mutationCache, options)
+
+  const { subscribe } = readable(result, (set) => {
+    return mutationCache.subscribe(
+      notifyManager.batchCalls(() => {
+        const nextResult = replaceEqualDeep(
+          result,
+          getResult(mutationCache, options),
+        )
+        if (result !== nextResult) {
+          result = nextResult
+          set(result)
+        }
+      }),
+    )
+  })
+
+  return { subscribe }
+}