(function tagTutorialModalAsNoTranslate() { const observer = new MutationObserver(() => { const modal = document.getElementById("tutorialmodal-root"); if (modal && !modal.classList.contains("notranslate")) { modal.classList.add("notranslate"); modal.setAttribute("translate", "no"); console.log("[Transifex] Applied notranslate to modal."); } }); observer.observe(document.body, { childList: true, subtree: true, }); })(); $(window).on("pageLoad", function (e, state) { setTimeout(function () { if ( window.location.href.includes("/reference/") && !document.getElementById("toggleCollapsiblesButton") ) { const bodyParamsHeader = Array.from( document.querySelectorAll(".APISectionHeader-heading4MUMLbp4_nLs") ).find((header) => header.textContent.trim() === "Body Params"); if (bodyParamsHeader) { // Create and style the toggle button const toggleButton = document.createElement("button"); toggleButton.id = "toggleCollapsiblesButton"; toggleButton.type = "button"; const buttonText = document.createElement("span"); buttonText.textContent = "Expand All"; const buttonArrow = document.createElement("span"); buttonArrow.textContent = " ⬍"; buttonArrow.style.verticalAlign = "middle"; buttonArrow.style.marginLeft = "5px"; toggleButton.appendChild(buttonText); toggleButton.appendChild(buttonArrow); toggleButton.style.display = "flex"; toggleButton.style.alignItems = "center"; toggleButton.style.justifyContent = "center"; toggleButton.style.padding = "6px 10px"; toggleButton.style.fontSize = "13px"; toggleButton.style.backgroundColor = "#4CAF50"; toggleButton.style.color = "white"; toggleButton.style.border = "none"; toggleButton.style.borderRadius = "5px"; toggleButton.style.cursor = "pointer"; toggleButton.style.marginLeft = "10px"; toggleButton.style.boxShadow = "0 4px 8px rgba(0,0,0,0.1)"; bodyParamsHeader.parentElement.appendChild(toggleButton); let isExpanded = false; // Expand: Recursively click all unexpanded buttons (excluding "ADD") function expandAllButtons() { if (!isExpanded) return; const unexpanded = document.querySelectorAll( ".Param-expand-button1ktY2S68FWc_:not(.Param-expand-button_expanded3JixjexEptJj)" ); if (unexpanded.length === 0) { // All buttons are expanded—stop further checking. return; } unexpanded.forEach((button) => { if (!button.innerText.trim().includes("ADD")) { button.click(); } }); // Only call again if there are still unexpanded buttons. setTimeout(expandAllButtons, 300); } // Collapse: Only collapse first-level (non-"ADD") buttons. function collapseFirstLevelButtons() { const maxAttempts = 20; // ~10 seconds at 500ms per attempt let attempts = 0; let prevCount = Infinity; function innerCollapse() { if (isExpanded) { console.log( "innerCollapse: Stopped because state changed to expand." ); return; } if (attempts >= maxAttempts) { console.log( "Fallback: Maximum collapse attempts reached. Stopping collapse." ); return; } attempts++; // Get all expanded buttons. const expandedButtons = Array.from( document.querySelectorAll( ".Param-expand-button1ktY2S68FWc_.Param-expand-button_expanded3JixjexEptJj" ) ); // Filter out buttons that contain "ADD" const nonAddButtons = expandedButtons.filter( (button) => !button.innerText.trim().includes("ADD") ); // Filter for top-level expanded buttons among non-"ADD" buttons. const topLevelExpanded = nonAddButtons.filter((button) => { let parent = button.parentElement; while (parent) { const ancestorExpanded = parent.querySelector( ".Param-expand-button1ktY2S68FWc_.Param-expand-button_expanded3JixjexEptJj" ); if ( ancestorExpanded && ancestorExpanded !== button && !ancestorExpanded.innerText.trim().includes("ADD") ) { return false; } parent = parent.parentElement; } return true; }); console.log( "Collapse attempt", attempts, ": top-level non-ADD expanded count =", topLevelExpanded.length ); if (topLevelExpanded.length === 0) { console.log( "No top-level non-ADD expanded buttons remain. Collapse complete." ); return; } if (topLevelExpanded.length === prevCount) { console.log( "No change in top-level count. Stopping collapse to avoid infinite loop." ); return; } prevCount = topLevelExpanded.length; topLevelExpanded.forEach((button) => { console.log("Collapsing button:", button); button.click(); }); setTimeout(innerCollapse, 500); } innerCollapse(); } toggleButton.addEventListener("click", function (event) { event.preventDefault(); // Toggle the state. isExpanded = !isExpanded; console.log("Toggle button clicked. isExpanded =", isExpanded); const collapsibleContainer = bodyParamsHeader.closest(".rm-Article"); if (!collapsibleContainer) { console.error('Div with class ".rm-Article" not found.'); return; } if (isExpanded) { console.log("Expanding all sections..."); expandAllButtons(); buttonText.textContent = "Collapse All"; toggleButton.style.backgroundColor = "#D32F2F"; } else { console.log("Collapsing all top-level sections..."); collapseFirstLevelButtons(); buttonText.textContent = "Expand All"; toggleButton.style.backgroundColor = "#4CAF50"; } }); } else { console.error('Header with "Body Params" not found.'); } } }, 1000); // Wait for dynamic content to load }); //********************************************** // document.addEventListener("DOMContentLoaded", function () { // setTimeout(function () { // document.body.addEventListener("click", function (event) { // let target = event.target.closest("a"); // Get the closest if clicking an icon/span inside it // if (target && target.href) { // let url = new URL(target.href, window.location.origin); // let path = url.pathname; // // Check if the link is a recipe link with a language prefix // let newPath = path.replace( // /\/sp-api\/[^/]+\/recipes/, // "/sp-api/recipes" // ); // if (newPath !== path) { // event.preventDefault(); // Stop the default navigation // window.location.href = newPath; // Redirect to the updated URL // } // } // }); // }, 1000); // Delay to ensure DOM is fully loaded // }); // ============================ // 1. Setup function & WeakSet (UNCHANGED) // ============================ const processedTextareas = new WeakSet(); function setupHoneypotForTextarea(commentTextarea) { if (!commentTextarea || processedTextareas.has(commentTextarea)) return; // You may refine voteButton lookup relative to commentTextarea if needed: const voteButton = document.querySelector(".PageThumbs-comment_submit"); if (!voteButton) { console.debug("[Honeypot] setup: voteButton not found"); return; } processedTextareas.add(commentTextarea); console.debug("[Honeypot] setup: Found textarea & voteButton"); // Insert honeypot let honeypotInput = document.querySelector('input[name="commentConfirmationRequired"]'); if (!honeypotInput) { console.debug("[Honeypot] setup: Inserting honeypot"); honeypotInput = document.createElement("input"); honeypotInput.setAttribute("type", "text"); honeypotInput.setAttribute("name", "commentConfirmationRequired"); honeypotInput.style.opacity = "0"; honeypotInput.style.position = "absolute"; honeypotInput.setAttribute("tabindex", "-1"); commentTextarea.parentNode.insertBefore(honeypotInput, commentTextarea.nextSibling); } else { console.debug("[Honeypot] setup: Honeypot exists"); } // Change prompt text try { const commentLabel = commentTextarea.closest(".Box2uBHSWG8DzPz")?.querySelector("label"); if (commentLabel) { console.debug("[Honeypot] setup: Changing prompt"); commentLabel.childNodes.forEach((node) => { if (node.nodeType === Node.TEXT_NODE) { node.nodeValue = "Please comment to vote"; } }); } } catch (err) { console.error("[Honeypot] setup: Error changing prompt:", err); } // evaluateFormState let missingLogged = false; function evaluateFormState() { const ta = document.querySelector(".PageThumbs-comment_input"); const btn = document.querySelector(".PageThumbs-comment_submit"); const hp = document.querySelector('input[name="commentConfirmationRequired"]'); if (ta && btn && hp) { missingLogged = false; const isEmpty = ta.value.trim() === ""; const honeypotFilled = hp.value.trim() !== ""; const shouldDisable = isEmpty || honeypotFilled; if (btn.disabled !== shouldDisable) { console.debug("[Honeypot] evaluate: empty=", isEmpty, "honeypotFilled=", honeypotFilled, "=> disabled=", shouldDisable); btn.disabled = shouldDisable; } } else { if (!missingLogged) { console.debug("[Honeypot] evaluate: ta/btn/honeypot missing; clearing interval"); missingLogged = true; } clearInterval(intervalId); } } const intervalId = setInterval(evaluateFormState, 200); evaluateFormState(); // Input events commentTextarea.addEventListener("input", evaluateFormState); honeypotInput.addEventListener("input", evaluateFormState); // Click interceptor (capture phase) voteButton.addEventListener("click", function (e) { const ta = document.querySelector(".PageThumbs-comment_input"); const hp = document.querySelector('input[name="commentConfirmationRequired"]'); const isEmpty = !ta || ta.value.trim() === ""; const honeypotFilled = hp && hp.value.trim() !== ""; if (isEmpty || honeypotFilled) { console.debug("[Honeypot] Click blocked: empty=", isEmpty, "honeypotFilled=", honeypotFilled); e.preventDefault(); e.stopImmediatePropagation(); } else { console.debug("[Honeypot] Click allowed"); } }, true); console.debug("[Honeypot] setup complete for this textarea"); } // ============================ // 2. MutationObserver to detect textareas continuously (UNCHANGED) // ============================ document.addEventListener("DOMContentLoaded", function () { const observer = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { for (const node of mutation.addedNodes) { if (!(node instanceof HTMLElement)) continue; if (node.matches && node.matches(".PageThumbs-comment_input")) { setupHoneypotForTextarea(node); } const ta = node.querySelector && node.querySelector(".PageThumbs-comment_input"); if (ta) { setupHoneypotForTextarea(ta); } } } }); observer.observe(document.body, { childList: true, subtree: true }); // Initial pass document.querySelectorAll(".PageThumbs-comment_input") .forEach((ta) => setupHoneypotForTextarea(ta)); }); // ============================ // 3. Fetch override (once) — REPLACE old override with this stricter version (UPDATED blacklist) // ============================ document.addEventListener("DOMContentLoaded", function () { const FLAG = Symbol.for("thumbSpamGuard"); if (window.fetch && window.fetch[FLAG]) return; const originalFetch = window.fetch; function getUrlString(input) { if (typeof input === "string") return input; try { if (input instanceof Request) return input.url; } catch (e) { if (input && input.url) return input.url; } return ""; } // Helper for stricter client-side validity, updated to block additional patterns function isCommentValidForVote(text) { const trimmed = text.trim(); // length check if (trimmed.length < 1 || trimmed.length > 200) return false; // Blacklist patterns (extended): const blacklistPatterns = [ /https?:\/\//i, // http:// or https:// /file:\/\//i, // file:// /^[A-Za-z]:[\\/]/, // Windows drive letter at start /\.\.[\/\\]/, // directory traversal /^[\/\\]/, // starts with slash/backslash /\/etc\/passwd/i, // sensitive path /localhost[:\/]/i, // localhost references /metadata\.google\.internal/i, // metadata URLs /\.[a-z]{2,4}(\/|$)/i, // “.com/”, “.me/”, etc. /[<>]/, // angle brackets /[\[\]{}|]/, // brackets/pipes /\/docs\//i, // any “/docs/” path /\bexpr\b/i, // the word “expr” /ACUSTART/i, // “ACUSTART” /ACUEND/i, // “ACUEND” // If you want to catch variations like “1AcuStart652452”, the /ACUSTART/i and /ACUEND/i patterns suffice. // Add more specific patterns if needed. ]; if (blacklistPatterns.some((p) => p.test(trimmed))) return false; // Whitelist: only allow letters, numbers, spaces, and basic punctuation const whitelistRegex = /^[A-Za-z0-9 .,!?'"()-]+$/; if (!whitelistRegex.test(trimmed)) return false; return true; } window.fetch = async function(input, init) { const urlString = getUrlString(input); console.debug("[FetchOverride] URL:", urlString, "Method:", init?.method); if (urlString.includes("/metrics-proxy/create/thumb")) { console.debug("[FetchOverride] Voting endpoint detected"); try { if (init && init.method === "POST" && init.body) { let payload; try { payload = JSON.parse(init.body); } catch (parseErr) { console.warn("[FetchOverride] JSON parse error:", parseErr); return originalFetch(input, init); } const commentTextarea = document.querySelector(".PageThumbs-comment_input"); const actualComment = commentTextarea ? commentTextarea.value.trim() : ""; console.debug("[FetchOverride] actualComment:", actualComment); // Use updated helper: if (!isCommentValidForVote(actualComment)) { console.warn("[FetchOverride] Blocked invalid comment:", actualComment); return Promise.reject(new Error("Blocked invalid comment")); } // If passed all checks, modify payload payload.comments = actualComment + " | ✅ APPROVED"; if (!payload.comments.trim()) { payload.comments = "❌ UNVERIFIED"; } init.body = JSON.stringify(payload); console.debug("[FetchOverride] Modified payload:", payload); } } catch (error) { console.error("[FetchOverride] Error modifying payload:", error); return originalFetch(input, init); } } return originalFetch(input, init); }; window.fetch[FLAG] = true; console.debug("[FetchOverride] override installed"); }); //Remove subheader section //document.getElementById("hub-subheader-parent").remove(); //Language selector //function redirectToSelectedLanguage(select) { // const customHostPart = '-'; // const additionalPath = select.options[select.selectedIndex].dataset.path || ''; // const host = window.location.host; // const pathname = window.location.pathname; // let redirectHost = window.location.host; // let redirectPath = window.location.pathname; // [...select.options].forEach(option => { // /*if (option.value && host.startsWith(option.value + customHostPart)) { // redirectHost = host.substring(option.value.length + customHostPart.length); // }*/ // // if (option.dataset.path && pathname.startsWith('/' + option.dataset.path + '/')) { // redirectPath = '/' + additionalPath + pathname.substring(option.dataset.path.length + 1); // } // }); // // /*if (select.value) { // redirectHost = select.value + customHostPart + host; // }*/ // // window.location.href = window.location.protocol + '//' + select.value + redirectPath; // } //Language selector end /****** ADA Accessibility Fixes (Consolidated for SPA) ******/ (function ADAFixes() { /*** #1 - Unique labeling in nav/footer landmarks ***/ function fixLandmarkLabels() { let navProcessed = 0; const navs = document.querySelectorAll('nav[role="navigation"], nav'); const navLabelsCount = {}; navs.forEach((nav, idx) => { let label = nav.getAttribute("aria-label") || ""; if (!label.trim()) { label = `Navigation region ${idx + 1}`; nav.setAttribute("aria-label", label); } if (navLabelsCount[label]) { const newLabel = `${label} (${navLabelsCount[label] + 1})`; nav.setAttribute("aria-label", newLabel); navLabelsCount[label]++; } else { navLabelsCount[label] = 1; } navProcessed++; }); let footerProcessed = 0; const footers = document.querySelectorAll( 'footer[role="contentinfo"], footer' ); const footerLabelsCount = {}; footers.forEach((footer, idx) => { let label = footer.getAttribute("aria-label") || ""; if (!label.trim()) { label = `Footer region ${idx + 1}`; footer.setAttribute("aria-label", label); } if (footerLabelsCount[label]) { const newLabel = `${label} (${footerLabelsCount[label] + 1})`; footer.setAttribute("aria-label", newLabel); footerLabelsCount[label]++; } else { footerLabelsCount[label] = 1; } footerProcessed++; }); } /*** #5 - Headings need heading element or role ***/ function fixHeadings() { let count = 0; document .querySelectorAll(".heading-anchor_backwardsCompatibility") .forEach((el) => { if (!el.closest("h1, h2, h3, h4, h5, h6")) { el.setAttribute("role", "heading"); el.setAttribute("aria-level", "2"); count++; } }); } /*** #7 - Code block tabs are not keyboard navigable ***/ const enhancedCodeTabs = new WeakSet(); function enhanceCodeTabs() { let processed = 0; document.querySelectorAll(".CodeTabs").forEach((codeTabs) => { if (enhancedCodeTabs.has(codeTabs)) return; enhancedCodeTabs.add(codeTabs); processed++; const tablist = codeTabs.querySelector( '.CodeTabs-toolbar[role="tablist"]' ); const panel = codeTabs.querySelector('.CodeTabs-inner[role="tabpanel"]'); if (!tablist || !panel) return; const tabs = tablist.querySelectorAll('button[role="tab"]'); tabs.forEach((tab) => { if (!tab.id) { tab.id = `tab-${Math.random().toString(36).substr(2, 8)}`; } tab.addEventListener("keydown", (event) => { const i = Array.from(tabs).indexOf(event.target); if (event.key === "ArrowRight") { event.preventDefault(); tabs[(i + 1) % tabs.length].focus(); } else if (event.key === "ArrowLeft") { event.preventDefault(); tabs[(i - 1 + tabs.length) % tabs.length].focus(); } }); tab.addEventListener("click", (event) => { tabs.forEach((t) => { t.setAttribute("aria-selected", "false"); t.classList.remove("CodeTabs_active"); }); const active = event.target; active.setAttribute("aria-selected", "true"); active.classList.add("CodeTabs_active"); panel.setAttribute("aria-labelledby", active.id); }); }); const activeTab = tablist.querySelector('button[aria-selected="true"]') || tabs[0]; if (activeTab) { panel.setAttribute("aria-labelledby", activeTab.id); } }); } /*** #8 - Widget roles are not actually tabbable ***/ function fixWidgetRoles() { let processed = 0; const roles = ["button", "link", "checkbox", "switch", "tab", "menuitem"]; roles.forEach((role) => { document.querySelectorAll(`[role="${role}"]`).forEach((el) => { const tag = el.tagName; if (["A", "BUTTON", "INPUT", "TEXTAREA", "SELECT"].includes(tag)) return; // Skip anything inside the search container if (el.closest("#hub-search")) return; if (!el.hasAttribute("tabindex")) el.setAttribute("tabindex", "0"); processed++; if (role === "button" && !el.dataset._hasKeyHandler) { el.addEventListener("keydown", (e) => { // Only simulate click on ENTER; leave SPACE alone unless you're sure if (e.key === "Enter") { e.preventDefault(); el.click?.(); } }); el.dataset._hasKeyHandler = "true"; } }); }); } /*** #9 - elements have no accessible name ***/ function labelTables() { let processed = 0; document.querySelectorAll("table").forEach((table, i) => { if ( table.hasAttribute("aria-label") || table.hasAttribute("aria-labelledby") || table.hasAttribute("title") ) return; const caption = table.querySelector("caption"); if (caption?.textContent.trim()) { table.setAttribute("aria-label", caption.textContent.trim()); processed++; return; } let prev = table.previousElementSibling; while (prev && !/^H[1-6]$/.test(prev.tagName)) { prev = prev.previousElementSibling; } if (prev?.textContent.trim()) { table.setAttribute("aria-label", prev.textContent.trim()); processed++; return; } table.setAttribute("aria-label", `Data table ${i + 1}`); processed++; }); } /*** #10 -

used for layout, not quotes ***/ function fixBlockquotes() { let processed = 0; document.querySelectorAll("blockquote.callout").forEach((bq) => { if (bq.hasAttribute("cite")) return; const newEl = document.createElement("div"); newEl.className = bq.className; if (bq.hasAttribute("theme")) newEl.setAttribute("theme", bq.getAttribute("theme")); newEl.innerHTML = bq.innerHTML; bq.replaceWith(newEl); processed++; }); } /*** #11 - Inline quotes not wrapped in semantic ***/ function fixInlineQuotes() { let processed = 0; document.querySelectorAll("p").forEach((p) => { const text = p.textContent.trim(); if (/^["“].+["”]$/.test(text) && !p.querySelector("q")) { const quote = text.replace(/^["“]|["”]$/g, ""); p.innerHTML = `${quote}`; processed++; } }); } /*** #12 - Label names for icons (expand/collapse) ***/ function fixIconLabels() { let processed = 0; // Find all icon elements that are used for expand/collapse, assumed to have a specific class document .querySelectorAll("i.Sidebar-link-expandIcon2yVH6SarI6NW") .forEach((icon) => { if (!icon.hasAttribute("aria-label")) { // Check the parent button's aria-expanded attribute to infer state const parentBtn = icon.closest("button"); let label = "Expand"; if (parentBtn) { const expanded = parentBtn.getAttribute("aria-expanded"); label = expanded === "true" ? "Collapse" : "Expand"; } icon.setAttribute("role", "img"); icon.setAttribute("aria-label", label); processed++; } }); } /*** #13 - Warn users before opening a new window ***/ function fixExternalLinks() { let processed = 0; document.querySelectorAll('a[target="_blank"]').forEach((link) => { let text = link.innerText.trim() || link.textContent.trim(); if (text && !text.toLowerCase().includes("opens in a new window")) { const newLabel = `${text} (opens in a new window)`; link.setAttribute("aria-label", newLabel); processed++; } }); } /*** Master apply function ***/ function applyAllFixes() { fixLandmarkLabels(); // #1: Unique labeling in top nav bar, footer, side mini TOC fixHeadings(); // #5: Headings need heading element or role enhanceCodeTabs(); // #7: Code block tabs are not keyboard navigable fixWidgetRoles(); // #8: Widget roles are not actually tabbable labelTables(); // #9:

elements have no accessible name fixInlineQuotes(); // #11: Inline quotes not wrapped in semantic fixIconLabels(); // #12: Label names for icons (expand/collapse) fixExternalLinks(); // #13: Warn users before opening a new window } applyAllFixes(); let debounceTimer; const observer = new MutationObserver((mutations) => { clearTimeout(debounceTimer); debounceTimer = setTimeout(() => { try { applyAllFixes(); } catch (error) { } }, 300); }); observer.observe(document.body, { childList: true, subtree: true, }); })(); /** Sidebar Interactive ADA Compliance Fix */ ;(() => { const LINK_SELECTOR = 'a.Sidebar-link_parent.rm-Sidebar-link'; const BUTTON_SELECTOR = '.Sidebar-link-buttonWrapper3hnFHNku8_BJ'; const ICON_SELECTOR = 'i.Sidebar-link-expandIcon2yVH6SarI6NW'; function enhanceSidebar(root) { const scope = root || document; const links = scope.querySelectorAll(LINK_SELECTOR); links.forEach(link => { const li = link.closest('li'); if (!li) return; // Only act if the button is still inside the const btn = link.querySelector(BUTTON_SELECTOR); if (!btn || btn.parentElement !== link) return; // Find subpages list directly under this

let subpages = null; Array.from(li.children).forEach(child => { if ( child.tagName === 'UL' && child.classList.contains('subpages') ) { subpages = child; } }); // --- 1) Move link + button into a non-interactive wrapper --- const wrapper = document.createElement('div'); wrapper.className = 'rm-sidebar-linkRow'; // Insert wrapper before the link, then move link + button inside it li.insertBefore(wrapper, link); wrapper.appendChild(link); wrapper.appendChild(btn); // --- 2) Wire our own toggle behavior on the button --- btn.addEventListener( 'click', evt => { evt.preventDefault(); evt.stopPropagation(); const expanded = btn.getAttribute('aria-expanded') === 'true'; const next = !expanded; btn.setAttribute('aria-expanded', String(next)); // Toggle class on

for existing styles if (next) { li.classList.add('subnav-expanded'); } else { li.classList.remove('subnav-expanded'); } // Show/hide the subpages UL if (subpages) { if (next) { subpages.style.display = ''; } else { subpages.style.display = 'none'; } } // --- 3) Rotate the chevron icon ourselves --- const icon = btn.querySelector(ICON_SELECTOR); if (icon) { if (next) { icon.classList.add('rm-sidebar-rotated'); } else { icon.classList.remove('rm-sidebar-rotated'); } } }, { passive: false } ); }); } function initSidebarA11yFix() { enhanceSidebar(); const sidebarRoot = document.querySelector('.rm-Sidebar') || document.querySelector('[class*="Sidebar"][role="navigation"]'); if (!sidebarRoot || sidebarRoot.__sidebarA11yObserver) return; const observer = new MutationObserver(mutations => { let changed = false; for (const m of mutations) { if (m.addedNodes && m.addedNodes.length) { changed = true; break; } } if (changed) enhanceSidebar(sidebarRoot); }); observer.observe(sidebarRoot, { childList: true, subtree: true }); sidebarRoot.__sidebarA11yObserver = observer; } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initSidebarA11yFix); } else { initSidebarA11yFix(); } if (window.jQuery) { jQuery(window).on('pageLoad.sidebarA11yFix', initSidebarA11yFix); } else { window.addEventListener('pageLoad', initSidebarA11yFix); } })(); /** Custom Recipe Design/Functionality per ReadMe */ (() => { // ---- Categories + aliases ----------------------------------------------- const CATEGORIES = [ 'Application Management', 'Data Kiosk', 'Fulfillment Inbound', 'Listings Items', 'Merchant Fulfillment', 'Performance Management', 'Product Pricing', 'Vendor Direct Fulfillment' ]; const ALIASES = { AM: 'Application Management', DK: 'Data Kiosk', FI: 'Fulfillment Inbound', LI: 'Listings Items', MCF: 'Merchant Fulfillment', PM: 'Performance Management', PP: 'Product Pricing', VDF: 'Vendor Direct Fulfillment' }; const TOKEN_RE = /\$\{([^}]+)\}\$/g; const normalizeTag = (raw) => { const s = raw.trim(); if (CATEGORIES.includes(s)) return s; const upper = s.toUpperCase(); return ALIASES[upper] || null; }; // ---- Token scrubber ----------------------------------------------------- function cleanTokens(scope, {assignTags = false} = {}) { const walker = document.createTreeWalker(scope, NodeFilter.SHOW_TEXT); const found = new Set(); const toClean = []; let n; while ((n = walker.nextNode())) { const txt = n.nodeValue; if (!txt || txt.indexOf('${') === -1) continue; let hit = false; txt.replace(TOKEN_RE, (_, group) => { console.log("🔎 Matched token group:", JSON.stringify(group)); group.split(',').forEach(t => { const trimmed = t.trim(); const tag = normalizeTag(trimmed); console.log(" → raw:", JSON.stringify(t), "trimmed:", JSON.stringify(trimmed), "normalized:", tag); if (tag) found.add(tag); }); hit = true; return ''; }); if (hit) toClean.push(n); } toClean.forEach(n => { n.nodeValue = n.nodeValue.replace(TOKEN_RE, '').replace(/\s{2,}/g, ' ').trim(); }); if (assignTags && found.size) { scope.dataset.tags = Array.from(found).join(','); } } // ---- Grid initializer --------------------------------------------------- function initGrid() { const grid = document.querySelector('.TutorialGrid26plsmAq5mws'); if (!grid) return; // prevent duplicate hero if (grid.parentElement.querySelector(':scope > .rf-Hero')) return; const cards = Array.from( grid.querySelectorAll('li.TutorialCard2XH0Nnhtx8xA.rm-RecipeCard,[data-testid="recipe-card"].rm-RecipeCard') ); cards.forEach(li => cleanTokens(li, {assignTags: true})); // Inject hero + pills const wrap = grid.parentElement; const hero = document.createElement('section'); hero.className = 'rf-Hero'; hero.innerHTML = `

Selling Partner API Code Samples

Walkthroughs that highlight API capabilities, best practices, and optimal use cases

Recipes