', 'text/html'); return doc.body ? doc.body.textContent || '' : ''; } function shortDate(iso) { if (!iso) return ''; try { const d = new Date(iso); if (isNaN(d.getTime())) return ''; return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }); } catch (e) { return ''; } } function buildItem(id, slug, title, date, author) { const li = document.createElement('li'); li.className = 'pub-article-nav__item'; li.setAttribute('data-nav-article-id', String(id)); const a = document.createElement('a'); a.className = 'pub-article-nav__link'; a.href = '/' + (slug || ''); const h3 = document.createElement('h3'); h3.className = 'pub-article-nav__title'; h3.textContent = decodeEntities(title || '(untitled)'); a.appendChild(h3); const dateStr = shortDate(date); if (author || dateStr) { const byline = document.createElement('div'); byline.className = 'pub-article-nav__byline'; if (author) { const authSpan = document.createElement('span'); authSpan.appendChild(document.createTextNode('By ')); const s = document.createElement('span'); s.textContent = author; authSpan.appendChild(s); byline.appendChild(authSpan); } if (author && dateStr) { const sep = document.createElement('span'); sep.className = 'pub-article-nav__sep'; sep.textContent = ' · '; byline.appendChild(sep); } if (dateStr) { const dSpan = document.createElement('span'); dSpan.textContent = dateStr; byline.appendChild(dSpan); } a.appendChild(byline); } li.appendChild(a); return li; } window.addEventListener('isl:article-appended', function (e) { const detail = (e && e.detail) || {}; if (!detail.id) return; if (list.querySelector('[data-nav-article-id="' + CSS.escape(String(detail.id)) + '"]')) return; const item = buildItem(detail.id, detail.slug, detail.title, detail.date, detail.author); list.appendChild(item); }); const asideRoot = document.querySelector('.pub-article-nav'); const PRIMARY_ID = asideRoot ? (asideRoot.getAttribute('data-primary-id') || '') : ''; let scrollTicking = false; function updateCurrentHighlight() { scrollTicking = false; const items = list.querySelectorAll('.pub-article-nav__item'); if (!items.length) return; const midline = window.innerHeight / 2; let bestId = null; let bestDelta = Infinity; const primaryH1 = document.querySelector('main h1') || document.querySelector('h1'); if (primaryH1 && PRIMARY_ID) { const rect = primaryH1.getBoundingClientRect(); if (rect.top < midline) { const delta = midline - rect.top; if (delta < bestDelta) { bestDelta = delta; bestId = PRIMARY_ID; } } } const islArticles = document.querySelectorAll('.isl-article'); islArticles.forEach((art) => { const h1 = art.querySelector('h1'); if (!h1) return; const rect = h1.getBoundingClientRect(); if (rect.top < midline) { const delta = midline - rect.top; if (delta < bestDelta) { bestDelta = delta; bestId = art.getAttribute('data-article-id'); } } }); if (!bestId) return; items.forEach((item) => { if (item.getAttribute('data-nav-article-id') === bestId) { item.classList.add('pub-article-nav__item--current'); } else { item.classList.remove('pub-article-nav__item--current'); } }); } window.addEventListener('scroll', function () { if (!scrollTicking) { window.requestAnimationFrame(updateCurrentHighlight); scrollTicking = true; } }, { passive: true }); })();