docbrown/app/javascript/article-form/actions.js

export function previewArticle(payload, successCb, failureCb) {
  fetch('/articles/preview', {
    method: 'POST',
    headers: {
      Accept: 'application/json',
      'X-CSRF-Token': window.csrfToken,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      article_body: payload,
    }),
    credentials: 'same-origin',
  })
  .then(response => response.json())
  .then(successCb)
  .catch(failureCb);
}

export function getArticle() {}

export function submitArticle(payload, errorCb, failureCb) {
  const method = payload.id ? 'PUT' : 'POST'
  const url = payload.id ? '/api/articles/'+ payload.id : '/api/articles'
  fetch(url, {
    method: method,
    headers: {
      Accept: 'application/json',
      'X-CSRF-Token': window.csrfToken,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      article: payload,
    }),
    credentials: 'same-origin',
  })
  .then(response => response.json())
  .then(response => {
    if (response.current_state_path) {
      window.location.replace(response.current_state_path);
    } else {
      errorCb(response)
    }
  })
  .catch(failureCb);
}

export function generateMainImage(payload, successCb, failureCb) {
  fetch('/image_uploads', {
    method: 'POST',
    headers: {
      'X-CSRF-Token': csrfToken,
    },
    body: generateUploadFormdata(payload),
    credentials: 'same-origin',
  })
  .then(response => response.json())
  .then(successCb)
  .catch(failureCb);
}

function generateUploadFormdata(payload) {
  var token = window.csrfToken;
  var formData = new FormData();
  formData.append('authenticity_token', token);
  formData.append('image', payload['image'][0]);
  if (payload['wrap_cloudinary']) {
    formData.append('wrap_cloudinary', 'true');
  }
  return formData;
}