import { type DefaultError, Mutation, MutationCache, type MutationFilters, type MutationState, QueryClient, } from '@tanstack/query-core' import { Getter, atom } from 'jotai' import { queryClientAtom } from './_queryClientAtom' type MutationStateOptions = { filters?: MutationFilters select?: ( mutation: Mutation ) => TResult } function getResult( mutationCache: MutationCache, options: MutationStateOptions ): Array { return mutationCache .findAll(options.filters) .map( (mutation): TResult => (options.select ? options.select( mutation as Mutation ) : mutation.state) as TResult ) } export const atomWithMutationState = ( getOptions: (get: Getter) => MutationStateOptions, getQueryClient: (get: Getter) => QueryClient = (get) => get(queryClientAtom) ) => { const resultsAtom = atom([]) if (process.env.NODE_ENV !== 'production') { resultsAtom.debugPrivate = true } const observableAtom = atom((get) => { const queryClient = getQueryClient(get) const mutationCache = queryClient.getMutationCache() resultsAtom.onMount = (set) => { const unsubscribe = mutationCache.subscribe(() => { set(getResult(getQueryClient(get).getMutationCache(), getOptions(get))) }) return unsubscribe } }) if (process.env.NODE_ENV !== 'production') { observableAtom.debugPrivate = true } return atom((get) => { get(observableAtom) return get(resultsAtom) }) }