// Inject "Copy Page" button below table of contents (function() { // Intercept Contact sidebar links so we can keep internal /contact/* hrefs // (preserving CSS-based "Contact at bottom" styling) while navigating to external destinations. function wireContactExternalLinks() { const mappings = [ { path: '/contact/book-a-demo', dest: 'https://cal.com/sophialatessa/onboarding-to-rover' }, { path: '/contact/email', dest: 'mailto:hi@rover.inc' }, ]; mappings.forEach(({ path, dest }) => { const selector = `#navigation-items a[href="${path}"], a[href="${path}"]`; document.querySelectorAll(selector).forEach((a) => { if (a.dataset.externalInterceptBound === 'true') return; a.dataset.externalInterceptBound = 'true'; a.addEventListener('click', (e) => { // Respect new-tab intent (cmd/ctrl click, middle click) const isNewTabIntent = e.metaKey || e.ctrlKey || e.button === 1; e.preventDefault(); e.stopPropagation(); if (isNewTabIntent) { window.open(dest, '_blank', 'noopener,noreferrer'); } else { window.location.assign(dest); } }, true); }); }); } // Headings-in-middle TOC activator (scroll + resize, not top-of-viewport) let tocObserverInitialized = false; let tocLinks = []; let linkForId = {}; let headings = []; let rafId = null; let isProgrammaticScroll = false; let programmaticTarget = null; let programmaticTimeoutId = null; const PROGRAMMATIC_TIMEOUT = 3000; const PROGRAMMATIC_TARGET_BAND_PX = 40; // Narrow band for click activation const VIEWPORT_ACTIVE_BAND_PX = 40; // Narrow band - only one item should be in this range let lastActiveId = null; let isInitialLoad = true; let initialLoadTimeout = null; function clearProgrammaticScroll() { isProgrammaticScroll = false; programmaticTarget = null; if (programmaticTimeoutId) { clearTimeout(programmaticTimeoutId); programmaticTimeoutId = null; } } function collectTocAnchors() { const toc = document.querySelector('#table-of-contents') || document.querySelector('[data-table-of-contents]') || document.querySelector('aside[aria-label*="table"]') || document.querySelector('aside nav'); if (!toc) return false; tocLinks = Array.from( toc.querySelectorAll('a[href^="#"]:not(.toc-action-link)') ); if (!tocLinks.length) return false; linkForId = {}; tocLinks.forEach(link => { const href = link.getAttribute('href'); if (!href || !href.startsWith('#')) return; const id = decodeURIComponent(href.slice(1)); linkForId[id] = link; }); headings = Object.keys(linkForId) .map(id => document.getElementById(id)) .filter(Boolean) .sort((a, b) => { // Sort by document order const pos = a.compareDocumentPosition(b); if (pos & Node.DOCUMENT_POSITION_FOLLOWING) return -1; if (pos & Node.DOCUMENT_POSITION_PRECEDING) return 1; return 0; }); return headings.length > 0; } function bindTocClicks() { if (!tocLinks.length) return; tocLinks.forEach(link => { if (link.dataset.tocClickBound) return; link.dataset.tocClickBound = 'true'; link.addEventListener('click', (event) => { const href = link.getAttribute('href'); if (!href || !href.startsWith('#')) return; const targetId = decodeURIComponent(href.slice(1)); const target = document.getElementById(targetId); if (!target) return; event.preventDefault(); // Immediately set active and lock to this target setActiveHeading(targetId); isProgrammaticScroll = true; programmaticTarget = targetId; if (programmaticTimeoutId) clearTimeout(programmaticTimeoutId); programmaticTimeoutId = setTimeout(clearProgrammaticScroll, PROGRAMMATIC_TIMEOUT); const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; target.scrollIntoView({ behavior: prefersReduced ? 'auto' : 'smooth', block: 'center', inline: 'nearest', }); }); }); } function setActiveHeading(id) { if (!id || !linkForId[id]) return; if (lastActiveId === id) return; // Already active, skip // Always clear ALL active states first - be very aggressive tocLinks.forEach(link => { // Remove all possible active classes (including Mintlify defaults) link.classList.remove('border-primary', 'text-primary', 'font-medium', 'font-semibold', 'active', 'selected', 'current', 'is-active'); // Remove all possible active attributes link.removeAttribute('aria-current'); link.removeAttribute('data-active'); // Force reset styles link.style.color = ''; link.style.borderColor = ''; }); // Set the new active state const activeLink = linkForId[id]; activeLink.classList.add('border-primary', 'text-primary'); activeLink.setAttribute('aria-current', 'true'); activeLink.setAttribute('data-active', 'true'); lastActiveId = id; } function updateActiveByViewportCenter() { if (!headings.length) return; // During programmatic scroll, only allow the target to activate if (isProgrammaticScroll && programmaticTarget) { const targetEl = document.getElementById(programmaticTarget); if (!targetEl) { clearProgrammaticScroll(); // Fall through to normal logic } else { const rect = targetEl.getBoundingClientRect(); const mid = rect.top + rect.height / 2; const viewportMid = window.innerHeight / 2; const distance = Math.abs(mid - viewportMid); const isOnScreen = rect.bottom > 0 && rect.top < window.innerHeight; // Only activate when target is very close to center if (isOnScreen && distance <= PROGRAMMATIC_TARGET_BAND_PX) { setActiveHeading(programmaticTarget); clearProgrammaticScroll(); } return; // Don't check other headings during programmatic scroll } } // Normal scroll: find closest heading within narrow band const viewportMid = window.innerHeight / 2; let closestId = null; let closestDistance = Infinity; headings.forEach(h => { const rect = h.getBoundingClientRect(); const mid = rect.top + rect.height / 2; const distance = Math.abs(mid - viewportMid); const isOnScreen = rect.bottom > 0 && rect.top < window.innerHeight; // Only consider headings within the narrow active band if (isOnScreen && distance <= VIEWPORT_ACTIVE_BAND_PX && distance < closestDistance) { closestDistance = distance; closestId = h.id; } }); // If no heading is in the active band, check if we're at the top if (!closestId) { const scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop < 100 && headings.length > 0) { // Near top of page - activate first item closestId = headings[0].id; } } if (closestId) { setActiveHeading(closestId); } } function requestActiveUpdate() { if (rafId) return; rafId = window.requestAnimationFrame(() => { rafId = null; updateActiveByViewportCenter(); }); } function ensureSingleActive() { // Safety check: ensure only one item is active const activeLinks = tocLinks.filter(link => link.hasAttribute('aria-current') || link.classList.contains('border-primary') || link.classList.contains('text-primary') ); if (activeLinks.length > 1) { // Multiple active - clear all and set the intended one const intendedId = lastActiveId || (headings.length ? headings[0].id : null); if (intendedId) { setActiveHeading(intendedId); } else if (headings.length) { // Fallback: activate first setActiveHeading(headings[0].id); } } else if (activeLinks.length === 0 && headings.length) { // No active - set first if at top, otherwise find closest const scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop < 200) { setActiveHeading(headings[0].id); } else { requestActiveUpdate(); } } } function initTocMidObserver() { const hasAnchors = collectTocAnchors(); if (!hasAnchors) return; bindTocClicks(); if (!tocObserverInitialized) { window.addEventListener('scroll', requestActiveUpdate, { passive: true }); window.addEventListener('resize', requestActiveUpdate, { passive: true }); window.addEventListener('hashchange', requestActiveUpdate, { passive: true }); tocObserverInitialized = true; // Periodic safety check to ensure single active state setInterval(ensureSingleActive, 1000); } // On initial load, set first item active and prevent override for a short time if (isInitialLoad && headings.length) { const scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop < 200) { setActiveHeading(headings[0].id); // Prevent scroll handler from overriding for a brief moment if (initialLoadTimeout) clearTimeout(initialLoadTimeout); initialLoadTimeout = setTimeout(() => { isInitialLoad = false; initialLoadTimeout = null; ensureSingleActive(); // Final check }, 500); } else { isInitialLoad = false; requestActiveUpdate(); } } else if (!isInitialLoad) { // Update immediately after anchors are collected requestActiveUpdate(); } // Immediate safety check ensureSingleActive(); } function injectTocActions() { // Find the table of contents list/container const toc = document.querySelector('#table-of-contents') || document.querySelector('[data-table-of-contents]') || document.querySelector('aside[aria-label*="table"]') || document.querySelector('aside nav'); if (!toc) return; // Find the TOC list (where TOC items are) const tocList = toc.querySelector('ul, nav, [role="list"]') || toc; // Check if buttons already exist if (document.querySelector('.toc-action-item')) return; // Create divider const divider = document.createElement('li'); divider.className = 'toc-actions-divider'; divider.style.listStyle = 'none'; // Margin, padding, and border are handled by CSS // Create "Copy Page" item styled like TOC item const copyItem = document.createElement('li'); copyItem.className = 'toc-item toc-action-item'; const copyLink = document.createElement('a'); copyLink.href = '#'; copyLink.className = 'toc-action-link'; copyLink.style.cursor = 'pointer'; copyLink.style.display = 'flex'; copyLink.style.alignItems = 'center'; copyLink.style.gap = '0.5rem'; // Create copy icon using Lucide's clipboard format const copyIcon = document.createElement('span'); copyIcon.className = 'toc-action-icon'; copyIcon.innerHTML = ''; // Create checkmark icon (hidden initially) using Lucide's check format const checkIcon = document.createElement('span'); checkIcon.className = 'toc-action-icon toc-action-checkmark'; checkIcon.style.display = 'none'; checkIcon.innerHTML = ''; const copyText = document.createElement('span'); copyText.textContent = 'Copy Page'; copyLink.appendChild(copyIcon); copyLink.appendChild(checkIcon); copyLink.appendChild(copyText); copyLink.addEventListener('click', async function(e) { e.preventDefault(); try { // Get text content from the page (not HTML) const pageContent = document.querySelector('.mdx-content, [data-mdx-content], main article, main .prose') || document.querySelector('main'); if (pageContent) { // Extract text content preserving structure let textContent = ''; // Get page title const pageTitle = document.querySelector('h1, [data-page-title]')?.textContent?.trim() || ''; if (pageTitle) { textContent += pageTitle + '\n\n'; } // Extract text from all elements, preserving some structure const walker = document.createTreeWalker( pageContent, NodeFilter.SHOW_TEXT, null, false ); let node; let lastElement = null; while (node = walker.nextNode()) { const parent = node.parentElement; if (parent && parent.tagName) { const tagName = parent.tagName.toLowerCase(); // Add line breaks for block elements if (['H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'P', 'LI', 'DIV'].includes(parent.tagName)) { if (lastElement && lastElement !== parent) { textContent += '\n'; } } // Add heading markers if (tagName.match(/^h[1-6]$/)) { const level = parseInt(tagName[1]); textContent += '#'.repeat(level) + ' '; } textContent += node.textContent.trim(); lastElement = parent; } } // Clean up extra whitespace textContent = textContent.replace(/\n{3,}/g, '\n\n').trim(); await navigator.clipboard.writeText(textContent); // Animate to checkmark copyIcon.style.display = 'none'; checkIcon.style.display = 'block'; checkIcon.style.animation = 'checkmarkFadeIn 0.3s ease-in-out'; setTimeout(() => { checkIcon.style.display = 'none'; copyIcon.style.display = 'block'; }, 2000); } else { // Fallback: use innerText const pageText = document.body.innerText || document.body.textContent; await navigator.clipboard.writeText(pageText); // Animate to checkmark copyIcon.style.display = 'none'; checkIcon.style.display = 'block'; checkIcon.style.animation = 'checkmarkFadeIn 0.3s ease-in-out'; setTimeout(() => { checkIcon.style.display = 'none'; copyIcon.style.display = 'block'; }, 2000); } } catch (err) { console.error('Failed to copy page:', err); } }); copyItem.appendChild(copyLink); // Insert divider and items into TOC list if (tocList.tagName === 'UL' || tocList.querySelector('ul')) { const list = tocList.tagName === 'UL' ? tocList : tocList.querySelector('ul'); list.appendChild(divider); list.appendChild(copyItem); } else { // If no ul, create one or append to container const list = document.createElement('ul'); list.style.listStyle = 'none'; list.style.padding = '0'; list.style.margin = '0'; list.appendChild(divider); list.appendChild(copyItem); tocList.appendChild(list); } // After TOC is present, initialize the mid-viewport observer initTocMidObserver(); } // Try to inject immediately injectTocActions(); wireContactExternalLinks(); // Also try after DOM is fully loaded if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', injectTocActions); } // Also try after delays to catch dynamically loaded content setTimeout(injectTocActions, 500); setTimeout(injectTocActions, 1000); setTimeout(injectTocActions, 2000); setTimeout(wireContactExternalLinks, 300); setTimeout(wireContactExternalLinks, 800); setTimeout(wireContactExternalLinks, 1600); // Also try to init observer independently (in case TOC already exists) setTimeout(initTocMidObserver, 300); setTimeout(initTocMidObserver, 800); setTimeout(initTocMidObserver, 1600); // Watch for TOC changes const observer = new MutationObserver(function() { // Re-run to pick up regenerated TOC/headings in SPA nav // Reset initial load flag on SPA navigation isInitialLoad = true; lastActiveId = null; initTocMidObserver(); injectTocActions(); wireContactExternalLinks(); }); observer.observe(document.body, { childList: true, subtree: true }); // Reset on SPA navigation (popstate) window.addEventListener('popstate', function() { isInitialLoad = true; lastActiveId = null; setTimeout(() => { initTocMidObserver(); }, 100); }); })();

Getting started

Core

Contact