philomena/assets/js/utils/requests.js

/**
 * Request Utils
 */

function fetchJson(verb, endpoint, body) {
  const data = {
    method: verb,
    credentials: 'same-origin',
    headers: {
      'Content-Type': 'application/json',
      'x-csrf-token': window.booru.csrfToken,
      'x-requested-with': 'xmlhttprequest'
    },
  };

  if (body) {
    body._method = verb;
    data.body = JSON.stringify(body);
  }

  return fetch(endpoint, data);
}

function fetchHtml(endpoint) {
  return fetch(endpoint, {
    credentials: 'same-origin',
    headers: {
      'x-csrf-token': window.booru.csrfToken,
      'x-requested-with': 'xmlhttprequest'
    },
  });
}

function handleError(response) {
  if (!response.ok) {
    throw new Error('Received error from server');
  }
  return response;
}

/** @returns {Promise<Response>} */
function fetchBackoff(...fetchArgs) {
  /**
   * @param timeout {number}
   * @returns {Promise<Response>}
   */
  function fetchBackoffTimeout(timeout) {
    // Adjust timeout
    const newTimeout = Math.min(timeout * 2, 300000);

    // Try to fetch the thing
    return fetch(...fetchArgs)
      .then(handleError)
      .catch(() =>
        new Promise(resolve =>
          setTimeout(() => resolve(fetchBackoffTimeout(newTimeout)), timeout)
        )
      );
  }

  return fetchBackoffTimeout(5000);
}

export { fetchJson, fetchHtml, fetchBackoff, handleError };