/* * Enhances every content page's header, Stripe-style: * breadcrumb -> H1 -> subhead -> [Copy for LLM | View as Markdown | Ask ChatGPT | Ask Claude] -> divider * * - Breadcrumb trail is read live from the sidebar (works for new pages, no map * to maintain), replacing Mintlify's single section "eyebrow". * - The action buttons are individual, minimalist, square buttons (we hide * Mintlify's native combined "Copy page" menu). They use the auto-generated * Markdown version of each page (any URL + ".md"). * Styling lives in style.css (.zamp-breadcrumb, .zamp-page-actions, .zamp-action). */ (function () { var ICON = { copy: '', check: '', markdown: '', chatgpt: '', claude: '' }; function el(tag, cls, text) { var n = document.createElement(tag); if (cls) n.className = cls; if (text != null) n.textContent = text; return n; } function label(node) { return (node.textContent || "").replace(/\s+/g, " ").trim(); } function mdPath() { return location.pathname.replace(/\/$/, "") + ".md"; } /* ---- breadcrumb ---- */ function buildTrail() { var active = document.querySelector('#sidebar a[aria-current="page"], #sidebar a[data-state="active"]'); var trail = []; if (active) { var node = active; while (node && node.id !== "sidebar" && node !== document.body) { if (node.tagName === "UL") { var prev = node.previousElementSibling; if (prev) { var txt = label(prev); if (txt && txt.length < 48) { var a = prev.tagName === "A" ? prev : prev.querySelector("a"); trail.unshift({ text: txt, href: a ? a.getAttribute("href") : null }); } } } node = node.parentElement; } } if (!trail.length) { var eb = document.querySelector(".eyebrow"); if (eb && label(eb)) trail.push({ text: label(eb), href: null }); } return trail; } function buildBreadcrumb(trail) { var nav = el("nav", "zamp-breadcrumb"); nav.setAttribute("aria-label", "Breadcrumb"); var crumbs = [{ text: "Home", href: "/" }].concat(trail).filter(function (c, i, all) { return i === 0 || c.text.toLowerCase() !== all[i - 1].text.toLowerCase(); // drop "Home / Home" dupes }); crumbs.forEach(function (c, i) { if (i > 0) nav.appendChild(el("span", "zamp-breadcrumb-sep", "/")); if (c.href) { var a = el("a", "zamp-breadcrumb-link", c.text); a.setAttribute("href", c.href); nav.appendChild(a); } else nav.appendChild(el("span", "zamp-breadcrumb-cur", c.text)); }); return nav; } /* ---- action buttons ---- */ function actionLink(icon, text, href) { var a = el("a", "zamp-action"); a.setAttribute("href", href); a.setAttribute("target", "_blank"); a.setAttribute("rel", "noopener"); a.innerHTML = icon + "" + text + ""; return a; } function buildActions() { var row = el("div", "zamp-page-actions"); var copy = el("button", "zamp-action"); copy.type = "button"; copy.innerHTML = ICON.copy + "Copy for LLM"; copy.addEventListener("click", function () { var done = function () { copy.innerHTML = ICON.check + "Copied"; setTimeout(function () { copy.innerHTML = ICON.copy + "Copy for LLM"; }, 1800); }; fetch(mdPath()) .then(function (r) { if (!r.ok) throw 0; return r.text(); }) .catch(function () { var c = document.getElementById("content-area"); return c ? c.innerText : document.title; }) .then(function (t) { return navigator.clipboard.writeText(t); }) .then(done) .catch(function () {}); }); row.appendChild(copy); row.appendChild(actionLink(ICON.markdown, "View as Markdown", mdPath())); // Point the assistants at the HTML page (text/html) — they fetch that fine. // The .md is served as text/markdown, which their web-fetch tools reject. var q = "Read " + location.origin + location.pathname + " and answer my questions about this Zamp API documentation page."; row.appendChild(actionLink(ICON.chatgpt, "Ask ChatGPT", "https://chatgpt.com/?hints=search&q=" + encodeURIComponent(q))); row.appendChild(actionLink(ICON.claude, "Ask Claude", "https://claude.ai/new?q=" + encodeURIComponent(q))); return row; } function mount() { if (document.querySelector(".zamp-hero")) return; // home hero — skip var title = document.getElementById("page-title"); if (!title) return; // breadcrumb -> top of the header's inner block var eyebrow = document.querySelector(".eyebrow"); var inner = eyebrow ? eyebrow.parentElement : (title.closest("div") || title).parentElement; if (inner) { var bc = inner.querySelector(":scope > .zamp-breadcrumb"); if (!bc || bc.getAttribute("data-path") !== location.pathname) { var trail = buildTrail(); if (trail.length) { var nav = buildBreadcrumb(trail); nav.setAttribute("data-path", location.pathname); if (bc) bc.replaceWith(nav); else inner.insertBefore(nav, inner.firstChild); } } } // action row -> after the subhead, at the bottom of the

. // The subhead often renders a tick later than the title, so keep // repositioning the (existing) row after it once it appears. var header = title.closest("header") || (inner ? inner.parentElement : null); if (header) { var row = header.querySelector(":scope > .zamp-page-actions"); if (row && row.getAttribute("data-path") !== location.pathname) { row.remove(); row = null; } if (!row) { row = buildActions(); row.setAttribute("data-path", location.pathname); } var desc = header.querySelector(':scope > div[class*="prose"]'); if (desc) { if (desc.nextElementSibling !== row) desc.insertAdjacentElement("afterend", row); } else if (row.parentElement !== header) { header.appendChild(row); } } } function boot() { mount(); var pending = false; new MutationObserver(function () { if (pending) return; pending = true; requestAnimationFrame(function () { pending = false; mount(); }); }).observe(document.body, { childList: true, subtree: true }); } if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot); else boot(); })();