add selectInvalidatedBy

[phryneas]

This should be very useful for people that do a lot of manual optimistic updated.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 3075999:

Sandbox	Source
Vanilla	Configuration
Vanilla Typescript	Configuration
rsk-github-issues-example	Configuration

[github-actions]

size-limit report 📦

Path	Size
1. entry point: @reduxjs/toolkit (cjs.production.min.js)	12.28 KB (0%)
1. entry point: @reduxjs/toolkit (esm.js)	10.27 KB (0%)
1. entry point: @reduxjs/toolkit/query (cjs.production.min.js)	21.93 KB (+0.44% 🔺)
1. entry point: @reduxjs/toolkit/query (esm.js)	18.23 KB (+0.33% 🔺)
1. entry point: @reduxjs/toolkit/query/react (cjs.production.min.js)	24.06 KB (+0.45% 🔺)
1. entry point: @reduxjs/toolkit/query/react (esm.js)	20.91 KB (+0.3% 🔺)
2. entry point: @reduxjs/toolkit (without dependencies) (cjs.production.min.js)	5.6 KB (0%)
2. entry point: @reduxjs/toolkit (without dependencies) (esm.js)	5.58 KB (0%)
2. entry point: @reduxjs/toolkit/query (without dependencies) (cjs.production.min.js)	9.99 KB (+0.68% 🔺)
2. entry point: @reduxjs/toolkit/query (without dependencies) (esm.js)	10.41 KB (+0.56% 🔺)
2. entry point: @reduxjs/toolkit/query/react (without dependencies) (cjs.production.min.js)	2.65 KB (0%)
2. entry point: @reduxjs/toolkit/query/react (without dependencies) (esm.js)	2.49 KB (0%)
3. createSlice (esm.js)	5.16 KB (0%)
3. createEntityAdapter (esm.js)	5.83 KB (0%)
3. configureStore (esm.js)	5.83 KB (0%)
3. createApi (esm.js)	16.49 KB (+0.42% 🔺)
3. createApi (react) (esm.js)	19.19 KB (+0.76% 🔺)
3. fetchBaseQuery (esm.js)	11.03 KB (0%)
3. setupListeners (esm.js)	9.85 KB (0%)
3. ApiProvider (esm.js)	18.03 KB (+0.8% 🔺)

[msutkowski]

This looks good overall, I'm just trying to think about the use cases.

[phryneas]

Optimistic updates of paginated lists where you don't know on which page (or even which pages are in the cache) it is for example.

   async onQueryStarted({ id, ...patch }, { dispatch, queryFulfilled, getState }) {
     for (const { endpointName, originalArgs } of api.selectInvalidatedBy(getState(), { type: "Post", id})) { 
       if ( endpointName !== 'getPosts') continue;
       dispatch(
         api.util.updateQueryData(endpoint, originalArgs, (draft) => {
            // find in list & update
         })
       )
     }, 
   },

[msutkowski]

Looks 💪. My only thought is that we could potentially update the invalidation test matrix for this case:

 // *****************************
  // test multiple values in array
  // *****************************

  [['apple', { type: 'banana' }, 'tomato'], ['apple'], true],

This is covered in the block above with the // string and type only behave identical section though, so we could assume this is always safe? 🤷

[phryneas]

Just push an extra use case if you see the need for it :)