${escapeHtml(video.title)}

${escapeHtml(video.channel)}

👁️ ${formatNumber(video.viewCount)} 👍 ${formatNumber(video.likeCount)} 💬 ${formatNumber(video.commentCount)} 📅 ${timeAgo}

${video.hashtags.slice(0, 5).map(tag => `${escapeHtml(tag)}`).join('')}

`; resultsDiv.appendChild(card); }); document.querySelectorAll('.btn-watch').forEach(btn => { btn.addEventListener('click', () => { const videoId = btn.getAttribute('data-video-id'); chrome.tabs.create({ url: `https://www.youtube.com/watch?v=${videoId}` }); }); }); document.querySelectorAll('.btn-copy').forEach(btn => { btn.addEventListener('click', async () => { const hashtags = JSON.parse(btn.getAttribute('data-hashtags')); const text = hashtags.join(' '); try { await navigator.clipboard.writeText(text); btn.textContent = '✅ Copié!'; btn.classList.add('copied'); setTimeout(() => { btn.textContent = '📋 Copier #'; btn.classList.remove('copied'); }, 2000); } catch (error) { console.error('Erreur copie:', error); btn.textContent = '❌ Erreur'; } }); }); } function formatNumber(num) { if (num >= 1000000) return (num / 1000000).toFixed(1) + 'M'; if (num >= 1000) return (num / 1000).toFixed(1) + 'K'; return num.toString(); } function getTimeAgo(dateString) { const now = new Date(); const date = new Date(dateString); const seconds = Math.floor((now - date) / 1000); if (seconds < 3600) return Math.floor(seconds / 60) + ' min'; if (seconds < 86400) return Math.floor(seconds / 3600) + 'h'; if (seconds < 2592000) return Math.floor(seconds / 86400) + 'j'; return Math.floor(seconds / 2592000) + ' mois'; } function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } async function getApiKey() { const result = await chrome.storage.local.get(API_KEY_STORAGE); return result[API_KEY_STORAGE] || ''; } async function getCache() { const result = await chrome.storage.local.get(CACHE_KEY); return result[CACHE_KEY] || null; } async function setCache(data) { await chrome.storage.local.set({ [CACHE_KEY]: data }); } function showLoading(show) { document.getElementById('loading').classList.toggle('hidden', !show); } function showError(message) { const errorDiv = document.getElementById('error'); errorDiv.textContent = message; errorDiv.classList.remove('hidden'); } function showNoKeyWarning() { document.getElementById('noKey').classList.remove('hidden'); } function showNoResults() { const resultsDiv = document.getElementById('results'); resultsDiv.innerHTML = '

Aucune vidéo trouvée avec ces critères. Essaie de réduire le nombre de vues minimum.

'; } function hideAllMessages() { document.getElementById('loading').classList.add('hidden'); document.getElementById('error').classList.add('hidden'); document.getElementById('noKey').classList.add('hidden'); }