$(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 (e, state) { 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/")) { let selectorValue = languageSelectorAnalytics(); const trigger = isMultipleRefLangClicked(selectorValue); if (!trigger) { _satellite.track('click_interaction', { linkValue: selectorValue, adobeDataLayer }); } } if (window.location.pathname.includes("/recipes/")) { let selectorValue = languageSelectorAnalytics(true, false); const trigger = isMultipleRefLangClicked(selectorValue); if (!trigger) { _satellite.track('click_interaction', { linkValue: selectorValue, adobeDataLayer }); } } }, 5) } }); $(window).on("click", ".rm-LanguageButton", (e) => { let selectorValue = languageSelectorAnalytics(false); if (!isMultipleRefLangClicked(selectorValue)) { _satellite.track('click_interaction', { linkValue: selectorValue, adobeDataLayer }); } }); $(window).on("click", ".postman-run-button", (e) => { 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", (e) => { const selectorValue = `navigation:${e.target.textContent}`; _satellite.track('click_interaction', { linkValue: selectorValue, adobeDataLayer }); }) $(document).on("click", ".rm-LanguagePicker div[class*='LanguagePicker-MenuItem']", function (e, state) { setTimeout(() => { let selectorValue = languageSelectorAnalytics(false); if (!isMultipleRefLangClicked(selectorValue)) { _satellite.track('click_interaction', { linkValue: selectorValue, adobeDataLayer }); } }, 5); }); $(window).on("click", ".TutorialEditor-Nav button", function (e, state) { let selectorValue = languageSelectorAnalytics(false, false); if (!isMultipleRecipeLang(selectorValue)) { _satellite.track('click_interaction', { linkValue: selectorValue, adobeDataLayer }); } }); $(document).on("keyup", ".docsearch-wrapper input", (e) => { if (e.keyCode === 13) { let 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); // Delay execution } const ob_beta = new MutationObserver(function (mutations) { mutations.forEach((mutation) => { if (window.location.href.includes('reference')) { setTimeout(removeBetaAndPillClasses, 100); // Delay execution } }); }); const config = { childList: true, subtree: true, characterData: true }; ob_beta.observe(document.body, config); }); // DOCHUB 4302 (function () { let currentUrl = location.href; 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", "beta", "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 waitForApiResponseSchemaAndRun() { const targetClass = 'APIResponseSchemaPicker-items2bs6Pzrheef_'; const observer = new MutationObserver((mutations, obs) => { const el = document.querySelector(`[class*="${targetClass}"]`); if (el) { obs.disconnect(); setTimeout(upgradeApiStatusLabels, 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); // back/forward buttons } 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"); let 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"]; const projectsForMutualAuth = ["iot-edge-message-stream", "iot-edge-connect-msg-store"]; const projectsToSkipForCodeComment = ["mpulse", ...onlyAuthHelpTxt]; // projects whose authentication page lies in the same project const authLink = new Set([ "mpulse", "cloudtest", "identity-cloud", "netstorage-usage", "iot-edge-message-stream", "iot-edge-connect-msg-store", ]); /* * Shared utilities */ 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", // mode: "cors", cache: "default", // credentials: "same-origin", 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); } /* * 1. Code Comment Injection */ function commentCodeLine(commentText = "") { return `

${commentText}

`; } function injectCodeComment() { if (!isReferenceSection()) return; let projName = location.pathname.split("/", 2)[1]; if (projectsToSkipForCodeComment?.includes(projName)) return; const codeHeaderExists = $(".CodeSnippet").text().includes("header"); const languageCommentSymbol = $(".rm-LanguageButton_active").text() === "Node" ? "//" : "#"; let authDiv = $("div.auth-code-comment"); // Already injected — skip if (authDiv.length) return; let commentText = projectsForMutualAuth?.includes(projName) ? "Use mutual auth or add JWT to this snippet" : "Add Authorization header to this snippet"; let commentLine = commentCodeLine(`${languageCommentSymbol} ${commentText}`); let codeLines = document.querySelectorAll(".CodeSnippet .CodeMirror-code > div"); for (let index = 0; index < codeLines.length; index++) { let codeElement = codeLines[index]; let txt = codeElement.textContent; let 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; } } } // Code-comment event handlers (delegated, safe to register once) $(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)); /* * 2. Postman Auth */ function addPostmanButton(pmApiUrl, docsUrl, target) { let infoEle = `To run this code or try it in Postman, set up your authentication credentials.`; let auth = `

Not familiar with Postman? Learn how to use collections.

`; let button = `

`; let ele = $( `

AUTHENTICATE & TRY IT

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

` ); ele.insertAfter($("#ReferencePlayground > section:nth-child(1)")); // $("#ReferencePlayground > section:nth-child(2)").hide() } 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, "_"); // Wait briefly for the page title to settle (SPA navigation) 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) { let endpointId = await getDataFromEKV(groupId, itemId); if (!endpointId || endpointId.includes("Error")) { $("section.PostmanSection").remove(); return false; } eId = endpointId.replace(/"/g, ""); sessionStorage.setItem(ssKey, eId); } // Remove any previously injected auth-section-info (from prior SPA nav) $("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; } /* * 3. Auth Help */ async function authHelp() { if (!isReferenceSection()) return; let projName = location.pathname.split("/", 2)[1]; function credentialElementLink() { let isIncluded = authLink.has(projName) || onlyAuthHelpTxt.includes(projName); let 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") { let 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); } } } // Hide token input for non-token-only projects if (!onlyAuthHelpTxt.includes(projName)) { $('section.InputGroup').hide(); } // Await postman — then decide whether to show default auth const hasPostman = await postmanAuth(); $("span.auth-section-info").show(); if (!hasPostman) { addAuthSection(); } // Inject code comment if not already present if (!$("div.auth-code-comment").length) { injectCodeComment(); } } /* * 4. Per-project Changelogs */ function readMore() { if (!isChangelogSection()) return; let hasTxt = document.querySelectorAll(".ch-release-note").length; if (hasTxt) return; document.querySelectorAll(".rm-Changelog article[class*='ChangelogPostExcerpt']") .forEach((post) => { let href = post.querySelectorAll("h2 a")[0]?.getAttribute("href"); if (!href) return; var 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 (e) { if (this.getAttribute("href")?.includes("changelog")) readMore(); }); $(document).on("click", ".ch-release-note", function (e) { $(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; let 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) { let 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"; } /* * 5. Misc UI helpers */ function openFirstResponse() { $(".rm-PlaygroundResponse div[class*='APIResponse-empty'] button:first-child") .trigger('click'); } let isProgrammaticClick = false; // Search bar redirect $(window).on("click", ".docsearch-bar input.Input", function () { if (document.querySelector(".rm-SearchModal.show-modal")) return; shouldFilterByProject = true; // Set project-scoped search flag isProgrammaticClick = true; $(this).trigger("blur"); // (REMOVED) SuperHubScroll class toggling // $("#ssr-main > div > div[class^='SuperHub']").addClass("SuperHubScroll"); $(".rm-Header-search .rm-SearchToggle").trigger("click"); setTimeout(() => { isProgrammaticClick = false; runWithRetries(document, { interval: 50, maxTries: 20 }); // Ensure filters are toggled when modal opens }, 0); }); // Search bar redirect $(window).on("click", ".rm-Header-search .rm-SearchToggle", function () { if (isProgrammaticClick) return; shouldFilterByProject = true; // Set project-scoped search flag setTimeout(() => { runWithRetries(document, { interval: 50, maxTries: 20 }); // Ensure filters are toggled when modal opens }, 0); }); /** * Collapsible table rows */ function collapsibleTableRows() { const tables = document.querySelectorAll("table"); if (!tables.length) return; const expandableRows = document.querySelectorAll("tr.expand"); if (expandableRows.length) return; $("table").each(function (i, t) { let colLength = $(this).children().first().children().first().children().length; let tRows = $(this).children().find("tr"); tRows.each(function (j, tRow) { if (j === tRows.length - 1) return; let rowChilds = $(this).children(); let len = 0; rowChilds.length && rowChilds.each(function (k, tCell) { if ($(this).html() === "") len += 1; }); //td 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"; } }); //tr }); //t console.log("Collapsible table rows initialized"); } $(document).on("click", ".clickable-triangle", function (e) { 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(); // Track which search was clicked 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); // Only apply filter if local search was clicked if (shouldFilterByProject && isTarget) { if (!input.checked) { input.click(); input.dispatchEvent(new Event("change", { bubbles: true })); didSomething = true; } // Move checked item to top const listItem = labelEl.closest("li"); const list = listItem?.closest("ol"); if (list && listItem && list.firstElementChild !== listItem) { list.prepend(listItem); } continue; } // For global search, uncheck everything 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", () => { // Don't auto-filter on initial 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; // skip self const siblingText = norm($(this).find(".Toggle-label").text()); const siblingInput = $(this).find("input.Toggle-input")[0]; // Skip checked items at the top if (siblingInput?.checked) return true; // Insert before the first unchecked item that comes after alphabetically if (itemText.localeCompare(siblingText) < 0) { listItem.insertBefore($(this)); inserted = true; return false; // break } }); if (!inserted) { list.append(listItem); } } $(document).on("change", ".rm-SearchFilter-list-item input.Toggle-input", function () { const listItem = $(this).closest("li.rm-SearchFilter-list-item"); const list = listItem.closest("ol"); if (!list.length || !listItem.length) return; // Only move to top if checked if (this.checked) { list.prepend(listItem); } else { // When unchecked, move back to alphabetical position reorderAlphabetically(listItem, list); } }); /* * 7. Single orchestrated pageLoad handler */ 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(); // Stop watching once we found it! } }); 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; // Exit early if already present } const observer = new MutationObserver((mutations, obs) => { const elements = document.querySelectorAll(selector); if (elements.length > 0) { // Every time the DOM mutates, clear the old timer clearTimeout(timer); // Start a new timer. If the DOM doesn't mutate again within 100ms, it assume rendering is complete. timer = setTimeout(() => { obs.disconnect(); // Stop watching callback(); // Run your function (e.g., readMore) }, 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; // Not applicable, stop retrying const articles = document.querySelectorAll(".rm-Changelog article[class*='ChangelogPostExcerpt']"); if (!articles.length) return false; // Not ready yet 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"); // --- Deferred UI (search placeholder, etc.) --- setTimeout(() => { document .querySelectorAll(".rm-SearchToggle-placeholder") .forEach((x) => (x.innerHTML = "Search this doc set")); updateLoggedInDetailsOverride(); openFirstResponse(); }, 100); // --- Retry-based enhancements: run as soon as DOM is ready --- if (isChangelogSection()) { waitForAllElements(".rm-Changelog article[class*='ChangelogPostExcerpt']", readMore, 150); waitForElement(".rm-Changelog article.rm-Changelog-post > div").then(releaseNotesBackButton); } // --- Reference section --- if (isReferenceSection()) { await authHelp(); injectCodeComment(); // await postmanAuth(); } addErrors(); waitForAllElements("table", collapsibleTableRows, 100); console.log("pageLoad end"); }); $(window).on("click", "a.td-contact", (e) => { $("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", (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", (e) => { $(".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", (e) => { $(".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", (e) => { if (!e.relatedTarget) { $(".td-contact-dropdown-content").hide(); $(".td-contact .td-icon").removeClass("td-icon-down"); } }); $(window).on("blur", ".td-login", (e) => { if (!e.relatedTarget) { $(".td-login-dropdown-content").hide(); } }); $(window).on("click", ".td-mobile-nav-icons .icon-search1", (e) => { $(".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", (e) => { $(".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"); }); /* * 8. window.load */ window.addEventListener("load", () => { openFirstResponse(); setTimeout(() => { console.log(!($("tr.expand").length)); setTimeout(collapsibleTableRows, 1000); isChangelogSection() && readMore(); }, 1000); }); } // Beta pills upgrade for refactored // README-407 change beta label to color in version dropbox $(document).on("click", ".Button_slate_text.Button_md.rm-Header-bottom-link", (e) => { setTimeout(function () { let 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() { var 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) => { let 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); } // Run on initial page load 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); }); // Run on every page navigation (ReadMe-specific event) $(window).on("pageLoad", function () { setTimeout(applyAllBetaChanges, 200); }); /* $(window).on('pageLoad', function (e, state) { ;(function () { // Only run if URL includes "latest-ui" if (!window.location.href.includes('latest-ui')) return // Hide only "Requires" column const table = document.querySelector('.rdmd-table-inner table') if (!table) return const ths = table.querySelectorAll('thead th') let reqIdx = -1 ths.forEach((th, i) => { if (th.textContent.trim().startsWith('Requires')) reqIdx = i }) 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' }) // Add "Value" column as the second column if not present const theadRow = table.querySelector('thead tr') if (theadRow && !theadRow.querySelector('th.value-col')) { const ths = theadRow.querySelectorAll('th') const valueTh = document.createElement('th') valueTh.textContent = 'Value' valueTh.className = 'value-col' if (ths.length > 0) { theadRow.insertBefore(valueTh, ths[1]) } else { theadRow.appendChild(valueTh) } } // Add "Value" cell as the second cell in each row if not present table.querySelectorAll('tbody tr').forEach(tr => { const tds = tr.children if (!tr.querySelector('td.value-col')) { const valueTd = document.createElement('td') valueTd.className = 'value-col' if (tds.length > 0) { tr.insertBefore(valueTd, tds[1]) } else { tr.appendChild(valueTd) } } }) // Helper: parse JSON from

 tag
    function parsePre (row, cls) {
      const pre = row.querySelector('pre.' + cls)
      if (!pre) return null
      try {
        return JSON.parse(pre.textContent)
      } catch {
        return null
      }
    }

    function getAttrValue (attr, state) {
      return state[attr]
    }

    function evalVisible (visible, state) {
      if (!visible) return true
      if (visible.if) {
        const cond = visible.if
        if (cond.op === 'eq') {
          return getAttrValue(cond.attribute, state) == cond.value
        }
        if (cond.op === 'in') {
          return (cond.value || []).includes(
            getAttrValue(cond.attribute, state)
          )
        }
        if (cond.op === 'or') {
          return cond.params.some(p => evalVisible({ if: p }, state))
        }
        if (cond.op === 'and') {
          return cond.params.every(p => evalVisible({ if: p }, state))
        }
      }
      return true
    }

    // Helper to parse value to correct type based on  type cell
    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
    }

    const optionRows = Array.from(table.querySelectorAll('tr.row_option'))
    const schemaRows = Array.from(table.querySelectorAll('tr.row_schema'))
    const options = {}
    const objectSchemas = {}

    // First, process all option rows
    optionRows.forEach(row => {
      const id = row.id
      const inputDef = parsePre(row, 'input')
      const visibleDef = parsePre(row, 'visible')
      const code = row.querySelector('code')
      const name = code ? code.textContent.replace(/\u200b/g, '') : id
      options[id] = { row, inputDef, visibleDef, name, value: undefined }
      // If this is an object type, collect its schema rows
      if (inputDef && inputDef.displayType === 'object') {
        objectSchemas[name] = []
        options[id].isObject = true
      }
    })

    // Now, process all schema rows and assign them to their parent object
    schemaRows.forEach(row => {
      const code = row.querySelector('code')
      if (!code) return
      const dotName = code.textContent.replace(/\u200b/g, '')
      const [objectName, propName] = dotName.split('.', 2)
      const tds = row.querySelectorAll('td')
      const valueTd = tds[1]
      valueTd.innerHTML = ''
      // Get type from the type cell (third , index 2)
      let type = ''
      if (tds[2]) {
        type = tds[2].textContent.trim().split(' ')[0].toLowerCase()
      }
      // Use number input for number/integer, text otherwise
      const input = document.createElement('input')
      input.type = type === 'integer' || type === 'number' ? 'number' : 'text'
      input.className = 'Input Input_sm'
      input.style.minWidth = '120px'
      input.addEventListener('input', updateState)
      valueTd.appendChild(input)
      row._objectName = objectName
      row._propName = propName
      row._input = input
      row._type = type
      if (!objectSchemas[objectName]) objectSchemas[objectName] = []
      objectSchemas[objectName].push(row)
    })

    // Insert input fields into the "Value" column (second cell)
    Object.values(options).forEach(opt => {
      if (!opt.inputDef) return
      const tds = opt.row.querySelectorAll('td')
      const valueTd = tds[1]
      valueTd.innerHTML = ''
      let input
      if (opt.inputDef.displayType === 'string array') {
        const wrapper = document.createElement('div')
        wrapper.className = 'array-input-wrapper'
        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 () {
            wrapper.removeChild(div)
            updateState()
          }
          div.appendChild(inp)
          div.appendChild(btn)
          wrapper.appendChild(div)
        }
        addField()
        const addBtn = document.createElement('button')
        addBtn.type = 'button'
        addBtn.textContent = '+'
        addBtn.className = 'Button Button_xs'
        addBtn.style.marginTop = '2px'
        addBtn.onclick = function () {
          addField()
          updateState()
        }
        valueTd.appendChild(wrapper)
        valueTd.appendChild(addBtn)
        opt.input = wrapper
        opt.isArray = true
      } else if (opt.inputDef && opt.inputDef.displayType === 'object') {
        // No input for the object itself, handled by schema rows
        opt.isObject = true
      } else if (
        opt.inputDef.tag === 'input' &&
        opt.inputDef.type === 'checkbox'
      ) {
        // Boolean as select, default to false
        input = document.createElement('select')
        input.className = 'Select Select_sm'
        input.style.minWidth = '120px'
        ;['false', 'true'].forEach(val => {
          const o = document.createElement('option')
          o.value = val
          o.textContent = val
          input.appendChild(o)
        })
        input.value = 'false'
        input.addEventListener('change', updateState)
        valueTd.appendChild(input)
        opt.input = input
        opt.isBooleanSelect = true
      } else if (opt.inputDef.tag === 'select') {
        input = document.createElement('select')
        input.className = 'Select Select_sm'
        input.style.minWidth = '120px'
        ;(opt.inputDef.options || []).forEach(val => {
          const o = document.createElement('option')
          o.value = val
          o.textContent = val
          input.appendChild(o)
        })
        input.addEventListener('change', updateState)
        valueTd.appendChild(input)
        opt.input = input
      } else if (
        opt.inputDef.type === 'number' ||
        opt.inputDef.type === 'integer'
      ) {
        input = document.createElement('input')
        input.type = 'number'
        input.className = 'Input Input_sm'
        input.style.minWidth = '120px'
        input.addEventListener('input', updateState)
        valueTd.appendChild(input)
        opt.input = input
      } else if (opt.inputDef.type === 'text') {
        input = document.createElement('input')
        input.type = 'text'
        input.className = 'Input Input_sm'
        input.style.minWidth = '120px'
        input.addEventListener('input', updateState)
        valueTd.appendChild(input)
        opt.input = input
      }
    })

    let state = {}
    let userInteracted = false

    // Update state and UI
    function updateState () {
      userInteracted = true
      updateUI()
    }

    function updateUI () {
      // Gather values for normal options
      Object.values(options).forEach(opt => {
        if (!opt.input) return
        if (opt.isArray) {
          const arr = []
          Array.from(opt.input.querySelectorAll('input[type="text"]')).forEach(
            inp => {
              if (inp.value.trim() !== '') arr.push(inp.value.trim())
            }
          )
          opt.value = arr.length ? arr : undefined
        } else if (opt.isBooleanSelect) {
          opt.value = opt.input.value === 'true'
        } else if (opt.input.type === 'checkbox') {
          opt.value = opt.input.checked
        } else if (opt.input.type === 'number') {
          opt.value =
            opt.input.value === '' ? undefined : Number(opt.input.value)
        } else {
          opt.value = opt.input.value
        }
        state[opt.name] = opt.value
      })

      // Gather values for object schemas
      Object.keys(objectSchemas).forEach(objectName => {
        let anyFilled = false
        const obj = {}
        objectSchemas[objectName].forEach(row => {
          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]
        }
      })

      // Show/hide rows based on visibility
      Object.values(options).forEach(opt => {
        if (!userInteracted) {
          opt.row.classList.remove('hidden-row')
          // Show all schema rows for objects
          if (opt.isObject && objectSchemas[opt.name]) {
            objectSchemas[opt.name].forEach(row =>
              row.classList.remove('hidden-row')
            )
          }
          return
        }
        if (!opt.visibleDef) {
          opt.row.classList.remove('hidden-row')
          if (opt.isObject && objectSchemas[opt.name]) {
            objectSchemas[opt.name].forEach(row =>
              row.classList.remove('hidden-row')
            )
          }
          return
        }
        const show = evalVisible(opt.visibleDef, state)
        opt.row.classList.toggle('hidden-row', !show)
        // For object, apply same logic to all schema rows
        if (opt.isObject && objectSchemas[opt.name]) {
          objectSchemas[opt.name].forEach(row =>
            row.classList.toggle('hidden-row', !show)
          )
        }
      })

      // Also handle enum rows (row_enum) and list rows (row_list)
      Array.from(table.querySelectorAll('tr.row_enum, tr.row_list')).forEach(
        row => {
          let prev = row.previousElementSibling
          while (prev && !prev.classList.contains('row_option'))
            prev = prev.previousElementSibling
          if (!prev) return
          const opt = options[prev.id]
          if (!opt) return
          row.classList.toggle(
            'hidden-row',
            prev.classList.contains('hidden-row')
          )
        }
      )

      // Update JSON snippet
      updateJsonSnippet()
    }

    // Build JSON snippet
    function updateJsonSnippet () {
      let name = ''
      const header = document.querySelector('#content-head h1')
      if (header) {
        name = header.textContent.trim()
      }
      const optionsObj = {}
      Object.values(options).forEach(opt => {
        if (!opt.row.classList.contains('hidden-row')) {
          if (opt.isObject) {
            if (state[opt.name]) {
              optionsObj[opt.name] = state[opt.name]
            }
          } else if (opt.isObjectArray) {
            const arrOpt = objectArrayOptions[opt.name]
            if (arrOpt && arrOpt.instances) {
              const arr = []
              arrOpt.instances.forEach(rowSet => {
                const obj = {}
                let anyFilled = false
                rowSet.forEach(row => {
                  if (row._input && row._propName) {
                    const val = row._input.value
                    const parsed = parseValueByType(row._type, val)
                    if (parsed !== undefined && parsed !== '') {
                      obj[row._propName] = parsed
                      anyFilled = true
                    }
                  }
                })
                if (anyFilled) arr.push(obj)
              })
              if (arr.length) optionsObj[opt.name] = arr
            }
          } 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: name,
        options: optionsObj
      }
      const jsonPre = document.getElementById('json-snippet-pre')
      if (jsonPre) {
        jsonPre.textContent = JSON.stringify(snippet, null, 2)
      } else if (jsonDiv) {
        jsonDiv.textContent = JSON.stringify(snippet, null, 2)
      }
    }

    // Add JSON snippet display under the table in a separate div, with copy and reset buttons
    let jsonDiv = document.getElementById('json-snippet-box');
    let copyBtn, resetBtn;
    if (!jsonDiv) {
      jsonDiv = document.createElement('div');
      jsonDiv.id = 'json-snippet-box';
      jsonDiv.style.position = 'relative';
      jsonDiv.style.paddingTop = '2.5em';

      // JSON pretty display
      const jsonPre = document.createElement('pre');
      jsonPre.id = 'json-snippet-pre';
      jsonPre.style.margin = '0';
      jsonPre.style.fontFamily = 'monospace';
      jsonDiv.appendChild(jsonPre);

      // Copy button with icon and classes
      copyBtn = document.createElement('button');
      copyBtn.className = 'Button Button_sm ';
      copyBtn.type = 'button';
      copyBtn.style.position = 'absolute';
      copyBtn.style.top = '8px';
      copyBtn.style.right = '8px';
      copyBtn.style.zIndex = '10';
      copyBtn.innerHTML = ``;
      copyBtn.onclick = function () {
        navigator.clipboard.writeText(jsonPre.textContent);
        copyBtn.classList.add('copied');
        setTimeout(() => {
          copyBtn.classList.remove('copied');
        }, 1200);
      };
      jsonDiv.appendChild(copyBtn);

      // Reset button next to Copy button
      resetBtn = document.createElement('button');
      //resetBtn.textContent = 'Reset';
      resetBtn.innerHTML = ``
      resetBtn.className = 'Button Button_sm';
      resetBtn.type = 'button';
      resetBtn.style.position = 'absolute';
      resetBtn.style.top = '8px';
      resetBtn.style.right = '40px'; // Adjust spacing as needed
      resetBtn.style.zIndex = '10';
      resetBtn.onclick = function () {
        // Reset all option fields
        Object.values(options).forEach(opt => {
          if (!opt.input) return;
          if (opt.isArray) {
            while (opt.input.firstChild)
              opt.input.removeChild(opt.input.firstChild);
            const 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 () {
                opt.input.removeChild(div);
                updateState();
              };
              div.appendChild(inp);
              div.appendChild(btn);
              opt.input.appendChild(div);
            };
            addField();
          } else if (opt.isBooleanSelect) {
            opt.input.value = 'false';
          } else if (opt.input.tagName === 'SELECT') {
            opt.input.selectedIndex = 0;
          } else if (opt.input.type === 'text') {
            opt.input.value = '';
          }
          opt.value = undefined;
        });
        // Reset all schema fields
        schemaRows.forEach(row => {
          if (row._input) row._input.value = '';
        });
        userInteracted = false;
        updateUI();
      };
      jsonDiv.appendChild(resetBtn);

      // Insert jsonDiv after the table
      const tableContainer = table.closest('.rdmd-table-inner');
      tableContainer.parentNode.insertBefore(
        jsonDiv,
        tableContainer.nextSibling
      );
    }

    // Initial state: show all fields
    userInteracted = false;
    updateUI();

    // Attach event listeners to all inputs to trigger updateState (which sets userInteracted=true)
    Object.values(options).forEach(opt => {
      if (!opt.input) return;
      if (opt.isArray) {
        opt.input.addEventListener('input', updateState);
        opt.input.addEventListener('change', updateState);
      } else {
        opt.input.addEventListener('input', updateState);
        opt.input.addEventListener('change', updateState);
      }
    });
    // Attach event listeners to all schema inputs
    schemaRows.forEach(row => {
      if (row._input) {
        row._input.addEventListener('input', updateState);
        row._input.addEventListener('change', updateState);
      }
    });

    // --- FLEX WRAP TABLE AND SNIPPET BOX (vanilla JS) ---
    var tableEl = document.querySelector('.rdmd-table');
    var snippetEl = document.getElementById('json-snippet-box');
    if (tableEl && snippetEl) {
      var wrapper = document.createElement('div');
      wrapper.className = 'rdmd-table-flex-wrap';
      tableEl.parentNode.insertBefore(wrapper, tableEl);
      wrapper.appendChild(tableEl);
      wrapper.appendChild(snippetEl);
    }
    // --- END FLEX WRAP ---
  })()
});
*/
//-------------
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');
      });
  }

});