`); } }function forceDownload(url) { const link = document.createElement('a'); link.download = 'spam-radio-poem.png'; link.href = url; document.body.appendChild(link); link.click(); document.body.removeChild(link); setTimeout(() => { URL.revokeObjectURL(url); }, 1000); showImageFeedback(); }function saveImageForDesktop(canvas) { try { const image = canvas.toDataURL('image/png'); const link = document.createElement('a'); link.download = 'spam-radio-poem.png'; link.href = image; link.click(); showImageFeedback(); } catch (e) { alert('Error saving image. Please try again.'); } }function showImageFeedback() { const feedback = document.createElement('div'); feedback.className = 'share-feedback'; feedback.textContent = 'Image saved!'; document.body.appendChild(feedback); setTimeout(() => feedback.remove(), 2000); }/* ============================================ HELPER FUNCTIONS ============================================ */ function getRandomSubset(array, count) { const shuffled = [...array].sort(() => Math.random() - 0.5); return shuffled.slice(0, Math.min(count, array.length)); }function getClientX(e) { if (e.touches && e.touches[0]) return e.touches[0].clientX; if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].clientX; return e.clientX; }function getClientY(e) { if (e.touches && e.touches[0]) return e.touches[0].clientY; if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].clientY; return e.clientY; }function isMobileDevice() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); }function showQuickFeedback(message, type = 'info', duration = 3000) { const existing = document.querySelector('.quick-feedback'); if (existing) existing.remove(); const feedback = document.createElement('div'); feedback.className = 'quick-feedback'; feedback.textContent = message; const bgColor = { success: '#4CAF50', error: '#f44336', warning: '#ff9800', info: '#2196F3', loading: '#666' }[type] || '#2196F3'; feedback.style.cssText = ` position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background: ${bgColor}; color: white; padding: 12px 20px; border-radius: 25px; font-weight: bold; z-index: 10000; box-shadow: 0 4px 15px rgba(0,0,0,0.3); white-space: nowrap; `; document.body.appendChild(feedback); setTimeout(() => { if (feedback.parentNode) { feedback.parentNode.removeChild(feedback); } }, duration); } // Temporary debug function function debugApp() { console.log('=== DEBUG INFO ==='); console.log('currentCategoryPool:', document.getElementById('currentCategoryPool')); console.log('categoryTitle:', document.getElementById('categoryTitle')); console.log('shuffleBtn:', document.getElementById('shuffleBtn')); console.log('currentCategory:', currentCategory); console.log('displayedWords:', displayedWords); console.log('boardWords:', boardWords); }// Call this after init to check setTimeout(debugApp, 1000);/* ============================================ LOAD SHARED POEM ============================================ */ function loadSharedPoem() { const urlParams = new URLSearchParams(window.location.search); const hashParams = window.location.hash.substring(1); let poemData = null; if (urlParams.has('poem')) { poemData = urlParams.get('poem'); } else if (hashParams.includes('poem=')) { const match = hashParams.match(/poem=([^&]+)/); if (match) { poemData = match[1]; } } if (poemData) { const decodedPoem = decodePoemFromURL(poemData); if (decodedPoem && decodedPoem.words) { boardWords = decodedPoem.words; if (decodedPoem.customWords) { customWords = decodedPoem.customWords.slice(0, MAX_CUSTOM_WORDS); allCategoryWords.custom = [...customWords]; // Update custom count display customCount.textContent = customWords.length; } renderBoardWords(); // Make sure custom words interface is updated if (currentCategory === 'custom') { loadCategoryWords('custom'); } } } } function decodePoemFromURL(encoded) { if (!encoded) return null; try { let padded = encoded; while (padded.length % 4) { padded += '='; } padded = padded.replace(/-/g, '+').replace(/_/g, '/'); const binary = atob(padded); const bytes = new Uint8Array(binary.length); for (let i = 0; i < binary.length; i++) { bytes[i] = binary.charCodeAt(i); } const decoder = new TextDecoder(); const jsonString = decoder.decode(bytes); const compressedData = JSON.parse(jsonString); if (!compressedData.w || !Array.isArray(compressedData.w)) { return null; } const words = compressedData.w.map((wordData, index) => { return { id: Date.now() + Math.random() + index, text: wordData.t, x: Number(wordData.x) || 50 + (index % 5) * 60, y: Number(wordData.y) || 50 + Math.floor(index / 5) * 40, zIndex: index, isIcon: Boolean(wordData.i) }; }); return { words: words, customWords: Array.isArray(compressedData.c) ? compressedData.c : [], timestamp: compressedData.ts || Date.now() }; } catch (error) { console.error('Error decoding poem:', error); return null; } }// Wait for DOM to be fully loaded if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { console.log('DOM fully loaded, initializing poetry app...'); init(); }); } else { // DOM is already ready console.log('DOM already ready, initializing poetry app...'); init(); }