Format all files

.babelrc.js

@@ -7,13 +7,13 @@ export default {
       '@babel/preset-env',
       {
         targets: {
-          ie: 11
+          ie: 11,
         },
         loose: true,
-        modules: cjs ? 'cjs' : false
-      }
+        modules: cjs ? 'cjs' : false,
+      },
     ],
-    '@babel/preset-typescript'
+    '@babel/preset-typescript',
   ],
-  plugins: [cjs && ['@babel/transform-modules-commonjs']].filter(Boolean)
+  plugins: [cjs && ['@babel/transform-modules-commonjs']].filter(Boolean),
 }

.github/workflows/test.yml

@@ -145,7 +145,7 @@ jobs:
             'node-standard',
             'node-esm',
             'react-native',
-            'expo'
+            'expo',
           ]
     steps:
       - name: Checkout repo

.prettierrc.json

@@ -2,6 +2,5 @@
   "semi": false,
   "singleQuote": true,
   "tabWidth": 2,
-  "trailingComma": "none",
   "arrowParens": "avoid"
 }

README.md

@@ -23,8 +23,8 @@ import filtersReducer from './features/filters/filtersSlice'
 const store = configureStore({
   reducer: {
     todos: todosReducer,
-    filters: filtersReducer
-  }
+    filters: filtersReducer,
+  },
 })
 
 // The thunk middleware was automatically added
@@ -86,9 +86,9 @@ const store = configureStore({
   middleware: getDefaultMiddleware =>
     getDefaultMiddleware({
       thunk: {
-        extraArgument: myCustomApiService
-      }
-    })
+        extraArgument: myCustomApiService,
+      },
+    }),
 })
 
 // later
@@ -110,10 +110,10 @@ const store = configureStore({
       thunk: {
         extraArgument: {
           api: myCustomApiService,
-          otherValue: 42
-        }
-      }
-    })
+          otherValue: 42,
+        },
+      },
+    }),
 })
 
 // later
@@ -188,7 +188,7 @@ const INCREMENT_COUNTER = 'INCREMENT_COUNTER'
 
 function increment() {
   return {
-    type: INCREMENT_COUNTER
+    type: INCREMENT_COUNTER,
   }
 }
 
@@ -264,7 +264,7 @@ function makeASandwich(forPerson, secretSauce) {
   return {
     type: 'MAKE_SANDWICH',
     forPerson,
-    secretSauce
+    secretSauce,
   }
 }
 
@@ -273,14 +273,14 @@ function apologize(fromPerson, toPerson, error) {
     type: 'APOLOGIZE',
     fromPerson,
     toPerson,
-    error
+    error,
   }
 }
 
 function withdrawMoney(amount) {
   return {
     type: 'WITHDRAW',
-    amount
+    amount,
   }
 }
 
@@ -302,7 +302,7 @@ function makeASandwichWithSecretSauce(forPerson) {
   return function (dispatch) {
     return fetchSecretSauce().then(
       sauce => dispatch(makeASandwich(forPerson, sauce)),
-      error => dispatch(apologize('The Sandwich Shop', forPerson, error))
+      error => dispatch(apologize('The Sandwich Shop', forPerson, error)),
     )
   }
 }
@@ -339,16 +339,16 @@ function makeSandwichesForEverybody() {
       .then(() =>
         Promise.all([
           dispatch(makeASandwichWithSecretSauce('Me')),
-          dispatch(makeASandwichWithSecretSauce('My wife'))
-        ])
+          dispatch(makeASandwichWithSecretSauce('My wife')),
+        ]),
       )
       .then(() => dispatch(makeASandwichWithSecretSauce('Our kids')))
       .then(() =>
         dispatch(
           getState().myMoney > 42
             ? withdrawMoney(42)
-            : apologize('Me', 'The Sandwich Shop')
-        )
+            : apologize('Me', 'The Sandwich Shop'),
+        ),
       )
   }
 }
@@ -359,7 +359,7 @@ function makeSandwichesForEverybody() {
 store
   .dispatch(makeSandwichesForEverybody())
   .then(() =>
-    response.send(ReactDOMServer.renderToString(<MyApp store={store} />))
+    response.send(ReactDOMServer.renderToString(<MyApp store={store} />)),
   )
 
 // I can also dispatch a thunk async action from a component
@@ -385,7 +385,7 @@ class SandwichShop extends Component {
 }
 
 export default connect(state => ({
-  sandwiches: state.sandwiches
+  sandwiches: state.sandwiches,
 }))(SandwichShop)
 ```
 

package.json

@@ -54,7 +54,7 @@
     "cross-env": "^7.0.3",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
-    "prettier": "^2.4.1",
+    "prettier": "^3.3.3",
     "redux": "^5",
     "rimraf": "^3.0.2",
     "tsup": "7.0.0",

src/index.ts

@@ -5,7 +5,7 @@ export type {
   ThunkAction,
   ThunkActionDispatch,
   ThunkDispatch,
-  ThunkMiddleware
+  ThunkMiddleware,
 } from './types'
 
 /** A function that accepts a potential "extra argument" value to be injected later,
@@ -14,7 +14,7 @@ export type {
 function createThunkMiddleware<
   State = any,
   BasicAction extends Action = AnyAction,
-  ExtraThunkArg = undefined
+  ExtraThunkArg = undefined,
 >(extraArgument?: ExtraThunkArg) {
   // Standard Redux middleware definition pattern:
   // See: https://redux.js.org/tutorials/fundamentals/part-4-store#writing-custom-middleware

src/types.ts

@@ -14,14 +14,14 @@ import type { Action, AnyAction, Middleware } from 'redux'
 export interface ThunkDispatch<
   State,
   ExtraThunkArg,
-  BasicAction extends Action
+  BasicAction extends Action,
 > {
   // When the thunk middleware is added, `store.dispatch` now has three overloads (NOTE: the order here matters for correct behavior and is very fragile - do not reorder these!):
 
   // 1) The specific thunk function overload
   /** Accepts a thunk function, runs it, and returns whatever the thunk itself returns */
   <ReturnType>(
-    thunkAction: ThunkAction<ReturnType, State, ExtraThunkArg, BasicAction>
+    thunkAction: ThunkAction<ReturnType, State, ExtraThunkArg, BasicAction>,
   ): ReturnType
 
   // 2) The base overload.
@@ -32,7 +32,7 @@ export interface ThunkDispatch<
   //   with TS inference ( see https://github.com/microsoft/TypeScript/issues/14107 )
   /** A union of the other two overloads for TS inference purposes */
   <ReturnType, Action extends BasicAction>(
-    action: Action | ThunkAction<ReturnType, State, ExtraThunkArg, BasicAction>
+    action: Action | ThunkAction<ReturnType, State, ExtraThunkArg, BasicAction>,
   ): Action | ReturnType
 }
 
@@ -53,11 +53,11 @@ export type ThunkAction<
   ReturnType,
   State,
   ExtraThunkArg,
-  BasicAction extends Action
+  BasicAction extends Action,
 > = (
   dispatch: ThunkDispatch<State, ExtraThunkArg, BasicAction>,
   getState: () => State,
-  extraArgument: ExtraThunkArg
+  extraArgument: ExtraThunkArg,
 ) => ReturnType
 
 /**
@@ -69,7 +69,7 @@ export type ThunkAction<
  * @template ActionCreator Thunk action creator to be wrapped
  */
 export type ThunkActionDispatch<
-  ActionCreator extends (...args: any[]) => ThunkAction<any, any, any, any>
+  ActionCreator extends (...args: any[]) => ThunkAction<any, any, any, any>,
 > = (
   ...args: Parameters<ActionCreator>
 ) => ReturnType<ReturnType<ActionCreator>>
@@ -83,7 +83,7 @@ export type ThunkActionDispatch<
 export type ThunkMiddleware<
   State = any,
   BasicAction extends Action = AnyAction,
-  ExtraThunkArg = undefined
+  ExtraThunkArg = undefined,
 > = Middleware<
   ThunkDispatch<State, ExtraThunkArg, BasicAction>,
   State,

test/index.test.ts

@@ -5,7 +5,7 @@ describe('thunk middleware', () => {
   const doGetState = () => 42
   const nextHandler = thunkMiddleware({
     dispatch: doDispatch,
-    getState: doGetState
+    getState: doGetState,
   })
 
   it('must return a function to handle next', () => {
@@ -90,7 +90,7 @@ describe('thunk middleware', () => {
       // @ts-ignore
       withExtraArgument(extraArg)({
         dispatch: doDispatch,
-        getState: doGetState
+        getState: doGetState,
       })()((dispatch: any, getState: any, arg: any) => {
         expect(dispatch).toBe(doDispatch)
         expect(getState).toBe(doGetState)

tsup.config.ts

@@ -4,10 +4,10 @@ import { defineConfig } from 'tsup'
 export default defineConfig(options => {
   const commonOptions: Partial<Options> = {
     entry: {
-      'redux-thunk': 'src/index.ts'
+      'redux-thunk': 'src/index.ts',
     },
     tsconfig: 'tsconfig.build.json',
-    ...options
+    ...options,
   }
 
   return [
@@ -16,7 +16,7 @@ export default defineConfig(options => {
       format: ['esm'],
       outExtension: () => ({ js: '.mjs' }),
       dts: true,
-      clean: true
+      clean: true,
     },
     // Support Webpack 4 by pointing `"module"` to a file with a `.js` extension
     {
@@ -25,13 +25,13 @@ export default defineConfig(options => {
       target: 'es2017',
       dts: false,
       outExtension: () => ({ js: '.js' }),
-      entry: { 'redux-thunk.legacy-esm': 'src/index.ts' }
+      entry: { 'redux-thunk.legacy-esm': 'src/index.ts' },
     },
     {
       ...commonOptions,
       format: 'cjs',
       outDir: './dist/cjs/',
-      outExtension: () => ({ js: '.cjs' })
-    }
+      outExtension: () => ({ js: '.cjs' }),
+    },
   ]
 })

typescript_test/index.test-d.ts

@@ -5,7 +5,7 @@ import type {
   ThunkAction,
   ThunkActionDispatch,
   ThunkDispatch,
-  ThunkMiddleware
+  ThunkMiddleware,
 } from 'redux-thunk'
 import { thunk, withExtraArgument } from 'redux-thunk'
 
@@ -19,7 +19,7 @@ describe('type tests', () => {
   type ThunkResult<R> = ThunkAction<R, State, undefined, Actions>
 
   const initialState: State = {
-    foo: 'foo'
+    foo: 'foo',
   }
 
   function fakeReducer(state: State = initialState): State {
@@ -28,7 +28,7 @@ describe('type tests', () => {
 
   const store = createStore(
     fakeReducer,
-    applyMiddleware(thunk as ThunkMiddleware<State, Actions>)
+    applyMiddleware(thunk as ThunkMiddleware<State, Actions>),
   )
 
   function anotherThunkAction(): ThunkResult<string> {
@@ -89,7 +89,7 @@ describe('type tests', () => {
     const dispatch: ThunkDispatch<any, unknown, AnyAction> = undefined as any
 
     function dispatchWrap(
-      action: Action | ThunkAction<any, any, unknown, AnyAction>
+      action: Action | ThunkAction<any, any, unknown, AnyAction>,
     ) {
       // Should not have an error here thanks to the extra union overload
       expectTypeOf(dispatch).toBeCallableWith(action)
@@ -100,8 +100,8 @@ describe('type tests', () => {
     const storeThunkArg = createStore(
       fakeReducer,
       applyMiddleware(
-        withExtraArgument('bar') as ThunkMiddleware<State, Actions, string>
-      )
+        withExtraArgument('bar') as ThunkMiddleware<State, Actions, string>,
+      ),
     )
 
     expectTypeOf(storeThunkArg.dispatch).toBeCallableWith({ type: 'FOO' })
@@ -123,30 +123,30 @@ describe('type tests', () => {
 
   test('call dispatch async with any action', () => {})
   const callDispatchAsync_anyAction = (
-    dispatch: ThunkDispatch<State, undefined, any>
+    dispatch: ThunkDispatch<State, undefined, any>,
   ) => {
     const asyncThunk = (): ThunkResult<Promise<void>> => () =>
-      ({} as Promise<void>)
+      ({}) as Promise<void>
 
     expectTypeOf(dispatch).toBeCallableWith(asyncThunk())
   }
 
   test('call dispatch async with specific actions', () => {
     const callDispatchAsync_specificActions = (
-      dispatch: ThunkDispatch<State, undefined, Actions>
+      dispatch: ThunkDispatch<State, undefined, Actions>,
     ) => {
       const asyncThunk = (): ThunkResult<Promise<void>> => () =>
-        ({} as Promise<void>)
+        ({}) as Promise<void>
 
       expectTypeOf(dispatch).toBeCallableWith(asyncThunk())
     }
   })
 
   test('call dispatch any', () => {
     const callDispatchAny = (
-      dispatch: ThunkDispatch<State, undefined, Actions>
+      dispatch: ThunkDispatch<State, undefined, Actions>,
     ) => {
-      const asyncThunk = (): any => () => ({} as Promise<void>)
+      const asyncThunk = (): any => () => ({}) as Promise<void>
 
       dispatch(asyncThunk()) // result is any
         .then(() => console.log('done'))
@@ -176,9 +176,9 @@ describe('type tests', () => {
       {
         anotherThunkAction,
         promiseThunkAction,
-        standardAction
+        standardAction,
       },
-      store.dispatch
+      store.dispatch,
     )
 
     expectTypeOf(actions.anotherThunkAction()).toBeString()