//READING TIME JS (function () { 'use strict'; const CLASS_NAME = 'payo-reading-time'; const WORDS_PER_MINUTE = 200; // Disconnect an earlier instance of this version. if (window.__payoReadingTimeCleanup) { window.__payoReadingTimeCleanup(); } let timer = null; let observer = null; let lastPath = location.pathname; function isGuidePage() { const path = window.location.pathname; // Exclude the custom landing page. if (document.querySelector( '.payo-landing, .payo-hero, .payo-homepage' )) { return false; } // Exclude API Reference pages. if ( path.includes('/reference/') || path.includes('/api-reference/') || document.querySelector( '.rm-APIExplorer, .rm-APIBlock, ' + '[data-testid="api-explorer"]' ) ) { return false; } // Only include documentation guides. if (!/\/docs\/[^/]+/.test(path)) { return false; } // Require a guide article. const article = document.querySelector( 'article.rm-Article' ); return Boolean(article && article.querySelector('h1')); } function getHeading() { return document.querySelector( '.rm-Article h1, article h1, main h1, ' + '[role="main"] h1' ); } function getArticle(heading) { return ( heading.closest('.rm-Article') || heading.closest('article') || heading.closest('main') || heading.closest('[role="main"]') ); } function getDescription(heading) { const parent = heading.parentElement; if (!parent) return null; return Array.from(parent.children).find(el => el !== heading && !el.classList.contains(CLASS_NAME) && ( el.matches('p') || el.matches('[class*="description" i]') || el.matches('[class*="excerpt" i]') ) ) || null; } function calculateReadingTime(article) { const content = article.querySelector('.markdown-body') || article.querySelector('.rm-Markdown') || article; const clone = content.cloneNode(true); clone.querySelectorAll( 'nav, aside, footer, pre, code, script, ' + 'style, button, .payo-reading-time, ' + '.rm-Pagination, .rm-ToC' ).forEach(el => el.remove()); const words = ( clone.textContent.trim().match(/\S+/g) || [] ).length; return Math.max( 1, Math.ceil(words / WORDS_PER_MINUTE) ); } function createIndicator() { const indicator = document.createElement('div'); indicator.className = CLASS_NAME; indicator.innerHTML = '' + ''; return indicator; } function updateReadingTime() { if (!isGuidePage()) { document.querySelectorAll('.' + CLASS_NAME) .forEach(el => el.remove()); return; } const heading = getHeading(); if (!heading) return; const article = getArticle(heading); if (!article) return; const description = getDescription(heading); const anchor = description || heading; const minutes = calculateReadingTime(article); const label = minutes + ' min read'; let indicator = article.querySelector( '.' + CLASS_NAME ); // Remove any stray duplicate indicators. document.querySelectorAll('.' + CLASS_NAME) .forEach(el => { if (el !== indicator) el.remove(); }); if (!indicator) { indicator = createIndicator(); } // Only update text when the value changes. const text = indicator.querySelector('span'); if (text && text.textContent !== label) { text.textContent = label; } // Only move the element when its position is wrong. if (anchor.nextElementSibling !== indicator) { anchor.insertAdjacentElement( 'afterend', indicator ); } } function scheduleUpdate() { clearTimeout(timer); timer = setTimeout(updateReadingTime, 150); } function handleMutations(mutations) { // Ignore changes made inside our own indicator. const externalChange = mutations.some(mutation => { const target = mutation.target; const element = target.nodeType === 1 ? target : target.parentElement; if ( element && element.closest('.' + CLASS_NAME) ) { return false; } return true; }); if (externalChange) { scheduleUpdate(); } } function onPageLoad() { lastPath = location.pathname; scheduleUpdate(); } function initialize() { observer = new MutationObserver(handleMutations); observer.observe(document.body, { childList: true, subtree: true }); scheduleUpdate(); } // Support ReadMe client-side navigation. window.addEventListener('popstate', onPageLoad); if (window.jQuery) { window.jQuery(window).on( 'pageLoad.payoReadingTime', onPageLoad ); } // Detect URL changes made by client-side navigation. const navigationInterval = setInterval(() => { if (location.pathname !== lastPath) { onPageLoad(); } }, 500); // Clean up if the script is initialized again. window.__payoReadingTimeCleanup = function () { clearTimeout(timer); clearInterval(navigationInterval); if (observer) observer.disconnect(); window.removeEventListener( 'popstate', onPageLoad ); if (window.jQuery) { window.jQuery(window).off( 'pageLoad.payoReadingTime', onPageLoad ); } }; if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', initialize, { once: true } ); } else { initialize(); } })(); //ASK ABOUT THIS PAGE button (function () { 'use strict'; const BUTTON_CLASS = 'payo-ask-ai'; let timer; const sparklesIcon = ` `; function findAskAILauncher() { // Candidate controls belonging to ReadMe. // These are DOM heuristics, not a public ReadMe API. const candidates = document.querySelectorAll( 'button, [role="button"], ' + 'a, input[placeholder]' ); for (const el of candidates) { if (el.closest('.payo-ask-ai')) continue; const text = [ el.getAttribute('aria-label'), el.getAttribute('title'), el.getAttribute('placeholder'), el.textContent ].filter(Boolean).join(' ').trim(); if (!/\bask\s*ai\b/i.test(text)) continue; // Only interact with visible controls. if (!el.getClientRects().length) continue; if (el.matches(':disabled, [aria-disabled="true"]')) continue; return el; } return null; } function openAskAI() { const launcher = findAskAILauncher(); if (!launcher) { console.warn( '[Lume Ask AI] Native Ask AI launcher not found.' ); // No unsupported action or synthetic AI panel. return; } launcher.click(); } function addAskButton() { const readingTime = document.querySelector( '.payo-reading-time' ); if (!readingTime) return; // Don't create duplicate controls. if (readingTime.querySelector('.' + BUTTON_CLASS)) return; const separator = document.createElement('span'); separator.className = 'payo-ask-separator'; separator.setAttribute('aria-hidden', 'true'); const button = document.createElement('button'); button.type = 'button'; button.className = BUTTON_CLASS; button.innerHTML = sparklesIcon + 'Ask about this page'; button.setAttribute( 'aria-label', 'Ask AI about this documentation page' ); button.addEventListener('click', openAskAI); readingTime.appendChild(separator); readingTime.appendChild(button); } function scheduleUpdate() { clearTimeout(timer); timer = setTimeout(addAskButton, 150); } function initialize() { scheduleUpdate(); // ReadMe dynamically replaces content on navigation. // Watch only for new DOM elements, not text changes. const observer = new MutationObserver(mutations => { const readingTime = document.querySelector( '.payo-reading-time' ); if ( readingTime && readingTime.querySelector('.' + BUTTON_CLASS) ) { return; } const changed = mutations.some(m => Array.from(m.addedNodes).some(node => node.nodeType === 1 && ( node.matches?.('.payo-reading-time') || node.querySelector?.('.payo-reading-time') ) ) ); if (changed) scheduleUpdate(); }); observer.observe(document.body, { childList: true, subtree: true }); if (window.jQuery) { window.jQuery(window).on( 'pageLoad.payoAskAI', scheduleUpdate ); } } if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', initialize, { once: true } ); } else { initialize(); } })();