let firstH1Skipped = false;
const filteredHeaders = headers.filter(header => {
if (header.tagName === 'H1' && !firstH1Skipped) {
firstH1Skipped = true;
return false;
}
return true;
});
if (filteredHeaders.length === 0) return;
// Clear previous index (avoid duplicates)
const existing = sidebar.querySelector('.dynamic-index');
if (existing) existing.remove();
const wrapperDiv = document.createElement('div');
wrapperDiv.className = 'dynamic-index';
const indexTitle = document.createElement('h2');
indexTitle.textContent = 'Index';
indexTitle.style.marginLeft = '10px';
wrapperDiv.appendChild(indexTitle);
const indexList = document.createElement('ul');
filteredHeaders.forEach((header, index) => {
if (!header.id) header.id = `header-${index}-${Date.now()}`;
const level = parseInt(header.tagName.replace('H', ''), 10);
const listItem = document.createElement('li');
listItem.style.marginLeft = `${(level - 1) * 20}px`;
const link = document.createElement('a');
link.textContent = header.textContent;
link.href = `#${header.id}`;
listItem.appendChild(link);
indexList.appendChild(listItem);
});
wrapperDiv.appendChild(indexList);
sidebar.appendChild(wrapperDiv);
}
// ---------- Trigger initial index ----------
if (shouldIndexRun) buildSidebarIndex();
// ---------- Dynamic Content Loader for /records/ ----------
if (url.includes("/records/")) {
const allParagraphs = document.querySelectorAll("p");
if (allParagraphs.length <= 250) return;
const wrapper = document.createElement("div");
wrapper.id = "read-more-wrapper";
wrapper.style.height = "1px";
wrapper.style.overflow = "hidden";
document.body.appendChild(wrapper);
let contentLoaded = false;
let loadMoreBtn = null;
async function loadContent() {
if (contentLoaded) return;
contentLoaded = true;
if (loadMoreBtn) loadMoreBtn.remove();
const htmlUrl = url.replace("/records/", "/html/records/");
try {
const response = await fetch(htmlUrl);
if (!response.ok) throw new Error("Page not found");
const htmlText = await response.text();
const parser = new DOMParser();
const doc = parser.parseFromString(htmlText, "text/html");
const htmlContent = doc.querySelector(".sqs-block-content .sqs-html-content");
if (!htmlContent) throw new Error("No .sqs-html-content found");
const cloned = htmlContent.cloneNode(true);
const firstH1 = cloned.querySelector("h1");
if (firstH1) firstH1.remove();
const targetContainer = document.querySelector(".sqs-block-content .sqs-html-content");
if (targetContainer) {
targetContainer.appendChild(cloned);
buildSidebarIndex(); // <-- Trigger index rebuild after content is added
}
} catch (err) {
console.error("Error loading content:", err);
const p250 = allParagraphs[249];
const redLine = document.createElement("hr");
redLine.style.border = "none";
redLine.style.borderTop = "3px solid red";
redLine.style.margin = "30px 0";
if (p250 && p250.parentNode) {
p250.parentNode.insertBefore(redLine, p250.nextSibling);
}
}
}
// Scroll Trigger
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
loadContent();
obs.unobserve(wrapper);
}
});
});
observer.observe(wrapper);
// Ctrl+F / Cmd+F
window.addEventListener("keydown", function (e) {
const isMac = navigator.platform.toUpperCase().includes("MAC");
if ((isMac && e.metaKey && e.key === "f") || (!isMac && e.ctrlKey && e.key === "f")) {
setTimeout(loadContent, 100);
}
});
// .search-icon trigger
const watchSearchIcon = () => {
const icon = document.querySelector(".search-icon");
if (icon) {
icon.addEventListener("click", loadContent);
icon.addEventListener("focus", loadContent);
} else {
setTimeout(watchSearchIcon, 500);
}
};
watchSearchIcon();
// Load More Button
const watchSidebar = () => {
const sidebar = document.querySelector(".sidebar");
if (!sidebar) {
setTimeout(watchSidebar, 500);
return;
}
const indexSection = sidebar.querySelector(".dynamic-index ul");
if (!indexSection) {
setTimeout(watchSidebar, 500);
return;
}
loadMoreBtn = document.createElement("button");
loadMoreBtn.textContent = "Load More";
loadMoreBtn.className = "load-more-archive-button";
loadMoreBtn.style.marginTop = "20px";
loadMoreBtn.style.padding = "8px 16px";
loadMoreBtn.style.cursor = "pointer";
loadMoreBtn.style.fontSize = "14px";
loadMoreBtn.addEventListener("click", loadContent);
indexSection.insertAdjacentElement("afterend", loadMoreBtn);
};
setTimeout(watchSidebar, 3000);
// Auto-load fallback after 5 seconds if not already triggered
setTimeout(() => {
if (!contentLoaded) {
console.log("Auto-loading extra content after 5s delay");
loadContent();
}
}, 5000);
}
});
//- Sidebar next and previous links
document.addEventListener('DOMContentLoaded', () => {
// Select the element with the specific class
const paginationElement = document.querySelector('.item-pagination.item-pagination--prev-next');
const sidebarDiv = document.querySelector('.sidebar');
// Check if both elements exist
if (paginationElement && sidebarDiv) {
// Append the entire element to the sidebar
sidebarDiv.appendChild(paginationElement);
} else {
console.error('Either .item-pagination.item-pagination--prev-next or .sidebar does not exist.');
}
});
