Page Not Found

// Single Page Viewer - Custom JavaScript for Mintlify // Optimized version focusing on performance (function() { 'use strict'; // Prevent multiple initializations if script is loaded multiple times if (window.__singlePageViewerInitialized) { if (window.__singlePageViewerInit) { window.__singlePageViewerInit(); } return; } window.__singlePageViewerInitialized = true; // Constants const DEFAULT_ZOOM = 0.75; const INIT_DELAY = 1000; const OBSERVER_DEBOUNCE = 300; const NORMAL_HEIGHT = 600; const HEIGHT_CACHE_TTL = 100; // Height cache time-to-live in ms const REPOSITION_DEBOUNCE = 10; // Debounce for repositioning // State const processedElements = new WeakSet(); let isInitializing = false; let observerTimeout; let cachedContentArea = null; let cachedClickBlockingCode = null; let periodicCheckInterval = null; let navigationTimeout = null; let pendingInitCall = false; let lastUrl = null; let processedUrls = new Set(); let themeToggleInProgress = false; let lastThemeClass = null; let themeObserver = null; let containerPositions = new Map(); // Optimized: Cache for DOM queries const queryCache = { containers: null, containersTime: 0, viewers: null, viewersTime: 0, cacheTTL: 50 // Cache TTL in ms }; // Optimized: Debounce helper function debounce(func, wait, immediate) { let timeout; return function() { const context = this; const args = arguments; const later = function() { timeout = null; if (!immediate) func.apply(context, args); }; const callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } // Optimized: Throttle helper using requestAnimationFrame function throttleRAF(func) { let rafId = null; return function() { if (rafId === null) { rafId = requestAnimationFrame(function() { rafId = null; func.apply(this, arguments); }); } }; } // Helper: Get base height from CSS or use default function getBaseHeight(element) { const computedStyle = window.getComputedStyle(element); const cssHeight = computedStyle.height; if (cssHeight && cssHeight !== 'auto' && cssHeight !== '0px') { return parseFloat(cssHeight); } return NORMAL_HEIGHT; } // Optimized: Get content area element (cached with validation) function getContentArea() { if (cachedContentArea && document.contains(cachedContentArea)) { return cachedContentArea; } cachedContentArea = document.querySelector('#content-area') || document.querySelector('.mdx-content') || document.body; return cachedContentArea; } // Optimized: Get containers with caching function getContainers(forceRefresh) { const now = Date.now(); if (!forceRefresh && queryCache.containers && (now - queryCache.containersTime) < queryCache.cacheTTL) { return queryCache.containers; } const contentArea = getContentArea(); if (!contentArea) return []; queryCache.containers = Array.from( contentArea.querySelectorAll('.single-page-viewer-container[data-viewer-id]') ); queryCache.containersTime = now; return queryCache.containers; } // Optimized: Get uninitialized viewers with caching function getUninitializedViewers(forceRefresh) { const now = Date.now(); if (!forceRefresh && queryCache.viewers && (now - queryCache.viewersTime) < queryCache.cacheTTL) { return queryCache.viewers; } const contentArea = getContentArea(); if (!contentArea) return []; queryCache.viewers = Array.from( contentArea.querySelectorAll( '[data-single-page-viewer]:not([data-initialized]):not(.single-page-viewer-container [data-single-page-viewer])' ) ); queryCache.viewersTime = now; return queryCache.viewers; } // Optimized: Invalidate query cache function invalidateQueryCache() { queryCache.containers = null; queryCache.viewers = null; queryCache.containersTime = 0; queryCache.viewersTime = 0; } // Helper: Invalidate content area cache function invalidateContentAreaCache() { const oldContentArea = cachedContentArea; if (oldContentArea && !document.contains(oldContentArea)) { cachedContentArea = null; invalidateQueryCache(); // Clean up container positions for removed containers containerPositions.forEach(function(position, container) { if (!document.contains(container)) { containerPositions.delete(container); } }); getContentArea(); } } // Optimized: Debounced navigation handler const handleNavigation = debounce(function() { const currentUrl = window.location.href; if (lastUrl === currentUrl) return; lastUrl = currentUrl; processedUrls.clear(); invalidateQueryCache(); if (navigationTimeout) { clearTimeout(navigationTimeout); navigationTimeout = null; } const contentArea = getContentArea(); if (!contentArea || !document.contains(contentArea)) return; isInitializing = false; invalidateContentAreaCache(); startPeriodicCheck(); if (!pendingInitCall) { pendingInitCall = true; navigationTimeout = setTimeout(function() { pendingInitCall = false; const checkContentArea = getContentArea(); if (checkContentArea && document.contains(checkContentArea)) { initSinglePageViewers(); setTimeout(initSinglePageViewers, INIT_DELAY); } }, INIT_DELAY); } }, INIT_DELAY); // Helper: Get actual content height from iframe document function getIframeContentHeight(iframe) { try { const iframeDoc = iframe.contentDocument || iframe.contentWindow.document; if (iframeDoc && iframeDoc.body) { return Math.max( iframeDoc.body.scrollHeight, iframeDoc.body.offsetHeight, iframeDoc.documentElement.scrollHeight, iframeDoc.documentElement.offsetHeight ); } } catch (e) { // Cross-origin - can't access iframe content } return null; } // Helper: Calculate maximum scroll position function calculateMaxScrollTop(scaleDivHeight, wrapperHeight, zoom) { return Math.max(0, scaleDivHeight - (wrapperHeight / zoom)); } // Optimized: Update iframe dimensions with better caching function updateIframeDimensions(iframeWrapper, scaleDiv, iframe, zoom) { // Use cached height if available and recent let computedWrapperHeight; const now = Date.now(); if (iframeWrapper._cachedHeight && iframeWrapper._heightCacheTime && (now - iframeWrapper._heightCacheTime) < HEIGHT_CACHE_TTL) { computedWrapperHeight = iframeWrapper._cachedHeight; } else { computedWrapperHeight = parseFloat(window.getComputedStyle(iframeWrapper).height); iframeWrapper._cachedHeight = computedWrapperHeight; iframeWrapper._heightCacheTime = now; } if (!computedWrapperHeight || isNaN(computedWrapperHeight)) { return; } const actualContentHeight = getIframeContentHeight(iframe); const scaleDivHeight = (actualContentHeight && actualContentHeight > 0) ? actualContentHeight : computedWrapperHeight / zoom; // Batch style updates scaleDiv.style.cssText = 'transform: scale(' + zoom + '); transform-origin: top left; width: ' + (100 / zoom) + '%; height: ' + scaleDivHeight + 'px; transition: transform 0.2s ease;'; iframe.style.width = '100%'; iframe.style.height = scaleDivHeight + 'px'; iframeWrapper._zoom = zoom; iframeWrapper._scaleDiv = scaleDiv; // Optimized: Add scroll event listener only once with throttled handler if (!iframeWrapper._scrollHandlerAdded) { let rafId = null; let cachedWrapperHeight = computedWrapperHeight; let cachedScaleDivHeight = scaleDivHeight; iframeWrapper._updateScrollCache = function() { cachedWrapperHeight = parseFloat(window.getComputedStyle(iframeWrapper).height); cachedScaleDivHeight = parseFloat(window.getComputedStyle(iframeWrapper._scaleDiv).height); }; const scrollHandler = throttleRAF(function() { const maxScrollTop = calculateMaxScrollTop(cachedScaleDivHeight, cachedWrapperHeight, iframeWrapper._zoom); if (iframeWrapper.scrollTop > maxScrollTop) { iframeWrapper.scrollTop = maxScrollTop; } }); iframeWrapper.addEventListener('scroll', scrollHandler, { passive: true }); iframeWrapper._scrollHandlerAdded = true; } if (iframeWrapper._updateScrollCache) { iframeWrapper._updateScrollCache(); } const maxScrollTop = calculateMaxScrollTop(scaleDivHeight, computedWrapperHeight, zoom); if (iframeWrapper.scrollTop > maxScrollTop) { iframeWrapper.scrollTop = maxScrollTop; } } // Optimized: Generate click-blocking code (cached) function getClickBlockingCode() { if (cachedClickBlockingCode) { return cachedClickBlockingCode; } const css = ''; const js = ''; cachedClickBlockingCode = css + js; return cachedClickBlockingCode; } // Helper: Inject click-blocking code into iframe function injectClickBlocking(iframeDoc) { if (!iframeDoc || !iframeDoc.head) return false; try { const style = iframeDoc.createElement('style'); style.textContent = 'a,button,input,select,textarea,[onclick],[role="button"],input[type="button"],input[type="submit"],[href],[tabindex]:not([tabindex="-1"]){pointer-events:none!important;cursor:default!important}a:hover,button:hover{cursor:default!important;opacity:0.7!important}'; iframeDoc.head.appendChild(style); const script = iframeDoc.createElement('script'); script.textContent = '(function(){var preventClick=function(e){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();return false;};document.addEventListener("click",preventClick,true);document.addEventListener("mousedown",preventClick,true);document.addEventListener("mouseup",preventClick,true);document.addEventListener("touchstart",preventClick,true);document.addEventListener("touchend",preventClick,true);document.addEventListener("contextmenu",preventClick,true);window.addEventListener("beforeunload",function(e){e.preventDefault();e.returnValue="";return "";},true);try{Object.defineProperty(window,"location",{value:{href:"#",replace:function(){},assign:function(){}},writable:false,configurable:false});}catch(e){}var originalPushState=history.pushState;history.pushState=function(){return false;};var originalReplaceState=history.replaceState;history.replaceState=function(){return false;};var originalOpen=window.open;window.open=function(){return null;};var allElements=document.querySelectorAll("*");for(var i=0;i 0 || replacedViewers.length > 0) { const currentUrl = window.location.href; if (!processedUrls.has(currentUrl)) { processedUrls.add(currentUrl); lastUrl = currentUrl; } return; } const currentUrl = window.location.href; if (currentUrl === lastUrl && lastUrl !== null && processedUrls.has(currentUrl)) { return; } // Optimized: Use cached viewer query const viewers = getUninitializedViewers(); if (viewers.length === 0) { if (periodicCheckInterval) { clearInterval(periodicCheckInterval); periodicCheckInterval = null; } return; } // Final safety check if (viewers.length > 0) { if (currentUrl === lastUrl && lastUrl !== null && processedUrls.has(currentUrl)) { viewers.forEach(function(viewer) { viewer.setAttribute('data-initialized', 'true'); }); return; } if (currentUrl === lastUrl && lastUrl !== null) { if (existingContainers.length > 0) { processedUrls.add(currentUrl); viewers.forEach(function(viewer) { viewer.setAttribute('data-initialized', 'true'); }); return; } } } isInitializing = true; let processedAny = false; // Optimized: Process viewers in batch viewers.forEach(function(viewer) { if (processedElements.has(viewer) || viewer.hasAttribute('data-initialized')) { return; } if (viewer.closest('.single-page-viewer-container')) { return; } if (!viewer.parentNode) { return; } const isInContentArea = contentArea === document.body || contentArea.contains(viewer); if (!isInContentArea) { return; } const src = viewer.getAttribute('data-src'); const hint = viewer.getAttribute('data-hint') || ''; const defaultZoom = parseFloat(viewer.getAttribute('data-zoom')) || DEFAULT_ZOOM; const dataHeight = viewer.getAttribute('data-height'); const height = dataHeight ? parseFloat(dataHeight) : null; if (!src) { // Don't set isInitializing = false here - it affects all viewers in the loop return; } processedElements.add(viewer); viewer.setAttribute('data-initialized', 'true'); let zoom = defaultZoom; // Optimized: Use document fragment for DOM construction const fragment = document.createDocumentFragment(); const container = document.createElement('div'); container.className = 'single-page-viewer-container'; const wrapper = document.createElement('div'); wrapper.className = 'single-page-viewer-wrapper'; const controlsBar = document.createElement('div'); controlsBar.className = 'single-page-viewer-controls'; if (hint) { const hintDiv = document.createElement('div'); hintDiv.className = 'single-page-viewer-hint'; hintDiv.innerHTML = '' + hint + ''; controlsBar.appendChild(hintDiv); } const iframeWrapper = document.createElement('div'); iframeWrapper.className = 'single-page-viewer-iframe-wrapper'; iframeWrapper._scrollHandlerAdded = false; // Optimized: Get height without temporary DOM manipulation const baseHeightFromCSS = height || NORMAL_HEIGHT; const scaleDiv = document.createElement('div'); scaleDiv.className = 'single-page-viewer-scale'; const initialHeight = baseHeightFromCSS; scaleDiv.style.cssText = 'transform: scale(' + zoom + '); transform-origin: top left; width: ' + (100 / zoom) + '%; height: ' + initialHeight + 'px; transition: transform 0.2s ease;'; const iframe = document.createElement('iframe'); let iframeSrc = src; if (iframeSrc && !iframeSrc.startsWith('http') && !iframeSrc.startsWith('//')) { if (!iframeSrc.startsWith('/')) { iframeSrc = '/' + iframeSrc; } } iframe.title = 'Single Page Viewer'; iframe.className = 'single-page-viewer-iframe'; iframe.style.width = '100%'; iframe.style.height = initialHeight + 'px'; iframe.loading = 'lazy'; iframe.setAttribute('scrolling', 'no'); iframe.setAttribute('sandbox', 'allow-same-origin allow-scripts allow-forms allow-popups allow-modals'); const clickBlocker = document.createElement('div'); clickBlocker.className = 'single-page-viewer-click-blocker'; if (iframeSrc.endsWith('.html') && !iframeSrc.startsWith('http')) { fetch(iframeSrc) .then(function(response) { return response.text().then(function(htmlContent) { if (htmlContent.includes('Page Not Found') || (htmlContent.includes('__next') && htmlContent.includes('mintlify') && !htmlContent.includes('Page saved with SingleFile'))) { throw new Error('Received 404 page instead of HTML file.'); } const blockingCode = getClickBlockingCode(); if (htmlContent.includes('')) { htmlContent = htmlContent.replace('', blockingCode + ''); } else if (htmlContent.includes('')) { htmlContent = htmlContent.replace('', '' + blockingCode); } else { if (htmlContent.includes('')) { htmlContent = htmlContent.replace('', '' + blockingCode + ''); } else { htmlContent = blockingCode + htmlContent; } } iframe.srcdoc = htmlContent; }); }); } else { iframe.src = iframeSrc; } iframe.addEventListener('load', function() { setTimeout(function() { updateIframeDimensions(iframeWrapper, scaleDiv, iframe, zoom); }, 100); try { const iframeDoc = iframe.contentDocument || iframe.contentWindow.document; injectClickBlocking(iframeDoc); } catch (e) { // Cross-origin iframe - cannot block clicks } }, { once: true }); iframe.addEventListener('error', function() { // Iframe failed to load - error handling is silent }, { once: true }); scaleDiv.appendChild(iframe); iframeWrapper.appendChild(scaleDiv); if (!iframeSrc.endsWith('.html') || iframeSrc.startsWith('http')) { iframeWrapper.appendChild(clickBlocker); } if (hint) { wrapper.appendChild(controlsBar); } wrapper.appendChild(iframeWrapper); container.appendChild(wrapper); fragment.appendChild(container); try { if (viewer.parentNode) { if (viewer === contentArea || viewer.id === 'content-area') { isInitializing = false; return; } const viewerId = 'viewer-' + Date.now() + '-' + Math.random().toString(36).slice(2, 11); viewer.id = viewerId; viewer.setAttribute('data-viewer-id', viewerId); container.setAttribute('data-viewer-id', viewerId); // Optimized: Single DOM insertion using fragment if (viewer.nextSibling) { viewer.parentNode.insertBefore(fragment, viewer.nextSibling); } else { viewer.parentNode.appendChild(fragment); } // Batch style updates Object.assign(viewer.style, { display: 'none', visibility: 'hidden', position: 'absolute', width: '1px', height: '1px', overflow: 'hidden', opacity: '0', pointerEvents: 'none', margin: '0', padding: '0' }); viewer.setAttribute('data-initialized', 'true'); viewer.setAttribute('data-viewer-replaced', 'true'); processedAny = true; invalidateQueryCache(); requestAnimationFrame(function() { updateIframeDimensions(iframeWrapper, scaleDiv, iframe, zoom); }); } } catch (e) { isInitializing = false; return; } }); if (processedAny) { const currentUrl = window.location.href; processedUrls.add(currentUrl); lastUrl = currentUrl; invalidateQueryCache(); } isInitializing = false; } // Wait for content area to be available function waitForContentArea(callback, maxAttempts, attempt) { attempt = attempt || 0; maxAttempts = maxAttempts || 20; const contentArea = document.querySelector('#content-area') || document.querySelector('.mdx-content'); if (contentArea && document.contains(contentArea)) { cachedContentArea = contentArea; callback(); } else if (attempt < maxAttempts) { setTimeout(function() { waitForContentArea(callback, maxAttempts, attempt + 1); }, 500); } else { cachedContentArea = document.body; callback(); } } // Optimized: Initialize with better state management function initialize() { const currentUrl = window.location.href; if (lastUrl !== currentUrl && lastUrl !== null) { lastUrl = currentUrl; processedUrls.clear(); invalidateQueryCache(); } if (typeof window !== 'undefined') { window.__lastFullUrl = window.location.href; } if (lastThemeClass === null && document.documentElement) { lastThemeClass = document.documentElement.className; } if (!themeObserver && document.documentElement) { themeObserver = new MutationObserver(function(mutations) { for (let i = 0; i < mutations.length; i++) { const mutation = mutations[i]; if (mutation.type === 'attributes' && mutation.attributeName === 'class') { const currentThemeClass = document.documentElement.className; if (lastThemeClass !== null && lastThemeClass !== currentThemeClass) { themeToggleInProgress = true; // Optimized: Lock containers synchronously const contentArea = getContentArea(); if (contentArea) { const containers = getContainers(true); containers.forEach(function(container) { if (container.getAttribute('data-position-locked') !== 'true') { const rect = container.getBoundingClientRect(); Object.assign(container.style, { position: 'fixed', top: rect.top + 'px', left: rect.left + 'px', width: rect.width + 'px', zIndex: '9999', margin: '0' }); container.setAttribute('data-position-locked', 'true'); containerPositions.set(container, { top: rect.top, left: rect.left, width: rect.width, height: rect.height }); } }); } let repositionAttempts = 0; const maxRepositionAttempts = 30; const repositionInterval = setInterval(function() { repositionAttempts++; repositionContainersAfterThemeToggleCore(); // Use core function for immediate repositioning if (repositionAttempts >= maxRepositionAttempts) { clearInterval(repositionInterval); } }, 100); setTimeout(function() { clearInterval(repositionInterval); themeToggleInProgress = false; repositionContainersAfterThemeToggleCore(); // Use core function for final repositioning unlockContainers(); }, 3000); } lastThemeClass = currentThemeClass; } } }); themeObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] }); } if (typeof MutationObserver !== 'undefined') { setupObserver(); } waitForContentArea(function() { setTimeout(function() { initSinglePageViewers(); setTimeout(function() { const remaining = getUninitializedViewers(true); if (remaining.length > 0) { initSinglePageViewers(); } }, INIT_DELAY); }, INIT_DELAY); }); } // Optimized: Lock/unlock containers function lockContainersInPlace() { const contentArea = getContentArea(); if (!contentArea) return; const containers = getContainers(true); containerPositions.clear(); requestAnimationFrame(function() { containers.forEach(function(container) { if (container.getAttribute('data-position-locked') !== 'true') { const rect = container.getBoundingClientRect(); Object.assign(container.style, { position: 'fixed', top: rect.top + 'px', left: rect.left + 'px', width: rect.width + 'px', zIndex: '9999', margin: '0' }); container.setAttribute('data-position-locked', 'true'); containerPositions.set(container, { top: rect.top, left: rect.left, width: rect.width, height: rect.height }); } }); }); } function unlockContainers() { const contentArea = getContentArea(); if (!contentArea) return; const containers = Array.from( contentArea.querySelectorAll('.single-page-viewer-container[data-position-locked="true"]') ); containers.forEach(function(container) { Object.assign(container.style, { position: '', top: '', left: '', width: '', zIndex: '', margin: '' }); container.removeAttribute('data-position-locked'); // Clean up container position from Map to prevent memory leak containerPositions.delete(container); }); containerPositions.clear(); } // Optimized: Reposition containers with better DOM operations // Core repositioning function (not debounced for immediate use) function repositionContainersAfterThemeToggleCore() { const contentArea = getContentArea(); if (!contentArea) return; const containers = getContainers(true); containers.forEach(function(container) { const viewerId = container.getAttribute('data-viewer-id'); if (!viewerId) return; let viewer = document.getElementById(viewerId); if (!viewer) { const iframe = container.querySelector('iframe'); if (iframe && iframe.src) { const allViewers = contentArea.querySelectorAll('[data-single-page-viewer]'); for (let i = 0; i < allViewers.length; i++) { const v = allViewers[i]; if (v.getAttribute('data-src') === iframe.src) { viewer = v; viewer.id = viewerId; viewer.setAttribute('data-viewer-id', viewerId); Object.assign(viewer.style, { display: 'none', visibility: 'hidden', position: 'absolute', width: '1px', height: '1px', overflow: 'hidden', opacity: '0', pointerEvents: 'none', margin: '0', padding: '0' }); viewer.setAttribute('data-initialized', 'true'); viewer.setAttribute('data-viewer-replaced', 'true'); break; } } } } if (viewer && viewer.parentNode) { if (container.getAttribute('data-position-locked') === 'true') { unlockContainers(); } const viewerIndex = Array.from(viewer.parentNode.children).indexOf(viewer); const containerIndex = Array.from(viewer.parentNode.children).indexOf(container); if (containerIndex !== viewerIndex + 1) { // CRITICAL: Check if container is actually a child before removing if (container.parentNode && container.parentNode.contains(container)) { try { container.parentNode.removeChild(container); } catch (e) { return; // Skip repositioning if removal failed } } if (viewer.nextSibling) { viewer.parentNode.insertBefore(container, viewer.nextSibling); } else { viewer.parentNode.appendChild(container); } } else if (container.parentNode !== viewer.parentNode) { // CRITICAL: Check if container is actually a child before removing if (container.parentNode && container.parentNode.contains(container)) { try { container.parentNode.removeChild(container); } catch (e) { return; // Skip repositioning if removal failed } } if (viewer.nextSibling) { viewer.parentNode.insertBefore(container, viewer.nextSibling); } else { viewer.parentNode.appendChild(container); } } } }); invalidateQueryCache(); } // Debounced version for non-critical repositioning const repositionContainersAfterThemeToggle = debounce(repositionContainersAfterThemeToggleCore, REPOSITION_DEBOUNCE); // Optimized: Observer setup with better filtering let observer = null; let containerPositionObserver = null; let fallbackObserver = null; // Track fallback observer for cleanup function setupContainerPositionObserver() { if (typeof MutationObserver === 'undefined') return; const contentArea = getContentArea(); if (!contentArea || !document.contains(contentArea)) { setTimeout(setupContainerPositionObserver, 500); return; } if (containerPositionObserver) { containerPositionObserver.disconnect(); } containerPositionObserver = new MutationObserver(function(mutations) { if (themeToggleInProgress) { // Use core function (not debounced) for immediate repositioning during theme toggle requestAnimationFrame(repositionContainersAfterThemeToggleCore); return; } let needsReposition = false; for (let i = 0; i < mutations.length && !needsReposition; i++) { if (mutations[i].type === 'childList') { needsReposition = true; } } if (needsReposition) { clearTimeout(containerPositionObserver._timeout); containerPositionObserver._timeout = setTimeout(repositionContainersAfterThemeToggle, REPOSITION_DEBOUNCE); } }); containerPositionObserver.observe(contentArea, { childList: true, subtree: true, attributes: false, characterData: false }); containerPositionObserver._timeout = null; } // Optimized: Main observer with better early exits function setupObserver() { if (typeof MutationObserver === 'undefined') return; const contentArea = getContentArea(); if (!contentArea || !document.contains(contentArea)) { setTimeout(setupObserver, 500); return; } if (contentArea === document.documentElement || contentArea === document.body) { return; } if (observer) { const currentObserved = observer._observedElement; if (currentObserved === contentArea && document.contains(contentArea)) { return; } if (currentObserved) { observer.disconnect(); } observer = null; } observer = new MutationObserver(function(mutations) { if (themeToggleInProgress) return; let hasNewViewer = false; for (let i = 0; i < mutations.length && !hasNewViewer; i++) { const mutation = mutations[i]; if (mutation.addedNodes && mutation.addedNodes.length > 0) { for (let j = 0; j < mutation.addedNodes.length && !hasNewViewer; j++) { const node = mutation.addedNodes[j]; if (node.nodeType === 1 && node.hasAttribute && node.hasAttribute('data-single-page-viewer') && !node.hasAttribute('data-initialized') && !node.hasAttribute('data-viewer-replaced')) { hasNewViewer = true; } } } } if (hasNewViewer) { // Use core function for immediate repositioning when new viewer detected repositionContainersAfterThemeToggleCore(); setTimeout(repositionContainersAfterThemeToggleCore, 10); setTimeout(repositionContainersAfterThemeToggleCore, 50); setTimeout(repositionContainersAfterThemeToggleCore, 200); } clearTimeout(observerTimeout); observerTimeout = setTimeout(function() { if (themeToggleInProgress) return; let hasNewViewer = false; for (let i = 0; i < mutations.length && !hasNewViewer; i++) { const mutation = mutations[i]; if (mutation.target === document.documentElement || mutation.target === document.body) { continue; } if (mutation.type === 'attributes' && mutation.attributeName === 'class' && mutation.target === document.documentElement) { continue; } if (mutation.type === 'attributes' && mutation.attributeName === 'data-initialized') { const target = mutation.target; if (target && target.hasAttribute && target.hasAttribute('data-single-page-viewer') && !target.hasAttribute('data-initialized')) { hasNewViewer = true; } } if (mutation.addedNodes && mutation.addedNodes.length > 0) { for (let j = 0; j < mutation.addedNodes.length && !hasNewViewer; j++) { const node = mutation.addedNodes[j]; if (node.nodeType === 1 && node.hasAttribute && node.hasAttribute('data-single-page-viewer') && !node.hasAttribute('data-initialized')) { hasNewViewer = true; } } } } if (hasNewViewer) { invalidateQueryCache(); initSinglePageViewers(); } }, OBSERVER_DEBOUNCE); }); observer.observe(contentArea, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-initialized'], characterData: false }); observer._observedElement = contentArea; setupContainerPositionObserver(); } function start() { setupObserver(); initialize(); } function checkAndInitialize() { if (isInitializing) return; const currentUrl = window.location.href; if (currentUrl === lastUrl && lastUrl !== null) { return; } const contentArea = document.querySelector('#content-area') || document.querySelector('.mdx-content'); if (contentArea) { const viewers = getUninitializedViewers(true); if (viewers.length > 0) { cachedContentArea = contentArea; setupObserver(); initialize(); } } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start); } else { setTimeout(start, 100); } if (typeof window !== 'undefined' && window.next) { let initialLoadAttempts = 0; const maxInitialAttempts = 4; const attemptDelays = [200, 500, 1000, 2000]; const initialUrl = window.location.href; attemptDelays.forEach(function(delay) { setTimeout(function() { if (initialLoadAttempts < maxInitialAttempts) { initialLoadAttempts++; if (window.location.href === initialUrl) { checkAndInitialize(); } } }, delay); }); } window.addEventListener('popstate', function(e) { const currentUrl = window.location.href; if (currentUrl !== lastUrl) { handleNavigation(); } }); if (typeof window !== 'undefined') { if (window.next && window.next.router && window.next.router.events) { window.next.router.events.on('routeChangeComplete', function(url) { lastUrl = window.location.href; isInitializing = false; pendingInitCall = false; if (navigationTimeout) { clearTimeout(navigationTimeout); navigationTimeout = null; } invalidateContentAreaCache(); invalidateQueryCache(); setTimeout(function() { setupObserver(); initialize(); }, 300); }); window.next.router.events.on('routeChangeStart', function(url) { isInitializing = false; pendingInitCall = false; }); } if (!window.next || !window.next.router) { const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function() { originalPushState.apply(history, arguments); setTimeout(function() { if (window.location.href !== lastUrl) { handleNavigation(); } }, 0); }; history.replaceState = function() { originalReplaceState.apply(history, arguments); setTimeout(function() { if (window.location.href !== lastUrl) { handleNavigation(); } }, 0); }; } } document.addEventListener('visibilitychange', function() { if (!document.hidden) { isInitializing = false; startPeriodicCheck(); if (!pendingInitCall) { pendingInitCall = true; setTimeout(function() { pendingInitCall = false; initSinglePageViewers(); }, INIT_DELAY / 2); } } }); function startPeriodicCheck() { if (periodicCheckInterval) return; periodicCheckInterval = setInterval(function() { const uninitialized = getUninitializedViewers(true); if (uninitialized.length === 0) { clearInterval(periodicCheckInterval); periodicCheckInterval = null; } else if (!isInitializing) { initSinglePageViewers(); } }, 2000); } setTimeout(startPeriodicCheck, INIT_DELAY * 2); window.__singlePageViewerInit = function() { const currentUrl = window.location.href; if (currentUrl === lastUrl) { return; } isInitializing = false; pendingInitCall = false; lastUrl = currentUrl; invalidateContentAreaCache(); invalidateQueryCache(); setupObserver(); initialize(); }; window.__singlePageViewerCheck = function() { invalidateQueryCache(); initSinglePageViewers(); }; })(); // Optimized: Second IIFE for navigation handling (function() { 'use strict'; let lastPathname = window.location.pathname; let lastInitializedPathname = window.location.pathname; function checkAndInit() { const currentPathname = window.location.pathname; if (currentPathname === lastInitializedPathname) { return; } lastInitializedPathname = currentPathname; if (typeof window !== 'undefined') { window.__lastFullUrl = window.location.href; } if (window.__singlePageViewerInit) { window.__singlePageViewerInit(); } } function runInit() { if (window.__singlePageViewerInit) { setTimeout(checkAndInit, 100); } else { let attempts = 0; const maxAttempts = 50; const checkInterval = setInterval(function() { attempts++; if (window.__singlePageViewerInit) { clearInterval(checkInterval); setTimeout(checkAndInit, 100); } else if (attempts >= maxAttempts) { clearInterval(checkInterval); } }, 100); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', runInit); } else { setTimeout(runInit, 100); } if (typeof window !== 'undefined' && window.next && window.next.router && window.next.router.events) { window.next.router.events.on('routeChangeComplete', function(url) { lastPathname = window.location.pathname; setTimeout(checkAndInit, 300); }); } setInterval(function() { const currentPathname = window.location.pathname; if (currentPathname !== lastPathname) { lastPathname = currentPathname; setTimeout(checkAndInit, 300); } }, 500); if (typeof MutationObserver !== 'undefined') { let fallbackObserverTimeout = null; // Store in outer scope for cleanup tracking fallbackObserver = new MutationObserver(function(mutations) { if (fallbackObserverTimeout) { clearTimeout(fallbackObserverTimeout); } fallbackObserverTimeout = setTimeout(function() { const contentArea = document.querySelector('#content-area'); if (contentArea) { const uninitialized = contentArea.querySelectorAll( '[data-single-page-viewer]:not([data-initialized]):not(.single-page-viewer-container [data-single-page-viewer])' ); if (uninitialized.length > 0) { const currentPathname = window.location.pathname; if (currentPathname !== lastInitializedPathname) { setTimeout(checkAndInit, 200); } } } }, 500); }); if (document.body) { fallbackObserver.observe(document.body, { childList: true, subtree: true }); } else { document.addEventListener('DOMContentLoaded', function() { if (document.body) { fallbackObserver.observe(document.body, { childList: true, subtree: true }); } }); } } })();

Overview

Tutorials

Click To Call SDK

​Category

​Callback Parameters

​Example

​More Information

Category

Callback Parameters

Example

More Information