retry-my-fetch

It's a decorator for Fetch API (fetch, isomorphic-fetch, cross-fetch, etc.) which allows resending (retrying) your requests in case if that fails.

npm package

``console
npm i retry-my-fetch
`

Quick start

$3

`js
import retryMyFetch from 'retry-my-fetch';

const config = {
maxTryCount: 5,
};
const fetchWithRetry = retryMyFetch(fetch, config);
fetchWithRetry('/').then(console.log);
`

$3

`js
import retryMyFetch from 'retry-my-fetch';

const config = {
timeout: 3000, // it should call next retry after 3 sec
maxTryCount: 5,
};
const fetchWithRetry = retryMyFetch(fetch, config);
fetchWithRetry('/').then(console.log);
`

$3

`js
import retryMyFetch from 'retry-my-fetch';

const config = {
beforeRefetch: async (url, fetchOptions, statusCode, retryConter) => {
// do something, i.e. refresh JWT token
const newAccessToken = await getToken(); // some async function
// update fetch options
const newFetchOptions = {
...fetchOptions,
headers: new Headers({
Authorization: Bearer ${newAccessToken},
}),
};

// return new options in order to retry call with new options
return newFetchOptions;
},
maxTryCount: 5,
};
const fetchWithRetry = retryMyFetch(fetch, config);
const options = {
headers: new Headers({
Authorization: Bearer ${someOldToken},
}),
};
fetchWithRetry('/', options).then(console.log);
`

$3

The AbortController interface
represents a controller object that allows you to abort one or more
Web requests as and when desired.

`js
import retryMyFetch from 'retry-my-fetch';

const beforeRefetch = async (url, fetchOptions, statusCode, retryConter, isRejected) => {
const token = getCurrentToken();
if (!isRejected) {
// refresh JWT token
const freshAccessToken = await getToken(); // some async function
}
// update and return new options in order to retry call with new options
return {
...fetchOptions,
headers: new Headers({
Authorization: Bearer ${isRejected ? token : freshAccessToken},
}),
};
};

// prepare configuration
const config = {
useAbortController: true,
beforeRefetch,
maxTryCount: 5,
};

// get decorated fetch
const fetchWithRetry = retryMyFetch(fetch, config);
const options = {
headers: new Headers({
Authorization: Bearer ${someOldToken},
}),
};

// do request with decorated fetch
fetchWithRetry('/', options).then(console.log);
`

See src/interfaces.ts for further details.

$3

`js
import retryMyFetch from 'retry-my-fetch';

const config = {
doNotRetryIfStatuses: [400], // number[]
};
const fetchWithRetry = retryMyFetch(fetch, config);
fetchWithRetry('/').then(console.log);
``