Fetch Turbo stream

csrf.js

export default function () {
  const token = document.querySelector('meta[name="csrf-token"]')
  return token ? token.getAttribute('content') : null
}

turbo.js

import getCSRFToken from './csrf'

export function fetchTurbo ({ url, body = {} }) {
  const token = getCSRFToken()

  fetch(url, {
    method: 'POST',
    body: new URLSearchParams({ authenticity_token: token, ...body }),
    headers: {
      'X-CSRF-Token': token,
      Accept: 'text/vnd.turbo-stream.html, text/html, application/xhtml+xml'
    }
  }).then((response) => response.text())
    .then((response) => {
      document.body.insertAdjacentHTML('afterend', response)
    })
}