naja

import naja from 'naja'; document.addEventListener('DOMContentLoaded', () => { // Initialize Naja. This sets up event listeners for AJAX interactions // on elements like <a data-nette-ajax> and <form data-nette-ajax>. naja.initialize(); // Listen to Naja's lifecycle events for debugging or custom logic. naja.addEventListener('init', () => { console.log('Naja initialized and ready to handle Nette AJAX requests.'); }); naja.addEventListener('interaction', (event) => { console.log('AJAX interaction started:', event.detail.element.tagName, event.detail.url); }); naja.addEventListener('start', (event) => { console.log('AJAX request is about to be sent.'); // You could show a loading spinner here }); naja.addEventListener('success', (event) => { console.log('AJAX request successful.'); // Hide loading spinner }); naja.addEventListener('error', (event) => { console.error('AJAX request failed:', event.detail.error); // Handle error, e.g., display an error message }); // Example: Custom snippet handler for specific element updates naja.snippetHandler.addEventListener('afterUpdate', (event) => { const { snippet, content } = event.detail; if (snippet && snippet.id === 'my-dynamic-content') { document.getElementById('my-dynamic-content').innerHTML = content; console.log(`Snippet #${snippet.id} updated.`); } }); });