Swappit Custom Events: Full Reference and Usage Guide

const app = new Swappit('app', { log: true });

// Update lifecycle
window.addEventListener('swappit:app:update:before', (e) => {
  console.log('Starting update:', e.detail.url);
  showLoadingSpinner();
});

window.addEventListener('swappit:app:update:after', (e) => {
  console.log('Update complete:', e.detail.url);
  hideLoadingSpinner();
  // Re-run any inline scripts inside updated regions if needed
  const scripts = document.querySelectorAll('[data-app-update] script:not([src])');
  Swappit.updateScriptByContent(Array.from(scripts));
});

window.addEventListener('swappit:app:update:error', (e) => {
  console.error('Update failed:', e.detail.url);
  showErrorMessage();
});

// History navigation
window.addEventListener('swappit:app:historyUpdate:after', (e) => {
  console.log('Navigated to:', e.detail.url);
});

// Instance lifecycle
window.addEventListener('swappit:app:reinit', () => {
  console.log('Instance reinitialized');
});

window.addEventListener('swappit:app:destroy', () => {
  console.log('Instance destroyed');
});