react-redux-cache 0.19.5 → 0.20.0

package/README.md

@@ -23,7 +23,7 @@ Can be considered as `ApolloClient` for protocols other than `GraphQL`, but with
 |Not overengineered|Simplicity is the main goal.|
 |Performance|Every function is heavily optimized, Immer is not used ([RTK [Query] issue](https://github.com/reduxjs/redux-toolkit/issues/4793)).|
 |Reliability|High test coverage, zero issue policy.|
-|Lightweight|`npx minified-size dist/esm/*.js`<br/>minified: 18.4 kB<br/>gzipped: 7.93 kB<br/>brotlied: 7.04 kB|
+|Lightweight|`npx minified-size dist/esm/*.js`<br/>minified: 18.2 kB<br/>gzipped: 7.91 kB<br/>brotlied: 7.03 kB
 
 |Feature|Description|
 |--|--|
@@ -127,6 +127,8 @@ Can be considered as `ApolloClient` for protocols other than `GraphQL`, but with
   }
   ```
 </details>
+
+[API Reference](DOCUMENTATION.md)
     
 ### Table of contents
 

package/dist/cjs/createCache.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', {value: true})
 exports.createCache = exports.withTypenames = void 0
 const react_1 = require('react')
 const createActions_1 = require('./createActions')
-const createCacheReducer_1 = require('./createCacheReducer')
+const createReducer_1 = require('./createReducer')
 const createSelectors_1 = require('./createSelectors')
 const mutate_1 = require('./mutate')
 const query_1 = require('./query')
@@ -53,8 +53,9 @@ const withTypenames = () => {
       }
       const cache = partialCache
       if (cache.options.deepComparisonEnabled && !utilsAndConstants_1.optionalUtils.deepEqual) {
-        console.warn(
-          'react-redux-cache: optional dependency for fast-deep-equal was not provided, while deepComparisonEnabled option is true'
+        ;(0, utilsAndConstants_1.logWarn)(
+          'createCache',
+          'optional dependency for fast-deep-equal was not provided, while deepComparisonEnabled option is true'
         )
       }
       const setDefaultComparer = (target) => {
@@ -100,11 +101,7 @@ const withTypenames = () => {
         clearMutationState,
         clearCache,
       } = actions
-      const reducer = (0, createCacheReducer_1.createCacheReducer)(
-        actions,
-        Object.keys(cache.queries),
-        cache.options
-      )
+      const reducer = (0, createReducer_1.createReducer)(actions, Object.keys(cache.queries), cache.options)
       const createClient = (store) => {
         const client = {
           query: (options) => {

package/dist/cjs/{createCacheReducer.js → createReducer.js}

@@ -18,12 +18,12 @@ var __rest =
     return t
   }
 Object.defineProperty(exports, '__esModule', {value: true})
-exports.createCacheReducer = void 0
+exports.createReducer = void 0
 const utilsAndConstants_1 = require('./utilsAndConstants')
 
 const optionalQueryKeys = ['error', 'expiresAt', 'result', 'params', 'loading']
 const optionalMutationKeys = ['error', 'result', 'params', 'loading']
-const createCacheReducer = (actions, queryKeys, cacheOptions) => {
+const createReducer = (actions, queryKeys, cacheOptions) => {
   const initialState = Object.freeze({
     entities: Object.freeze({}),
     queries: Object.freeze(
@@ -35,7 +35,7 @@ const createCacheReducer = (actions, queryKeys, cacheOptions) => {
     mutations: Object.freeze({}),
   })
   cacheOptions.logsEnabled &&
-    (0, utilsAndConstants_1.log)('createCacheReducer', {
+    (0, utilsAndConstants_1.logDebug)('createCacheReducer', {
       queryKeys,
       initialState,
     })
@@ -282,4 +282,4 @@ const createCacheReducer = (actions, queryKeys, cacheOptions) => {
     return state
   }
 }
-exports.createCacheReducer = createCacheReducer
+exports.createReducer = createReducer

package/dist/cjs/index.js

@@ -33,7 +33,8 @@ var __exportStar =
     }
   }
 Object.defineProperty(exports, '__esModule', {value: true})
-exports.isEmptyObject =
+exports.noop =
+  exports.isEmptyObject =
   exports.FetchPolicy =
   exports.defaultGetCacheKey =
   exports.createStateComparer =
@@ -81,3 +82,9 @@ Object.defineProperty(exports, 'isEmptyObject', {
     return utilsAndConstants_1.isEmptyObject
   },
 })
+Object.defineProperty(exports, 'noop', {
+  enumerable: true,
+  get() {
+    return utilsAndConstants_1.noop
+  },
+})

package/dist/cjs/mutate.js

@@ -82,7 +82,7 @@ const mutate = (
       {
         const abortController = abortControllersOfStore[mutationKey]
         cache.options.logsEnabled &&
-          (0, utilsAndConstants_1.log)(logTag, {
+          (0, utilsAndConstants_1.logDebug)(logTag, {
             mutationKey,
             params,
             previousAborted: abortController !== undefined,
@@ -109,7 +109,7 @@ const mutate = (
         error = e
       }
       cache.options.logsEnabled &&
-        (0, utilsAndConstants_1.log)(`${logTag} finished`, {
+        (0, utilsAndConstants_1.logDebug)(`${logTag} finished`, {
           response,
           error,
           aborted: abortController.signal.aborted,

package/dist/cjs/query.js

@@ -75,27 +75,19 @@ const query = (
     const logsEnabled = cache.options.logsEnabled
     const queryStateOnStart = selectQueryState(store.getState(), queryKey, cacheKey)
     if (skipFetch) {
-      return {
-        result: queryStateOnStart.result,
-      }
+      return {result: queryStateOnStart.result}
     }
     if (queryStateOnStart === null || queryStateOnStart === void 0 ? void 0 : queryStateOnStart.loading) {
       logsEnabled &&
-        (0, utilsAndConstants_1.log)(`${logTag} fetch cancelled: already loading`, {
+        (0, utilsAndConstants_1.logDebug)(`${logTag} fetch cancelled: already loading`, {
           queryStateOnStart,
           params,
           cacheKey,
         })
-      const error = yield queryStateOnStart.loading.then(utilsAndConstants_1.NOOP).catch(catchAndReturn)
-      return error
-        ? {
-            cancelled: 'loading',
-            error,
-          }
-        : {
-            cancelled: 'loading',
-            result: selectQueryResult(store.getState(), queryKey, cacheKey),
-          }
+      const error = yield queryStateOnStart.loading.then(utilsAndConstants_1.noop).catch(catchAndReturn)
+      const result = selectQueryResult(store.getState(), queryKey, cacheKey)
+      const cancelled = 'loading'
+      return error ? {cancelled, result, error} : {cancelled, result}
     }
     if (
       onlyIfExpired &&
@@ -104,16 +96,13 @@ const query = (
       queryStateOnStart.expiresAt > Date.now()
     ) {
       logsEnabled &&
-        (0, utilsAndConstants_1.log)(`${logTag} fetch cancelled: not expired yet`, {
+        (0, utilsAndConstants_1.logDebug)(`${logTag} fetch cancelled: not expired yet`, {
           queryStateOnStart,
           params,
           cacheKey,
           onlyIfExpired,
         })
-      return {
-        cancelled: 'not-expired',
-        result: queryStateOnStart.result,
-      }
+      return {cancelled: 'not-expired', result: queryStateOnStart.result}
     }
     const {updateQueryStateAndEntities} = actions
     const fetchPromise = cache.queries[queryKey].query(params, store)
@@ -124,7 +113,7 @@ const query = (
       })
     )
     logsEnabled &&
-      (0, utilsAndConstants_1.log)(`${logTag} started`, {
+      (0, utilsAndConstants_1.logDebug)(`${logTag} started`, {
         queryKey,
         params,
         cacheKey,
@@ -149,7 +138,7 @@ const query = (
       onCompleted === null || onCompleted === void 0
         ? void 0
         : onCompleted(undefined, error, params, store, actions, selectors)
-      return {error}
+      return {error, result: selectQueryResult(store.getState(), queryKey, cacheKey)}
     }
     const newState = {
       error: undefined,
@@ -178,9 +167,7 @@ const query = (
     onCompleted === null || onCompleted === void 0
       ? void 0
       : onCompleted(response, undefined, params, store, actions, selectors)
-    return {
-      result: newState === null || newState === void 0 ? void 0 : newState.result,
-    }
+    return {result: newState === null || newState === void 0 ? void 0 : newState.result}
   })
 exports.query = query
 const catchAndReturn = (x) => x

package/dist/cjs/useMutation.js

@@ -38,18 +38,13 @@ const utilsAndConstants_1 = require('./utilsAndConstants')
 
 const useMutation = (cache, actions, selectors, options, abortControllers) => {
   var _a
+  const {selectMutationState} = selectors
+  const {updateMutationStateAndEntities} = actions
   const {mutation: mutationKey, onCompleted, onSuccess, onError} = options
   const store = cache.storeHooks.useStore()
   const [mutationStateSelector, mutate, abort] = (0, react_1.useMemo)(() => {
     return [
-      (state) => {
-        cache.options.logsEnabled &&
-          (0, utilsAndConstants_1.log)('mutationStateSelector', {
-            state,
-            cacheState: cache.cacheStateSelector(state),
-          })
-        return cache.cacheStateSelector(state).mutations[mutationKey]
-      },
+      (state) => selectMutationState(state, mutationKey),
       (params) =>
         __awaiter(void 0, void 0, void 0, function* () {
           return yield (0,
@@ -63,7 +58,7 @@ const useMutation = (cache, actions, selectors, options, abortControllers) => {
           return false
         }
         abortController.abort()
-        store.dispatch(actions.updateMutationStateAndEntities(mutationKey, {loading: undefined}))
+        store.dispatch(updateMutationStateAndEntities(mutationKey, {loading: undefined}))
         return true
       },
     ]
@@ -72,11 +67,7 @@ const useMutation = (cache, actions, selectors, options, abortControllers) => {
     (_a = cache.storeHooks.useSelector(mutationStateSelector)) !== null && _a !== void 0
       ? _a
       : utilsAndConstants_1.EMPTY_OBJECT
-  cache.options.logsEnabled &&
-    (0, utilsAndConstants_1.log)('useMutation', {
-      options,
-      mutationState,
-    })
+  cache.options.logsEnabled && (0, utilsAndConstants_1.logDebug)('useMutation', {options, mutationState})
   return [mutate, mutationState, abort]
 }
 exports.useMutation = useMutation

package/dist/cjs/useQuery.js

@@ -88,13 +88,13 @@ const useQuery = (cache, actions, selectors, options) => {
   ;(0, react_1.useEffect)(() => {
     if (skipFetch) {
       logsEnabled &&
-        (0, utilsAndConstants_1.log)('useQuery.useEffect skip fetch', {skipFetch, queryKey, cacheKey})
+        (0, utilsAndConstants_1.logDebug)('useQuery.useEffect skip fetch', {skipFetch, queryKey, cacheKey})
       return
     }
     const expired = queryState.expiresAt != null && queryState.expiresAt <= Date.now()
     if (!fetchPolicy(expired, params, queryState, store, selectors)) {
       logsEnabled &&
-        (0, utilsAndConstants_1.log)('useQuery.useEffect skip fetch due to fetch policy', {
+        (0, utilsAndConstants_1.logDebug)('useQuery.useEffect skip fetch due to fetch policy', {
           queryState,
           expired,
           queryKey,
@@ -104,12 +104,7 @@ const useQuery = (cache, actions, selectors, options) => {
     }
     performFetch()
   }, [cacheKey, skipFetch])
-  logsEnabled &&
-    (0, utilsAndConstants_1.log)('useQuery', {
-      cacheKey,
-      options,
-      queryState,
-    })
+  logsEnabled && (0, utilsAndConstants_1.logDebug)('useQuery', {cacheKey, options, queryState})
   return [queryState, performFetch]
 }
 exports.useQuery = useQuery

package/dist/cjs/utilsAndConstants.js

@@ -1,15 +1,16 @@
 'use strict'
 Object.defineProperty(exports, '__esModule', {value: true})
-exports.createStateComparer =
+exports.FetchPolicy =
+  exports.createStateComparer =
   exports.isEmptyObject =
   exports.applyEntityChanges =
-  exports.FetchPolicy =
-  exports.log =
   exports.defaultGetCacheKey =
-  exports.NOOP =
+  exports.noop =
   exports.EMPTY_ARRAY =
   exports.EMPTY_OBJECT =
   exports.IS_DEV =
+  exports.logWarn =
+  exports.logDebug =
   exports.optionalUtils =
   exports.PACKAGE_SHORT_NAME =
     void 0
@@ -17,10 +18,18 @@ exports.PACKAGE_SHORT_NAME = 'rrc'
 exports.optionalUtils = {
   deepEqual: undefined,
 }
+const logDebug = (tag, data) => {
+  console.debug(`@${exports.PACKAGE_SHORT_NAME} [${tag}]`, data)
+}
+exports.logDebug = logDebug
+const logWarn = (tag, data) => {
+  console.warn(`@${exports.PACKAGE_SHORT_NAME} [${tag}]`, data)
+}
+exports.logWarn = logWarn
 try {
   exports.optionalUtils.deepEqual = require('fast-deep-equal/es6')
 } catch (_a) {
-  console.debug(exports.PACKAGE_SHORT_NAME + ': fast-deep-equal optional dependency was not installed')
+  ;(0, exports.logDebug)('deepEqual', 'fast-deep-equal optional dependency was not installed')
 }
 exports.IS_DEV = (() => {
   try {
@@ -31,8 +40,8 @@ exports.IS_DEV = (() => {
 })()
 exports.EMPTY_OBJECT = Object.freeze({})
 exports.EMPTY_ARRAY = Object.freeze([])
-const NOOP = () => {}
-exports.NOOP = NOOP
+const noop = () => {}
+exports.noop = noop
 const defaultGetCacheKey = (params) => {
   switch (typeof params) {
     case 'string':
@@ -45,20 +54,10 @@ const defaultGetCacheKey = (params) => {
   }
 }
 exports.defaultGetCacheKey = defaultGetCacheKey
-const log = (tag, data) => {
-  console.debug(`@${exports.PACKAGE_SHORT_NAME} [${tag}]`, data)
-}
-exports.log = log
-exports.FetchPolicy = {
-  NoCacheOrExpired: (expired, _params, state) => {
-    return expired || state.result === undefined
-  },
-  Always: () => true,
-}
 const applyEntityChanges = (entities, changes, options) => {
   var _a, _b, _c, _d
   if (changes.merge && changes.entities) {
-    console.warn('react-redux-cache.applyEntityChanges: merge and entities should not be both set')
+    ;(0, exports.logWarn)('applyEntityChanges', 'merge and entities should not be both set')
   }
   const {merge = changes.entities, replace, remove} = changes
   if (!merge && !replace && !remove) {
@@ -66,13 +65,11 @@ const applyEntityChanges = (entities, changes, options) => {
   }
   const deepEqual = options.deepComparisonEnabled ? exports.optionalUtils.deepEqual : undefined
   let result
-  const typenames = new Set([
-    ...(changes.entities ? Object.keys(changes.entities) : exports.EMPTY_ARRAY),
-    ...(changes.merge ? Object.keys(changes.merge) : exports.EMPTY_ARRAY),
-    ...(changes.remove ? Object.keys(changes.remove) : exports.EMPTY_ARRAY),
-    ...(changes.replace ? Object.keys(changes.replace) : exports.EMPTY_ARRAY),
-  ])
-  for (const typename of typenames) {
+  const objectWithAllTypenames = Object.assign(
+    Object.assign(Object.assign({}, changes.merge), changes.remove),
+    changes.replace
+  )
+  for (const typename in objectWithAllTypenames) {
     const entitiesToMerge = merge === null || merge === void 0 ? void 0 : merge[typename]
     const entitiesToReplace = replace === null || replace === void 0 ? void 0 : replace[typename]
     const entitiesToRemove = remove === null || remove === void 0 ? void 0 : remove[typename]
@@ -105,9 +102,9 @@ const applyEntityChanges = (entities, changes, options) => {
           ? _c
           : 0)
       if (totalKeysInResponse !== 0 && idsSet.size !== totalKeysInResponse) {
-        console.warn(
-          'react-redux-cache.applyEntityChanges: merge, replace and remove changes have intersections for: ' +
-            typename
+        ;(0, exports.logWarn)(
+          'applyEntityChanges',
+          'merge, replace and remove changes have intersections for: ' + typename
         )
       }
     }
@@ -153,7 +150,7 @@ const applyEntityChanges = (entities, changes, options) => {
     result[typename] = newEntities
   }
   options.logsEnabled &&
-    (0, exports.log)('applyEntityChanges', {
+    (0, exports.logDebug)('applyEntityChanges', {
       entities,
       changes,
       options,
@@ -187,3 +184,9 @@ const createStateComparer = (fields) => {
   }
 }
 exports.createStateComparer = createStateComparer
+exports.FetchPolicy = {
+  NoCacheOrExpired: (expired, _params, state) => {
+    return expired || state.result === undefined
+  },
+  Always: () => true,
+}

package/dist/esm/createCache.js

@@ -1,7 +1,7 @@
 import {useMemo} from 'react'
 
 import {createActions} from './createActions'
-import {createCacheReducer} from './createCacheReducer'
+import {createReducer} from './createReducer'
 import {createSelectors} from './createSelectors'
 import {mutate as mutateImpl} from './mutate'
 import {query as queryImpl} from './query'
@@ -14,6 +14,7 @@ import {
   EMPTY_OBJECT,
   FetchPolicy,
   IS_DEV,
+  logWarn,
   optionalUtils,
 } from './utilsAndConstants'
 
@@ -59,8 +60,9 @@ export const withTypenames = () => {
       }
       const cache = partialCache
       if (cache.options.deepComparisonEnabled && !optionalUtils.deepEqual) {
-        console.warn(
-          'react-redux-cache: optional dependency for fast-deep-equal was not provided, while deepComparisonEnabled option is true'
+        logWarn(
+          'createCache',
+          'optional dependency for fast-deep-equal was not provided, while deepComparisonEnabled option is true'
         )
       }
       const setDefaultComparer = (target) => {
@@ -103,7 +105,7 @@ export const withTypenames = () => {
         clearMutationState,
         clearCache,
       } = actions
-      const reducer = createCacheReducer(actions, Object.keys(cache.queries), cache.options)
+      const reducer = createReducer(actions, Object.keys(cache.queries), cache.options)
       const createClient = (store) => {
         const client = {
           query: (options) => {
@@ -201,4 +203,5 @@ export const withTypenames = () => {
     },
   }
 }
+
 export const createCache = withTypenames().createCache

package/dist/esm/{createCacheReducer.js → createReducer.js}

@@ -16,11 +16,12 @@ var __rest =
     }
     return t
   }
-import {applyEntityChanges, EMPTY_OBJECT, isEmptyObject, log, optionalUtils} from './utilsAndConstants'
+import {applyEntityChanges, EMPTY_OBJECT, isEmptyObject, logDebug, optionalUtils} from './utilsAndConstants'
 
 const optionalQueryKeys = ['error', 'expiresAt', 'result', 'params', 'loading']
 const optionalMutationKeys = ['error', 'result', 'params', 'loading']
-export const createCacheReducer = (actions, queryKeys, cacheOptions) => {
+
+export const createReducer = (actions, queryKeys, cacheOptions) => {
   const initialState = Object.freeze({
     entities: Object.freeze({}),
     queries: Object.freeze(
@@ -32,7 +33,7 @@ export const createCacheReducer = (actions, queryKeys, cacheOptions) => {
     mutations: Object.freeze({}),
   })
   cacheOptions.logsEnabled &&
-    log('createCacheReducer', {
+    logDebug('createCacheReducer', {
       queryKeys,
       initialState,
     })

package/dist/esm/index.js

@@ -1,3 +1,5 @@
 export {createCache, withTypenames} from './createCache'
+
 export * from './types'
-export {createStateComparer, defaultGetCacheKey, FetchPolicy, isEmptyObject} from './utilsAndConstants'
+
+export {createStateComparer, defaultGetCacheKey, FetchPolicy, isEmptyObject, noop} from './utilsAndConstants'

package/dist/esm/mutate.js

@@ -29,7 +29,7 @@ var __awaiter =
       step((generator = generator.apply(thisArg, _arguments || [])).next())
     })
   }
-import {log} from './utilsAndConstants'
+import {logDebug} from './utilsAndConstants'
 
 export const mutate = (
   logTag_1,
@@ -79,11 +79,7 @@ export const mutate = (
       {
         const abortController = abortControllersOfStore[mutationKey]
         cache.options.logsEnabled &&
-          log(logTag, {
-            mutationKey,
-            params,
-            previousAborted: abortController !== undefined,
-          })
+          logDebug(logTag, {mutationKey, params, previousAborted: abortController !== undefined})
         if (abortController !== undefined) {
           abortController.abort()
         }
@@ -106,11 +102,7 @@ export const mutate = (
         error = e
       }
       cache.options.logsEnabled &&
-        log(`${logTag} finished`, {
-          response,
-          error,
-          aborted: abortController.signal.aborted,
-        })
+        logDebug(`${logTag} finished`, {response, error, aborted: abortController.signal.aborted})
       if (abortController.signal.aborted) {
         return ABORTED_RESULT
       }
@@ -154,4 +146,5 @@ export const mutate = (
       throw new Error(`${logTag}: both error and response are not defined`)
     }
   )
+
 const ABORTED_RESULT = Object.freeze({aborted: true})

package/dist/esm/query.js

@@ -29,7 +29,7 @@ var __awaiter =
       step((generator = generator.apply(thisArg, _arguments || [])).next())
     })
   }
-import {log, NOOP} from './utilsAndConstants'
+import {logDebug, noop} from './utilsAndConstants'
 
 export const query = (
   logTag,
@@ -72,27 +72,15 @@ export const query = (
     const logsEnabled = cache.options.logsEnabled
     const queryStateOnStart = selectQueryState(store.getState(), queryKey, cacheKey)
     if (skipFetch) {
-      return {
-        result: queryStateOnStart.result,
-      }
+      return {result: queryStateOnStart.result}
     }
     if (queryStateOnStart === null || queryStateOnStart === void 0 ? void 0 : queryStateOnStart.loading) {
       logsEnabled &&
-        log(`${logTag} fetch cancelled: already loading`, {
-          queryStateOnStart,
-          params,
-          cacheKey,
-        })
-      const error = yield queryStateOnStart.loading.then(NOOP).catch(catchAndReturn)
-      return error
-        ? {
-            cancelled: 'loading',
-            error,
-          }
-        : {
-            cancelled: 'loading',
-            result: selectQueryResult(store.getState(), queryKey, cacheKey),
-          }
+        logDebug(`${logTag} fetch cancelled: already loading`, {queryStateOnStart, params, cacheKey})
+      const error = yield queryStateOnStart.loading.then(noop).catch(catchAndReturn)
+      const result = selectQueryResult(store.getState(), queryKey, cacheKey)
+      const cancelled = 'loading'
+      return error ? {cancelled, result, error} : {cancelled, result}
     }
     if (
       onlyIfExpired &&
@@ -101,16 +89,13 @@ export const query = (
       queryStateOnStart.expiresAt > Date.now()
     ) {
       logsEnabled &&
-        log(`${logTag} fetch cancelled: not expired yet`, {
+        logDebug(`${logTag} fetch cancelled: not expired yet`, {
           queryStateOnStart,
           params,
           cacheKey,
           onlyIfExpired,
         })
-      return {
-        cancelled: 'not-expired',
-        result: queryStateOnStart.result,
-      }
+      return {cancelled: 'not-expired', result: queryStateOnStart.result}
     }
     const {updateQueryStateAndEntities} = actions
     const fetchPromise = cache.queries[queryKey].query(params, store)
@@ -120,7 +105,8 @@ export const query = (
         params,
       })
     )
-    logsEnabled && log(`${logTag} started`, {queryKey, params, cacheKey, queryStateOnStart, onlyIfExpired})
+    logsEnabled &&
+      logDebug(`${logTag} started`, {queryKey, params, cacheKey, queryStateOnStart, onlyIfExpired})
     let response
     try {
       response = yield fetchPromise
@@ -139,7 +125,7 @@ export const query = (
       onCompleted === null || onCompleted === void 0
         ? void 0
         : onCompleted(undefined, error, params, store, actions, selectors)
-      return {error}
+      return {error, result: selectQueryResult(store.getState(), queryKey, cacheKey)}
     }
     const newState = {
       error: undefined,
@@ -168,8 +154,7 @@ export const query = (
     onCompleted === null || onCompleted === void 0
       ? void 0
       : onCompleted(response, undefined, params, store, actions, selectors)
-    return {
-      result: newState === null || newState === void 0 ? void 0 : newState.result,
-    }
+    return {result: newState === null || newState === void 0 ? void 0 : newState.result}
   })
+
 const catchAndReturn = (x) => x

package/dist/esm/useMutation.js

@@ -32,22 +32,17 @@ var __awaiter =
 import {useMemo} from 'react'
 
 import {mutate as mutateImpl} from './mutate'
-import {EMPTY_OBJECT, log} from './utilsAndConstants'
+import {EMPTY_OBJECT, logDebug} from './utilsAndConstants'
 
 export const useMutation = (cache, actions, selectors, options, abortControllers) => {
   var _a
+  const {selectMutationState} = selectors
+  const {updateMutationStateAndEntities} = actions
   const {mutation: mutationKey, onCompleted, onSuccess, onError} = options
   const store = cache.storeHooks.useStore()
   const [mutationStateSelector, mutate, abort] = useMemo(() => {
     return [
-      (state) => {
-        cache.options.logsEnabled &&
-          log('mutationStateSelector', {
-            state,
-            cacheState: cache.cacheStateSelector(state),
-          })
-        return cache.cacheStateSelector(state).mutations[mutationKey]
-      },
+      (state) => selectMutationState(state, mutationKey),
       (params) =>
         __awaiter(void 0, void 0, void 0, function* () {
           return yield mutateImpl(
@@ -72,17 +67,13 @@ export const useMutation = (cache, actions, selectors, options, abortControllers
           return false
         }
         abortController.abort()
-        store.dispatch(actions.updateMutationStateAndEntities(mutationKey, {loading: undefined}))
+        store.dispatch(updateMutationStateAndEntities(mutationKey, {loading: undefined}))
         return true
       },
     ]
   }, [mutationKey, store])
   const mutationState =
     (_a = cache.storeHooks.useSelector(mutationStateSelector)) !== null && _a !== void 0 ? _a : EMPTY_OBJECT
-  cache.options.logsEnabled &&
-    log('useMutation', {
-      options,
-      mutationState,
-    })
+  cache.options.logsEnabled && logDebug('useMutation', {options, mutationState})
   return [mutate, mutationState, abort]
 }