`).join(''); pg.innerHTML = ''; } function renderResults() { if (isLoading) { renderSkeletons(); return; } const filtered = getFiltered(); updateCounters(filtered); const list = document.getElementById('resultsList'); const total = filtered.length; const pages = Math.max(1, Math.ceil(total / PER_PAGE)); currentPage = Math.min(currentPage, pages); const start = (currentPage - 1) * PER_PAGE; const slice = filtered.slice(start, start + PER_PAGE); if (!slice.length) { list.innerHTML = `

Tidak ada hasil ditemukan

`; renderPagination(1); return; } list.innerHTML = slice.map((d) => { const itemIndex = DATA.indexOf(d); const link = getItemLink(d); const escapedLink = escapeHtml(link); const isRead = Boolean(link && hasReadLink(link)); const isSelected = itemIndex === selectedPreviewIndex; const isFeatured = isFeaturedResult(d); const cardClass = `result-card${isFeatured ? ' is-featured' : ''}${isRead ? ' is-read' : ''}${isSelected ? ' is-selected' : ''}`; const openClass = link ? `card-open${isRead ? ' is-read' : ''}` : 'card-open is-disabled'; const readBadge = isRead ? ' Sudah dibaca' : ''; const featuredBadge = isFeatured ? ' Media Terpercaya' : ''; const typeMeta = getTypeMeta(d.type); return `

${typeMeta.label} ${escapeHtml(d.source || 'Unknown')} ${featuredBadge} ${readBadge} ${formatDateID(d.date)}

${escapeHtml(d.title || '-')}

${d.region ? `Daerah: ${escapeHtml(d.region)}${d.issue ? ` | Isu: ${escapeHtml(d.issue)}` : ''}` : (d.snippet ? escapeHtml(d.snippet) : (d.matchedKeywords ? `Keyword: ${escapeHtml(d.matchedKeywords)}` : ''))}

Buka berita

`; }).join(''); renderPagination(pages); } function showPreview(item, index) { if (!item) return; document.querySelector('.main').classList.remove('is-preview-collapsed'); selectedPreviewIndex = index; document.querySelectorAll('.result-card').forEach(card => { card.classList.toggle('is-selected', Number(card.dataset.index) === selectedPreviewIndex); }); const link = getItemLink(item); document.getElementById('previewEmpty').hidden = true; document.getElementById('previewContent').hidden = false; document.getElementById('previewTitle').textContent = item.title || '-'; document.getElementById('previewType').textContent = getTypeMeta(item.type).label; document.getElementById('previewSource').textContent = item.source || 'Unknown'; document.getElementById('previewDate').textContent = formatDateID(item.date); document.getElementById('previewKeywords').textContent = item.region ? `Daerah: ${item.region}${item.issue ? ` | Isu: ${item.issue}` : ''}` : (item.matchedKeywords ? `Keyword: ${item.matchedKeywords}` : ''); document.getElementById('previewOpenLink').href = link || '#'; if (!link) { showPreviewBlocked('URL tidak valid', 'Link berita kosong atau bukan URL yang bisa dibaca.'); return; } document.getElementById('previewBlocked').hidden = true; document.getElementById('previewFrame').hidden = false; document.getElementById('previewFrame').src = getPreviewUrl(link); if (isGoogleNewsLink(link)) { resolveSourceLink(item, index).then((resolvedLink) => { if (selectedPreviewIndex !== index || !resolvedLink || resolvedLink === link) return; document.getElementById('previewOpenLink').href = resolvedLink; document.getElementById('previewFrame').src = getPreviewUrl(resolvedLink); renderResults(); }).catch(() => {}); } } function clearPreview() { selectedPreviewIndex = null; document.querySelector('.main').classList.add('is-preview-collapsed'); document.querySelectorAll('.result-card').forEach(card => card.classList.remove('is-selected')); document.getElementById('previewContent').hidden = true; document.getElementById('previewEmpty').hidden = false; document.getElementById('previewBlocked').hidden = true; document.getElementById('previewFrame').src = 'about:blank'; } function showPreviewBlocked(title, text) { document.getElementById('previewBlockedTitle').textContent = title; document.getElementById('previewBlockedText').textContent = text; document.getElementById('previewFrame').hidden = true; document.getElementById('previewFrame').src = 'about:blank'; document.getElementById('previewBlocked').hidden = false; } function renderPagination(pages) { const pg = document.getElementById('pagination'); if (pages <= 1) { pg.innerHTML = ''; return; } let html = ``; for (let i = 1; i <= pages; i++) { html += ``; } html += ``; pg.innerHTML = html; } function goPage(p) { currentPage = p; renderResults(); } document.querySelectorAll('.type-btn').forEach(btn => { btn.addEventListener('click', () => { document.querySelectorAll('.type-btn').forEach(b => b.classList.remove('active')); btn.classList.add('active'); activeType = btn.dataset.type; currentPage = 1; renderResults(); }); }); const sidebarHandle = document.getElementById('sidebarHandle'); const previewHandle = document.createElement('button'); previewHandle.className = 'preview-handle'; previewHandle.id = 'previewHandle'; previewHandle.type = 'button'; previewHandle.setAttribute('aria-label', 'Buka tutup panel kanan'); previewHandle.innerHTML = ''; sidebarHandle.insertAdjacentElement('afterend', previewHandle); sidebarHandle.addEventListener('click', () => { document.querySelector('.main').classList.toggle('is-sidebar-collapsed'); }); previewHandle.addEventListener('click', () => { document.querySelector('.main').classList.toggle('is-preview-collapsed'); }); document.getElementById('searchInResults').addEventListener('input', () => { currentPage = 1; renderResults(); }); document.getElementById('resultsList').addEventListener('click', async (e) => { const openLink = e.target.closest('.card-open:not(.is-disabled)'); if (openLink) { let link = openLink.dataset.readLink || openLink.href; const card = openLink.closest('.result-card'); const index = card ? Number(card.dataset.index) : null; if (isGoogleNewsLink(link) && Number.isInteger(index) && DATA[index]) { e.preventDefault(); const oldHtml = openLink.innerHTML; openLink.innerHTML = ' Membuka...'; try { link = await resolveSourceLink(DATA[index], index); openLink.href = link; openLink.dataset.readLink = link; window.open(link, '_blank', 'noopener,noreferrer'); renderResults(); } catch (err) { alert('Sumber asli belum bisa dibuka otomatis: ' + err.message); } finally { openLink.innerHTML = oldHtml; } return; } markReadLink(link); openLink.classList.add('is-read'); if (!card) return; card.classList.add('is-read'); const meta = card.querySelector('.card-meta'); if (meta && !meta.querySelector('.read-badge')) { const date = meta.querySelector('.card-date'); const badge = ' Sudah dibaca'; if (date) { date.insertAdjacentHTML('beforebegin', badge); } else { meta.insertAdjacentHTML('beforeend', badge); } } return; } const card = e.target.closest('.result-card:not(.skeleton-card)'); if (!card) return; const index = Number(card.dataset.index); if (Number.isNaN(index)) return; showPreview(DATA[index], index); }); document.getElementById('closePreviewBtn').addEventListener('click', clearPreview); document.getElementById('exportCsvBtn').addEventListener('click', downloadCsv5w1h); function toInputDate(date) { const y = date.getFullYear(); const m = String(date.getMonth() + 1).padStart(2, '0'); const d = String(date.getDate()).padStart(2, '0'); return `${y}-${m}-${d}`; } function updateDateSummary() { const fromValue = document.getElementById('fromDate').value; const toValue = document.getElementById('toDate').value; const el = document.getElementById('dateSummary'); const rangeInput = document.getElementById('rangePicker'); if (!fromValue && !toValue) { rangeInput.value = 'Semua tanggal'; el.textContent = 'Semua tanggal'; return; } const format = (value) => { if (!value) return 'awal'; const [year, month, day] = value.split('-'); return `${day} ${MONTHS[Number(month)-1].slice(0,3)} ${year}`; }; rangeInput.value = toValue ? `${format(fromValue)} -> ${format(toValue)}` : format(fromValue); el.textContent = toValue ? `${format(fromValue)} -> ${format(toValue)}` : `${format(fromValue)} -> akhir`; } function clearDateFilter() { document.getElementById('fromDate').value = ''; document.getElementById('toDate').value = ''; const rangeInput = document.getElementById('rangePicker'); if (rangeInput) rangeInput.value = 'Semua tanggal'; if (rangePicker) rangePicker.clear(); updateDateSummary(); } function initDateBetween() { const now = new Date(); const firstDay = new Date(now.getFullYear(), 0, 1); document.getElementById('fromDate').value = toInputDate(firstDay); document.getElementById('toDate').value = toInputDate(now); rangePicker = flatpickr('#rangePicker', { mode: 'range', dateFormat: 'Y-m-d', defaultDate: [toInputDate(firstDay), toInputDate(now)], monthSelectorType: 'dropdown', allowInput: false, clickOpens: true, locale: { firstDayOfWeek: 0, }, onChange(selectedDates) { document.getElementById('fromDate').value = selectedDates[0] ? toInputDate(selectedDates[0]) : ''; document.getElementById('toDate').value = selectedDates[1] ? toInputDate(selectedDates[1]) : ''; updateDateSummary(); renderResults(); }, }); updateDateSummary(); } document.getElementById('clearDateBtn').addEventListener('click', () => { clearDateFilter(); renderResults(); }); function addTag(inputId, listId, cls) { const inp = document.getElementById(inputId); const val = inp.value.trim(); if (!val) return; const list = document.getElementById(listId); const exists = [...list.querySelectorAll('.tag')].some(t => t.dataset.value.toLowerCase() === val.toLowerCase()); if (exists) { inp.value = ''; return; } const span = document.createElement('span'); span.className = `tag ${cls}`; span.dataset.value = val; span.innerHTML = `${val} ×`; list.appendChild(span); inp.value = ''; } document.getElementById('primaryInput').addEventListener('keydown', e => { if (e.key === 'Enter') { e.preventDefault(); addTag('primaryInput', 'primaryTags', 'tag-primary'); } }); document.getElementById('secondaryInput').addEventListener('keydown', e => { if (e.key === 'Enter') { e.preventDefault(); addTag('secondaryInput', 'secondaryTags', 'tag-secondary'); } }); document.getElementById('primaryTags').addEventListener('click', e => { if (e.target.classList.contains('remove')) { e.target.parentElement.remove(); renderResults(); } }); document.getElementById('secondaryTags').addEventListener('click', e => { if (e.target.classList.contains('remove')) { e.target.parentElement.remove(); renderResults(); } }); function setCrawlControls(running) { const btn = document.getElementById('crawlBtn'); const cancelBtn = document.getElementById('cancelCrawlBtn'); if (!btn) return; btn.disabled = false; btn.classList.toggle('is-cancel', Boolean(running)); btn.setAttribute('aria-label', running ? 'Cancel crawling' : 'Mulai crawling'); btn.innerHTML = running ? ' Cancel Crawling' : ' Mulai Crawling'; if (cancelBtn) { cancelBtn.hidden = true; cancelBtn.disabled = true; } } function cancelActiveCrawl() { if (!activeCrawlController) return; activeCrawlController.abort(); activeCrawlController = null; isLoading = false; setCrawlControls(false); renderResults(); } async function runCrawl() { const primaryKeywords = getTags('primaryTags'); const secondaryKeywords = getTags('secondaryTags'); if (!primaryKeywords.length) { alert('Primary keyword wajib diisi. Secondary keyword boleh dikosongkan.'); return; } document.getElementById('searchInResults').value = ''; const fromDateValue = document.getElementById('fromDate').value || null; const toDateValue = document.getElementById('toDate').value || null; const payload = { primaryKeywords, secondaryKeywords, startDate: fromDateValue, endDate: toDateValue, }; activeCrawlController = new AbortController(); const fetchOptions = { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), signal: activeCrawlController.signal, }; let response; clearPreview(); isLoading = true; setCrawlControls(true); renderResults(); try { response = await fetch('/api/crawl-all', fetchOptions); if (!response.ok) { response = await fetch('/api/crawl-all.js', fetchOptions); } } catch (err) { if (err.name === 'AbortError') throw err; response = await fetch('/api/crawl-all.js', fetchOptions); } if (!activeCrawlController || activeCrawlController.signal.aborted) return; const data = await response.json(); if (!activeCrawlController || activeCrawlController.signal.aborted) return; DATA = Array.isArray(data.results) ? data.results : []; currentPage = 1; isLoading = false; activeCrawlController = null; setCrawlControls(false); renderResults(); } document.getElementById('cancelCrawlBtn').addEventListener('click', cancelActiveCrawl); document.getElementById('crawlBtn').addEventListener('click', async () => { if (activeCrawlController) { cancelActiveCrawl(); return; } try { await runCrawl(); } catch (e) { if (e.name !== 'AbortError') { alert('Gagal crawl: ' + e.message); } } finally { isLoading = false; activeCrawlController = null; setCrawlControls(false); renderResults(); } }); addTag('primaryInput', 'primaryTags', 'tag-primary'); document.getElementById('primaryTags').innerHTML = ''; addTag('secondaryInput', 'secondaryTags', 'tag-secondary'); document.getElementById('secondaryTags').innerHTML = ''; ['orangutan'].forEach(v => { const s = document.createElement('span'); s.className = 'tag tag-primary'; s.dataset.value = v; s.innerHTML = `${v} ×`; document.getElementById('primaryTags').appendChild(s); }); ['konflik','perdagangan'].forEach(v => { const s = document.createElement('span'); s.className = 'tag tag-secondary'; s.dataset.value = v; s.innerHTML = `${v} ×`; document.getElementById('secondaryTags').appendChild(s); }); initDateBetween(); renderResults(); function isAssetUrl(url) { const host = url.hostname.replace(/^www\./i, '').toLowerCase(); const path = url.pathname.toLowerCase(); if (['fonts.googleapis.com', 'fonts.gstatic.com'].includes(host)) return true; return /\.(css|js|mjs|json|xml|woff2?|ttf|otf|eot|png|jpe?g|gif|webp|svg|ico|mp4|webm|mp3|wav)$/i.test(path); } function safeLink(link) { try { const url = new URL(String(link || '').trim()); if (!['http:', 'https:'].includes(url.protocol)) return ''; if (isAssetUrl(url)) return ''; return url.toString(); } catch { return ''; } } function getItemLink(item = {}) { const candidates = [item.resolvedLink, item.finalUrl, item.link]; for (const candidate of candidates) { const link = safeLink(candidate); if (link) return link; } return ''; } function getCurrentUserId() { try { const key = 'crawling-user-id'; let id = localStorage.getItem(key); if (!id) { id = 'user-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 8); localStorage.setItem(key, id); } return id; } catch { return 'anonymous'; } } function getReadStorageKey() { return 'crawling-read-links:' + getCurrentUserId(); } function getReadLinks() { try { const maxAge = 60 * 60 * 1000; const now = Date.now(); const raw = JSON.parse(localStorage.getItem(getReadStorageKey()) || '{}'); const next = {}; const links = []; Object.entries(raw && typeof raw === 'object' ? raw : {}).forEach(([link, time]) => { const ts = Number(time); if (link && ts && now - ts <= maxAge) { next[link] = ts; links.push(link); } }); localStorage.setItem(getReadStorageKey(), JSON.stringify(next)); return links; } catch { return []; } } function hasReadLink(link) { return getReadLinks().includes(link); } function markReadLink(link) { if (!link) return; try { const maxAge = 60 * 60 * 1000; const now = Date.now(); const raw = JSON.parse(localStorage.getItem(getReadStorageKey()) || '{}'); const next = {}; Object.entries(raw && typeof raw === 'object' ? raw : {}).forEach(([savedLink, time]) => { const ts = Number(time); if (savedLink && ts && now - ts <= maxAge) next[savedLink] = ts; }); next[link] = now; localStorage.setItem(getReadStorageKey(), JSON.stringify(next)); } catch {} } if (!window.__crawlFetchUserWrapped) { window.__crawlFetchUserWrapped = true; window.__crawlOriginalFetch = window.fetch.bind(window); window.fetch = (input, init = {}) => { const url = typeof input === 'string' ? input : input?.url || ''; const method = String(init?.method || (typeof input === 'object' ? input.method : '') || 'GET').toUpperCase(); if (url.includes('/api/crawl-all') && method === 'POST') { const headers = new Headers(init.headers || {}); headers.set('x-crawl-user', getCurrentUserId()); return window.__crawlOriginalFetch(input, { ...init, headers }); } return window.__crawlOriginalFetch(input, init); }; } document.addEventListener('click', (event) => { const openLink = event.target.closest?.('.card-open:not(.is-disabled)'); if (!openLink) return; const link = openLink.dataset.readLink || openLink.href; if (link) markReadLink(link); }, true); async function resolveSourceLink(item = {}, index = null) { const currentLink = getItemLink(item); if (!currentLink || !isGoogleNewsLink(currentLink)) return currentLink; if (resolvedLinkCache.has(currentLink)) return resolvedLinkCache.get(currentLink); try { const response = await fetch('/api/resolve-url', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: currentLink, title: item.title || '', source: item.source || '', }), }); const data = await response.json().catch(() => ({})); const finalLink = response.ok ? safeLink(data.finalUrl) : ''; const nextLink = finalLink || currentLink; resolvedLinkCache.set(currentLink, nextLink); if (finalLink) { item.resolvedLink = finalLink; if (Number.isInteger(index) && DATA[index]) DATA[index].resolvedLink = finalLink; if (hasReadLink(currentLink)) markReadLink(finalLink); } return nextLink; } catch { resolvedLinkCache.set(currentLink, currentLink); return currentLink; } } async function resolvePublisherOnly(item = {}, index = null) { const currentLink = getItemLink(item); if (!currentLink || !isGoogleNewsLink(currentLink)) return currentLink; try { const response = await fetch('/api/resolve-url', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: currentLink, title: item.title || '', source: item.source || '', }), }); const data = await response.json().catch(() => ({})); const finalLink = response.ok ? safeLink(data.finalUrl) : ''; if (!finalLink || isGoogleNewsLink(finalLink)) return ''; resolvedLinkCache.set(currentLink, finalLink); item.resolvedLink = finalLink; if (Number.isInteger(index) && DATA[index]) DATA[index].resolvedLink = finalLink; return finalLink; } catch { return ''; } } let backgroundResolveToken = 0; let backgroundResolveRunning = false; async function resolveGoogleNewsInBackground() { if (backgroundResolveRunning || !Array.isArray(DATA) || !DATA.length) return; const jobs = DATA .map((item, index) => ({ item, index, link: getItemLink(item) })) .filter(job => job.link && isGoogleNewsLink(job.link) && !job.item.resolvedLink && !job.item.resolveQueued); if (!jobs.length) return; backgroundResolveRunning = true; const token = ++backgroundResolveToken; jobs.forEach(job => { job.item.resolveQueued = true; }); for (let i = 0; i < jobs.length; i += 3) { const chunk = jobs.slice(i, i + 3); await Promise.all(chunk.map(async (job) => { const resolved = await resolvePublisherOnly(job.item, job.index); job.item.resolveQueued = false; job.item.resolveFailed = !resolved; })); if (token !== backgroundResolveToken) break; if (selectedPreviewIndex !== null) { const selected = DATA[selectedPreviewIndex]; if (selected && selected.resolvedLink && !isGoogleNewsLink(selected.resolvedLink)) { document.getElementById('previewOpenLink').href = selected.resolvedLink; document.getElementById('previewBlocked').hidden = true; document.getElementById('previewFrame').hidden = false; document.getElementById('previewFrame').src = getPreviewUrl(selected.resolvedLink, selected); } } renderResults(); } backgroundResolveRunning = false; } setInterval(resolveGoogleNewsInBackground, 1200); const INCIDENT_CSV_HEADERS = [ 'tanggal temuan', 'kematian/kelahiran', 'inisial', 'Liar/Jinak', 'Jenis kelamin', 'umur/Thn', 'Kelas Umur', 'Penyebab Kematian', 'Desa', 'Kecamatan', 'Kabupaten', 'Provinsi', 'N', 'E', 'Keteragan', 'Sumber', ]; function pickMatch(text = '', patterns = []) { for (const pattern of patterns) { const match = String(text || '').match(pattern); if (match) return cleanCsvValue(match[1] || match[0]); } return ''; } function detectEventType(text = '') { if (/\b(?:lahir|kelahiran|melahirkan|bayi)\b/i.test(text)) return 'Kelahiran'; if (/\b(?:mati|kematian|tewas|bangkai|dibunuh|terbunuh)\b/i.test(text)) return 'Kematian'; return ''; } function detectWildStatus(text = '') { if (/\b(?:liar|alam liar|habitat|hutan|dilepasliarkan)\b/i.test(text)) return 'Liar'; if (/\b(?:jinak|peliharaan|dipelihara|kandang|penangkaran)\b/i.test(text)) return 'Jinak'; return ''; } function detectAgeClass(text = '') { if (/\b(?:bayi|anakan|anak orangutan|anak orang utan)\b/i.test(text)) return 'Anak'; if (/\b(?:remaja|juvenil)\b/i.test(text)) return 'Remaja'; if (/\b(?:dewasa|induk|betina dewasa|jantan dewasa)\b/i.test(text)) return 'Dewasa'; return ''; } function detectDeathCause(text = '') { if (!/\b(?:mati|kematian|tewas|bangkai|dibunuh|terbunuh)\b/i.test(text)) return ''; return pickMatch(text, [ /\b(?:karena|akibat|diduga karena|disebabkan oleh)\s+([^.!?]{8,120})/i, /\b(?:tertembak|diracun|terjerat|luka|konflik|perdagangan ilegal|perburuan|dibunuh)[^.!?]{0,100}/i, ]); } function normalizeIncidentDate(value = '') { const text = cleanCsvValue(value); if (!text) return ''; const monthMap = { jan: 0, januari: 0, feb: 1, februari: 1, mar: 2, maret: 2, apr: 3, april: 3, mei: 4, jun: 5, juni: 5, jul: 6, juli: 6, agu: 7, ags: 7, agustus: 7, sep: 8, september: 8, okt: 9, oktober: 9, nov: 10, november: 10, des: 11, desember: 11, }; const numeric = text.match(/\b(\d{1,2})[/-](\d{1,2})[/-](\d{2,4})\b/); if (numeric) { const year = Number(numeric[3].length === 2 ? '20' + numeric[3] : numeric[3]); const date = new Date(year, Number(numeric[2]) - 1, Number(numeric[1])); return Number.isNaN(date.getTime()) ? '' : formatDateID(date.toISOString()); } const named = text.match(/\b(\d{1,2})\s+(Jan(?:uari)?|Feb(?:ruari)?|Mar(?:et)?|Apr(?:il)?|Mei|Jun(?:i)?|Jul(?:i)?|Agu(?:stus)?|Ags|Sep(?:tember)?|Okt(?:ober)?|Nov(?:ember)?|Des(?:ember)?)\s+(\d{4})\b/i); if (named) { const month = monthMap[named[2].toLowerCase()]; const date = new Date(Number(named[3]), month, Number(named[1])); return Number.isNaN(date.getTime()) ? '' : formatDateID(date.toISOString()); } return ''; } function detectIncidentDate(text = '', fallbackDate = '') { const sentences = cleanCsvValue(text).split(/(?<=[.!?])\s+|\s+-\s+|\n+/).filter(Boolean); const eventSentences = sentences.filter(sentence => /\b(?:mati|kematian|tewas|bangkai|dibunuh|terbunuh|lahir|kelahiran|melahirkan|bayi)\b/i.test(sentence)); for (const sentence of [...eventSentences, ...sentences]) { const found = normalizeIncidentDate(sentence); if (found) return found; } const fallback = formatDateID(fallbackDate); return fallback === 'Tanggal tidak tersedia' ? '' : fallback; } function buildIncidentCsvRow(item = {}, enriched = {}) { const fiveW = enriched.fiveWOneH || {}; const detailText = cleanCsvValue([ item.title, item.snippet, fiveW.ringkasanArtikel, fiveW.apa, fiveW.kapan, fiveW.bagaimana, fiveW.diMana, enriched.error, ].filter(Boolean).join('. ')); const sourceLink = safeLink(enriched.finalUrl || getItemLink(item)); const incidentDate = detectIncidentDate(detailText, item.date); return { 'tanggal temuan': incidentDate, 'kematian/kelahiran': detectEventType(detailText), 'inisial': pickMatch(detailText, [ /\borang\s*utan(?:\s+sumatera|\s+kalimantan)?\s+(?:bernama|berinisial|bernama panggilan)?\s*([A-Z][A-Za-zÀ-ÿ'-]{2,20})\b/, /\bbernama\s+([A-Z][A-Za-zÀ-ÿ'-]{2,20})\b/, ]), 'Liar/Jinak': detectWildStatus(detailText), 'Jenis kelamin': pickMatch(detailText, [/\b(jantan|betina)\b/i]), 'umur/Thn': pickMatch(detailText, [ /\b(?:berumur|usia|umur)\s+(?:sekitar\s+)?(\d+(?:[,.]\d+)?\s*(?:tahun|bulan|thn|bln))\b/i, /\b(\d+(?:[,.]\d+)?\s*(?:tahun|bulan|thn|bln))\b/i, ]), 'Kelas Umur': detectAgeClass(detailText), 'Penyebab Kematian': detectDeathCause(detailText), 'Desa': pickMatch(detailText, [/\bDesa\s+([A-Z][A-Za-zÀ-ÿ0-9' -]{2,50})/]), 'Kecamatan': pickMatch(detailText, [/\bKecamatan\s+([A-Z][A-Za-zÀ-ÿ0-9' -]{2,50})/]), 'Kabupaten': pickMatch(detailText, [/\bKabupaten\s+([A-Z][A-Za-zÀ-ÿ0-9' -]{2,50})/, /\bKab\.\s*([A-Z][A-Za-zÀ-ÿ0-9' -]{2,50})/]), 'Provinsi': pickMatch(detailText, [/\bProvinsi\s+([A-Z][A-Za-zÀ-ÿ0-9' -]{2,50})/, /\b(Aceh|Riau|Jambi|Sumatera Utara|Sumatera Barat|Sumatera Selatan|Kalimantan Barat|Kalimantan Tengah|Kalimantan Selatan|Kalimantan Timur|Kalimantan Utara|Papua|Papua Barat|Papua Barat Daya)\b/i]), 'N': pickMatch(detailText, [/\b(?:N|LU|Lat(?:itude)?)\s*[:=]?\s*(-?\d{1,2}[.,]\d+)\b/i]), 'E': pickMatch(detailText, [/\b(?:E|BT|Long(?:itude)?)\s*[:=]?\s*(-?\d{1,3}[.,]\d+)\b/i]), 'Keteragan': cleanCsvValue(fiveW.ringkasanArtikel || item.snippet || item.title || ''), 'Sumber': sourceLink || cleanCsvValue(item.source || ''), }; } function setExportState(running, text = '') { const btn = document.getElementById('exportCsvBtn'); if (!btn) return; btn.disabled = running || !getFiltered().length; btn.innerHTML = running ? ' ' + (text || 'Membaca artikel...') : ' Download CSV Temuan'; } async function downloadCsv5w1h() { const rows = getFiltered(); if (!rows.length) { alert('Belum ada hasil untuk di-download.'); return; } setExportState(true, 'Membaca artikel...'); try { const enrichedByIndex = await fetchArticleFiveWOneH(rows); setExportState(true, 'Membuat CSV...'); const lines = [INCIDENT_CSV_HEADERS.map(csvCell).join(',')]; rows.forEach((item, index) => { const row = buildIncidentCsvRow(item, enrichedByIndex.get(index) || {}); lines.push(INCIDENT_CSV_HEADERS.map((header) => csvCell(row[header] || '')).join(',')); }); const blob = new Blob(['\ufeff' + lines.join('\n')], { type: 'text/csv;charset=utf-8;' }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); const stamp = new Date().toISOString().slice(0, 10); link.href = url; link.download = 'data-temuan-orangutan-' + stamp + '.csv'; document.body.appendChild(link); link.click(); link.remove(); URL.revokeObjectURL(url); } catch (err) { alert('Gagal membuat CSV data temuan: ' + err.message); } finally { setExportState(false); } } function getPreviewUrl(link, item = {}) { if (!link) return 'about:blank'; const params = new URLSearchParams({ url: link }); if (item.title) params.set('title', item.title); if (item.source) params.set('source', item.source); return '/api/preview?' + params.toString(); } function showPreview(item, index) { if (!item) return; document.querySelector('.main').classList.remove('is-preview-collapsed'); selectedPreviewIndex = index; document.querySelectorAll('.result-card').forEach(card => { card.classList.toggle('is-selected', Number(card.dataset.index) === selectedPreviewIndex); }); const link = getItemLink(item); document.getElementById('previewEmpty').hidden = true; document.getElementById('previewContent').hidden = false; document.getElementById('previewTitle').textContent = item.title || '-'; document.getElementById('previewType').textContent = getTypeMeta(item.type).label; document.getElementById('previewSource').textContent = item.source || 'Unknown'; document.getElementById('previewDate').textContent = formatDateID(item.date); document.getElementById('previewKeywords').textContent = item.region ? 'Daerah: ' + item.region + (item.issue ? ' | Isu: ' + item.issue : '') : (item.matchedKeywords ? 'Keyword: ' + item.matchedKeywords : ''); document.getElementById('previewOpenLink').href = link || '#'; if (!link) { showPreviewBlocked('URL tidak valid', 'Link berita kosong atau bukan URL yang bisa dibaca.'); return; } if (isGoogleNewsLink(link)) { showPreviewBlocked( 'Mencari sumber asli', 'Menunggu Google News diarahkan ke URL publisher asli sebelum preview dimuat.' ); resolveSourceLink(item, index).then((resolvedLink) => { if (selectedPreviewIndex !== index) return; if (!resolvedLink || isGoogleNewsLink(resolvedLink)) { document.getElementById('previewOpenLink').href = link; showPreviewBlocked( 'Sumber asli belum ditemukan', 'Google News belum memberi URL publisher asli. Tombol Buka berita tetap bisa dipakai untuk membuka link yang tersedia.' ); return; } document.getElementById('previewOpenLink').href = resolvedLink; document.getElementById('previewBlocked').hidden = true; document.getElementById('previewFrame').hidden = false; document.getElementById('previewFrame').src = getPreviewUrl(resolvedLink, item); renderResults(); }).catch(() => {}); return; } document.getElementById('previewBlocked').hidden = true; document.getElementById('previewFrame').hidden = false; document.getElementById('previewFrame').src = getPreviewUrl(link, item); } const CRAWL_SUMMARY_STORAGE_KEY = 'crawling-summary-source'; function getCrawlSummaryQuery(rows = []) { const primary = getTags('primaryTags'); const secondary = getTags('secondaryTags'); const keywordText = [...primary, ...secondary].filter(Boolean).join(', '); const fromDate = document.getElementById('fromDate')?.value || ''; const toDate = document.getElementById('toDate')?.value || ''; const rangeText = fromDate || toDate ? ' periode ' + (fromDate || 'awal') + ' sampai ' + (toDate || 'akhir') : ''; return 'Ringkas dan analisis hasil crawling berita' + (keywordText ? ' tentang ' + keywordText : '') + rangeText + ' secara fleksibel. Ambil insight utama, pola isu, sumber dominan, dan catatan penting dari data yang tersedia.'; } function buildCrawlSummaryPackage() { const rows = getFiltered() .filter((item) => item.type !== 'journal') .slice(0, 80) .map((item) => ({ type: item.type || 'news', title: item.title || '', source: item.source || '', date: item.date || '', link: getItemLink(item), snippet: item.snippet || '', matchedKeywords: item.matchedKeywords || '', region: item.region || '', issue: item.issue || '', })) .filter((item) => item.title || item.link); return { createdAt: Date.now(), query: getCrawlSummaryQuery(rows), total: rows.length, filters: { primaryKeywords: getTags('primaryTags'), secondaryKeywords: getTags('secondaryTags'), startDate: document.getElementById('fromDate')?.value || '', endDate: document.getElementById('toDate')?.value || '', activeType, search: document.getElementById('searchInResults')?.value || '', }, items: rows, }; } function updateSummaryButton(filtered = getFiltered()) { const btn = document.getElementById('summarizeCrawlBtn'); if (!btn) return; const summarizableCount = filtered.filter((item) => item.type !== 'journal').length; btn.disabled = !summarizableCount || isLoading; } const originalUpdateCountersForSummary = updateCounters; updateCounters = function updateCountersWithSummary(filtered) { originalUpdateCountersForSummary(filtered); updateSummaryButton(filtered); }; function openCrawlSummary() { const pkg = buildCrawlSummaryPackage(); if (!pkg.items.length) { alert('Belum ada berita hasil crawling untuk diringkas.'); return; } try { sessionStorage.setItem(CRAWL_SUMMARY_STORAGE_KEY, JSON.stringify(pkg)); window.location.href = '/summarized-ai?from=crawl'; } catch (err) { alert('Gagal mengirim hasil crawling ke Summarized AI: ' + err.message); } } document.getElementById('summarizeCrawlBtn')?.addEventListener('click', openCrawlSummary); const HERO_ICON_PATHS = { radar: '', 'map-pin': '', news: '', book: '', world: '', key: '', tag: '', 'calendar-stats': '', calendar: '', search: '', download: '', 'external-link': '', 'layout-sidebar-right': '', 'table-options': '', x: '', 'chevron-left': '', 'chevron-right': '', 'circle-x': '', 'corner-down-left': '', 'mood-empty': '', 'loader-2': '', check: '', sparkles: '', 'star-filled': '', }; function heroIconSvg(name, className = '', style = '') { const path = HERO_ICON_PATHS[name] || HERO_ICON_PATHS.news; const classes = (className + ' hero-icon').trim(); const styleAttr = style ? ' style="' + escapeHtml(style) + '"' : ''; return ''; } function applyHeroIcons(root = document) { root.querySelectorAll('i.ti').forEach((icon) => { const iconClass = [...icon.classList].find((name) => name.startsWith('ti-') && name !== 'ti'); if (!iconClass) return; const keepClasses = [...icon.classList].filter((name) => name !== 'ti' && !name.startsWith('ti-')).join(' '); icon.outerHTML = heroIconSvg(iconClass.replace(/^ti-/, ''), keepClasses, icon.getAttribute('style') || ''); }); } applyHeroIcons(document.querySelector('.app-content') || document); new MutationObserver((mutations) => { for (const mutation of mutations) { mutation.addedNodes.forEach((node) => { if (node.nodeType === 1 && document.querySelector('.app-content')?.contains(node)) applyHeroIcons(node); }); } }).observe(document.body, { childList: true, subtree: true }); function syncPanelHandleStart() { const main = document.querySelector('.main'); const stats = document.querySelector('.stats-bar'); if (!main || !stats) return; const mainTop = main.getBoundingClientRect().top; const statsBottom = stats.getBoundingClientRect().bottom; main.style.setProperty('--handle-start', Math.max(0, Math.round(statsBottom - mainTop - 1)) + 'px'); } requestAnimationFrame(syncPanelHandleStart); window.addEventListener('resize', syncPanelHandleStart); if (window.ResizeObserver) { const handleObserver = new ResizeObserver(syncPanelHandleStart); const toolbar = document.querySelector('.toolbar'); const stats = document.querySelector('.stats-bar'); if (toolbar) handleObserver.observe(toolbar); if (stats) handleObserver.observe(stats); }