$(window).on("pageLoad", function () { const hub = document.querySelector("#ssr-main > div > div[class^='SuperHub']"); if (hub) hub.scrollTop = 0; }); if (document.querySelector("div[class^='PageNotFound'].rm-Container")) { document.documentElement.classList.add("err"); } try { initialProps = JSON.parse(document.getElementById("ssr-props").innerHTML); initialPropsData = initialProps.context.variables; glossaryPropsData = initialProps.context.terms; } catch (e) { initialPropsData = {}; initialProps = {}; } /* function selectProjectLabelInSearch(select = false) { const listItems = document.querySelectorAll(".rm-SearchModal aside ol li"); listItems?.forEach(li => { const label = li.querySelector('.Toggle-label'); const input = li.querySelector('input'); if (label?.innerText === projContentName && input) { if ((!input.checked && select) || (!select && input.checked)) { input.click(); } } }); } $(document).on("click", ".err .docsearch-bar input", (e) => { selectProjectLabelInSearch(true); document.querySelector(".err .docsearch-bar input")?.blur(); document.querySelector(".rm-SearchToggle")?.click(); }); */ function languageSelectorAnalytics(isDefault = true, isRef = true) { const classSelector = isRef ? ".rm-LanguageButton_active" : "section[aria-hidden='false'] button[class*='TutorialEditor-Nav-Tab_active']"; let lang = $(classSelector).text(); if (!lang?.trim()) return ""; lang += isDefault ? " (Default)" : " (Clicked)"; return isRef ? `api:reference language:${lang}` : `recipes:recipe language:${lang}`; } function updateLoggedInDetailsOverride(duration = 200) { const isLoggedIn = document.documentElement.classList.contains("userLoggedIn"); const replaceLink = (element, loggedIn = false) => { if (!element) return; element.href = loggedIn ? element.href.replace("?redirect_uri=/home", "?redirect_uri=" + window.location.pathname) : element.href.replace("?redirect=/home", "?redirect=" + window.location.pathname); }; let ele; if (!privateProjects.includes(productSlugName)) { ele = document.querySelector("a.td-logout"); replaceLink(ele, true); ele = document.querySelector("div.td-logout a"); replaceLink(ele, true); } if (!isLoggedIn || !initialPropsData.user.email) { setTimeout(() => { ele = document.querySelector(".td-login"); replaceLink(ele); ele = document.querySelector(".td-mobile-login"); replaceLink(ele); }, duration); } if (isLoggedIn) { setTimeout(() => { let email = initialPropsData?.user?.email; if (!email) { try { email = JSON.parse(document.querySelector("#hub-me").dataset.json).user.email; } catch (e) { console.error("Error parsing user email", e.message); } } $(".td-user-icon").show(); $(".td-login .td-login-text").text(email).addClass("td-user"); $(".td-login").attr("data-tooltip", email); $(".td-mobile-login .td-login-text").text(email).addClass("td-user"); $(".td-login").attr("href", ""); $(".td-mobile-login").attr("href", ""); }, duration); } } $(window).on("pageLoad", function () { updateLoggedInDetailsOverride(); if (window.reWriteTags) { window.reWriteTags(); } if (perfCookieEnabled()) { if (!isMultipleSlug()) { _satellite.track("page_view", { url: window.location.href, adobeDataLayer }); } setTimeout(() => { if (window.location.pathname.includes("/reference/")) { const selectorValue = languageSelectorAnalytics(); const trigger = isMultipleRefLangClicked(selectorValue); if (!trigger) { _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); } } if (window.location.pathname.includes("/recipes/")) { const selectorValue = languageSelectorAnalytics(true, false); const trigger = isMultipleRefLangClicked(selectorValue); if (!trigger) { _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); } } }, 5); } }); $(window).on("click", ".rm-LanguageButton", function () { const selectorValue = languageSelectorAnalytics(false); if (!isMultipleRefLangClicked(selectorValue)) { _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); } }); $(window).on("click", ".postman-run-button", function () { const selectorValue = `api:${document.querySelector("title").innerText}:run in postman`; _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); }); $(window).on("click", "a.rm-Header-link.rm-Header-bottom-link", function (e) { const selectorValue = `navigation:${e.target.textContent}`; _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); }); $(document).on("click", ".rm-LanguagePicker div[class*='LanguagePicker-MenuItem']", function () { setTimeout(() => { const selectorValue = languageSelectorAnalytics(false); if (!isMultipleRefLangClicked(selectorValue)) { _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); } }, 5); }); $(window).on("click", ".TutorialEditor-Nav button", function () { const selectorValue = languageSelectorAnalytics(false, false); if (!isMultipleRecipeLang(selectorValue)) { _satellite.track("click_interaction", { linkValue: selectorValue, adobeDataLayer }); } }); $(document).on("keyup", ".docsearch-wrapper input", function (e) { if (e.keyCode === 13) { const searchInputs = document.querySelectorAll(".docsearch-wrapper input"); let searchTerm = searchInputs[1]?.value; if (searchTerm == undefined || searchTerm === "") searchTerm = searchInputs[0]?.value; if (!searchTerm?.trim()) return ""; _satellite.track("site_search", { "search term": searchTerm, "search type": "project search", url: window.location.href, adobeDataLayer, }); } }); function removeBetaAndPillClasses() { const tocBetas = [ "li.toc-children a", "span[class*='Sidebar-link-text'] span" ]; tocBetas.forEach(selector => { const elements = document.querySelectorAll(selector); elements.forEach(element => { element.querySelectorAll("span.beta").forEach(span => span.classList.remove("beta")); element.querySelectorAll("span.toc-beta").forEach(span => span.classList.remove("toc-beta")); element.querySelectorAll("span.pill").forEach(span => span.classList.remove("pill")); }); }); } document.addEventListener("DOMContentLoaded", function () { if (window.location.href.includes("reference")) { setTimeout(removeBetaAndPillClasses, 100); } const ob_beta = new MutationObserver(function () { if (window.location.href.includes("reference")) { setTimeout(removeBetaAndPillClasses, 100); } }); const config = { childList: true, subtree: true, characterData: true }; ob_beta.observe(document.body, config); }); // DOCHUB 4302 (function () { let currentUrl = location.href; function isExactMatchLocal(element, txt) { return element.innerText.trim() === txt; } function upgradeApiStatusLabelsLocal(isParameterOption = true) { if (window.location.href.includes("/docs/")) { return; } const selector = isParameterOption ? ".param-type" : ""; document.querySelectorAll(`#content.rm-Article ${selector} strong`).forEach((strongElement) => { strongElement.classList.remove("deprecated", "beta", "la"); if (isExactMatchLocal(strongElement, "Deprecated")) { strongElement.classList.add("deprecated"); } if (isExactMatchLocal(strongElement, "Beta")) { strongElement.classList.add("beta"); } if (isExactMatchLocal(strongElement, "Limited availability")) { strongElement.classList.add("la"); } }); } function waitForApiResponseSchemaAndRun() { const targetClass = "APIResponseSchemaPicker-items2bs6Pzrheef_"; const observer = new MutationObserver((mutations, obs) => { const el = document.querySelector(`[class*="${targetClass}"]`); if (el) { obs.disconnect(); setTimeout(upgradeApiStatusLabelsLocal, 200); } }); observer.observe(document.body, { childList: true, subtree: true, }); } function hookHistoryChanges() { const originalPush = history.pushState; const originalReplace = history.replaceState; const onChange = () => { if (location.href !== currentUrl) { currentUrl = location.href; console.log("[Router] URL changed to", currentUrl); waitForApiResponseSchemaAndRun(); } }; history.pushState = function () { originalPush.apply(this, arguments); onChange(); }; history.replaceState = function () { originalReplace.apply(this, arguments); onChange(); }; window.addEventListener("popstate", onChange); } const cancelUpgradeApiStatusLabels = () => { if (typeof window.upgradeApiStatusLabelsInSchema === "function") { window.upgradeApiStatusLabelsInSchema = function () {}; } else { setTimeout(cancelUpgradeApiStatusLabels, 10); } }; cancelUpgradeApiStatusLabels(); hookHistoryChanges(); waitForApiResponseSchemaAndRun(); })(); $(window).on("pageLoad", function () { if (window.location.hostname.includes("techdocs.akamai.com")) { setTimeout(updateSearchBar, 200); } }); /* * init:migration: Only execute for refactored projects */ if (!window.location.pathname.includes("home") && !window.location.pathname.includes("home-old")) { window.updateSearchBar = function () {}; function addErrors() { $(".rm-Sidebar-link > span").each(function () { const parentCode = $(this).children().first().text(); let iconClass = /^5[0-9]{2}$/.test(parentCode) ? "server-type" : null; iconClass = /^4[0-9]{2}$/.test(parentCode) ? "error-type" : iconClass; if (iconClass) { const icon = $(``); $(this).prepend(icon); } }); } function isExternal(link) { if (!link || link.startsWith("/") || link.startsWith("#")) return false; const isSameSiteLink = link.startsWith(location.origin); const isPdfLink = link.endsWith(".pdf") || link.includes(".pdf#"); if (isSameSiteLink && isPdfLink) return true; return !isSameSiteLink; } function isPrivateLink(href, privateProjects = []) { return privateProjects.some(p => href.includes(p)); } window.openNewTab = function () { const list = document.querySelectorAll("a[href]:not(.external-link)"); list.forEach(function (a) { const href = a.getAttribute("href"); if (isExternal(href) && !isPrivateLink(href, privateProjects)) { a.setAttribute("target", "_blank"); a.classList.add("external-link"); } }); }; const isReferenceSection = () => location.pathname.includes("/reference/"); const isChangelogSection = () => location.pathname.includes("/changelog"); const onlyAuthHelpTxt = [ "aura-secret-mgmt", "aura-lcdn-services", "aura-network-policy", "aura-lcdn-mapping", "aura-log-streaming", "aura-infrastructure", "aura-lcdn-deployment", "aura-lcdn-content-delivery", "aura-lcdn-content-control", "linode-api", "cloudtest", "msl5-harmonic" ]; const projectsForMutualAuth = ["iot-edge-message-stream", "iot-edge-connect-msg-store"]; const projectsToSkipForCodeComment = ["mpulse", ...onlyAuthHelpTxt]; const authLink = new Set([ "mpulse", "cloudtest", "identity-cloud", "netstorage-usage", "iot-edge-message-stream", "iot-edge-connect-msg-store", ]); function debounce(func, wait) { let timeout; return function executedFunction(...args) { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; } async function getData(url, isText = false) { const fetchOptions = { method: "GET", cache: "default", headers: { Accept: "application/json" }, redirect: "follow" }; const response = await fetch(url, fetchOptions); return isText ? await response.text() : await response.json(); } async function getDataFromEKV(groupId, itemId) { const url = `https://techdocs.akamai.com/api/ew?groupId=${groupId}&itemId=${itemId}`; return await getData(url, true); } function commentCodeLine(commentText = "") { return `

${commentText}

`; } function injectCodeComment() { if (!isReferenceSection()) return; const projName = location.pathname.split("/", 2)[1]; if (projectsToSkipForCodeComment?.includes(projName)) return; const codeHeaderExists = $(".CodeSnippet").text().includes("header"); const languageCommentSymbol = $(".rm-LanguageButton_active").text() === "Node" ? "//" : "#"; const authDiv = $("div.auth-code-comment"); if (authDiv.length) return; const commentText = projectsForMutualAuth?.includes(projName) ? "Use mutual auth or add JWT to this snippet" : "Add Authorization header to this snippet"; const commentLine = commentCodeLine(`${languageCommentSymbol} ${commentText}`); const codeLines = document.querySelectorAll(".CodeSnippet .CodeMirror-code > div"); for (let index = 0; index < codeLines.length; index++) { const codeElement = codeLines[index]; const txt = codeElement.textContent; const addElementBefore = txt.includes("options") || txt.includes("header") || txt.includes("sdk.") || txt.includes("sdk["); if (addElementBefore) { $(codeElement).before(commentLine); break; } if (!codeHeaderExists && txt.includes("url") && !txt.includes("curl")) { $(commentLine).insertAfter($(codeElement)); break; } } } $(document).on("focus", ".CodeSnippet, .rm-ParamInput, .ServerVars-form .ServerVars-input", function () { injectCodeComment(); }); $(document).on("change", ".CodeMirror-code", function () { injectCodeComment(); }); $(document).on("blur", ".CodeSnippet, .rm-ParamInput, .ServerVars-form .ServerVars-input", function () { injectCodeComment(); }); $(document).on("click", ".rm-PlaygroundRequest div[class*='APIRequest-menu-item'], div[class*='LanguagePicker-MenuItem']", function () { setTimeout(injectCodeComment, 200); }); $(document).on("click", ".rm-LanguagePicker .rm-LanguageButton", function () { setTimeout(injectCodeComment, 200); }); $(window).on("resize", debounce(function () { if (isReferenceSection() && !$("div.auth-code-comment").length) { injectCodeComment(); } }, 250)); function addPostmanButton(pmApiUrl, docsUrl, target) { const infoEle = `To run this code or try it in Postman, set up your authentication credentials.`; const auth = `

Not familiar with Postman? Learn how to use collections.

`; const button = `

`; const ele = $( `

AUTHENTICATE & TRY IT

${infoEle}${auth}${button}

` ); ele.insertAfter($("#ReferencePlayground > section:nth-child(1)")); } async function postmanAuth() { if (!isReferenceSection()) return false; const postmanSessionItem = "akam_pm_info"; const apiTitle = document.querySelector(".rm-Sidebar-section .rm-Sidebar-heading + .rm-Sidebar-list .rm-Sidebar-link")?.innerText; if (!apiTitle) return false; let pmInfo = sessionStorage.getItem(postmanSessionItem); pmInfo = pmInfo ? JSON.parse(pmInfo) : null; if (!pmInfo) { pmInfo = await getData("https://techdocs.akamai.com/assets/postman.json"); sessionStorage.setItem(postmanSessionItem, JSON.stringify(pmInfo)); } const { collections, collectionBaseUrl } = pmInfo; if (!collections?.hasOwnProperty(apiTitle)) return false; const groupId = apiTitle.replace(/ /g, "_"); await new Promise(r => setTimeout(r, 350)); const itemId = document.querySelector("title")?.innerText ?.replace(/ /g, "_") .replace(/'/g, "") .replace(/\//g, ""); if (!itemId) return false; const ssKey = `${groupId}-${itemId}`; let eId = sessionStorage.getItem(ssKey); if (!eId) { const endpointId = await getDataFromEKV(groupId, itemId); if (!endpointId || endpointId.includes("Error")) { $("section.PostmanSection").remove(); return false; } eId = endpointId.replace(/"/g, ""); sessionStorage.setItem(ssKey, eId); } $("span.auth-section-info").parent().remove(); const partialUrl = collections[apiTitle][0]; const pmApiUrlToUse = `${collectionBaseUrl}/${partialUrl}${eId}`; let target = "_blank"; let docsUrl = "https://techdocs.akamai.com/developer/docs/set-up-authentication-credentials"; if (!partialUrl.startsWith("akamai-apis/")) { document.querySelectorAll(".rm-Sidebar-section:first-child .rm-Sidebar-link").forEach(x => { if (x.textContent?.toLowerCase().includes("get started")) { docsUrl = x.href; target = "_self"; } }); } addPostmanButton(pmApiUrlToUse, docsUrl, target); return true; } async function authHelp() { if (!isReferenceSection()) return; const projName = location.pathname.split("/", 2)[1]; function credentialElementLink() { const isIncluded = authLink.has(projName) || onlyAuthHelpTxt.includes(projName); const target = isIncluded ? "_self" : "_blank"; let link = isIncluded ? `${projName}/reference/get-started` : "developer/docs/set-up-authentication-credentials"; let txt = onlyAuthHelpTxt.includes(projName) ? "authorization token" : "authentication credentials"; if (projName === "mpulse") { const category = $(".rm-Sidebar-section .subnav-expanded .rm-Sidebar-link.active") .first() .parents(".rm-Sidebar-section") .children() .first() .text(); if (["Beacons"].includes(category)) { link = "mpulse/reference/beacons#getting-started"; txt = "API key"; } else { txt = "authentication token"; } } return `${txt}`; } function addAuthSection() { const authHeaderText = onlyAuthHelpTxt.includes(projName) ? `Remember to get your ${credentialElementLink()} to run this code.` : `Remember to add your ${credentialElementLink()} to run this code.`; const infoEle = `${authHeaderText}`; const header = $(".APIAuth [class*='APISectionHeader3LN'] [class*='APISectionHeader']"); if (header.length > 0) { if (header.text() === "Authorization") { header.text("Authentication"); if (!header.parent().next().hasClass("auth-section-info")) { header.parent().after(infoEle); } } } else if (projName !== "linode-api") { if ($("span.auth-section-info").length === 0) { const authEleSection = `

Authentication

${infoEle}

`; $("#ReferencePlayground").children().eq(1).before(authEleSection); } } } if (!onlyAuthHelpTxt.includes(projName)) { $("section.InputGroup").hide(); } const hasPostman = await postmanAuth(); $("span.auth-section-info").show(); if (!hasPostman) { addAuthSection(); } if (!$("div.auth-code-comment").length) { injectCodeComment(); } } function readMore() { if (!isChangelogSection()) return; const hasTxt = document.querySelectorAll(".ch-release-note").length; if (hasTxt) return; document.querySelectorAll(".rm-Changelog article[class*='ChangelogPostExcerpt']").forEach(post => { const href = post.querySelectorAll("h2 a")[0]?.getAttribute("href"); if (!href) return; const span = document.createElement("span"); span.classList.add("ch-release-note"); span.innerText = "Read full release note"; post.querySelectorAll("section.markdown-body")[0]?.append(span); }); } $(window).on("click", "a.rm-Header-bottom-link, a[class*='Pagination-link']", function () { if (this.getAttribute("href")?.includes("changelog")) readMore(); }); $(document).on("click", ".ch-release-note", function () { $(this).parent().siblings("h2").children("a").trigger("click"); }); function releaseNotesBackButton() { if (!isChangelogSection()) return; const backBtnDiv = document.querySelector(".rm-Changelog article.rm-Changelog-post > div"); if (!backBtnDiv) return; const projContentName = document.querySelector("meta[property='og:site_name']").content; const btnText = projContentName + " release notes"; const span = backBtnDiv.querySelectorAll("button span")[1]; if (span) { span.innerText = btnText; } else { const firstLink = backBtnDiv.querySelectorAll("a")[0]; const spanIcon = firstLink.querySelectorAll("span")[0].outerHTML; firstLink.innerHTML = spanIcon + `${btnText}`; firstLink.style.display = "flex"; } const backToAllBtn = document.querySelector(".rm-Changelog a.to_all_notes"); if (!backToAllBtn) { const anchor = document.createElement("a"); anchor.className = "Button Button_sm Button Button_sm Button_text to_all_notes ChangelogPost_backVFYixWm1Jvy7 Button_primary"; anchor.type = "button"; anchor.href = "/release-notes/docs"; anchor.innerHTML = 'All release notes'; anchor.style.display = "flex"; backBtnDiv.appendChild(anchor); } const div = document.querySelector("article.rm-Changelog-post div[class*='ChangelogPage_back']"); if (div) div.style.display = "flex"; } function openFirstResponse() { $(".rm-PlaygroundResponse div[class*='APIResponse-empty'] button:first-child").trigger("click"); } /* let isProgrammaticClick = false; $(window).on("click", ".docsearch-bar input.Input", function () { if (document.querySelector(".rm-SearchModal.show-modal")) return; shouldFilterByProject = true; isProgrammaticClick = true; $(this).trigger("blur"); $(".rm-Header-search .rm-SearchToggle").trigger("click"); setTimeout(() => { isProgrammaticClick = false; runWithRetries(document, { interval: 50, maxTries: 20 }); }, 0); }); $(window).on("click", ".rm-Header-search .rm-SearchToggle", function () { if (isProgrammaticClick) return; shouldFilterByProject = true; setTimeout(() => { runWithRetries(document, { interval: 50, maxTries: 20 }); }, 0); }); */ function collapsibleTableRows() { const tables = document.querySelectorAll("table"); if (!tables.length) return; const expandableRows = document.querySelectorAll("tr.expand"); if (expandableRows.length) return; $("table").each(function () { const colLength = $(this).children().first().children().first().children().length; const tRows = $(this).children().find("tr"); tRows.each(function (j, tRow) { if (j === tRows.length - 1) return; const rowChilds = $(this).children(); let len = 0; rowChilds.length && rowChilds.each(function () { if ($(this).html() === "") len += 1; }); if (len === rowChilds.length - 1 && $(rowChilds[0]).html() !== "") { if ($(this).hasClass("expand")) return; $(this).addClass("expand"); rowChilds.first().siblings().remove().wrapInner(""); rowChilds .prepend('') .wrapInner(''); tRow.firstElementChild.setAttribute("colspan", colLength); tRow.firstElementChild.style.fontWeight = "600"; } }); }); console.log("Collapsible table rows initialized"); } $(document).on("click", ".clickable-triangle", function () { const triangleSpan = $(this).children().first(); triangleSpan.toggleClass("triangle-right"); triangleSpan.toggleClass("triangle-bottom"); $(this).parent().parent().nextUntil("tr.expand").toggle(); }); /* const TARGET_LABEL = (() => { const meta = document.querySelector('meta[property="og:site_name"]'); return meta?.getAttribute("content")?.trim() || ""; })(); const norm = s => (s || "").replace(/\s+/g, " ").trim(); let shouldFilterByProject = false; function tryToggleOnce(root = document) { const filter = root.querySelector(".rm-SearchFilter, [class*='SearchProjectsFilter']"); if (!filter) return false; const spans = filter.querySelectorAll(".Toggle-label, .Toggle-label_md, [class*='Toggle-label']"); if (!spans.length) return false; let didSomething = false; for (const span of spans) { const labelEl = span.closest("label"); if (!labelEl) continue; const input = labelEl.querySelector('input[type="checkbox"]'); if (!input) continue; const isTarget = TARGET_LABEL && norm(span.textContent) === norm(TARGET_LABEL); if (shouldFilterByProject && isTarget) { if (!input.checked) { input.click(); input.dispatchEvent(new Event("change", { bubbles: true })); didSomething = true; } const listItem = labelEl.closest("li"); const list = listItem?.closest("ol"); if (list && listItem && list.firstElementChild !== listItem) { list.prepend(listItem); } continue; } if (!shouldFilterByProject && input.checked) { input.click(); input.dispatchEvent(new Event("change", { bubbles: true })); didSomething = true; } } return didSomething; } function runWithRetries(root, { interval = 75, maxTries = 30 } = {}) { let tries = 0; const id = setInterval(() => { tries++; const ok = tryToggleOnce(root); if (ok || tries >= maxTries) clearInterval(id); }, interval); } let lastModal = null; const mo = new MutationObserver(muts => { for (const m of muts) { for (const n of m.addedNodes) { if (!(n instanceof HTMLElement)) continue; const modal = n.matches?.(".rm-SearchModal, [class*='SearchModal']") ? n : n.querySelector?.(".rm-SearchModal, [class*='SearchModal']"); if (modal && modal !== lastModal) { lastModal = modal; setTimeout(() => runWithRetries(modal), 50); } } } }); mo.observe(document.body, { childList: true, subtree: true }); window.addEventListener("load", () => { shouldFilterByProject = true; setTimeout(() => runWithRetries(document), 200); }); function reorderAlphabetically(listItem, list) { const itemText = norm(listItem.find(".Toggle-label").text()); const siblings = list.children("li"); let inserted = false; siblings.each(function () { if (this === listItem[0]) return true; const siblingText = norm($(this).find(".Toggle-label").text()); const siblingInput = $(this).find("input.Toggle-input")[0]; if (siblingInput?.checked) return true; if (itemText.localeCompare(siblingText) < 0) { listItem.insertBefore($(this)); inserted = true; return false; } }); if (!inserted) { list.append(listItem); } } */ function waitForElement(selector) { return new Promise(resolve => { const existingElement = document.querySelector(selector); if (existingElement) { return resolve(existingElement); } const observer = new MutationObserver((mutations, obs) => { const element = document.querySelector(selector); if (element) { resolve(element); obs.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true, }); }); } function waitForAllElements(selector, callback, settleTime = 100) { let timer; const initialElements = document.querySelectorAll(selector); if (initialElements.length > 0) { callback(); return; } const observer = new MutationObserver((mutations, obs) => { const elements = document.querySelectorAll(selector); if (elements.length > 0) { clearTimeout(timer); timer = setTimeout(() => { obs.disconnect(); callback(); }, settleTime); } }); observer.observe(document.body, { childList: true, subtree: true }); } function retryUntilReady(checkAndApply, { interval = 100, maxTries = 30 } = {}) { let tries = 0; const id = setInterval(() => { tries++; const done = checkAndApply(); if (done || tries >= maxTries) clearInterval(id); }, interval); } function tryReadMore() { if (!isChangelogSection()) return true; const articles = document.querySelectorAll(".rm-Changelog article[class*='ChangelogPostExcerpt']"); if (!articles.length) return false; readMore(); return true; } function tryReleaseNotesBackButton() { if (!isChangelogSection()) return true; const backBtnDiv = document.querySelector(".rm-Changelog article.rm-Changelog-post > div"); if (!backBtnDiv) return false; releaseNotesBackButton(); return true; } $(window).on("pageLoad", async () => { console.log("pageLoad start"); setTimeout(() => { document .querySelectorAll(".rm-SearchToggle-placeholder") .forEach(x => (x.innerHTML = "Search this doc set")); updateLoggedInDetailsOverride(); openFirstResponse(); }, 100); if (isChangelogSection()) { waitForAllElements(".rm-Changelog article[class*='ChangelogPostExcerpt']", readMore, 150); waitForElement(".rm-Changelog article.rm-Changelog-post > div").then(releaseNotesBackButton); } if (isReferenceSection()) { await authHelp(); injectCodeComment(); } addErrors(); waitForAllElements("table", collapsibleTableRows, 100); console.log("pageLoad end"); }); $(window).on("click", "a.td-contact", function () { $("a.td-contact .td-icon-nav-up").toggleClass("td-icon-down"); $(".td-contact-dropdown-content").toggle(); $(".td-login-dropdown-content").hide(); }); $(window).on("click", ".td-login", function (e) { if (!$(".td-login").attr("href")) { e.preventDefault(); } $(".td-login-dropdown-content").toggle(); $(".td-contact-dropdown-content").hide(); $(".td-contact .td-icon").removeClass("td-icon-down"); }); $(window).on("click", ".td-mobile-nav-icons .td-icon-menu", function () { $(".td-mobile").toggle(); $(".td-search-flyout").hide(); $(".td-mobile-nav-icons .icon-search1").removeClass("td-active"); $(".td-icon-menu").toggleClass("td-icon-hover"); }); $(window).on("click", ".err .td-mobile-nav-icons-1 .td-icon-menu", function () { $(".td-mobile").toggle(); $(".err .td-search-flyout-1").hide(); $(".err .td-mobile-nav-icons-1 .icon-search1").removeClass("td-active"); $(".td-icon-menu").toggleClass("td-icon-hover"); }); $(window).on("blur", ".td-contact-dropdown", function (e) { if (!e.relatedTarget) { $(".td-contact-dropdown-content").hide(); $(".td-contact .td-icon").removeClass("td-icon-down"); } }); $(window).on("blur", ".td-login", function (e) { if (!e.relatedTarget) { $(".td-login-dropdown-content").hide(); } }); $(window).on("click", ".td-mobile-nav-icons .icon-search1", function () { $(".td-search-flyout").toggle(); $(".td-mobile").hide(); $(".td-icon-menu").removeClass("td-icon-hover"); $(".td-mobile-nav-icons .icon-search1").toggleClass("td-active"); }); $(window).on("click", ".err .td-mobile-nav-icons-1 .icon-search1", function () { $(".err .td-search-flyout-1").toggle(); $(".td-mobile").hide(); $(".td-icon-menu").removeClass("td-icon-hover"); $(".err .td-mobile-nav-icons-1 .icon-search1").toggleClass("td-active"); }); window.addEventListener("load", () => { openFirstResponse(); setTimeout(() => { console.log(!$("tr.expand").length); setTimeout(collapsibleTableRows, 1000); isChangelogSection() && readMore(); }, 1000); }); } // Beta pills upgrade for refactored $(document).on("click", ".Button_slate_text.Button_md.rm-Header-bottom-link", function () { setTimeout(function () { const spans = document.querySelectorAll('span[class^="VersionBadge"]'); spans.forEach((span) => { console.log(span); if (span.textContent.trim() === "Beta") { span.classList.add("beta"); } }); }, 100); }); // README-532 do not create beta pills in text content function isExactMatch(element, txt) { return element.innerText.trim() === txt; } function upgradeApiStatusLabels(isParameterOption = true) { if (window.location.href.includes("/docs/")) { return; } const selector = isParameterOption ? ".param-type" : ""; document.querySelectorAll(`#content.rm-Article ${selector} strong`).forEach((strongElement) => { strongElement.classList.remove("deprecated"); strongElement.classList.remove("beta"); strongElement.classList.remove("la"); if (isExactMatch(strongElement, "Deprecated")) { strongElement.classList.add("deprecated"); } if (isExactMatch(strongElement, "Beta")) { strongElement.classList.add("beta"); } if (isExactMatch(strongElement, "Limited availability")) { strongElement.classList.add("la"); } }); } function upgradeApiStatusLabelsInSchema() { const buttons = document.querySelectorAll('[class*="APIResponseSchemaPicker-option"]'); buttons.forEach(function (button) { button.addEventListener("click", () => { setTimeout(upgradeApiStatusLabels, 5); }); }); } function upgradeApiStatusLabelsInNav() { function replaceNavStatus(labelType, element, text) { const remainingText = text.substring(labelType.length); const strongTag = document.createElement("strong"); strongTag.textContent = labelType.charAt(0).toUpperCase() + labelType.slice(1); strongTag.className = labelType; element.innerHTML = ""; element.appendChild(strongTag); element.appendChild(document.createTextNode(`${remainingText}`)); } const swaggerTitlesNav = document.querySelectorAll(".rm-Sidebar h3"); swaggerTitlesNav.forEach((title) => { const text = title.textContent.trim(); if (text.startsWith("Beta")) { replaceNavStatus("beta", title, text); } if (text.startsWith("Deprecated")) { replaceNavStatus("deprecated", title, text); } if (text.startsWith("Limited availability")) { replaceNavStatus("la", title, text); } }); } // README-468 Beta labels nested in clickable properties in schemas function schemaNestedStatusLabels() { document.querySelectorAll("button[class*='Param-expand']").forEach(button => { button.addEventListener("click", function () { setTimeout(() => { const container = this.parentElement.querySelector("[class*='Param-children']"); if (container && container.style.display !== "none" && getComputedStyle(container).display !== "none") { container.querySelectorAll("p strong").forEach(strongElement => { if (isExactMatch(strongElement, "Deprecated")) { strongElement.classList.add("deprecated"); } if (isExactMatch(strongElement, "Beta")) { strongElement.classList.add("beta"); } if (isExactMatch(strongElement, "Limited availability")) { strongElement.classList.add("la"); } }); } }, 200); }); }); } // README-408 Beta labels in guides function handleBetaInHeadings(heading, size, isApi = false) { if (!isApi && window.location.href.includes("/docs/")) { const headingTextDivs = document.querySelectorAll(heading); headingTextDivs.forEach(div => { const betaRegex = /$Beta$/i; const laRegex = /$Limited availability$/i; const deprecatedRegex = /$Deprecated$/i; if (betaRegex.test(div.innerHTML)) { div.innerHTML = div.innerHTML.replace( betaRegex, `(Beta)` ); } if (laRegex.test(div.innerHTML)) { div.innerHTML = div.innerHTML.replace( laRegex, `(Limited availability)` ); } if (deprecatedRegex.test(div.innerHTML)) { div.innerHTML = div.innerHTML.replace( deprecatedRegex, `(Deprecated)` ); } }); } } function applyBetaChanges() { const bodyBetas = [ "h1.heading .heading-text", "h2.heading .heading-text", "h3.heading .heading-text", ".col-xs-9 h1" ]; const tocBetas = [ "li.toc-children a", "span[class*='Sidebar-link-text'] span" ]; bodyBetas.forEach(selector => { handleBetaInHeadings(selector, "super-text"); }); tocBetas.forEach(selector => { handleBetaInHeadings(selector, "toc-beta"); }); } function applyAllBetaChanges() { applyBetaChanges(); upgradeApiStatusLabels(false); setTimeout(() => upgradeApiStatusLabels(true), 50); upgradeApiStatusLabelsInNav(); setTimeout(upgradeApiStatusLabelsInSchema, 200); setTimeout(schemaNestedStatusLabels, 100); } document.addEventListener("DOMContentLoaded", function () { applyAllBetaChanges(); let labelTimer = null; const config = { childList: true, subtree: true, characterData: true }; const observer = new MutationObserver(function () { observer.disconnect(); clearTimeout(labelTimer); labelTimer = setTimeout(() => { applyAllBetaChanges(); observer.observe(document.body, config); }, 50); }); observer.observe(document.body, config); }); $(window).on("pageLoad", function () { setTimeout(applyAllBetaChanges, 200); }); // ======================================== // SEARCH DEBUG + BEHAVIOR // ======================================== // GOALS // 1) Top/global search input opens modal and clears project filters // 2) Native header search button opens modal and auto-checks current project // 3) Invalid tabs remain visible, but are fully blocked when scoped to a project // 4) If current project is manually unchecked, tabs behave normally again // 5) Debug logging included // ======================================== (function () { const HEADER_SEARCH_BUTTON_SELECTOR = ".rm-Header-search .rm-SearchToggle"; const TOP_SEARCH_INPUT_SELECTOR = ".docsearch-bar input, .docsearch-wrapper input"; const SEARCH_MODAL_SELECTOR = ".rm-SearchModal, [class*='SearchModal']"; const PRIMARY_NAV_SELECTOR = 'nav[aria-label="Primary navigation"]'; const PROJECT_SLUG = window.location.pathname.split("/").filter(Boolean)[0] || ""; const LOCAL_PROJECT_PREFIX = PROJECT_SLUG ? `/${PROJECT_SLUG}/` : ""; const PROJECT_LABEL = ( document.querySelector('meta[property="og:site_name"]')?.getAttribute("content") || window.projContentName || "").trim(); if (!PROJECT_LABEL || !PROJECT_SLUG) { console.warn("[SEARCH DEBUG] Missing PROJECT_LABEL or PROJECT_SLUG", { PROJECT_LABEL, PROJECT_SLUG }); return; } let pendingProjectScope = false; let appliedForCurrentOpen = false; let pollTimer = null; let activeModal = null; let isProgrammaticOpen = false; function dbg(label, data) { try { console.log(`[SEARCH DEBUG] ${label}`, data || ""); } catch (e) {} } function normalizeText(value) { return (value || "").replace(/\s+/g, " ").trim().toLowerCase(); } function clearPoll() { if (pollTimer) { clearInterval(pollTimer); pollTimer = null; dbg("clearPoll()"); } } function getModal() { return document.querySelector(SEARCH_MODAL_SELECTOR); } function isModalVisible(modal) { return !!(modal && (modal.classList.contains("show-modal") || modal.offsetParent !== null)); } function getSearchProjectInputs(modal) { if (!modal) return []; return [...modal.querySelectorAll("label")] .map((label) => { const textEl = label.querySelector(".Toggle-label, .Toggle-label_md, [class*='Toggle-label']"); const input = label.querySelector('input[type="checkbox"]'); if (!textEl || !input) return null; return { label, input, text: normalizeText(textEl.textContent), rawText: textEl.textContent }; }) .filter(Boolean); } function getCurrentProjectInput(modal) { const target = normalizeText(PROJECT_LABEL); const options = getSearchProjectInputs(modal); dbg("getCurrentProjectInput() options", options.map(o => ({ rawText: o.rawText, normalized: o.text, checked: o.input.checked }))); const match = options.find((option) => option.text === target); dbg("getCurrentProjectInput() match", match ? { rawText: match.rawText, normalized: match.text, checked: match.input.checked } : null); return match?.input || null; } /* // COMMENTED OUT FOR NOW: #3 / #4 tab-blocking support function isCurrentProjectScoped(modal) { const input = getCurrentProjectInput(modal); return !!(input && input.checked); } */ function getHubMeData() { try { const el = document.querySelector("#hub-me"); if (!el?.dataset?.json) return null; return JSON.parse(el.dataset.json); } catch (e) { dbg("getHubMeData() parse failed", e); return null; } } function getCurrentProjectMeta() { const hubMe = getHubMeData(); const meta = hubMe?.search?.metaData || []; if (!Array.isArray(meta)) return null; const found = meta.find((p) => normalizeText(p.subdomain) === normalizeText(PROJECT_SLUG)) || meta.find((p) => normalizeText(p.name) === normalizeText(PROJECT_LABEL)); dbg("getCurrentProjectMeta()", found ? { name: found.name, subdomain: found.subdomain, modules: found.modules, nav_names: found.nav_names } : null); return found || null; } function getCurrentProjectNavState() { const nav = document.querySelector(PRIMARY_NAV_SELECTOR); if (!nav) { dbg("getCurrentProjectNavState() no nav found"); return null; } const links = [...nav.querySelectorAll("a.rm-Header-bottom-link")]; const state = { enabled: new Set(), disabled: new Set() }; links.forEach((link) => { const href = link.getAttribute("href") || ""; const isLocalProjectLink = href.startsWith(LOCAL_PROJECT_PREFIX); if (!isLocalProjectLink) return; const text = normalizeText(link.textContent); if (!text) return; const isDisabled = link.classList.contains("NavItem_muted2-OqeulnYimX") || !!link.querySelector('[aria-label="Section Disabled"]') || !!link.querySelector('[class*="DisabledSectionBadge"]'); if (isDisabled) { state.disabled.add(text); } else { state.enabled.add(text); } }); dbg("getCurrentProjectNavState()", { enabled: [...state.enabled], disabled: [...state.disabled] }); return state; } /* // COMMENTED OUT FOR NOW: #3 / #4 tab invalidation + blocking logic function isTabInvalidForCurrentProject(tabLabel) { const label = normalizeText(tabLabel); const meta = getCurrentProjectMeta(); const navState = getCurrentProjectNavState(); let blockedByMeta = false; let blockedByNav = false; if (meta) { const modules = meta.modules || {}; const navNames = meta.nav_names || {}; if (label === "guide" || label === "guides") { blockedByMeta = modules.docs === false || !String(navNames.docs || "").trim(); } else if (label === "recipes") { blockedByMeta = (modules.tutorials === false && modules.examples === false) || !String(navNames.recipes || "").trim(); } else if (label === "api" || label === "reference") { blockedByMeta = modules.reference === false || !String(navNames.reference || "").trim(); } else if (label === "release notes" || label === "changelog") { blockedByMeta = modules.changelog === false || !String(navNames.changelog || "").trim(); } else if (label === "discussions") { blockedByMeta = modules.discuss === false || !String(navNames.discuss || "").trim(); } else if (label === "pages") { blockedByMeta = modules.custompages === false; } } if (navState) { if (label === "guide" || label === "guides") { blockedByNav = navState.disabled.has("guide") || navState.disabled.has("guides"); } else if (label === "recipes") { blockedByNav = navState.disabled.has("recipes"); } else if (label === "api" || label === "reference") { blockedByNav = navState.disabled.has("api") || navState.disabled.has("reference"); } else if (label === "release notes" || label === "changelog") { blockedByNav = navState.disabled.has("release notes") || navState.disabled.has("changelog"); } else if (label === "discussions") { blockedByNav = navState.disabled.has("discussions"); } else if (label === "pages") { blockedByNav = navState.disabled.has("pages"); } } const blocked = blockedByMeta || blockedByNav; dbg("isTabInvalidForCurrentProject()", { tabLabel, blocked, blockedByMeta, blockedByNav }); return blocked; } function applyBlockedTabStyles(tab, blocked) { tab.removeAttribute("data-search-tab-blocked"); tab.removeAttribute("aria-disabled"); tab.style.opacity = ""; tab.style.cursor = ""; tab.style.pointerEvents = ""; tab.style.userSelect = ""; tab.tabIndex = 1; if (!blocked) return; tab.setAttribute("data-search-tab-blocked", "true"); tab.setAttribute("aria-disabled", "true"); tab.style.opacity = "0.45"; tab.style.cursor = "not-allowed"; tab.style.pointerEvents = "none"; tab.style.userSelect = "none"; tab.tabIndex = -1; } function setTabState(modal) { if (!modal) return; const tabs = modal.querySelectorAll('[role="tab"][aria-label], .Tabs-list [role="tab"]'); if (!tabs.length) { dbg("setTabState() no tabs found"); return; } const scoped = isCurrentProjectScoped(modal); dbg("setTabState()", { scoped, tabCount: tabs.length }); tabs.forEach((tab) => { const ariaLabel = tab.getAttribute("aria-label") || ""; const textLabel = tab.textContent || ""; const normalizedAria = normalizeText(ariaLabel); const normalizedText = normalizeText(textLabel); if (normalizedAria === "all" || normalizedText === "all") { applyBlockedTabStyles(tab, false); return; } if (!scoped) { applyBlockedTabStyles(tab, false); return; } const blocked = isTabInvalidForCurrentProject(ariaLabel) || isTabInvalidForCurrentProject(textLabel); dbg("tab state decision", { ariaLabel, textLabel, blocked }); applyBlockedTabStyles(tab, blocked); }); } */ function tryCheckProjectBox(modal) { if (!modal || !pendingProjectScope || appliedForCurrentOpen) { dbg("tryCheckProjectBox() skipped", { hasModal: !!modal, pendingProjectScope, appliedForCurrentOpen }); return false; } const matchedInput = getCurrentProjectInput(modal); if (!matchedInput) { dbg("tryCheckProjectBox() no matched input"); return false; } dbg("tryCheckProjectBox() before", { checked: matchedInput.checked, project: PROJECT_LABEL }); if (!matchedInput.checked) { matchedInput.click(); dbg("tryCheckProjectBox() clicked checkbox"); } appliedForCurrentOpen = true; pendingProjectScope = false; /* // COMMENTED OUT FOR NOW: #3 / #4 tab-state handling setTimeout(() => { setTabState(modal); }, 75); */ clearPoll(); return true; } function startProjectScopePolling(modal) { clearPoll(); let attempts = 0; const maxAttempts = 30; dbg("startProjectScopePolling()", { maxAttempts }); pollTimer = setInterval(() => { attempts += 1; dbg("poll tick", { attempts }); const worked = tryCheckProjectBox(modal); if (worked || attempts >= maxAttempts) { dbg("poll finished", { worked, attempts }); clearPoll(); /* // COMMENTED OUT FOR NOW: #3 / #4 tab-state handling setTimeout(() => setTabState(modal), 100); */ } }, 100); } function clearAllProjectFilters(modal) { if (!modal) return; const inputs = getSearchProjectInputs(modal) .map(option => option.input) .filter(Boolean); dbg("clearAllProjectFilters()", { checkedCount: inputs.filter(input => input.checked).length }); inputs.forEach((input) => { if (input.checked) { input.click(); } }); } function clearAllProjectFiltersWhenReady() { let attempts = 0; const maxAttempts = 20; dbg("clearAllProjectFiltersWhenReady() start"); const interval = setInterval(() => { attempts += 1; const modal = getModal(); dbg("clearAllProjectFiltersWhenReady() tick", { attempts, modalVisible: isModalVisible(modal) }); if (!isModalVisible(modal)) { if (attempts >= maxAttempts) clearInterval(interval); return; } const inputs = getSearchProjectInputs(modal); if (inputs.length) { clearAllProjectFilters(modal); /* // COMMENTED OUT FOR NOW: #3 / #4 tab-state handling setTimeout(() => setTabState(modal), 50); */ clearInterval(interval); dbg("clearAllProjectFiltersWhenReady() done"); return; } if (attempts >= maxAttempts) { clearInterval(interval); } }, 100); } function resetModalState() { dbg("resetModalState()"); appliedForCurrentOpen = false; pendingProjectScope = false; clearPoll(); activeModal = null; isProgrammaticOpen = false; } // Native header search button: SHOULD project-scope $(document).off("click.searchDebugHeader", HEADER_SEARCH_BUTTON_SELECTOR); $(document).on("click.searchDebugHeader", HEADER_SEARCH_BUTTON_SELECTOR, function (e) { dbg("HEADER SEARCH BUTTON click", { isProgrammaticOpen, target: e.target }); if (isProgrammaticOpen) { dbg("HEADER SEARCH BUTTON ignored because programmatic"); return; } pendingProjectScope = true; appliedForCurrentOpen = false; }); // Top/global search input: SHOULD open only, clear all project filters $(document).off("mousedown.searchDebugTop", TOP_SEARCH_INPUT_SELECTOR); $(document).on("mousedown.searchDebugTop", TOP_SEARCH_INPUT_SELECTOR, function (e) { dbg("TOP SEARCH mousedown", { selector: TOP_SEARCH_INPUT_SELECTOR, target: e.target }); e.preventDefault(); e.stopImmediatePropagation(); pendingProjectScope = false; appliedForCurrentOpen = false; if (typeof this.blur === "function") { this.blur(); } const btn = document.querySelector(HEADER_SEARCH_BUTTON_SELECTOR); dbg("TOP SEARCH forcing native button click", { foundButton: !!btn }); if (btn) { isProgrammaticOpen = true; btn.click(); setTimeout(() => { isProgrammaticOpen = false; dbg("TOP SEARCH cleared isProgrammaticOpen"); clearAllProjectFiltersWhenReady(); }, 0); } }); $(document).off("click.searchDebugTop", TOP_SEARCH_INPUT_SELECTOR); $(document).on("click.searchDebugTop", TOP_SEARCH_INPUT_SELECTOR, function (e) { dbg("TOP SEARCH click", { selector: TOP_SEARCH_INPUT_SELECTOR, target: e.target }); e.preventDefault(); e.stopImmediatePropagation(); }); /* // COMMENTED OUT FOR NOW: #3 / #4 checkbox-driven tab-state updates $(document).off("change.searchDebugFilters", ".rm-SearchModal input[type='checkbox'], [class*='SearchModal'] input[type='checkbox']"); $(document).on("change.searchDebugFilters", ".rm-SearchModal input[type='checkbox'], [class*='SearchModal'] input[type='checkbox']", function () { const modal = getModal(); dbg("FILTER checkbox change", { checked: this.checked, value: this.value, labelText: $(this).closest("label").text().trim() }); if (!modal) return; setTimeout(() => { setTabState(modal); }, 50); }); */ /* // COMMENTED OUT FOR NOW: #3 / #4 hard-block invalid tabs $(document).off("click.searchDebugBlockedTabs", ".rm-SearchModal [role='tab'][data-search-tab-blocked='true'], [class*='SearchModal'] [role='tab'][data-search-tab-blocked='true']"); $(document).on("click.searchDebugBlockedTabs", ".rm-SearchModal [role='tab'][data-search-tab-blocked='true'], [class*='SearchModal'] [role='tab'][data-search-tab-blocked='true']", function (e) { dbg("BLOCKED TAB click prevented", { ariaLabel: this.getAttribute("aria-label"), text: this.textContent.trim() }); e.preventDefault(); e.stopImmediatePropagation(); return false; }); $(document).off("keydown.searchDebugBlockedTabs", ".rm-SearchModal [role='tab'][data-search-tab-blocked='true'], [class*='SearchModal'] [role='tab'][data-search-tab-blocked='true']"); $(document).on("keydown.searchDebugBlockedTabs", ".rm-SearchModal [role='tab'][data-search-tab-blocked='true'], [class*='SearchModal'] [role='tab'][data-search-tab-blocked='true']", function (e) { if (e.key !== "Enter" && e.key !== " ") return; dbg("BLOCKED TAB keydown prevented", { ariaLabel: this.getAttribute("aria-label"), text: this.textContent.trim(), key: e.key }); e.preventDefault(); e.stopImmediatePropagation(); return false; }); */ // Observer const observer = new MutationObserver(() => { const modal = getModal(); if (!isModalVisible(modal)) { resetModalState(); return; } if (modal !== activeModal) { activeModal = modal; appliedForCurrentOpen = false; dbg("new modal detected", modal); } if (pendingProjectScope && !appliedForCurrentOpen) { dbg("observer starting project scope polling"); startProjectScopePolling(modal); } else { /* // COMMENTED OUT FOR NOW: #3 / #4 tab-state handling setTimeout(() => { setTabState(modal); }, 100); */ } }); observer.observe(document.body, { childList: true, subtree: true }); dbg("initialized", { PROJECT_LABEL, PROJECT_SLUG, LOCAL_PROJECT_PREFIX }); })(); function updateCSSRules () { let styleSheet let styleElement = document.querySelector('head style#dynamic-styles') if (!styleElement) { styleElement = document.createElement('style') styleElement.id = 'dynamic-styles' document.head.appendChild(styleElement) } styleSheet = styleElement.sheet const newRule = '.rm-PlaygroundResponse .APIResponse-action-button { display: none; }' styleSheet.insertRule(newRule, styleSheet.cssRules.length) // If you want to remove the old rule, we assume you have a method to handle cross-origin issues. // Since we can't reliably access cross-origin stylesheets, we won't attempt to remove the rule here. // However, you can manage it within your own styles if needed. } $(window).on('pageLoad', function (e, state) { /* ---------------------------------------------------- 1. For: /reference/api-summary Fix overflow only ---------------------------------------------------- */ if ( window.location.href === 'https://techdocs.akamai.com/property-mgr/reference/api-summary' ) { var tableInnerElements = document.querySelectorAll('.rdmd-table-inner'); tableInnerElements.forEach(function (el) { el.style.removeProperty('overflow'); el.style.cssText += 'overflow: unset !important;'; }); } /* ---------------------------------------------------- 2. For: /reference/validation-errors-copy Add word-break + class replacement ---------------------------------------------------- */ if ( window.location.href === 'https://techdocs.akamai.com/property-mgr/reference/validation-errors-copy' ) { // Add word-break to all tables const style = document.createElement("style"); style.textContent = ` table, table * { word-break: break-word !important; white-space: normal !important; } `; document.head.appendChild(style); // Replace .sticky-overflow → remove & add .sticky document.querySelectorAll('.rdmd-table-inner.sticky-overflow') .forEach(function (el) { el.classList.remove('sticky-overflow'); el.classList.add('sticky'); }); } }); /* PAPI builder */ // function initPapiBuilder () { // function normalizeStr (s) { // return (s || '') // .replace(/\u200b/g, '') // .replace(/\u00ad/g, '') // .trim() // } // const table = document.querySelector('.rdmd-table-inner table') // if (!table) return // const ths = table.querySelectorAll('thead th') // // =============== Move "Requires" into Description and hide the column =============== // let reqIdx = -1 // ths.forEach((th, i) => { // if (th.textContent.trim().startsWith('Requires')) reqIdx = i // }) // table.querySelectorAll('tbody tr').forEach(tr => { // const tds = tr.children // if (reqIdx !== -1 && tds[reqIdx]) { // const reqTd = tds[reqIdx] // let requiresHtml = '' // const tmp = document.createElement('div') // tmp.innerHTML = reqTd.innerHTML.trim() // tmp // .querySelectorAll('button.rdmd-code-copy') // .forEach(btn => btn.remove()) // const cleaned = tmp.innerHTML.trim() // if (cleaned) { // requiresHtml = `

Requires: ${cleaned}

` // } // // Find description cell (prefer .description-col) // let descTd = null // for (let td of tds) { // if (td.classList && td.classList.contains('description-col')) { // descTd = td // break // } // } // if (!descTd) descTd = tds[2] || tds[1] // if (descTd && requiresHtml) { // const wrap = document.createElement('div') // wrap.innerHTML = requiresHtml // const metaDiv = wrap.firstElementChild // const oldMeta = descTd.querySelector('.ps-metadata') // if (oldMeta) oldMeta.remove() // descTd.insertBefore(metaDiv, descTd.firstChild) // descTd.insertBefore(document.createElement('br'), metaDiv.nextSibling) // } // } // }) // if (reqIdx !== -1) ths[reqIdx].style.display = 'none' // table.querySelectorAll('tbody tr').forEach(tr => { // const tds = tr.children // if (reqIdx !== -1 && tds[reqIdx]) tds[reqIdx].style.display = 'none' // }) // // =============== Hide "Value" column if present =============== // let optionIdx = -1 // let valueIdx = -1 // ths.forEach((th, i) => { // if (th.textContent.trim().startsWith('Option')) optionIdx = i // if (th.textContent.trim().startsWith('Value')) valueIdx = i // }) // if (valueIdx !== -1) ths[valueIdx].style.display = 'none' // table.querySelectorAll('tbody tr').forEach(tr => { // const tds = tr.children // if (valueIdx !== -1 && tds[valueIdx]) tds[valueIdx].style.display = 'none' // }) // // =============== Helpers =============== // function parsePre (row, cls) { // const pre = row.querySelector('pre.' + cls) // if (!pre) return null // try { // return JSON.parse(pre.textContent) // } catch { // return null // } // } // // Symbol to indicate an external/unresolvable attribute reference // const UNRESOLVABLE = Symbol('UNRESOLVABLE') // function getAttrValue (attr, stateObj) { // // Handle dot-notation like "policySet.region" // if (attr && attr.includes('.')) { // const parts = attr.split('.') // let current = stateObj // for (const part of parts) { // if (current === undefined || current === null) { // // Path doesn't exist - unresolvable // return UNRESOLVABLE // } // if (typeof current !== 'object') { // // Parent exists but is not an object (e.g., policySet is a string ID) // // This is an external reference that can't be resolved from table data // return UNRESOLVABLE // } // current = current[part] // } // return current // } // return stateObj[attr] // } // function evalVisible (visible, stateObj) { // if (!visible) return true // const v = visible.if // if (!v) return true // // Global-scope conditions reference external data (e.g. modulesOnContract) // // not available in the table; assume fulfilled // if (v.scope === 'global') return true // // Supported ops: eq, neq, in, not, and, or, contains, type // // "type" checks the runtime data-type of a value (e.g. ipv4_address); // // we can't determine this from table data, so assume fulfilled. // if (v.op === 'type') return true // if (v.op === 'not') { // const inner = v.expression || (v.params && v.params[0]) // if (!inner) return true // return !evalVisible({ if: inner }, stateObj) // } // if (v.op === 'eq') { // const val = getAttrValue(v.attribute, stateObj) // // If attribute is unresolvable (external reference), assume condition is fulfilled // if (val === UNRESOLVABLE) return true // return val == v.value // } // if (v.op === 'neq') { // const val = getAttrValue(v.attribute, stateObj) // if (val === UNRESOLVABLE) return true // return val != v.value // } // if (v.op === 'in') { // const val = getAttrValue(v.attribute, stateObj) // if (val === UNRESOLVABLE) return true // const arr = v.value || [] // return arr.includes(val) // } // if (v.op === 'contains') { // const val = getAttrValue(v.attribute, stateObj) // // Contains typically checks if array contains value; if unresolvable, assume fulfilled // if (val === UNRESOLVABLE) return true // if (Array.isArray(val)) return val.includes(v.value) // return false // } // if (v.op === 'or') // return (v.params || []).some(p => evalVisible({ if: p }, stateObj)) // if (v.op === 'and') // return (v.params || []).every(p => evalVisible({ if: p }, stateObj)) // return true // Fallback for unhandled ops // } // function parseValueByType (type, value) { // if (type === 'integer' || type === 'number') { // if (value === '' || value === undefined) return undefined // const n = Number(value) // return isNaN(n) ? value : n // } // if (type === 'boolean') return value === 'true' || value === true // return value // } // function readTextArray (container) { // const arr = [] // container.querySelectorAll('input[type="text"]').forEach(inp => { // const v = inp.value.trim() // if (v !== '') arr.push(v) // }) // return arr.length ? arr : undefined // } // // =============== Collect rows =============== // const optionRows = Array.from(table.querySelectorAll('tr.row_option, tr.preview_option')) // const schemaRows = Array.from(table.querySelectorAll('tr.row_schema, tr.preview_schema')) // const options = {} // const objectSchemas = {} // single-object schemas // const objectArrayPropDefs = {} // { parentArrayName: [{propName, inputDef, type, displayType}] } // const optionsByName = {} // const optionsById = {} // const readOnlySchemaRows = [] // Track read-only schema rows for conditional hiding // // Build map for options // optionRows.forEach(row => { // const id = row.id // const inputDef = parsePre(row, 'input') // const visibleDef = parsePre(row, 'visible') // const code = row.querySelector('code') // const rawName = code ? code.textContent.replace(/\u200b/g, '') : id // strip ZW chars // const name = rawName // const o = { // row, // inputDef, // visibleDef, // name, // value: undefined, // input: null // } // // Detect object-array property rows like: failoverOriginMap[].fromOriginId // const arrMatch = name.match(/^([^.]+)\[\]\.(.+)$/) // if (arrMatch) { // o.isArrayProp = true // o.parentArrayName = arrMatch[1] // o.propName = arrMatch[2] // if (!objectArrayPropDefs[o.parentArrayName]) // objectArrayPropDefs[o.parentArrayName] = [] // // Inspect type from the row's "Type" column - get FULL type text (e.g., "string array") // const tds = row.querySelectorAll('td') // let type = '' // let displayType = '' // if (tds[1]) { // const fullTypeText = normalizeStr(tds[1].textContent) // type = fullTypeText.split(' ')[0].toLowerCase() // first word for internal use // displayType = fullTypeText // full text for display (e.g., "string array") // } // objectArrayPropDefs[o.parentArrayName].push({ // propName: o.propName, // inputDef, // visibleDef, // Store visibility definition for filtering // type, // displayType // NEW: store full type for display // }) // // Hide this template row; we'll render inputs in entry blocks // row.classList.add('hidden-row') // } // options[id] = o // optionsById[id] = o // optionsByName[name] = o // // Detect parent object/object-array options // if ( // inputDef && // (inputDef.displayType === 'object' || // inputDef.displayType === 'object array') // ) { // if (inputDef.displayType === 'object') { // objectSchemas[name] = [] // o.isObject = true // } else if (inputDef.displayType === 'object array') { // o.isObject = true // o.isObjectArray = true // if (!objectArrayPropDefs[name]) objectArrayPropDefs[name] = [] // ensure bucket exists // } // } // }) // // Schema rows (for single object properties like cloudletPolicy.id) // schemaRows.forEach(row => { // const code = row.querySelector('code') // if (!code) return // const dotName = code.textContent.replace(/\u200b/g, '') // const [objectName, propName] = dotName.split('.', 2) // // Ignore if this is an object-array schema variant (we handle via row_option form) // if (objectName.endsWith('[]')) return // const tds = row.querySelectorAll('td') // let type = '' // if (tds[2]) // type = (tds[1].textContent || '').trim().split(' ')[0].toLowerCase() // const descTd = tds[2] || null // const firstPara = descTd?.querySelector('p') // const firstParaText = firstPara?.innerText.trim() || '' // if (firstParaText.startsWith('Read-only')) { // // Track read-only rows for conditional hiding (visible when empty, hidden when values exist) // row._objectName = objectName // row._propName = propName // row._isReadOnly = true // readOnlySchemaRows.push(row) // return // } // const input = document.createElement('input') // input.type = 'text' // input.className = 'Input Input_sm' // input.style.minWidth = '120px' // input.style.display = 'block' // input.style.marginTop = '4px' // input.addEventListener('input', updateState) // const optionTd = optionIdx !== -1 ? tds[optionIdx] : tds[0] // optionTd.appendChild(input) // row._objectName = objectName // row._propName = propName // row._input = input // row._type = type // if (!objectSchemas[objectName]) objectSchemas[objectName] = [] // objectSchemas[objectName].push(row) // }) // // =============== Handle row_option sub-properties of objects (dot-notation, no inputDef) =============== // // Some tables use row_option (not row_schema) for object sub-properties like firewallConfiguration.configId. // // These rows have no

, so we detect them by dot-notation name and build inputs manually.
//     Object.values(options).forEach(opt => {
//       if (opt.inputDef) return // already has an input definition, handled later
//       if (opt.isArrayProp) return // array props handled separately
//       const dotIdx = opt.name.indexOf('.')
//       if (dotIdx === -1) return // not a sub-property
//       const objectName = opt.name.substring(0, dotIdx)
//       const propName = opt.name.substring(dotIdx + 1)
//       // Only process if parent is a known object
//       const parentOpt = optionsByName[objectName]
//       if (!parentOpt || !parentOpt.isObject) return
//       // Skip if parent is an object array (those use [] notation)
//       if (parentOpt.isObjectArray) return

//       const tds = opt.row.querySelectorAll('td')
//       let type = ''
//       if (tds[1]) type = (tds[1].textContent || '').trim().split(' ')[0].toLowerCase()
//       const descTd = tds[2] || null
//       const firstPara = descTd?.querySelector('p')
//       const firstParaText = firstPara?.innerText.trim() || ''
//       if (firstParaText.startsWith('Read-only')) {
//         opt.row._objectName = objectName
//         opt.row._propName = propName
//         opt.row._isReadOnly = true
//         readOnlySchemaRows.push(opt.row)
//         return
//       }

//       const input = document.createElement('input')
//       input.type = 'text'
//       input.className = 'Input Input_sm'
//       input.style.minWidth = '120px'
//       input.style.display = 'block'
//       input.style.marginTop = '4px'
//       input.addEventListener('input', updateState)
//       const optionTd = optionIdx !== -1 ? tds[optionIdx] : tds[0]
//       optionTd.appendChild(input)

//       opt.row._objectName = objectName
//       opt.row._propName = propName
//       opt.row._input = input
//       opt.row._type = type
//       // Mark the option so the main input-building loop skips it
//       opt._handledAsSchema = true

//       if (!objectSchemas[objectName]) objectSchemas[objectName] = []
//       objectSchemas[objectName].push(opt.row)
//       // Also add to schemaRows so reset/listeners work
//       schemaRows.push(opt.row)
//     })

//     // =============== Build inputs for option rows ===============
//     Object.values(options).forEach(opt => {
//       if (!opt.inputDef) return
//       if (opt._handledAsSchema) return
//       if (opt.isArrayProp) {
//         opt.row.classList.add('hidden-row')
//         return
//       }

//       const tds = opt.row.querySelectorAll('td')
//       const optionTd = optionIdx !== -1 ? tds[optionIdx] : tds[0]
//       let input

//       if (opt.inputDef.displayType === 'string array') {
//         const wrapper = document.createElement('div')
//         wrapper.className = 'array-input-wrapper'
//         wrapper.style.marginTop = '4px'
//         function addField (val) {
//           const div = document.createElement('div')
//           div.style.display = 'flex'
//           div.style.marginBottom = '2px'
//           const inp = document.createElement('input')
//           inp.type = 'text'
//           inp.className = 'Input Input_sm'
//           inp.style.minWidth = '120px'
//           inp.value = val || ''
//           inp.addEventListener('input', updateState)
//           const btn = document.createElement('button')
//           btn.type = 'button'
//           btn.textContent = '−'
//           btn.className = 'Button Button_xs'
//           btn.style.marginLeft = '4px'
//           btn.onclick = function () {
//             const hadValue = inp.value.trim() !== ''
//             wrapper.removeChild(div)
//             if (hadValue) updateState()
//           }
//           div.appendChild(inp)
//           div.appendChild(btn)
//           const plusBtn = wrapper.querySelector('button.Button_xs:last-of-type')
//           if (plusBtn && plusBtn.textContent === '+') {
//             wrapper.insertBefore(div, plusBtn)
//           } else {
//             wrapper.appendChild(div)
//           }
//         }
//         const addBtn = document.createElement('button')
//         addBtn.type = 'button'
//         addBtn.textContent = '+'
//         addBtn.className = 'Button Button_xs'
//         addBtn.style.marginTop = '2px'
//         addBtn.onclick = function () {
//           addField()
//           // Don't call updateState() here - adding empty field doesn't change state
//           // The input's own event listener will trigger updateState when user types
//         }
//         wrapper.appendChild(addBtn)
//         addField()
//         optionTd.appendChild(wrapper)
//         opt.input = wrapper
//         opt.isArray = true
//       } else if (opt.inputDef.displayType === 'object array') {
//         // Build object-array wrapper with + Add button; properties are hidden until clicked
//         const wrapper = document.createElement('div')
//         wrapper.className = 'object-array-wrapper'
//         wrapper.style.marginTop = '4px'

//         const addBtn = document.createElement('button')
//         addBtn.type = 'button'
//         addBtn.textContent = '+ Add ' + opt.name
//         addBtn.className = 'Button Button_xs'
//         addBtn.onclick = function () {
//           addObjectArrayEntry(wrapper, opt.name)
//           // IMPORTANT: do not call updateState() here; we DON'T want filtering yet
//           // We only update state when a property inside the new entry is filled.
//         }
//         wrapper.appendChild(addBtn)

//         optionTd.appendChild(wrapper)
//         opt.input = wrapper
//         opt.isObjectArray = true
//         opt.isObject = true
//       } else if (opt.inputDef.displayType === 'object') {
//         opt.isObject = true // handled in schemaRows
//       } else if (
//         opt.inputDef.tag === 'input' &&
//         opt.inputDef.type === 'checkbox'
//       ) {
//         // boolean -> select true/false (no default)
//         const sel = document.createElement('select')
//         sel.className = 'Select Select_sm'
//         sel.style.minWidth = '120px'
//         sel.style.display = 'block'
//         sel.style.marginTop = '4px'
//         const placeholder = document.createElement('option')
//         placeholder.value = ''
//         placeholder.textContent = 'Choose true/false'
//         placeholder.disabled = true
//         placeholder.hidden = true
//         placeholder.selected = true
//         sel.appendChild(placeholder)
//         ;['false', 'true'].forEach(val => {
//           const o = document.createElement('option')
//           o.value = val
//           o.textContent = val
//           sel.appendChild(o)
//         })
//         sel.addEventListener('change', updateState)
//         optionTd.appendChild(sel)
//         opt.input = sel
//         opt.isBooleanSelect = true
//       } else if (opt.inputDef.tag === 'select') {
//         // enum -> select with placeholder
//         const sel = document.createElement('select')
//         sel.className = 'Select Select_sm'
//         sel.style.minWidth = '120px'
//         sel.style.display = 'block'
//         sel.style.marginTop = '4px'
//         const placeholder = document.createElement('option')
//         placeholder.value = ''
//         placeholder.textContent = 'Choose an option'
//         placeholder.disabled = true
//         placeholder.hidden = true
//         placeholder.selected = true
//         sel.appendChild(placeholder)
//         ;(opt.inputDef.options || []).forEach(val => {
//           const clean = normalizeStr(val)
//           const o = document.createElement('option')
//           o.value = clean
//           o.textContent = clean
//           sel.appendChild(o)
//         })
//         sel.addEventListener('change', updateState)
//         optionTd.appendChild(sel)
//         opt.input = sel
//       } else if (
//         opt.inputDef.displayType === 'number' ||
//         opt.inputDef.displayType === 'integer'
//       ) {
//         input = document.createElement('input')
//         input.type = 'text'
//         input.className = 'Input Input_sm'
//         input.style.minWidth = '120px'
//         input.style.display = 'block'
//         input.style.marginTop = '4px'
//         input.addEventListener('input', updateState)
//         optionTd.appendChild(input)
//         opt.input = input
//       } else if (
//         opt.inputDef.type === 'text' ||
//         opt.inputDef.type === 'datetime-local'
//       ) {
//         input = document.createElement('input')
//         input.type = 'text'
//         input.className = 'Input Input_sm'
//         input.style.minWidth = '120px'
//         input.style.display = 'block'
//         input.style.marginTop = '4px'
//         input.addEventListener('input', updateState)
//         optionTd.appendChild(input)
//         opt.input = input
//       }
//     })

//     // =============== Build one object-array entry (UI block with all props) ===============
//     function buildArrayPropInput (def) {
//       // Returns an element for one property inside object-array entry
//       const wrap = document.createElement('div')
//       wrap.className = 'object-array-prop'
//       wrap.style.margin = '4px 0'
//       wrap.dataset.prop = def.propName
//       wrap.dataset.type = (def.type || '').toLowerCase()

//       // NEW: Build label with type in parentheses
//       const label = document.createElement('div')
//       const typeDisplay = def.displayType || def.type || ''
//       const typeStr = typeDisplay ? ` (${typeDisplay})` : ''
//       label.textContent = def.propName + typeStr
//       label.style.fontSize = '12px'
//       label.style.opacity = '0.8'
//       wrap.appendChild(label)

//       const idf = def.inputDef || {}

//       if (idf.displayType === 'string array') {
//         // Nested array input (like toOriginIds)
//         const arrWrap = document.createElement('div')
//         arrWrap.className = 'array-input-wrapper'
//         arrWrap.style.marginTop = '2px'

//         function addField (val) {
//           const row = document.createElement('div')
//           row.style.display = 'flex'
//           row.style.marginBottom = '2px'
//           const inp = document.createElement('input')
//           inp.type = 'text'
//           inp.className = 'Input Input_sm'
//           inp.style.minWidth = '120px'
//           inp.value = val || ''
//           inp.addEventListener('input', updateState)
//           const btn = document.createElement('button')
//           btn.type = 'button'
//           btn.textContent = '−'
//           btn.className = 'Button Button_xs'
//           btn.style.marginLeft = '4px'
//           btn.onclick = function () {
//             const hadValue = inp.value.trim() !== ''
//             arrWrap.removeChild(row)
//             if (hadValue) updateState()
//           }
//           row.appendChild(inp)
//           row.appendChild(btn)
//           const plusBtn = arrWrap.querySelector('button.Button_xs:last-of-type')
//           if (plusBtn && plusBtn.textContent === '+') {
//             arrWrap.insertBefore(row, plusBtn)
//           } else {
//             arrWrap.appendChild(row)
//           }
//         }

//         const addBtn = document.createElement('button')
//         addBtn.type = 'button'
//         addBtn.textContent = '+'
//         addBtn.className = 'Button Button_xs'
//         addBtn.style.marginTop = '2px'
//         addBtn.onclick = function () {
//           addField()
//           // Don't call updateState() here - adding empty field doesn't change state
//         }
//         arrWrap.appendChild(addBtn)
//         addField()

//         wrap.appendChild(arrWrap)
//         return wrap
//       }

//       if (idf.tag === 'select') {
//         const sel = document.createElement('select')
//         sel.className = 'Select Select_sm'
//         sel.style.minWidth = '120px'
//         sel.style.display = 'block'
//         sel.style.marginTop = '2px'
//         const placeholder = document.createElement('option')
//         placeholder.value = ''
//         placeholder.textContent = 'Choose an option'
//         placeholder.disabled = true
//         placeholder.hidden = true
//         placeholder.selected = true
//         sel.appendChild(placeholder)
//         ;(idf.options || []).forEach(val => {
//           const o = document.createElement('option')
//           o.value = val
//           o.textContent = val
//           sel.appendChild(o)
//         })
//         sel.addEventListener('change', updateState)
//         wrap.appendChild(sel)
//         return wrap
//       }

//       if (idf.tag === 'input' && idf.type === 'checkbox') {
//         const sel = document.createElement('select')
//         sel.className = 'Select Select_sm'
//         sel.style.minWidth = '120px'
//         sel.style.display = 'block'
//         sel.style.marginTop = '2px'
//         const ph = document.createElement('option')
//         ph.value = ''
//         ph.textContent = 'Choose true/false'
//         ph.disabled = true
//         ph.hidden = true
//         ph.selected = true
//         sel.appendChild(ph)
//         ;['false', 'true'].forEach(v => {
//           const o = document.createElement('option')
//           o.value = v
//           o.textContent = v
//           sel.appendChild(o)
//         })
//         sel.addEventListener('change', updateState)
//         wrap.appendChild(sel)
//         wrap.dataset.booleanSelect = '1'
//         return wrap
//       }

//       // Numbers/integers default text with validation
//       const inp = document.createElement('input')
//       inp.type = 'text'
//       inp.className = 'Input Input_sm'
//       inp.style.minWidth = '120px'
//       inp.style.display = 'block'
//       inp.style.marginTop = '2px'
//       inp.addEventListener('input', updateState)
//       wrap.appendChild(inp)
//       return wrap
//     }

//     // =============== Entry-level visibility for object array properties ===============
//     function getEntryLocalState (entry, props) {
//       // Build a local state object from values within this entry
//       const localState = {}
//       props.forEach(def => {
//         const propWrap = entry.querySelector(`.object-array-prop[data-prop="${def.propName}"]`)
//         if (!propWrap) return
//         const type = (propWrap.dataset.type || '').toLowerCase()
        
//         // Check for nested array
//         const nestedArrWrap = propWrap.querySelector('.array-input-wrapper')
//         if (nestedArrWrap) {
//           const arrVal = readTextArray(nestedArrWrap)
//           if (arrVal !== undefined) localState[def.propName] = arrVal
//           return
//         }
        
//         // Check for select
//         const sel = propWrap.querySelector('select')
//         if (sel && sel.value !== '') {
//           if (propWrap.dataset.booleanSelect === '1') {
//             localState[def.propName] = sel.value === 'true'
//           } else {
//             localState[def.propName] = sel.value
//           }
//           return
//         }
        
//         // Check for text input
//         const inp = propWrap.querySelector('input[type="text"]')
//         if (inp && inp.value.trim() !== '') {
//           const parsed = parseValueByType(type, inp.value.trim())
//           if (parsed !== undefined && parsed !== '') {
//             localState[def.propName] = parsed
//           }
//         }
//       })
//       return localState
//     }
    
//     function updateEntryPropVisibility (entry, props, initial) {
//       // Get the current values within this entry to evaluate visibility conditions
//       const localState = getEntryLocalState(entry, props)
      
//       props.forEach(def => {
//         const propWrap = entry.querySelector(`.object-array-prop[data-prop="${def.propName}"]`)
//         if (!propWrap) return
        
//         // Evaluate visibility based on local state within the entry
//         let show = true
//         if (!initial && def.visibleDef && def.visibleDef.if) {
//           show = evalVisible(def.visibleDef, localState)
//         }
        
//         propWrap.style.display = show ? '' : 'none'
//       })
//     }

//     function addObjectArrayEntry (wrapper, parentName) {
//       const defs = objectArrayPropDefs[parentName] || []
//       const container = document.createElement('div')
//       container.className = 'object-array-entry'
//       container.style.border = '1px solid #ccc'
//       container.style.padding = '6px'
//       container.style.margin = '6px 0'

//       // Build inputs for each prop
//       defs.forEach(def => {
//         const el = buildArrayPropInput(def)
//         container.appendChild(el)
//       })

//       const removeBtn = document.createElement('button')
//       removeBtn.type = 'button'
//       removeBtn.textContent = '− Remove'
//       removeBtn.className = 'Button Button_xs'
//       removeBtn.style.marginTop = '6px'
//       removeBtn.onclick = function () {
//         wrapper.removeChild(container)
//         updateState() // removing can change state -> filtering allowed
//       }
//       container.appendChild(removeBtn)

//       // Insert before the + Add button (which is the last child)
//       wrapper.insertBefore(container, wrapper.lastChild)

//       // Apply initial visibility for the new entry (show all properties initially)
//       updateEntryPropVisibility(container, defs, true)
//     }

//     // =============== State + back-propagation (original) ===============
//     let state = {}
//     function findOption (attr) {
//       return optionsByName[attr] || optionsById[attr] || null
//     }
//     function firstAllowedEnumValue (opt, forbidden) {
//       const opts = (opt?.inputDef?.options || []).filter(v => v !== forbidden)
//       return opts.length ? opts[0] : undefined
//     }
//     function getDeterministicAssignments (visibleDef) {
//       // Returns array of { attribute, value|notValue, type: 'eq'|'in'|'neq' }
//       const res = []
//       if (!visibleDef || !visibleDef.if) return res
//       const v = visibleDef.if
//       function handleClause (clause) {
//         if (!clause) return
//         if (clause.op === 'eq')
//           res.push({
//             attribute: clause.attribute,
//             value: clause.value,
//             type: 'eq'
//           })
//         else if (clause.op === 'in')
//           res.push({
//             attribute: clause.attribute,
//             value: Array.isArray(clause.value)
//               ? clause.value.slice()
//               : clause.value,
//             type: 'in'
//           })
//         else if (clause.op === 'neq')
//           res.push({
//             attribute: clause.attribute,
//             notValue: clause.value,
//             type: 'neq'
//           })
//         else if (clause.op === 'and')
//           (clause.params || []).forEach(handleClause)
//         else if (clause.op === 'or') {
//           const params = clause.params || []
//           const alreadySatisfied = params.some(p =>
//             evalVisible({ if: p }, state)
//           )
//           if (alreadySatisfied) return
//           if (params.length > 0) handleClause(params[0])
//         }
//       }
//       handleClause(v)
//       return res
//     }
//     function setInputForAttribute (attr, value) {
//       const opt = findOption(attr)
//       if (!opt || !opt.input) {
//         state[attr] = value
//         return
//       }
//       if (opt.isBooleanSelect) opt.input.value = String(value)
//       else if (opt.input.tagName === 'SELECT') opt.input.value = String(value)
//       else if (opt.input.type === 'checkbox') opt.input.checked = !!value
//       else opt.input.value = value == null ? '' : String(value)
//       // Mirror into cached value/state immediately
//       if (opt.isBooleanSelect) opt.value = opt.input.value === 'true'
//       else if (opt.input.tagName === 'SELECT') opt.value = opt.input.value
//       else if (opt.input.type === 'checkbox') opt.value = opt.input.checked
//       else opt.value = opt.input.value
//       state[opt.name] = opt.value
//     }
//     function chooseValueForIn (attribute, allowed) {
//       const current = state[attribute]
//       if (Array.isArray(allowed) && allowed.includes(current)) return current
//       return Array.isArray(allowed) && allowed.length ? allowed[0] : undefined
//     }
//     function backPropagateFromElement (target) {
//       if (!target) return
//       const schemaRow = target.closest && target.closest('tr.row_schema')
//       let startOpt = null
//       if (schemaRow && schemaRow._objectName)
//         startOpt = findOption(schemaRow._objectName)
//       else {
//         const optionRow = target.closest && target.closest('tr.row_option')
//         if (optionRow) startOpt = options[optionRow.id]
//       }
//       const visited = new Set()
//       let stack = startOpt ? [startOpt] : []
//       while (stack.length) {
//         const currentOpt = stack.pop()
//         if (!currentOpt || visited.has(currentOpt.name)) continue
//         visited.add(currentOpt.name)

//         const assigns = getDeterministicAssignments(currentOpt.visibleDef)
//         for (const a of assigns) {
//           if (a.type === 'eq') {
//             setInputForAttribute(a.attribute, a.value)
//           } else if (a.type === 'in') {
//             const picked = chooseValueForIn(a.attribute, a.value)
//             if (picked !== undefined) setInputForAttribute(a.attribute, picked)
//           } else if (a.type === 'neq') {
//             const parentOpt = findOption(a.attribute)
//             if (
//               parentOpt &&
//               parentOpt.input &&
//               parentOpt.input.tagName === 'SELECT'
//             ) {
//               // Set a value if current equals forbidden OR is undefined (not set)
//               const currentVal = state[a.attribute]
//               if (currentVal === a.notValue || currentVal === undefined) {
//                 const fallback = firstAllowedEnumValue(parentOpt, a.notValue)
//                 if (fallback !== undefined)
//                   setInputForAttribute(a.attribute, fallback)
//               }
//             }
//           }
//           const parentOpt = findOption(a.attribute)
//           if (parentOpt) stack.push(parentOpt)
//         }
//       }
//     }

//     // =============== UI update ===============
    
//     // FIXED: Transitive visibility check - a field is only visible if all its dependencies are also visible
//     function isFullyVisible (opt, visited = new Set()) {
//       if (!opt) return true
      
//       // Prevent infinite recursion
//       if (visited.has(opt.name)) return true
//       visited.add(opt.name)
      
//       // If no visibility condition, it's always visible
//       if (!opt.visibleDef || !opt.visibleDef.if) return true
      
//       // First check if this option's direct visibility condition is met
//       if (!evalVisible(opt.visibleDef, state)) return false
      
//       // Then check if all parent dependencies are also visible (transitive check)
//       const v = opt.visibleDef.if
      
//       function checkDependencyVisible (clause) {
//         if (!clause) return true
        
//         // If this clause references an attribute, check if that attribute's option is visible
//         if (clause.attribute) {
//           const parentOpt = findOption(clause.attribute)
//           if (parentOpt && !isFullyVisible(parentOpt, visited)) {
//             return false // Parent is hidden, so this should be hidden too
//           }
//         }
        
//         // For compound conditions, check all referenced attributes
//         if (clause.op === 'and') {
//           return (clause.params || []).every(p => checkDependencyVisible(p))
//         }
//         if (clause.op === 'or') {
//           // For OR, we need at least one branch's dependencies to be visible
//           // But if all branches have hidden dependencies, hide this option
//           const params = clause.params || []
//           if (params.length === 0) return true
          
//           // Check if any branch has visible dependencies AND passes its condition
//           return params.some(p => {
//             const depVisible = checkDependencyVisible(p)
//             const condPasses = evalVisible({ if: p }, state)
//             return depVisible && condPasses
//           })
//         }
        
//         return true
//       }
      
//       return checkDependencyVisible(v)
//     }
    
//     function updateState (ev) {
//       // Back-prop first based on changed element
//       backPropagateFromElement(ev && ev.target)
//       updateUI()
//     }
//     function updateUI (initial = false) {
//       // 1) read values from option inputs (primitives, enums, standalone string arrays)
//       Object.values(options).forEach(opt => {
//         if (!opt.input || opt.isObjectArray) return // arrays handled later
//         if (opt.isArray) {
//           const arrVal = readTextArray(opt.input)
//           opt.value = arrVal
//           if (arrVal !== undefined) state[opt.name] = arrVal
//           else delete state[opt.name]
//         } else if (opt.isBooleanSelect) {
//           opt.value =
//             opt.input.value === '' ? undefined : opt.input.value === 'true'
//           if (opt.value === undefined) delete state[opt.name]
//           else state[opt.name] = opt.value
//         } else if (opt.input.type === 'checkbox') {
//           opt.value = opt.input.checked
//           state[opt.name] = opt.value
//         } else if (
//           opt.inputDef &&
//           (opt.inputDef.displayType === 'number' ||
//             opt.inputDef.displayType === 'integer')
//         ) {
//           // original behavior: keep raw invalid + highlight
//           if (opt.input.value !== '' && isNaN(Number(opt.input.value))) {
//             opt.input.classList.add('invalid-input')
//             opt.value = opt.input.value // keep raw
//           } else {
//             opt.input.classList.remove('invalid-input')
//             opt.value =
//               opt.input.value === '' ? undefined : Number(opt.input.value)
//           }
//           if (opt.value === undefined) delete state[opt.name]
//           else state[opt.name] = opt.value
//         } else {
//           opt.value = normalizeStr(opt.input.value)
//           if (opt.value === '') delete state[opt.name]
//           else state[opt.name] = opt.value
//         }
//       })

//       // 2) validate schema numeric inputs + attach into single objects
//       schemaRows.forEach(row => {
//         if (!row._input) return
//         if (row._type === 'number' || row._type === 'integer') {
//           if (row._input.value !== '' && isNaN(Number(row._input.value))) {
//             row._input.classList.add('invalid-input')
//           } else {
//             row._input.classList.remove('invalid-input')
//           }
//         }
//       })
//       Object.keys(objectSchemas).forEach(objectName => {
//         const parentOpt = optionsByName[objectName]
//         if (parentOpt && parentOpt.isObjectArray) return // skip, handled below
//         let anyFilled = false
//         const obj = {}
//         ;(objectSchemas[objectName] || []).forEach(row => {
//           if (!row._input) return
//           const val = row._input.value
//           const parsed = parseValueByType(row._type, val)
//           if (parsed !== undefined && parsed !== '') {
//             obj[row._propName] = parsed
//             anyFilled = true
//           }
//         })
//         if (anyFilled) state[objectName] = obj
//         else delete state[objectName]
//       })

//       // 3) Object arrays: only include filled entries. (+ Add does NOT filter)
//       Object.values(options).forEach(opt => {
//         if (!opt.isObjectArray || !opt.input) return
//         const arr = []
//         const entries = opt.input.querySelectorAll('.object-array-entry')
//         entries.forEach(entry => {
//           const obj = {}
//           let any = false
//           const props = objectArrayPropDefs[opt.name] || []
//           props.forEach(def => {
//             const propWrap = entry.querySelector(
//               `.object-array-prop[data-prop="${def.propName}"]`
//             )
//             if (!propWrap) return
//             const type = (propWrap.dataset.type || '').toLowerCase()
//             // nested array?
//             const nestedArrWrap = propWrap.querySelector('.array-input-wrapper')
//             if (nestedArrWrap) {
//               const arrVal = readTextArray(nestedArrWrap)
//               if (arrVal !== undefined) {
//                 obj[def.propName] = arrVal
//                 any = true
//               }
//               return
//             }
//             const sel = propWrap.querySelector('select')
//             if (sel) {
//               if (sel.value !== '') {
//                 obj[def.propName] =
//                   sel.dataset.booleanSelect === '1'
//                     ? sel.value === 'true'
//                     : sel.value
//                 any = true
//               }
//               return
//             }
//             const inp = propWrap.querySelector('input[type="text"]')
//             if (inp) {
//               if (
//                 (type === 'number' || type === 'integer') &&
//                 inp.value !== '' &&
//                 isNaN(Number(inp.value))
//               ) {
//                 inp.classList.add('invalid-input')
//                 obj[def.propName] = inp.value // keep raw invalid
//                 any = true
//               } else {
//                 inp.classList.remove('invalid-input')
//                 const parsed = parseValueByType(type, inp.value)
//                 if (parsed !== undefined && parsed !== '') {
//                   obj[def.propName] = parsed
//                   any = true
//                 }
//               }
//             }
//           })
//           if (any) arr.push(obj)
//         })
//         if (arr.length) {
//           state[opt.name] = arr
//           opt.value = arr
//         } else {
//           delete state[opt.name]
//           opt.value = undefined
//         }
//       })

//       // 4) show/hide option rows according to visibility (with transitive check)
//       Object.values(options).forEach(opt => {
//         // Sub-property rows handled as schema are controlled by their parent object
//         if (opt._handledAsSchema) return

//         const show = initial ? true : isFullyVisible(opt)
//         // Array-prop template rows remain hidden regardless
//         if (opt.isArrayProp) {
//           opt.row.classList.add('hidden-row')
//         } else {
//           opt.row.classList.toggle('hidden-row', !show)
//         }

//         // For single-object schemas, follow parent visibility
//         if (opt.isObject && objectSchemas[opt.name]) {
//           objectSchemas[opt.name].forEach(row => {
//             row.classList.toggle('hidden-row', !show)
//           })
//         }

//         // For object arrays, show/hide the wrapper UI with parent visibility
//         if (opt.isObjectArray && opt.input) {
//           opt.input.style.display = show ? '' : 'none'
//           // Also update property visibility within each entry
//           const props = objectArrayPropDefs[opt.name] || []
//           const entries = opt.input.querySelectorAll('.object-array-entry')
//           entries.forEach(entry => {
//             updateEntryPropVisibility(entry, props, initial)
//           })
//         }
//       })

//       // 5) show/hide enum/list rows based on their owning option
//       Array.from(table.querySelectorAll('tr.row_enum, tr.row_list, tr.preview_enum, tr.preview_list')).forEach(
//         row => {
//           let prev = row.previousElementSibling
//           while (prev && !prev.classList.contains('row_option'))
//             prev = prev.previousElementSibling
//           if (!prev) return
//           row.classList.toggle(
//             'hidden-row',
//             prev.classList.contains('hidden-row')
//           )
//         }
//       )

//       // 6) show/hide read-only schema rows: visible when empty, hidden when values exist
//       const formHasValues = Object.keys(state).length > 0
//       readOnlySchemaRows.forEach(row => {
//         // Check if parent object option is visible too
//         const parentOpt = optionsByName[row._objectName]
//         const parentVisible = parentOpt ? !parentOpt.row.classList.contains('hidden-row') : true
//         // Hide read-only rows if form has values OR parent is hidden
//         row.classList.toggle('hidden-row', formHasValues || !parentVisible)
//       })

//       // 7) update JSON snippet
//       updateJsonSnippet()
//     }

//     // =============== JSON snippet UI (copy/reset) ===============
//     function updateJsonSnippet () {
//       let name = ''
//       const header = document.querySelector('#content-head h1')
//       if (header) name = header.textContent.trim()
//       const optionsObj = {}
//       Object.values(options).forEach(opt => {
//         // Include object arrays even if parent row hidden (so entries reflect)
//         const parentVisible = !opt.row.classList.contains('hidden-row')
//         const include = parentVisible || opt.isObjectArray
//         if (!include) return

//         if (opt.isObject || opt.isObjectArray) {
//           if (state[opt.name] !== undefined)
//             optionsObj[opt.name] = state[opt.name]
//         } else if (typeof opt.value === 'boolean') {
//           optionsObj[opt.name] = opt.value
//         } else if (opt.value !== undefined && opt.value !== '') {
//           optionsObj[opt.name] = opt.value
//         }
//       })
//       const snippet = { name, options: optionsObj }
//       const jsonPre = document.getElementById('json-snippet-pre')
//       const jsonBox = document.getElementById('json-snippet-box')
//       if (jsonPre) {
//         jsonPre.textContent = JSON.stringify(snippet, null, 2)
//       } else if (jsonBox) {
//         jsonBox.textContent = JSON.stringify(snippet, null, 2)
//       }
//     }

//     // Build snippet container (with Copy + Reset) once — ORIGINAL BUTTONS + TOOLTIPS preserved
//     let jsonDiv = document.getElementById('json-snippet-box')
//     if (!jsonDiv) {
//       jsonDiv = document.createElement('div')
//       jsonDiv.id = 'json-snippet-box'
//       jsonDiv.style.position = 'relative'
//       jsonDiv.style.paddingTop = '2.5em'
//       const jsonPre = document.createElement('pre')
//       jsonPre.id = 'json-snippet-pre'
//       jsonPre.style.margin = '0'
//       jsonPre.style.fontFamily = 'monospace'
//       jsonDiv.appendChild(jsonPre)

//       // Copy button (original SVG + classes) + tooltip
//       const copyBtn = document.createElement('button')
//       copyBtn.className = 'Button Button_sm'
//       copyBtn.type = 'button'
//       copyBtn.style.position = 'absolute'
//       copyBtn.style.top = '8px'
//       copyBtn.style.background = 'none'
//       copyBtn.style.right = '72px'
//       copyBtn.style.zIndex = '10'
//       copyBtn.title = 'Copy'
//       copyBtn.innerHTML = ``
//       copyBtn.onclick = function () {
//         const pre = document.getElementById('json-snippet-pre')
//         const text = pre ? pre.textContent : ''
//         navigator.clipboard.writeText(text || '')
//         copyBtn.classList.add('copied')
//         setTimeout(() => copyBtn.classList.remove('copied'), 1200)
//       }
//       jsonDiv.appendChild(copyBtn)

//       // Reset button (original SVG + classes) + tooltip
//       const resetBtn = document.createElement('button')
//       resetBtn.className = 'Button Button_sm'
//       resetBtn.type = 'button'
//       resetBtn.style.position = 'absolute'
//       resetBtn.style.top = '8px'
//       resetBtn.style.right = '40px'
//       resetBtn.style.background = 'none'
//       resetBtn.style.zIndex = '10'
//       resetBtn.title = 'Reset options'
//       resetBtn.innerHTML = ``
//       resetBtn.onclick = function () {
//         // Clear all inputs to pristine
//         Object.values(options).forEach(opt => {
//           if (!opt.input) return
//           if (opt.isArray) {
//             // wipe and rebuild + button + one empty field
//             while (opt.input.firstChild)
//               opt.input.removeChild(opt.input.firstChild)
//             const addBtn = document.createElement('button')
//             addBtn.type = 'button'
//             addBtn.textContent = '+'
//             addBtn.className = 'Button Button_xs'
//             addBtn.style.marginTop = '2px'
//             function addField (val) {
//               const div = document.createElement('div')
//               div.style.display = 'flex'
//               div.style.marginBottom = '2px'
//               const inp = document.createElement('input')
//               inp.type = 'text'
//               inp.className = 'Input Input_sm'
//               inp.style.minWidth = '120px'
//               inp.value = val || ''
//               inp.addEventListener('input', updateState)
//               const btn = document.createElement('button')
//               btn.type = 'button'
//               btn.textContent = '−'
//               btn.className = 'Button Button_xs'
//               btn.style.marginLeft = '4px'
//               btn.onclick = function () {
//                 const hadValue = inp.value.trim() !== ''
//                 opt.input.removeChild(div)
//                 if (hadValue) updateState()
//               }
//               div.appendChild(inp)
//               div.appendChild(btn)
//               opt.input.insertBefore(div, addBtn)
//             }
//             addBtn.onclick = function () {
//               addField()
//               // Don't call updateState() here - adding empty field doesn't change state
//             }
//             opt.input.appendChild(addBtn)
//             addField()
//           } else if (opt.isObjectArray) {
//             // remove all entries, leave + Add button (no filtering on add)
//             while (opt.input.firstChild)
//               opt.input.removeChild(opt.input.firstChild)
//             const addBtn = document.createElement('button')
//             addBtn.type = 'button'
//             addBtn.textContent = '+ Add ' + opt.name
//             addBtn.className = 'Button Button_xs'
//             addBtn.onclick = function () {
//               addObjectArrayEntry(opt.input, opt.name) /* no updateState here */
//             }
//             opt.input.appendChild(addBtn)
//           } else if (opt.isBooleanSelect || opt.input.tagName === 'SELECT') {
//             opt.input.selectedIndex = 0 // back to placeholder
//           } else if (opt.input.type === 'checkbox') {
//             opt.input.checked = false
//           } else if (opt.input.type === 'text') {
//             opt.input.value = ''
//             opt.input.classList.remove('invalid-input')
//           }
//           opt.value = undefined
//         })
//         schemaRows.forEach(row => {
//           if (row._input) {
//             row._input.value = ''
//             row._input.classList.remove('invalid-input')
//           }
//         })
//         state = {}
//         // Fresh render with all visible
//         updateUI(true)
//       }
//       jsonDiv.appendChild(resetBtn)

//       // Help link button — href resolved at click time so back-navigation works
//       // (breadcrumbs may not be rendered yet when initPapiBuilder runs after popstate)
//       const _breadcrumbPatterns = ['latest-criteria', 'deprecated-criteria', 'latest-behaviors', 'ga-behaviors', 'deprecated-behaviors']

//       const helpLink = document.createElement('a')
//       helpLink.addEventListener('click', function (e) {
//         e.preventDefault()
//         const links = Array.from(document.querySelectorAll('.rm-Breadcrumb-list li a'))
//         const anchor = links.reverse().find(a =>
//           _breadcrumbPatterns.some(p => (a.getAttribute('href') || '').includes(p))
//         )
//         if (anchor) {
//           window.location.href = anchor.getAttribute('href') + '#interactive-json-code-builder'
//         }
//       })
//       helpLink.target = '_self'
//       helpLink.rel = 'noopener noreferrer'
//       helpLink.className = 'Button Button_sm'
//       helpLink.style.position = 'absolute'
//       helpLink.style.top = '8px'
//       helpLink.style.right = '8px'
//       helpLink.style.background = 'none'
//       helpLink.style.zIndex = '10'
//       helpLink.style.color = 'inherit'
//       helpLink.title = 'Learn more'
//       helpLink.innerHTML = ``
//       jsonDiv.appendChild(helpLink)

//       // Insert JSON box after table
//       const tableContainer = table.closest('.rdmd-table-inner')
//       if (tableContainer && tableContainer.parentNode) {
//         tableContainer.parentNode.insertBefore(
//           jsonDiv,
//           tableContainer.nextSibling
//         )
//       }
//     }

//     // Initial render: force everything visible on first paint
//     updateUI(true)

//     // Wire listeners
//     Object.values(options).forEach(opt => {
//       if (!opt.input) return
//       opt.input.addEventListener('input', updateState)
//       opt.input.addEventListener('change', updateState)
//     })
//     schemaRows.forEach(row => {
//       if (row._input) {
//         row._input.addEventListener('input', updateState)
//         row._input.addEventListener('change', updateState)
//       }
//     })

//     // Layout wrapper for side-by-side table + snippet
//     const tableEl = document.querySelector('.rdmd-table')
//     const snippetEl = document.getElementById('json-snippet-box')
//     if (tableEl && snippetEl) {
//       const wrapper = document.createElement('div')
//       wrapper.className = 'rdmd-table-flex-wrap'
//       tableEl.parentNode.insertBefore(wrapper, tableEl)
//       wrapper.appendChild(tableEl)
//       wrapper.appendChild(snippetEl)
//     }
// }

// $(window).on('pageLoad', function () {
//   if (window._papiBuilderObserver) {
//     window._papiBuilderObserver.disconnect()
//   }
//   // Reset table reference on each SPA navigation so new page always re-inits
//   window._papiBuilderTable = null

//   const observer = new MutationObserver(function () {
//     const table = document.querySelector('.rdmd-table-inner table')

//     // Table removed — reset so next appearance triggers re-init
//     if (!table) {
//       window._papiBuilderTable = null
//       return
//     }

//     // Already initialized against this exact table instance — nothing to do
//     if (table === window._papiBuilderTable) return

//     // Debounce with double rAF: waits for React to fully commit all DOM updates
//     // before running. A single rAF can still catch React mid-render.
//     if (window._papiBuilderRaf) cancelAnimationFrame(window._papiBuilderRaf)
//     window._papiBuilderRaf = requestAnimationFrame(function () {
//       window._papiBuilderRaf = requestAnimationFrame(function () {
//         const settled = document.querySelector('.rdmd-table-inner table')
//         if (!settled) return
//         window._papiBuilderTable = settled
//         initPapiBuilder()
//       })
//     })
//   })

//   window._papiBuilderObserver = observer
//   observer.observe(document.body, { childList: true, subtree: true })
// })