Debug all Turbolinks events

debug_turbolinks.js

document.addEventListener('turbolinks:click', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:before-visit', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:visit', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:request-start', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:request-end', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:before-cache', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:before-render', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:render', (event) => {
  console.log(event);
});
document.addEventListener('turbolinks:load', (event) => {
  console.log(event);
});

Thank you

Recommend this.
Easier to maintain and makes it easier to view the logs.

eventNames = [
  'turbo:click',
  'turbo:before-visit',
  'turbo:visit',
  'turbo:submit-start',
  'turbo:before-fetch-request',
  'turbo:before-fetch-response',
  'turbo:submit-end',
  'turbo:before-cache',
  'turbo:before-render',
  'turbo:before-stream-render',
  'turbo:render',
  'turbo:load',
  'turbo:frame-render',
  'turbo:frame-load',
  'turbo:fetch-request-error',
]

eventNames.forEach(eventName => {
  document.addEventListener(eventName, (event) => {
    console.log(event.type, event);
  });
});