(function () { /* -------------------------------------------------------------------------- Helpers -------------------------------------------------------------------------- */ function debounce(fn, wait) { let timeout; return function () { const context = this; const args = arguments; clearTimeout(timeout); timeout = setTimeout(function () { fn.apply(context, args); }, wait); }; } function safeText(el) { return (el && el.textContent ? el.textContent : "").trim(); } function getPathKey() { return (window.location.pathname || "/").replace(/\/+$/, "") || "/"; } function isHomePage() { const path = getPathKey(); return path === "/"; } /* -------------------------------------------------------------------------- Badges -------------------------------------------------------------------------- */ function replaceToBadgeBeta(el, persistent) { if (!el) return; const existingBadge = el.querySelector(".badge-beta"); if (existingBadge) { if (persistent || el.dataset.badgeRoute === getPathKey()) { return; } existingBadge.remove(); delete el.dataset.badgeRoute; } const text = safeText(el); if (!/\[(Beta)\]/gi.test(text)) return; const children = [...el.children]; for (const child of children) { el.removeChild(child); } for (const node of [...el.childNodes]) { if (node.nodeType === Node.TEXT_NODE) { node.textContent = node.textContent.replace(/\[(Beta)\]/gi, "").trim(); } } const span = document.createElement("span"); span.textContent = "Beta"; span.classList.add("badge-beta"); el.appendChild(span); for (const child of children) { el.appendChild(child); } if (!persistent) { el.dataset.badgeRoute = getPathKey(); } } function insertToBadgeBeta(el) { if (!el) return; if (el.querySelector(".badge-beta")) return; const span = document.createElement("span"); span.textContent = "Beta"; span.classList.add("badge-beta"); el.appendChild(span); } function applyBadgeInHeadTitle() { const headElement = document.querySelector("#content-head h1"); if (headElement) replaceToBadgeBeta(headElement); const headElementApiReference = document.querySelector( ".rm-Article#content > header:first-child > div > h1" ); if (headElementApiReference) replaceToBadgeBeta(headElementApiReference); } function applyBadgeInSidebar() { const sidebarHeadElementList = document.querySelectorAll(".rm-Sidebar-heading"); for (let i = 0; i < sidebarHeadElementList.length; i++) { replaceToBadgeBeta(sidebarHeadElementList[i], true); } const sideBarLinkElements = document.querySelectorAll( ".rm-Sidebar-link > span > span" ); for (let j = 0; j < sideBarLinkElements.length; j++) { replaceToBadgeBeta(sideBarLinkElements[j], true); } } function applyBadgeInFatherSidebar() { const sideBarItensList = document.querySelectorAll( ".rm-Sidebar-section > .rm-Sidebar-list li" ); if (!sideBarItensList.length) return; for (let i = 0; i < sideBarItensList.length; i++) { const subListItem = sideBarItensList[i].querySelectorAll(".rm-Sidebar-list > li"); const subListItemBadges = sideBarItensList[i].querySelectorAll( ".rm-Sidebar-list > li > .rm-Sidebar-link > span > span > .badge-beta" ); const totalItens = subListItem.length; const totalBadges = subListItemBadges.length; if (totalItens > 0 && totalItens === totalBadges) { const headItemList = sideBarItensList[i].querySelector(".rm-Sidebar-link"); if (!headItemList) continue; if (!headItemList.querySelector(".badge-beta")) { headItemList.classList.add("rm-Sidebar-automatic-beta"); const headItemLink = headItemList.querySelector("span > span"); if (headItemLink) insertToBadgeBeta(headItemLink); } } } } function applyBadgeInCallout() { const allCards = document.querySelectorAll(".callout"); for (const card of allCards) { // Check if callout has callout_beta class (new structure) if (card.classList.contains("callout_beta")) { const headCard = card.querySelector("h3.heading-3"); if (headCard) { const headingText = headCard.querySelector(".heading-text"); if (headingText && headingText.innerHTML.trim() === "") { headCard.classList.add("empty"); card.classList.add("callout_heading_empty"); } } const icon = card.querySelector(".callout-icon"); if (icon && !icon.querySelector(".badge-beta")) { icon.innerHTML = 'Beta'; } continue; } // Legacy structure: look for [Beta] text pattern in heading const headCard = card.querySelector(".heading-3"); if (!headCard) continue; if (!/\[(Beta)\]/gi.test(headCard.innerHTML)) continue; card.classList.add("callout_beta"); const walker = document.createTreeWalker(headCard, NodeFilter.SHOW_TEXT, null, false); let textNode; while ((textNode = walker.nextNode())) { if (/\[(Beta)\]/gi.test(textNode.textContent)) { textNode.textContent = textNode.textContent.replace(/\[(Beta)\]/gi, "").trim(); } } const paragraph = headCard.querySelector("p"); if (paragraph && paragraph.innerText.trim() === "") { headCard.classList.add("empty"); card.classList.add("callout_heading_empty"); } const icon = headCard.querySelector(".callout-icon"); if (icon && !icon.querySelector(".badge-beta")) { icon.innerHTML = 'Beta'; } } } /* -------------------------------------------------------------------------- Tabs -------------------------------------------------------------------------- */ function isMobileTabsViewport() { return window.matchMedia("(max-width: 941px)").matches; } function getCustomTabPanels(tabContainer) { if (!tabContainer || !tabContainer.parentElement) return []; const parent = tabContainer.parentElement; const children = Array.from(parent.children); const startIndex = children.indexOf(tabContainer); if (startIndex === -1 || children.length <= 1) return []; const panels = []; for (let i = startIndex + 1; i < children.length; i++) { const child = children[i]; if (!child || !child.classList) continue; if (child.classList.contains("customTab")) { break; } if (child.classList.contains("tabContent")) { panels.push(child); } } return panels; } function hideTabContentClasses(tabContainer) { const tabContent = getCustomTabPanels(tabContainer); for (let i = 0; i < tabContent.length; i++) { tabContent[i].style.display = "none"; } } function removeActiveClasses(customTabItems) { for (let i = 0; i < customTabItems.length; i++) { customTabItems[i].classList.remove("active"); customTabItems[i].classList.remove("defaultOpen"); } } function closeMobileTabMenus() { const openTabs = document.querySelectorAll(".customTab.tabOpen"); openTabs.forEach(function (tabContainer) { tabContainer.classList.remove("tabOpen"); tabContainer.removeAttribute("open"); }); } function syncTabState(tabContainer) { if (!tabContainer) return; const tabs = getCustomTabPanels(tabContainer); if (!tabs.length) return; const customTabLinks = Array.from( tabContainer.getElementsByClassName("customTablinks") ); let activeTabName = tabContainer.dataset.activeTabName || tabs[0].getAttribute("id"); let activeIndex = tabs.findIndex(function (tab) { return tab.getAttribute("id") === activeTabName; }); if (activeIndex === -1) activeIndex = 0; const resolvedActiveName = tabs[activeIndex].getAttribute("id") || ""; for (let i = 0; i < tabs.length; i++) { const shouldShow = i === activeIndex; const nextDisplay = shouldShow ? "block" : "none"; if (tabs[i].style.display !== nextDisplay) { tabs[i].style.display = nextDisplay; } } for (let i = 0; i < customTabLinks.length; i++) { const shouldBeActive = i === activeIndex; if (customTabLinks[i].classList.contains("active") !== shouldBeActive) { customTabLinks[i].classList.toggle("active", shouldBeActive); } if (customTabLinks[i].classList.contains("defaultOpen")) { customTabLinks[i].classList.remove("defaultOpen"); } } if (tabContainer.dataset.activeTabName !== resolvedActiveName) { tabContainer.dataset.activeTabName = resolvedActiveName; } } function selectTab(tabContainer, tabName, index) { if (!tabContainer) return; const customTabLinks = Array.from( tabContainer.getElementsByClassName("customTablinks") ); const panels = getCustomTabPanels(tabContainer); let targetIndex = panels.findIndex(function (panel) { return panel.getAttribute("id") === tabName; }); if (targetIndex === -1) targetIndex = index; if (targetIndex < 0 || !panels[targetIndex] || !customTabLinks[targetIndex]) return; const targetTab = panels[targetIndex]; const alreadyActive = tabContainer.dataset.activeTabName === tabName && targetTab.style.display === "block" && customTabLinks[targetIndex].classList.contains("active"); tabContainer.classList.remove("tabOpen"); tabContainer.removeAttribute("open"); if (alreadyActive) return; for (let i = 0; i < panels.length; i++) { const shouldShow = i === targetIndex; const nextDisplay = shouldShow ? "block" : "none"; if (panels[i].style.display !== nextDisplay) { panels[i].style.display = nextDisplay; } } for (let i = 0; i < customTabLinks.length; i++) { const shouldBeActive = i === targetIndex; if (customTabLinks[i].classList.contains("active") !== shouldBeActive) { customTabLinks[i].classList.toggle("active", shouldBeActive); } if (customTabLinks[i].classList.contains("defaultOpen")) { customTabLinks[i].classList.remove("defaultOpen"); } } tabContainer.dataset.activeTabName = tabName; } function toggleMobileTabMenu(tabContainer) { if (!tabContainer || !isMobileTabsViewport()) return; const isOpen = tabContainer.classList.contains("tabOpen"); closeMobileTabMenus(); if (!isOpen) { tabContainer.classList.add("tabOpen"); tabContainer.setAttribute("open", "true"); } } function bindMobileTabContainer(tabContainer) { if (!tabContainer || tabContainer.dataset.mobileToggleBound === "true") return; tabContainer.dataset.mobileToggleBound = "true"; tabContainer.addEventListener("click", function (e) { if (!isMobileTabsViewport()) return; const clickedButton = e.target.closest(".customTablinks"); if (clickedButton) { const isActive = clickedButton.classList.contains("active"); const isOpen = tabContainer.classList.contains("tabOpen"); if (isActive && !isOpen) { e.preventDefault(); e.stopPropagation(); toggleMobileTabMenu(tabContainer); } return; } e.preventDefault(); e.stopPropagation(); toggleMobileTabMenu(tabContainer); }); } function handleCustomTabs() { const customTabs = document.getElementsByClassName("customTab"); if (!customTabs.length) return; for (let t = 0; t < customTabs.length; t++) { const tabContainer = customTabs[t]; const tabs = getCustomTabPanels(tabContainer); if (!tabs.length) continue; // If only one tab panel, just show it directly without creating tab buttons if (tabs.length === 1) { tabs[0].style.display = "block"; tabContainer.dataset.tabsInitialized = "true"; tabContainer.dataset.activeTabName = tabs[0].getAttribute("id") || ""; continue; } if ( tabContainer.dataset.tabsInitialized === "true" && tabContainer.querySelectorAll(".customTablinks").length === tabs.length ) { bindMobileTabContainer(tabContainer); syncTabState(tabContainer); continue; } const existingButtons = tabContainer.querySelectorAll(".customTablinks"); existingButtons.forEach(function (button) { button.remove(); }); for (let i = 0; i < tabs.length; i++) { const currentTab = tabs[i]; const tabName = currentTab.getAttribute("id"); if (!tabName) continue; const tabButton = document.createElement("button"); tabButton.type = "button"; tabButton.className = "customTablinks"; tabButton.appendChild(document.createTextNode(tabName)); tabButton.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); selectTab(tabContainer, tabName, i); }); tabContainer.appendChild(tabButton); } tabContainer.dataset.tabsInitialized = "true"; bindMobileTabContainer(tabContainer); syncTabState(tabContainer); } } /* -------------------------------------------------------------------------- Changelog box -------------------------------------------------------------------------- */ function createHeading(text) { var h2 = document.createElement("h2"); h2.textContent = text; return h2; } function createParagraphWithLink(before, linkText, href) { var p = document.createElement("p"); var a = document.createElement("a"); a.href = href; a.textContent = linkText; p.appendChild(document.createTextNode(before)); p.appendChild(a); return p; } function isChangelogIndexPage() { if (!document.querySelector(".rm-Changelog")) return false; if (document.querySelector("[class*='ChangelogPage_back']")) return false; return true; } var _changelogBoxTimer = null; var _changelogBoxScheduled = false; function insertChangelogBox() { if (_changelogBoxTimer) { clearTimeout(_changelogBoxTimer); _changelogBoxTimer = null; } var existing = document.querySelector(".changelog-box"); if (!isChangelogIndexPage()) { if (existing) existing.remove(); return; } if (existing) return; var container = document.querySelector(".rm-Changelog .rm-ContainerNarrow") || document.querySelector(".rm-Changelog article") || document.querySelector(".rm-Changelog"); if (!container) { _changelogBoxTimer = setTimeout(insertChangelogBox, 300); return; } var box = document.createElement("div"); box.classList.add("changelog-box"); var heading = createHeading("Pismo changelog"); var p1 = createParagraphWithLink( "The Pismo changelog describes changes to the Pismo platform that might affect your implementation, including new features, changes to existing features, and fixed issues. Changelog posts are published regularly and include all changes that have gone live within that interval. For more information and how to subscribe to updates, see ", "Pismo changelog.", "https://developers.pismo.io/pismo-docs/docs/pismo-changelog" ); var p2 = createParagraphWithLink( "Pismo periodically deprecates and decommissions older versions of APIs to ensure that Pismo APIs are up-to-date. For more information, see ", "API life cycle and deprecation strategy.", "https://developers.pismo.io/pismo-docs/docs/api-deprecation-strategy" ); box.append(heading, p1, p2); observer.disconnect(); container.prepend(box); requestAnimationFrame(function () { if (document.body) { observer.observe(document.body, { childList: true, subtree: true }); } }); } /* -------------------------------------------------------------------------- Schema expand/collapse -------------------------------------------------------------------------- */ function expandAll() { const contentFound = document.getElementsByClassName("schema_summary"); for (let i = 0; i < contentFound.length; i++) { const parentElement = contentFound[i].parentNode; if (parentElement) parentElement.setAttribute("open", ""); } } function collapseAll() { const contentFound = document.getElementsByClassName("schema_summary"); for (let i = 0; i < contentFound.length; i++) { const parentElement = contentFound[i].parentNode; if (parentElement) parentElement.removeAttribute("open"); } } window.expandAll = expandAll; window.collapseAll = collapseAll; /* -------------------------------------------------------------------------- Generic show/hide -------------------------------------------------------------------------- */ function showHide(divId) { const x = document.getElementById(divId); if (!x) return; if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } window.showHide = showHide; /* -------------------------------------------------------------------------- Modal buttons -------------------------------------------------------------------------- */ function initProgramsParametersReferenceBtn() { const buttons = document.querySelectorAll("button.modal-button"); const modals = document.querySelectorAll(".modal"); const spans = document.querySelectorAll("span.close"); buttons.forEach((button) => { if (button.dataset.modalBound === "true") return; button.dataset.modalBound = "true"; button.addEventListener("click", (e) => { e.preventDefault(); const trigger = e.currentTarget; const targetSelector = trigger.getAttribute("href"); if (!targetSelector) return; const modal = document.querySelector(targetSelector); if (modal) { modal.style.display = "block"; } }); }); spans.forEach((span) => { if (span.dataset.modalCloseBound === "true") return; span.dataset.modalCloseBound = "true"; span.addEventListener("click", (e) => { e.preventDefault(); modals.forEach((modal) => { modal.style.display = "none"; }); }); }); } /* -------------------------------------------------------------------------- Page / body helpers -------------------------------------------------------------------------- */ function addPageIdentificationOnBody() { document.body.dataset.pathname = getPathKey(); } function handleFooterDate() { document.body.dataset.pathname = getPathKey(); const currentYearEl = document.querySelector("#currentYear"); if (currentYearEl) { currentYearEl.innerText = new Date().getFullYear(); } if (isHomePage()) { const homeYearEl = document.querySelector("#currentYear"); if (homeYearEl) { homeYearEl.innerText = new Date().getFullYear(); } } } /* -------------------------------------------------------------------------- Main init -------------------------------------------------------------------------- */ var _isRunning = false; function runPismoCustomizations() { if (_isRunning) return; _isRunning = true; try { applyBadgeInHeadTitle(); applyBadgeInSidebar(); applyBadgeInFatherSidebar(); applyBadgeInCallout(); initProgramsParametersReferenceBtn(); addPageIdentificationOnBody(); handleCustomTabs(); if (!_changelogBoxScheduled) { _changelogBoxScheduled = true; setTimeout(function () { _changelogBoxScheduled = false; insertChangelogBox(); }, 500); } handleFooterDate(); } finally { _isRunning = false; } } const runPismoCustomizationsDebounced = debounce(runPismoCustomizations, 80); /* -------------------------------------------------------------------------- Initial load -------------------------------------------------------------------------- */ function onReady(fn) { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", fn, { once: true }); } else { fn(); } } onReady(function () { runPismoCustomizations(); }); /* -------------------------------------------------------------------------- ReadMe / jQuery pageLoad hook -------------------------------------------------------------------------- */ if (window.jQuery) { jQuery(window).on("pageLoad", function () { runPismoCustomizationsDebounced(); }); } /* -------------------------------------------------------------------------- SPA navigation hooks -------------------------------------------------------------------------- */ const _pushState = history.pushState; const _replaceState = history.replaceState; function onRouteChange() { setTimeout(() => { runPismoCustomizationsDebounced(); }, 80); } history.pushState = function () { _pushState.apply(this, arguments); onRouteChange(); }; history.replaceState = function () { _replaceState.apply(this, arguments); onRouteChange(); }; window.addEventListener("popstate", onRouteChange); window.addEventListener( "resize", debounce(function () { handleCustomTabs(); closeMobileTabMenus(); }, 120) ); document.addEventListener("click", function (e) { if (!e.target.closest(".customTab")) { closeMobileTabMenus(); } }); /* -------------------------------------------------------------------------- Mutation observer fallback -------------------------------------------------------------------------- */ const observer = new MutationObserver( debounce(function () { runPismoCustomizations(); }, 150) ); onReady(function () { if (document.body) { observer.observe(document.body, { childList: true, subtree: true }); } }); /* -------------------------------------------------------------------------- Homepage changelog injection -------------------------------------------------------------------------- */ const PISMO_RSS_URL = "https://developers.pismo.io/pismo-docs/changelog.rss"; const PISMO_RSS_MAX_ITEMS = 4; const PISMO_RSS_DEBUG_PREFIX = "[PISMO RSS]"; function rssLog() { try { console.log.apply(console, [PISMO_RSS_DEBUG_PREFIX].concat(Array.from(arguments))); } catch (e) {} } function isPismoDocsHomepageForRss() { const path = (window.location.pathname || "").replace(/\/+$/, "") || "/"; const isHome = path === "/pismo-docs" || path === "/"; rssLog("pathname:", path, "isHomepage:", isHome); return isHome; } function getHomepageChangelogTarget() { const target = document.querySelector(".box-changelog ul") || document.querySelector("#changelog ul") || document.querySelector("#changelog"); rssLog("target found:", !!target, target); return target; } function clearHomepageChangelogTarget(target) { if (!target) return; target.innerHTML = ""; } function renderHomepageRssItems(target, items) { if (!target) { rssLog("render aborted: no target"); return; } clearHomepageChangelogTarget(target); const isList = target.tagName && target.tagName.toLowerCase() === "ul"; const fragment = document.createDocumentFragment(); items.slice(0, PISMO_RSS_MAX_ITEMS).forEach(function (item, index) { if (!item.link || !item.title) { rssLog("skipping invalid item:", item); return; } const a = document.createElement("a"); a.href = item.link; a.textContent = item.title; if (isList) { const li = document.createElement("li"); li.appendChild(a); fragment.appendChild(li); } else { const p = document.createElement("p"); p.appendChild(a); fragment.appendChild(p); } rssLog("rendering item", index + 1, item.title, item.link); }); target.appendChild(fragment); rssLog("render complete. child count:", target.children.length); } function parseHomepageRss(xmlText) { rssLog("rss response length:", xmlText ? xmlText.length : 0); const parser = new DOMParser(); const xml = parser.parseFromString(xmlText, "text/xml"); const parserError = xml.querySelector("parsererror"); if (parserError) { rssLog("XML parser error:", parserError.textContent); throw new Error("Could not parse RSS XML."); } const items = Array.from(xml.querySelectorAll("item")).map(function (item) { const titleEl = item.querySelector("title"); const linkEl = item.querySelector("link"); return { title: titleEl ? titleEl.textContent.trim() : "", link: linkEl ? linkEl.textContent.trim() : "" }; }); rssLog("parsed rss items:", items.length, items); return items; } function fetchAndRenderHomepageRss() { if (!isPismoDocsHomepageForRss()) { rssLog("aborted: not homepage"); return; } const target = getHomepageChangelogTarget(); if (!target) { rssLog("aborted: target not found"); return; } rssLog("fetching RSS:", PISMO_RSS_URL); fetch(PISMO_RSS_URL, { method: "GET", credentials: "same-origin" }) .then(function (response) { rssLog("fetch response:", response.status, response.type, response.url); if (!response.ok) { throw new Error("RSS request failed: " + response.status); } return response.text(); }) .then(function (xmlText) { const items = parseHomepageRss(xmlText); if (!items.length) { rssLog("no rss items found after parsing"); return; } renderHomepageRssItems(target, items); }) .catch(function (err) { console.error(PISMO_RSS_DEBUG_PREFIX, "fetch/render error:", err); }); } function initHomepageRssChangelog(attempts) { rssLog("init attempt:", attempts); if (!isPismoDocsHomepageForRss()) return; const target = getHomepageChangelogTarget(); if (target) { fetchAndRenderHomepageRss(); return; } if (attempts > 0) { setTimeout(function () { initHomepageRssChangelog(attempts - 1); }, 300); } else { rssLog("gave up waiting for target"); } } function scheduleHomepageRssInit() { rssLog("scheduleHomepageRssInit called"); if (!isPismoDocsHomepageForRss()) return; setTimeout(function () { initHomepageRssChangelog(12); }, 800); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", function () { scheduleHomepageRssInit(); }); } else { scheduleHomepageRssInit(); } if (window.jQuery) { jQuery(window).on("pageLoad", function () { scheduleHomepageRssInit(); }); } window.addEventListener("popstate", function () { scheduleHomepageRssInit(); }); const homepageRssObserver = new MutationObserver( debounce(function () { scheduleHomepageRssInit(); }, 250) ); if (document.body) { homepageRssObserver.observe(document.body, { childList: true, subtree: true }); } })(); $(window).on('pageLoad', () => { const headerLinks = document.getElementsByTagName('nav')[0]; const navElementToRemove = document.getElementsByTagName('nav')[0] .lastElementChild .previousElementSibling .previousElementSibling .previousElementSibling .previousElementSibling; const navElementText = navElementToRemove.lastElementChild.textContent; if (navElementText === "Changelog") { headerLinks.removeChild(navElementToRemove); } });

200OK