/* DOM Stability Guard This block reduces intermittent DOM errors that can occur during fast UI updates (e.g., SPA navigation or concurrent rendering), where an element may be moved or removed between the time an update is scheduled and applied. */ (function () { if (window.__rmReactDomGuardInstalled) return; window.__rmReactDomGuardInstalled = true; const origRemoveChild = Node.prototype.removeChild; const origInsertBefore = Node.prototype.insertBefore; Node.prototype.removeChild = function (child) { if (!child) return child; if (child.parentNode !== this) { return child; } try { return origRemoveChild.call(this, child); } catch (e) { if (e && e.name === 'NotFoundError') return child; throw e; } }; Node.prototype.insertBefore = function (newNode, referenceNode) { if (!newNode) return newNode; if (referenceNode && referenceNode.parentNode !== this) { try { return this.appendChild(newNode); } catch (e) { if (e && e.name === 'NotFoundError') return newNode; throw e; } } try { return origInsertBefore.call(this, newNode, referenceNode); } catch (e) { if (e && e.name === 'NotFoundError') { try { return this.appendChild(newNode); } catch (_) { return newNode; } } throw e; } }; })(); let lastEffectivePath = null; // --- Resolve the "real" path in both normal view and admin preview/iframe --- function getEffectivePath() { const logs = []; const inPreview = window.self !== window.top || location.search.includes('isFramePreview=true'); logs.push(['inPreview', inPreview]); // Helper: normalize href -> pathname const toPath = href => { try { return new URL(href, location.origin).pathname; } catch { return null; } }; // In preview/iframe, prefer DOM signals over canonical (canonical can be stale) if (inPreview) { // 1) Active nav link (aria-current or is-active) - optimized single query const activeLink = document.querySelector( '.rm-Sidebar a[aria-current="page"], .rm-Sidebar a.is-active, nav a[aria-current="page"], nav a.is-active' ); if (activeLink?.href) { const p = toPath(activeLink.href); if (p) { logs.push(['activeLink', activeLink.href, p]); return { path: p, source: 'activeLink', logs }; } } // 2) Breadcrumb last item - optimized single query const crumb = document.querySelector( '.rm-Breadcrumbs a:last-of-type, [data-breadcrumb] a:last-of-type' ); if (crumb?.href) { const p = toPath(crumb.href); if (p) { logs.push(['breadcrumb', crumb.href, p]); return { path: p, source: 'breadcrumb', logs }; } } // 3) Data attributes on current doc/article const slugEl = document.querySelector('[data-slug], [data-doc-slug], article[id]'); const slug = slugEl?.getAttribute?.('data-slug') || slugEl?.getAttribute?.('data-doc-slug') || slugEl?.id || ''; if (slug) { const p = '/' + slug.replace(/^\/+/, ''); logs.push(['data-slug', slug, p]); return { path: p, source: 'data-slug', logs }; } // 4) LAST resort in preview: canonical/og (may be stale) const canonical = document.querySelector('link[rel="canonical"]'); if (canonical?.href) { const p = toPath(canonical.href); if (p) { logs.push(['canonical', canonical.href, p]); return { path: p, source: 'canonical', logs }; } } const og = document.querySelector('meta[property="og:url"]'); if (og?.content) { const p = toPath(og.content); if (p) { logs.push(['og:url', og.content, p]); return { path: p, source: 'og:url', logs }; } } } // Normal users (no preview): trust the browser URL (includes hash router if any) const fallback = location.pathname + location.hash; logs.push(['location', fallback]); return { path: fallback, source: 'location', logs }; } // --- Apply layout based on the resolved path --- const DEBUG = false; // Set to true for debugging const log = DEBUG ? console.log : () => { }; // Setup Copy Page Link Button function setupCopyPageLinkButton() { log('[HeaderButtons][DEBUG] setupCopyPageLinkButton() called'); const head = document.querySelector('#content-head h1'); if (!head) { log('[HeaderButtons][DEBUG] No h1 element found'); return; } log('[HeaderButtons][DEBUG] Found h1 element:', head.textContent.substring(0, 50)); log('[HeaderButtons] Adding buttons to h1'); // add custom class to h1 for custom styles head.classList.add('head-with-buttons'); // Create button container const buttonContainer = document.createElement('div'); buttonContainer.id = 'header-buttons-container'; // Create Copy Page Link button const copyPageButtonContainer = document.createElement('div'); copyPageButtonContainer.className = 'custom-action-button-container'; const copyPageButtonBack = document.createElement('div'); copyPageButtonBack.className = 'custom-action-button-back'; const copyPageLinkButton = document.createElement('button'); // add id for custom styles copyPageLinkButton.id = 'copy-page-link-btn'; copyPageLinkButton.className = 'custom-action-button'; copyPageLinkButton.textContent = 'Copy Page Link'; copyPageLinkButton.insertAdjacentHTML( 'beforeend', `` ); copyPageButtonContainer.appendChild(copyPageButtonBack); copyPageButtonContainer.appendChild(copyPageLinkButton); buttonContainer.appendChild(copyPageButtonContainer); head.appendChild(buttonContainer); log('[HeaderButtons][DEBUG] Button container appended to h1'); // Copy current page URL to clipboard and show a top-right toast function onCopyPageLinkClick(e) { if (e && e.preventDefault) e.preventDefault(); const url = window.location.href; function showToastMessage(success) { // Toast (top-right) // add id for custom styles const id = 'toast-link-copied'; const existing = document.getElementById(id); if (existing) existing.remove(); const toast = document.createElement('div'); toast.id = id; toast.role = 'status'; toast.setAttribute('aria-live', 'polite'); toast.textContent = success ? 'Link copied' : 'Could not copy link'; document.body.appendChild(toast); void toast.offsetHeight; const hide = function () { // add class for custom styles toast.classList.add('toast-hidden'); toast.addEventListener( 'transitionend', function () { toast.remove(); }, { once: true } ); }; setTimeout(hide, 1500); } function fallbackCopy() { const ta = document.createElement('textarea'); // add id for custom styles ta.id = 'ta-fallback'; ta.value = url; ta.setAttribute('readonly', ''); document.body.appendChild(ta); ta.select(); var success = false; try { success = document.execCommand('copy'); } catch (err) { success = false; } document.body.removeChild(ta); showToastMessage(success); } // Try modern Clipboard API if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard .writeText(url) .then(function () { showToastMessage(true); }) .catch(function () { fallbackCopy(); }); } else { fallbackCopy(); } } copyPageLinkButton.addEventListener('click', onCopyPageLinkClick); } // Setup Copy for LLM Button // Note: Assumes TurndownService is already loaded via Readme header function setupCopyForLLMButton() { log('[HeaderButtons][DEBUG] setupCopyForLLMButton() called'); const buttonContainer = document.getElementById('header-buttons-container'); if (!buttonContainer) { log('[HeaderButtons][DEBUG] No button container found for Copy for LLM - ABORTING'); return; } log('[HeaderButtons][DEBUG] Found button container'); // Check if TurndownService is available if (!window.TurndownService) { log('[HeaderButtons][WARNING] TurndownService not loaded - skipping Copy for LLM button'); return; } log('[HeaderButtons] Adding Copy for LLM button'); const copyMarkdownButtonContainer = document.createElement('div'); copyMarkdownButtonContainer.className = 'custom-action-button-container'; const markdownButtonBack = document.createElement('div'); markdownButtonBack.className = 'custom-action-button-back'; const copyMarkdownButton = document.createElement('button'); // add id for custom styles copyMarkdownButton.id = 'copy-markdown-btn'; copyMarkdownButton.type = 'button'; copyMarkdownButton.textContent = 'Copy for LLM'; copyMarkdownButton.insertAdjacentHTML( 'beforeend', `` ); copyMarkdownButton.className = 'custom-action-button copy-for-llm-button'; copyMarkdownButton.addEventListener('click', onCopyClick); copyMarkdownButtonContainer.appendChild(markdownButtonBack); copyMarkdownButtonContainer.appendChild(copyMarkdownButton); buttonContainer.appendChild(copyMarkdownButtonContainer); log('[HeaderButtons][DEBUG] Copy for LLM button appended to container'); } function onCopyClick() { const section = document.querySelector('section.content-body'); if (!section) { showToast('Copy Failed', false); return; } try { const markdown = toMarkdownForLLM(section); if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard .writeText(markdown) .then(function () { showToast('Copied', true); }) .catch(function () { fallbackCopy(markdown); }); } else { fallbackCopy(markdown); } } catch (err) { showToast('Copy Failed', false); } } function fallbackCopy(text) { const ta = document.createElement('textarea'); ta.value = text; ta.setAttribute('readonly', ''); ta.style.position = 'fixed'; ta.style.top = '-9999px'; document.body.appendChild(ta); ta.select(); try { const ok = document.execCommand('copy'); showToast(ok ? 'Copied' : 'Copy Failed', ok); } catch (err) { showToast('Copy Failed', false); } finally { document.body.removeChild(ta); } } function showToast(message, success) { const toast = document.createElement('div'); // add id for custom styles toast.id = 'toast-copy-llm'; toast.className = 'custom-toast ' + (success ? 'success-toast' : 'error-toast'); toast.textContent = message; document.body.appendChild(toast); setTimeout(function () { if (toast && toast.parentNode) { toast.parentNode.removeChild(toast); } }, 3000); } function toMarkdownForLLM(rootEl) { // Drop unnecessary elements from dom before running the content through turndown. const clone = rootEl.cloneNode(true); const DROP_SELECTORS = [ 'script', 'style', 'nav', 'footer', '[data-rdme], .rdme, .rdme-feedback, .feedback', '.TableOfContents, .toc, nav.toc', 'form', 'svg', 'link', 'meta', '.rm-PageThumbs.PageThumbs', '.PageThumbs-helpful' ].join(','); clone.querySelectorAll(DROP_SELECTORS).forEach(function (n) { n.remove(); }); clone.querySelectorAll('a[href^="#"]').forEach(function (a) { if (!a.textContent.trim()) a.remove(); }); Array.from(clone.querySelectorAll('*')).forEach(function (el) { const t = el.textContent ? el.textContent.trim() : ''; if (!t) return; if (/^Updated\s+\d+\s+(day|days|hour|hours|minute|minutes)\s+ago$/i.test(t)) el.remove(); }); // set up turndown const TurndownService = window.TurndownService; const td = new TurndownService({ headingStyle: 'atx', hr: '---', bulletListMarker: '-', codeBlockStyle: 'fenced', fence: '```', emDelimiter: '*', strongDelimiter: '**', linkStyle: 'inlined', linkReferenceStyle: 'full', preformattedCode: true }); // Add additional formatting rules to make the Markdown cleaner // in the future we are hoping to replace some of these with GFM // import { gfm /* or tables, strikethrough, taskListItems */ } from '@joplin/turndown-plugin-gfm' // or '@truto/turndown-plugin-gfm' td.addRule('dropEmptyAnchors', { filter: function (node) { return node.nodeName === 'A' && !node.textContent.trim(); }, replacement: function () { return ''; } }); td.addRule('collapseBrRuns', { filter: function (node) { return node.nodeName === 'BR' && node.nextSibling && node.nextSibling.nodeName === 'BR'; }, replacement: function () { return '\n\n'; } }); td.addRule('strikethrough', { filter: ['del', 's', 'strike'], replacement: function (content) { return '~~' + content + '~~'; } }); td.addRule('taskListItems', { filter: function (node) { return node.nodeName === 'INPUT' && node.getAttribute('type') === 'checkbox'; }, replacement: function (content, node) { return node.checked ? '[x] ' : '[ ] '; } }); td.addRule('tables', { filter: 'table', replacement: function (content, node) { const rows = Array.from(node.querySelectorAll('tr')); if (rows.length === 0) return ''; // First row = header const headerCells = Array.from(rows[0].children).map(function (td) { return td.textContent.trim(); }); const headerRow = '| ' + headerCells.join(' | ') + ' |'; // Separator row (--- per column) const separatorRow = '| ' + headerCells .map(function () { return '---'; }) .join(' | ') + ' |'; // Body rows const bodyRows = rows.slice(1).map(function (row) { const cells = Array.from(row.children).map(function (td) { return td.textContent.trim(); }); return '| ' + cells.join(' | ') + ' |'; }); return [headerRow, separatorRow].concat(bodyRows).join('\n'); } }); // final whitespace trimming + return let md = td.turndown(clone.innerHTML); md = md .replace(/\[\]$#.+?$\s*\n?/g, '') .replace(/[ \t]+\n/g, '\n') .replace(/\n{3,}/g, '\n\n') .trim(); return md; } // Cleanup header buttons (remove buttons and reset h1 styles) function cleanupHeaderButtons() { const head = document.querySelector('#content-head h1'); if (!head) return; const buttonContainer = head.querySelector('#header-buttons-container'); if (buttonContainer) { buttonContainer.remove(); log('[HeaderButtons] Removed button container'); } // Remove custom class head.classList.remove('head-with-buttons'); log('[HeaderButtons] Reset h1 styles'); } // Check if buttons should be on current page function shouldShowButtons() { const { path: currentPath } = getEffectivePath(); log('[HeaderButtons][DEBUG] Current path:', currentPath); // Only show on /docs pages, but not on /reference pages if (!currentPath.includes('/docs')) { log('[HeaderButtons] Should NOT show: Not a /docs page'); return false; } if (currentPath.includes('/reference')) { log('[HeaderButtons] Should NOT show: API reference page'); return false; } log('[HeaderButtons] Should show: Valid /docs page'); return true; } // Apply header buttons with retry logic function applyHeaderButtons(retryCount) { if (typeof retryCount === 'undefined') retryCount = 0; log('[HeaderButtons][DEBUG] applyHeaderButtons START (attempt ' + (retryCount + 1) + ')'); // Check if buttons should be on this page const shouldShow = shouldShowButtons(); // Check if h1 exists first (fast check) const head = document.querySelector('#content-head h1'); log('[HeaderButtons][DEBUG] Looking for h1...'); if (!head) { // If no h1, clean up any stray buttons and maybe retry // Retry up to 10 times with increasing delays (1s, 2s, 3s... up to 10s = 55 seconds total) if (shouldShow && retryCount < 10) { log('[HeaderButtons] h1 not found, retrying... (attempt ' + (retryCount + 1) + '/10)'); setTimeout(function () { applyHeaderButtons(retryCount + 1); }, 1000 * (retryCount + 1)); return; } else { log('[HeaderButtons] h1 not found after 10 attempts - cleaning up'); cleanupHeaderButtons(); return; } } log('[HeaderButtons][DEBUG] h1 found:', head.textContent.substring(0, 50)); // Check if buttons already exist const existingContainer = head.querySelector('#header-buttons-container'); const buttonsExist = !!existingContainer; log('[HeaderButtons][DEBUG] Buttons exist:', buttonsExist, '| Should show:', shouldShow); // Case 1: Buttons should be there but aren't → Add them if (shouldShow && !buttonsExist) { log('[HeaderButtons] Adding buttons (not present)'); // Check if h1 is stale (contains button text from previous page) const h1Text = head.textContent || ''; const hasButtonText = h1Text.includes('Copy Page Link') || h1Text.includes('Copy for LLM'); if (hasButtonText && retryCount < 20) { log('[HeaderButtons][DEBUG] h1 contains button text (stale), waiting for React update... (attempt ' + (retryCount + 1) + '/20)'); setTimeout(function () { applyHeaderButtons(retryCount + 1); }, 300); return; } setupCopyPageLinkButton(); setupCopyForLLMButton(); } // Case 2: Buttons shouldn't be there but are → Remove them else if (!shouldShow && buttonsExist) { log('[HeaderButtons] Removing buttons (should not be present)'); cleanupHeaderButtons(); } // Case 3: Buttons exist and should exist → Do nothing (SPA optimization) else if (shouldShow && buttonsExist) { log('[HeaderButtons] Buttons already present and correct - skipping'); } // Case 4: Buttons don't exist and shouldn't exist → Do nothing else { log('[HeaderButtons] No buttons needed - skipping'); } log('[HeaderButtons][DEBUG] applyHeaderButtons END'); } // Use Readme's pageLoad event for both initial load and SPA navigation $(window).on('pageLoad', function () { log('[HeaderButtons] pageLoad -> apply'); // Add delay to ensure new page content has rendered setTimeout(function () { requestAnimationFrame(applyHeaderButtons); requestAnimationFrame(hideErrorResponses); // Run rename multiple times to catch React re-renders applyParamsRename(); }, 100); }); // Apply params rename multiple times to catch React re-renders function applyParamsRename() { // Run immediately renameParamsToParameters(); // Run again after short delays to catch React re-renders setTimeout(renameParamsToParameters, 200); setTimeout(renameParamsToParameters, 500); setTimeout(renameParamsToParameters, 1000); setTimeout(renameParamsToParameters, 2000); } // Rename "Params" to "Parameters" in API Reference section headers function renameParamsToParameters() { log('[ParamsRename] Checking for Params headers to rename...'); // Map of header IDs to their full names const paramHeaders = { 'path-params': 'Path Parameters', 'body-params': 'Body Parameters', 'query-params': 'Query Parameters', 'header-params': 'Header Parameters' }; let renamed = 0; Object.keys(paramHeaders).forEach(function(headerId) { const header = document.getElementById(headerId); if (!header) return; // Find the heading div inside the header const headingDiv = header.querySelector('[class*="APISectionHeader-heading"]'); if (!headingDiv) return; // Get the text content (excluding the anchor link) const anchor = headingDiv.querySelector('a'); const currentText = headingDiv.textContent.trim(); const newText = paramHeaders[headerId]; // Check if it needs renaming (contains "Params" but not "Parameters") if (currentText.includes('Params') && !currentText.includes('Parameters')) { // Clear the heading div and rebuild it const anchorClone = anchor ? anchor.cloneNode(true) : null; headingDiv.textContent = ''; if (anchorClone) { // Update the aria-label on the anchor anchorClone.setAttribute('aria-label', 'Skip link to ' + newText); headingDiv.appendChild(anchorClone); } // Add the new text headingDiv.appendChild(document.createTextNode(newText)); log('[ParamsRename] Renamed: ' + currentText + ' -> ' + newText); renamed++; } }); if (renamed > 0) { log('[ParamsRename] Renamed ' + renamed + ' header(s)'); } else { log('[ParamsRename] No headers needed renaming'); } } // Hide 4xx and 5xx error responses from the Responses section in API Reference function hideErrorResponses() { log('[HideErrorResponses] Checking for error responses to remove...'); // Find the API Response Schema Picker (Responses section) const responsesPicker = document.querySelector('.rm-APIResponseSchemaPicker, [class*="APIResponseSchemaPicker"]'); if (!responsesPicker) { log('[HideErrorResponses] No Responses section found'); return; } let removed = 0; // Find all HTTPStatus-chit elements which contain the status code const statusChits = responsesPicker.querySelectorAll('.HTTPStatus-chit, [class*="HTTPStatus-chit"]'); // Collect elements to remove (can't modify while iterating) const elementsToRemove = []; statusChits.forEach(function(chit) { const statusCode = chit.getAttribute('aria-label'); if (!statusCode) return; const code = parseInt(statusCode, 10); // Check if it's a 4xx or 5xx status code if (code >= 400 && code < 600) { // Find the parent response option container // Could be AccordionPanel or Flex row with APIResponseSchemaPicker-option let parent = chit.closest('[class*="AccordionPanel"], [class*="APIResponseSchemaPicker-option"]'); // If we found an APIResponseSchemaPicker-option inside an AccordionPanel, get the AccordionPanel if (parent && parent.closest('[class*="AccordionPanel"]')) { parent = parent.closest('[class*="AccordionPanel"]'); } // Also check for direct Flex rows that are response options if (!parent) { parent = chit.closest('.Flex[class*="APIResponseSchemaPicker-option"]'); } if (parent && !elementsToRemove.includes(parent)) { elementsToRemove.push({ element: parent, code: statusCode }); } } }); // Remove the collected elements from the DOM elementsToRemove.forEach(function(item) { item.element.remove(); log('[HideErrorResponses] Removed ' + item.code + ' response'); removed++; }); if (removed > 0) { log('[HideErrorResponses] Removed ' + removed + ' error response(s)'); } else { log('[HideErrorResponses] No error responses found to remove'); } } // Scroll Indicator for Landing Page (function () { let scrollIndicator = null; let observer = null; let catalogElement = null; // Create the scroll indicator element function createScrollIndicator() { const indicator = document.createElement('div'); indicator.id = 'catalog-scroll-indicator'; // Add only arrow icon indicator.innerHTML = `

`; // Add click handler to scroll to catalog indicator.addEventListener('click', () => { if (catalogElement) { catalogElement.scrollIntoView({ behavior: 'smooth' }); } }); return indicator; } // Show the scroll indicator function showIndicator() { if (scrollIndicator) { scrollIndicator.classList.add('visible'); } } // Hide the scroll indicator function hideIndicator() { if (scrollIndicator) { scrollIndicator.classList.remove('visible'); } } // Setup intersection observer function setupObserver() { if (!catalogElement) return; // Disconnect existing observer if it exists if (observer) { observer.disconnect(); } observer = new IntersectionObserver( entries => { entries.forEach(entry => { // Show indicator when less than 50% of catalog is visible if (entry.intersectionRatio < 0.5) { showIndicator(); } else { hideIndicator(); } }); }, { threshold: 0.5 // Trigger when 50% visibility is crossed } ); observer.observe(catalogElement); } // Initialize the scroll indicator system function initScrollIndicator() { // Early exit: Only add scroll indicator if #riskos-header exists (landing page) const riskosHeader = document.getElementById('riskos-header'); if (!riskosHeader) { log('[ScrollIndicator] Skipping: #riskos-header not found (not landing page)'); cleanup(); return; } catalogElement = document.getElementById('catalog'); if (!catalogElement) { log('[ScrollIndicator] Skipping: #catalog not found'); cleanup(); return; } log('[ScrollIndicator] Initializing on landing page'); // Create and append indicator if it doesn't exist or if it's been detached if (!scrollIndicator || !scrollIndicator.parentNode) { scrollIndicator = createScrollIndicator(); document.body.appendChild(scrollIndicator); } // Setup intersection observer setupObserver(); // Initially check if catalog is in view const rect = catalogElement.getBoundingClientRect(); const viewportHeight = window.innerHeight; const catalogHeight = rect.height; const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0); const visibilityRatio = Math.max(0, visibleHeight) / catalogHeight; if (visibilityRatio < 0.5) { showIndicator(); } } // Cleanup function function cleanup() { if (observer) { observer.disconnect(); observer = null; } if (scrollIndicator && scrollIndicator.parentNode) { //scrollIndicator.parentNode.removeChild(scrollIndicator); scrollIndicator = null; } catalogElement = null; } // Use Readme's pageLoad event for initialization $(window).on('pageLoad', function () { log('[ScrollIndicator] pageLoad event'); // Clean up previous instance cleanup(); // Wait a bit for DOM to be ready after page change setTimeout(() => { initScrollIndicator(); }, 100); }); })(); (function() { 'use strict'; // Evaluation API page - workflow types const WORKFLOWS = [ 'Consumer Onboarding', 'Generic Passthrough', 'Trust and Safety', 'Bank Account Verification', 'Business Onboarding', 'Login and Authentication', 'Workforce Verification' ]; // Webhook Events page - event types const WEBHOOK_EVENTS = [ 'Evaluation Completed', 'Evaluation Paused', 'Reevaluation', 'Workflow Execution Failed', 'Decision Updated', 'Fraud Confirming', 'Case Assigned', 'Case Unassigned', 'Case Status Updated', 'Case Notes Added', 'Case Attachment Added' ]; // Combined list for validation const ALL_SYNC_ITEMS = [...WORKFLOWS, ...WEBHOOK_EVENTS]; // Inject CSS to hide tippy dropdowns during sync (prevents visual flash) const hideStyle = document.createElement('style'); hideStyle.id = 'sync-hide-dropdowns'; hideStyle.textContent = ` body.sync-in-progress [data-tippy-root] { opacity: 0 !important; pointer-events: none !important; transition: none !important; } `; document.head.appendChild(hideStyle); function startHidingDropdowns() { document.body.classList.add('sync-in-progress'); } function stopHidingDropdowns() { document.body.classList.remove('sync-in-progress'); } function selectRequestExample(workflowName) { try { const tippyBoxes = document.querySelectorAll('[data-tippy-root] .tippy-box[data-state="visible"]'); for (const box of tippyBoxes) { const menuHeader = box.querySelector('.Menu-Header'); if (menuHeader && menuHeader.textContent.trim() === 'Request Examples') { const menuItems = box.querySelectorAll('.Menu-Item'); for (const item of menuItems) { if (item.textContent.trim() === workflowName) { item.click(); console.log(`[Sync] Request: ${workflowName} ✓`); return true; } } console.warn(`[Sync] Request: ${workflowName} not found`); return false; } } console.warn(`[Sync] Request Examples menu not found`); } catch (error) { console.error('[Sync] Request error:', error); } return false; } function selectResponseExample(workflowName) { try { const testId = `APIResponse-menu-item[application/json][200][${workflowName}]`; const menuItem = document.querySelector(`[data-testid="${testId}"]`); if (menuItem) { menuItem.click(); console.log(`[Sync] Response: ${workflowName} ✓`); return true; } const tippyBoxes = document.querySelectorAll('[data-tippy-root] .tippy-box[data-state="visible"]'); for (const box of tippyBoxes) { const menuHeader = box.querySelector('.Menu-Header'); if (menuHeader && menuHeader.textContent.includes('application/json')) { const menuItems = box.querySelectorAll('.Menu-Item'); for (const item of menuItems) { if (item.textContent.includes(workflowName)) { item.click(); console.log(`[Sync] Response: ${workflowName} ✓`); return true; } } } } console.warn(`[Sync] Response: ${workflowName} not found`); } catch (error) { console.error('[Sync] Response error:', error); } return false; } function clearRequestExample() { try { const clearButton = document.querySelector('.rm-APIRequest-clear'); if (clearButton) { clearButton.click(); return true; } } catch (error) { console.error('[Sync] Clear error:', error); } return false; } function toggleRequestDropdown(forceReopen = false) { try { const requestSection = document.querySelector('.rm-PlaygroundRequest'); if (!requestSection) return false; const dropdowns = requestSection.querySelectorAll('.Dropdown'); for (const dropdown of dropdowns) { const button = dropdown.querySelector('button.Dropdown-toggle'); if (!button) continue; const buttonSpan = button.querySelector('span'); const buttonText = buttonSpan ? buttonSpan.textContent.trim() : button.textContent.trim(); if (buttonText === 'Examples') { const ariaExpanded = button.getAttribute('aria-expanded'); if (forceReopen && ariaExpanded === 'true') { button.click(); setTimeout(() => button.click(), 150); return true; } if (ariaExpanded === 'false') { button.click(); return true; } return false; } } } catch (error) { console.error('[Sync] Toggle dropdown error:', error); } return false; } function waitForRequestTippy(maxAttempts = 10) { return new Promise((resolve) => { let attempts = 0; const check = () => { attempts++; const tippyBoxes = document.querySelectorAll('[data-tippy-root] .tippy-box[data-state="visible"]'); for (const box of tippyBoxes) { const menuHeader = box.querySelector('.Menu-Header'); if (menuHeader && menuHeader.textContent.trim() === 'Request Examples') { resolve(true); return; } } if (attempts < maxAttempts) { setTimeout(check, 100); } else { resolve(false); } }; check(); }); } function openResponseDropdown() { try { let responseDropdown = document.querySelector('.APIResponse-action304zWXpxfU0l.Dropdown'); if (!responseDropdown) { const allDropdowns = document.querySelectorAll('.Dropdown'); for (const dropdown of allDropdowns) { const button = dropdown.querySelector('button'); if (button && button.textContent.includes('Examples')) { const parent = dropdown.closest('[class*="APIResponse"]'); if (parent) { responseDropdown = dropdown; break; } } } } if (!responseDropdown) return false; const button = responseDropdown.querySelector('button.Dropdown-toggle'); if (!button) return false; if (button.getAttribute('aria-expanded') === 'false') { button.click(); return true; } return false; } catch (error) { console.error('[Sync] Open response error:', error); } return false; } // Check if we're on a Webhook page function isWebhookPage() { return document.querySelector('[class*="WebhookRequest"]') !== null; } // Toggle webhook payload dropdown function toggleWebhookDropdown(forceReopen = false) { try { const webhookSection = document.querySelector('[class*="WebhookRequest"]'); if (!webhookSection) return false; const dropdown = webhookSection.querySelector('.Dropdown'); if (!dropdown) return false; const button = dropdown.querySelector('button.Dropdown-toggle'); if (!button) return false; const ariaExpanded = button.getAttribute('aria-expanded'); if (forceReopen && ariaExpanded === 'true') { button.click(); setTimeout(() => button.click(), 150); return true; } if (ariaExpanded === 'false') { button.click(); return true; } return false; } catch (error) { console.error('[Sync] Toggle webhook dropdown error:', error); } return false; } // Wait for webhook tippy popup (uses same "Request Examples" header as API page) function waitForWebhookTippy(maxAttempts = 10) { return new Promise((resolve) => { let attempts = 0; const check = () => { attempts++; const tippyBoxes = document.querySelectorAll('[data-tippy-root] .tippy-box[data-state="visible"]'); for (const box of tippyBoxes) { const menuHeader = box.querySelector('.Menu-Header'); if (menuHeader && menuHeader.textContent.trim() === 'Request Examples') { resolve(true); return; } } if (attempts < maxAttempts) { setTimeout(check, 100); } else { resolve(false); } }; check(); }); } // Select webhook payload example function selectWebhookExample(eventName) { try { const tippyBoxes = document.querySelectorAll('[data-tippy-root] .tippy-box[data-state="visible"]'); for (const box of tippyBoxes) { const menuHeader = box.querySelector('.Menu-Header'); if (menuHeader && menuHeader.textContent.trim() === 'Request Examples') { const menuItems = box.querySelectorAll('.Menu-Item'); for (const item of menuItems) { if (item.textContent.trim() === eventName) { item.click(); console.log(`[Sync] Webhook Payload: ${eventName} ✓`); return true; } } console.warn(`[Sync] Webhook Payload: ${eventName} not found`); return false; } } console.warn(`[Sync] Request Examples menu not found`); } catch (error) { console.error('[Sync] Webhook payload error:', error); } return false; } async function syncExamples(itemName) { if (!ALL_SYNC_ITEMS.includes(itemName)) return; console.log(`[Sync] ${itemName}`); // Hide dropdowns to prevent visual flash startHidingDropdowns(); try { await new Promise(resolve => setTimeout(resolve, 100)); // Check if this is a webhook page if (isWebhookPage()) { // Webhook page - only sync payload examples toggleWebhookDropdown(true); const tippyFound = await waitForWebhookTippy(10); if (tippyFound) { await new Promise(resolve => setTimeout(resolve, 150)); selectWebhookExample(itemName); } await new Promise(resolve => setTimeout(resolve, 100)); } else { // Evaluation API page - sync request and response examples const wasCleared = clearRequestExample(); await new Promise(resolve => setTimeout(resolve, wasCleared ? 200 : 100)); toggleRequestDropdown(wasCleared); const tippyFound = await waitForRequestTippy(10); if (tippyFound) { await new Promise(resolve => setTimeout(resolve, 150)); selectRequestExample(itemName); } await new Promise(resolve => setTimeout(resolve, 150)); const responseOpened = openResponseDropdown(); await new Promise(resolve => setTimeout(resolve, responseOpened ? 200 : 50)); selectResponseExample(itemName); // Small delay to ensure dropdown closes before showing await new Promise(resolve => setTimeout(resolve, 100)); } } finally { // Always restore visibility stopHidingDropdowns(); } } function detectActiveItem() { const expandedButtons = document.querySelectorAll('.rm-ParamContainer button[aria-expanded="true"]'); for (const button of expandedButtons) { const labelDiv = button.querySelector('.AccordionMultiSchema-label1Q4bPKGC-K-A'); if (labelDiv) { const itemName = labelDiv.textContent.trim(); if (ALL_SYNC_ITEMS.includes(itemName)) { return itemName; } } } return null; } function handleBodyParamsClick(event) { const button = event.target.closest('button.Param-expand-button1ktY2S68FWc_'); if (!button) return; const labelDiv = button.querySelector('.AccordionMultiSchema-label1Q4bPKGC-K-A'); if (!labelDiv) return; const itemName = labelDiv.textContent.trim(); const willBeExpanded = button.getAttribute('aria-expanded') === 'false'; if (willBeExpanded && ALL_SYNC_ITEMS.includes(itemName)) { syncExamples(itemName); } } function initMutationObserver() { const observer = new MutationObserver((mutations) => { for (const mutation of mutations) { if (mutation.type === 'attributes' && mutation.attributeName === 'aria-expanded') { const button = mutation.target; const isExpanded = button.getAttribute('aria-expanded') === 'true'; if (isExpanded) { const labelDiv = button.querySelector('.AccordionMultiSchema-label1Q4bPKGC-K-A'); if (labelDiv) { const itemName = labelDiv.textContent.trim(); if (ALL_SYNC_ITEMS.includes(itemName)) { syncExamples(itemName); } } } } } }); const paramContainer = document.querySelector('.rm-ParamContainer'); if (paramContainer) { observer.observe(paramContainer, { attributes: true, attributeFilter: ['aria-expanded'], subtree: true }); } return observer; } function init() { const paramContainer = document.querySelector('.rm-ParamContainer'); if (!paramContainer) { setTimeout(init, 1000); return; } document.addEventListener('click', handleBodyParamsClick, true); initMutationObserver(); const activeItem = detectActiveItem(); if (activeItem) { syncExamples(activeItem); } const pageType = isWebhookPage() ? 'Webhook' : 'Evaluation API'; console.log(`[Sync] Ready (${pageType} page)`); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();