(function() { var copyButtonsInitialized = new Set(); function initializeCopyButtons() { document.querySelectorAll('[data-copy-content]').forEach(function(button) { // Skip if already initialized if (copyButtonsInitialized.has(button)) return; copyButtonsInitialized.add(button); button.addEventListener('click', function() { var content = this.getAttribute('data-copy-content'); if (navigator.clipboard) { navigator.clipboard.writeText(content).then(function() { var originalHtml = button.innerHTML; button.innerHTML = 'Copied!'; button.className = button.className.replace('text-slate-400', 'text-green-400'); setTimeout(function() { button.innerHTML = originalHtml; button.className = button.className.replace('text-green-400', 'text-slate-400'); }, 2000); }).catch(function() { // Fallback for older browsers var textArea = document.createElement('textarea'); textArea.value = content; document.body.appendChild(textArea); textArea.select(); document.execCommand('copy'); document.body.removeChild(textArea); var originalHtml = button.innerHTML; button.innerHTML = 'Copied!'; button.className = button.className.replace('text-slate-400', 'text-green-400'); setTimeout(function() { button.innerHTML = originalHtml; button.className = button.className.replace('text-green-400', 'text-slate-400'); }, 2000); }); } }); }); } // Initialize on DOM ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initializeCopyButtons); } else { initializeCopyButtons(); } // Re-initialize when new content is loaded (for client-side navigation) var observer = new MutationObserver(function(mutations) { var shouldReinit = false; mutations.forEach(function(mutation) { if (mutation.type === 'childList') { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) { // Element node if (node.querySelector && node.querySelector('[data-copy-content]')) { shouldReinit = true; } } }); } }); if (shouldReinit) { initializeCopyButtons(); } }); // Observe the entire document for changes observer.observe(document.body, { childList: true, subtree: true }); })();