createCacheableRoutine.ts

import {
  createRoutine,
  // @ts-ignore
  createRoutineCreator,
  // @ts-ignore
  defaultRoutineStages,
  ResolveActionCreatorByPayload,
  Routine,
} from "redux-saga-routines";

export interface RoutinePayloadCreator<
  TTriggerPayloadCreator,
  TRequestPayloadCreator,
  TSuccessPayloadCreator,
  TFailurePayloadCreator,
  TFulfillPayloadCreator
> {
  TRIGGER?: TTriggerPayloadCreator;
  trigger?: TTriggerPayloadCreator;
  REQUEST?: TRequestPayloadCreator;
  request?: TRequestPayloadCreator;
  SUCCESS?: TSuccessPayloadCreator;
  success?: TSuccessPayloadCreator;
  FAILURE?: TFailurePayloadCreator;
  failure?: TFailurePayloadCreator;
  FULFILL?: TFulfillPayloadCreator;
  fulfill?: TFulfillPayloadCreator;
}

type CacheableRoutine<
  TTriggerPayloadCreator,
  TRequestPayloadCreator,
  TSuccessPayloadCreator,
  TFailurePayloadCreator,
  TFulfillPayloadCreator
> = Routine<
  ResolveActionCreatorByPayload<TTriggerPayloadCreator>,
  ResolveActionCreatorByPayload<TRequestPayloadCreator>,
  ResolveActionCreatorByPayload<TSuccessPayloadCreator>,
  ResolveActionCreatorByPayload<TFailurePayloadCreator>,
  ResolveActionCreatorByPayload<TFulfillPayloadCreator>
> & { invalidate: ResolveActionCreatorByPayload<TTriggerPayloadCreator> };

export const createCacheableRoutine = <
  TTriggerPayloadCreator,
  TRequestPayloadCreator,
  TSuccessPayloadCreator,
  TFailurePayloadCreator,
  TFulfillPayloadCreator
>(
  action: string,
  payloadCreator: RoutinePayloadCreator<
    TTriggerPayloadCreator,
    TRequestPayloadCreator,
    TSuccessPayloadCreator,
    TFailurePayloadCreator,
    TFulfillPayloadCreator
  >
): CacheableRoutine<
  TTriggerPayloadCreator,
  TRequestPayloadCreator,
  TSuccessPayloadCreator,
  TFailurePayloadCreator,
  TFulfillPayloadCreator
> => {
  const routineStages = [...defaultRoutineStages, "INVALIDATE"];
  return createRoutineCreator(routineStages)(
    `${action}-${JSON.stringify(payloadCreator.trigger)}`,
    payloadCreator
  );
};