create a middleware which executes before thunk middleware

Hi,

We are creating a middleware that stops unnecessary requests to the backend. But this is not stopping thunks from executing. My guess is thunk middleware is running before my custom middlewares.

Here is the code

const loaderHash: { [key: string]: boolean } = {};

export const debouseAPIRequests: Middleware = store => next => (action: {
  type: string;
  payload: any;
}) => {
   if (action.type.indexOf("@thunk") === 0) {
    const key =
      action.type.replace(/(.+)(\((success|fail|start)\))/, "$1") +
      JSON.stringify(action.payload);


    if (action.type.endsWith("(start)")) {
      if (!loaderHash[key]) {
        loaderHash[key] = true;
        next(action);
      }
    }

    if (action.type.endsWith("(fail)") || action.type.endsWith("(success)")) {
      loaderHash[key] = false;
      next(action);
    }
  } else {
    next(action);
  }
};

[ctrlplusb]

I’ve added a test case so theoretically it should all be fine. Not to worry. 😊

[alpates]

@ctrlplusb Thanks mate! I have searched for that middleware in the codebase to give it a try. But I guess we have taken another approach for the solution. Do you want me to validate anything? I suppose it should work.