// secure-search.js (() => { const TARGET_PATH = "/secure/search"; const ALGOLIA_APP_ID = "CZBH9K9RTG"; const ALGOLIA_SEARCH_KEY = "e57ad5e2bf69bd1caaa957f5e35883a3"; const ALGOLIA_INDEX_NAME = "sysdig"; const ALGOLIA_CDN = "https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js"; let mountedForPath = null; let initialized = false; function normalizePath(path) { return (path || "").replace(/\/+$/, "") || "/"; } function currentPath() { return normalizePath(window.location.pathname); } function escapeHtml(value) { return String(value) .replaceAll("&", "&") .replaceAll("<", "<") .replaceAll(">", ">") .replaceAll('"', """) .replaceAll("'", "'"); } function loadScript(src) { return new Promise((resolve, reject) => { if (window.algoliasearch) return resolve(); const existing = document.querySelector(`script[src="${src}"]`); if (existing) { existing.addEventListener("load", () => resolve(), { once: true }); existing.addEventListener( "error", () => reject(new Error(`Failed to load ${src}`)), { once: true } ); return; } const s = document.createElement("script"); s.src = src; s.async = true; s.onload = () => resolve(); s.onerror = () => reject(new Error(`Failed to load ${src}`)); document.head.appendChild(s); }); } function getStateFromUrl() { const params = new URLSearchParams(window.location.search); return { q: params.get("q") || "", page: Math.max(parseInt(params.get("page") || "1", 10), 1), }; } function setStateToUrl(state) { const params = new URLSearchParams(); if (state.q) params.set("q", state.q); if (state.page > 1) params.set("page", String(state.page)); const qs = params.toString(); history.replaceState({}, "", qs ? `${TARGET_PATH}?${qs}` : TARGET_PATH); } function unmountIfNeeded() { const existing = document.getElementById("algolia-search-root"); if (existing && currentPath() !== TARGET_PATH) { existing.remove(); mountedForPath = null; initialized = false; } } function createRoot() { let root = document.getElementById("algolia-search-root"); if (root) return root; root = document.createElement("section"); root.id = "algolia-search-root"; root.innerHTML = `

`; const mountTarget = document.querySelector("main") || document.querySelector('[class*="mdx"]') || document.body; mountTarget.appendChild(root); return root; } async function mountSearch() { if (currentPath() !== TARGET_PATH) return; if (mountedForPath === TARGET_PATH && initialized) return; if ( !ALGOLIA_APP_ID || !ALGOLIA_SEARCH_KEY || !ALGOLIA_INDEX_NAME || ALGOLIA_APP_ID.includes("YOUR_") ) { console.error("Set ALGOLIA_APP_ID / ALGOLIA_SEARCH_KEY / ALGOLIA_INDEX_NAME"); return; } await loadScript(ALGOLIA_CDN); const root = createRoot(); const qInput = root.querySelector("#as-q"); const submitBtn = root.querySelector("#as-submit"); const prevBtn = root.querySelector("#as-prev"); const nextBtn = root.querySelector("#as-next"); const metaEl = root.querySelector("#as-meta"); const resultsEl = root.querySelector("#as-results"); const client = window.algoliasearch(ALGOLIA_APP_ID, ALGOLIA_SEARCH_KEY); const index = client.initIndex(ALGOLIA_INDEX_NAME); let currentPage = 1; let totalPages = 1; async function runSearch(state) { const res = await index.search(state.q, { page: state.page - 1, hitsPerPage: 10, }); currentPage = res.page + 1; totalPages = Math.max(res.nbPages || 1, 1); metaEl.textContent = `${res.nbHits} result(s) • Page ${currentPage} of ${totalPages}`; prevBtn.disabled = currentPage <= 1; nextBtn.disabled = currentPage >= totalPages; if (!res.hits.length) { resultsEl.innerHTML = "

No results found.

"; return; } resultsEl.innerHTML = res.hits .map((hit) => { const title = escapeHtml( hit?.hierarchy?.lvl1 || hit?.hierarchy?.lvl0 || hit?.pageTitle || hit?.title || hit?.name || hit?.heading || hit?.anchor || "Untitled" ); const desc = escapeHtml(hit.description || ""); const href = escapeHtml(hit.url || "#"); return `

${title} ${desc ? `

${desc}

` : ""}

`; }) .join(""); } async function apply(state) { qInput.value = state.q; setStateToUrl(state); await runSearch(state); } submitBtn.onclick = async () => apply({ q: qInput.value.trim(), page: 1 }); qInput.onkeydown = async (e) => { if (e.key === "Enter") { e.preventDefault(); await apply({ q: qInput.value.trim(), page: 1 }); } }; prevBtn.onclick = async () => { if (currentPage <= 1) return; const s = getStateFromUrl(); s.page = currentPage - 1; await apply(s); }; nextBtn.onclick = async () => { if (currentPage >= totalPages) return; const s = getStateFromUrl(); s.page = currentPage + 1; await apply(s); }; window.addEventListener("popstate", () => { if (currentPath() === TARGET_PATH) apply(getStateFromUrl()); }); await apply(getStateFromUrl()); mountedForPath = TARGET_PATH; initialized = true; } function patchHistory() { const wrap = (type) => { const orig = history[type]; history[type] = function () { const ret = orig.apply(this, arguments); setTimeout(() => { unmountIfNeeded(); mountSearch().catch((e) => console.error(e)); }, 0); return ret; }; }; wrap("pushState"); wrap("replaceState"); } patchHistory(); window.addEventListener("DOMContentLoaded", () => { mountSearch().catch((e) => console.error(e)); }); window.addEventListener("hashchange", () => { unmountIfNeeded(); mountSearch().catch((e) => console.error(e)); }); })();

​This is my heading

This is my heading