/** * sidebar-nav.js — client bundle injected by Mintlify on every page (pairs with `sidebar-nav-data.generated.js`). * * - Builds `ul.conductor-section-rail` for Home / MCP / Data API / Templates. * - MCP, Data API, and Templates nested links come from `window.__SIDEBAR_NAV__` * (`sidebar-nav-data.generated.js`, built by `scripts/generate-sidebar-nav.mjs` from * `docs.json` + MDX). Home stays a single row (index only). * - Those three section rows are accordion triggers only (not links); nested items carry real hrefs. * - Keeps `nav-tabs` in sync with the route (SPA-safe). */ (function () { /** * Single source of truth for top tabs and the section rail. * Mintlify often omits some `nav-anchor` rows from `ul.list-none` by tab — do not rely on that DOM. */ function detectDocsBase() { const p = window.location.pathname || '/'; if (p === '/docs' || p.startsWith('/docs/')) return '/docs'; return ''; } const DOCS_BASE = detectDocsBase(); /** * Mintlify / hosting may mount docs under `/docs`. Root-relative `/images/...` then hits the wrong * path in production (404); align with `publicDocUrl` by prefixing `DOCS_BASE` when set. * @param {string} absolutePath path from site root, e.g. `/images/openai.svg` */ function conductorAssetUrl(absolutePath) { if (!absolutePath || absolutePath.charAt(0) !== '/') return absolutePath || ''; return (DOCS_BASE || '') + absolutePath; } /** Monotonic segment so each `#navigation-items` root (e.g. desktop + mobile) gets unique element ids. */ let navInstanceSeq = 0; /** * @param {Element | null} nav * @returns {string} */ function ensureNavInstanceId(nav) { if (!nav) return '0'; const existing = nav.getAttribute('data-conductor-nav-instance'); if (existing) return existing; const v = String(++navInstanceSeq); nav.setAttribute('data-conductor-nav-instance', v); return v; } function stripDocsBase(pathname) { if (!pathname) return '/'; if (DOCS_BASE && pathname === DOCS_BASE) return '/'; if (DOCS_BASE && pathname.startsWith(DOCS_BASE + '/')) { return pathname.slice(DOCS_BASE.length) || '/'; } return pathname; } function internalPathKey(href) { try { const p = new URL(href, window.location.origin).pathname; const stripped = stripDocsBase(p); if (stripped === '/index') return '/'; return stripped.endsWith('/') && stripped.length > 1 ? stripped.slice(0, -1) : stripped; } catch { return href || '/'; } } function publicDocUrl(path) { const internal = internalPathKey(path); if (internal === '/') return DOCS_BASE || '/'; return (DOCS_BASE || '') + internal; } const NAV_TAB_SPECS = [ { label: 'Home', href: '/', isActive: (p) => p === '/' || p === '', }, { label: 'MCP', href: '/mcp/what-is-mcp', isActive: (p) => p.startsWith('/mcp'), }, { label: 'Data API', href: '/data-api/introduction-to-conductors-api', isActive: (p) => p.startsWith('/data-api'), }, { label: 'Templates', href: '/templates/gallery', isActive: (p) => p.startsWith('/templates'), }, ]; const SECTION_ICON_BY_LABEL = { Home: '/images/home.svg', MCP: '/images/mcp.svg', 'Data API': '/images/data.svg', Templates: '/images/templates.svg', }; const MCP_LLM_ICON_BY_PATH = { '/mcp/chatgpt': '/images/openai.svg', '/mcp/claude': '/images/anthropic.svg', '/mcp/copilot': '/images/copilot.svg', '/mcp/perplexity': '/images/perplexity.svg', }; function createSectionIcon(label) { const src = SECTION_ICON_BY_LABEL[label]; if (!src) return null; const icon = document.createElement('img'); icon.className = 'conductor-sidebar-section-icon'; icon.src = conductorAssetUrl(src); icon.alt = ''; icon.setAttribute('aria-hidden', 'true'); return icon; } function createMcpLlmIcon(href, cfg) { if (!cfg || cfg.key !== 'mcp') return null; const pathKey = pathnameKey(href); const src = MCP_LLM_ICON_BY_PATH[pathKey]; if (!src) return null; const icon = document.createElement('img'); icon.className = 'conductor-sidebar-llm-icon'; icon.src = conductorAssetUrl(src); icon.alt = ''; icon.setAttribute('aria-hidden', 'true'); return icon; } /** * @typedef {object} SectionAccordionConfig * @property {string} key Key on `window.__SIDEBAR_NAV__` (mcp | dataApi | templates) * @property {string} liId `li#` id from `buildSidebarRow` * @property {string} href Section base path (active state on `li` + reset; rail label is not a link) * @property {string} label * @property {string} panelId Base id for section nested `ul` (suffixed with `-nav-{instance}` per `#navigation-items` root) * @property {string} storageKey localStorage key for expanded state * @property {(path: string) => boolean} defaultExpandedWhenStorageUnset * @property {string} accordionAriaLabel */ /** @type {SectionAccordionConfig[]} */ const SECTION_ACCORDIONS = [ { key: 'mcp', liId: 'nav-section-mcp', href: '/mcp/what-is-mcp', label: 'MCP', panelId: 'conductor-mcp-nested-panel', storageKey: 'conductor.rail.mcpExpanded', defaultExpandedWhenStorageUnset: function (p) { return pathnameKey(p).startsWith('/mcp'); }, accordionAriaLabel: 'Toggle MCP page list', }, { key: 'dataApi', liId: 'nav-section-data-api', href: '/data-api/introduction-to-conductors-api', label: 'Data API', panelId: 'conductor-data-api-nested-panel', storageKey: 'conductor.rail.dataApiExpanded', defaultExpandedWhenStorageUnset: function (p) { return pathnameKey(p).startsWith('/data-api'); }, accordionAriaLabel: 'Toggle Data API page list', }, { key: 'templates', liId: 'nav-section-templates', href: '/templates/gallery', label: 'Templates', panelId: 'conductor-templates-nested-panel', storageKey: 'conductor.rail.templatesExpanded', defaultExpandedWhenStorageUnset: function (p) { return pathnameKey(p).startsWith('/templates'); }, accordionAriaLabel: 'Toggle Templates page list', }, ]; function pathnameKey(href) { return internalPathKey(href); } /** * Mintlify's default lone-Home `ul.sidebar-group` uses `href="/docs"`. When `DOCS_BASE` was empty at * script load (e.g. first paint not under `/docs`), `pathnameKey('/docs')` stays `/docs` instead of * `/`, so duplicate suppression must treat docs root explicitly. */ function isMintlifyDuplicateHomeSidebarHref(href) { const k = pathnameKey(href); if (k === '/' || k === '') return true; if (k === '/docs') return true; return false; } function sectionLinkActive(href) { const path = pathnameKey(href); const cur = pathnameKey(window.location.pathname); if (path === '/' || path === '') return cur === '/' || cur === ''; const seg = path.split('/').filter(Boolean)[0]; if (seg === 'mcp') return cur.startsWith('/mcp'); if (seg === 'data-api') return cur.startsWith('/data-api'); if (seg === 'templates') return cur.startsWith('/templates'); return cur === path; } function buildSidebarRow(li, href, label) { const active = sectionLinkActive(href); li.className = 'relative scroll-m-4 first:scroll-m-20'; const id = pathnameKey(href); const slug = id === '/' || id === '' ? 'nav-home' : 'nav-' + id.replace(/^\//, '').replace(/\//g, '-') || 'section'; li.id = slug; li.setAttribute('data-title', label); li.setAttribute('data-conductor-section-link', 'true'); const sectionCfg = SECTION_ACCORDIONS.find(function (s) { return s.liId === slug; }); li.setAttribute('data-conductor-section', sectionCfg ? sectionCfg.key : ''); if (active) li.setAttribute('data-active', 'true'); else li.removeAttribute('data-active'); const link = document.createElement('a'); link.className = 'group flex items-start pr-3 py-1.5 cursor-pointer gap-x-3 text-left break-words hyphens-auto rounded-xl w-full outline-offset-[-1px] text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300'; link.href = publicDocUrl(href); if (active) link.setAttribute('aria-current', 'page'); else link.removeAttribute('aria-current'); const icon = createSectionIcon(label); if (icon) link.appendChild(icon); const wrap = document.createElement('div'); wrap.className = 'flex-1 flex min-w-0 items-start gap-x-2.5'; const inner = document.createElement('div'); inner.className = 'flex min-w-0 flex-1 flex-wrap items-center gap-1.5 [word-break:break-word]'; const span = document.createElement('span'); span.className = 'min-w-0 max-w-full break-words hyphens-auto'; span.textContent = label; inner.appendChild(span); wrap.appendChild(inner); link.appendChild(wrap); li.replaceChildren(link); } /** * MCP / Data API / Templates: label is a non-link placeholder until `upgradeSectionAccordion` runs. * Uses `cfg.liId` (not derived from `href`) so ids never collide with page links inside the panel. */ function buildSidebarSectionRow(li, cfg) { const active = sectionLinkActive(cfg.href); li.className = 'relative scroll-m-4 first:scroll-m-20'; li.id = cfg.liId; li.setAttribute('data-title', cfg.label); li.setAttribute('data-conductor-section-link', 'true'); li.setAttribute('data-conductor-section', cfg.key); if (active) li.setAttribute('data-active', 'true'); else li.removeAttribute('data-active'); const row = document.createElement('span'); row.className = 'conductor-rail-section-label group flex items-start pr-3 py-1.5 text-left break-words hyphens-auto rounded-xl w-full outline-offset-[-1px] text-gray-700 dark:text-gray-400'; const icon = createSectionIcon(cfg.label); if (icon) row.appendChild(icon); const wrap = document.createElement('div'); wrap.className = 'flex-1 flex min-w-0 items-start gap-x-2.5'; const inner = document.createElement('div'); inner.className = 'flex min-w-0 flex-1 flex-wrap items-center gap-1.5 [word-break:break-word]'; const innerSpan = document.createElement('span'); innerSpan.className = 'min-w-0 max-w-full break-words hyphens-auto'; innerSpan.textContent = cfg.label; inner.appendChild(innerSpan); wrap.appendChild(inner); row.appendChild(wrap); li.replaceChildren(row); } /** Mintlify duplicates `#navigation-items` (desktop rail vs `#mobile-nav` drawer). `getElementById` only sees the first. */ function getAllNavigationRoots() { return Array.from(document.querySelectorAll('#navigation-items')); } /** * Hide duplicate Mintlify sidebar nodes instead of removing them so React’s reconciler still owns * a consistent parent/child graph during client navigations (e.g. Search). */ function suppressMintlifyDuplicateNode(el) { if (!el || el.getAttribute('data-conductor-suppressed') === 'true') return; el.setAttribute('data-conductor-suppressed', 'true'); } /** Aspen mobile omits the `.text-sm.relative` wrapper; our CSS and merge logic expect it. */ function ensureRelativeWrapper(nav) { const existing = nav.querySelector(':scope > .text-sm.relative'); if (existing) return existing; const wrap = document.createElement('div'); wrap.className = 'text-sm relative'; while (nav.firstChild) { wrap.appendChild(nav.firstChild); } nav.appendChild(wrap); return wrap; } function mergeIntoNav(nav) { if (!nav) return; ensureNavInstanceId(nav); const relative = ensureRelativeWrapper(nav); const anchorUl = relative.querySelector(':scope > ul.list-none:has(a[href^="mailto:"])') || relative.querySelector(':scope > ul.list-none:first-of-type'); if (!anchorUl) return; let rail = relative.querySelector(':scope > ul.conductor-section-rail'); if (!rail) { rail = document.createElement('ul'); rail.className = 'sidebar-group conductor-section-rail mt-6 lg:mt-8'; const pl2 = relative.querySelector(':scope > div.pl-2'); if (pl2) { pl2.insertAdjacentElement('afterend', rail); } else { relative.insertBefore(rail, anchorUl); } } rail.replaceChildren(); for (const spec of NAV_TAB_SPECS) { const li = document.createElement('li'); if (spec.label === 'Home') { buildSidebarRow(li, spec.href, spec.label); } else { const sec = SECTION_ACCORDIONS.find(function (s) { return s.label === spec.label; }); if (sec) buildSidebarSectionRow(li, sec); } rail.appendChild(li); } Array.from(anchorUl.querySelectorAll(':scope > li')) .filter((li) => !li.querySelector('a[href^="mailto:"]')) .forEach((li) => suppressMintlifyDuplicateNode(li)); removeDuplicateMintlifyHomeGroup(relative); removeMintlifyDefaultSidebarBlocks(relative, rail); } /** * Mintlify renders its own `sidebar-title` + `sidebar-group` for the active tab; we use only * `__SIDEBAR_NAV__` in the conductor rail — remove duplicate blocks (not inside the rail). */ function removeMintlifyDefaultSidebarBlocks(relative, rail) { if (!relative || !rail) return; const titles = ['MCP', 'Data API', 'Templates']; for (let t = 0; t < titles.length; t++) { const titleText = titles[t]; const h5List = relative.querySelectorAll( 'h5#sidebar-title, .sidebar-group-header h5' ); for (let i = 0; i < h5List.length; i++) { const h5 = h5List[i]; if (rail.contains(h5)) continue; if (h5.textContent.trim() !== titleText) continue; const block = h5.closest('div.mt-6') || h5.closest('div[class*="mt-6"]'); if (!block || rail.contains(block)) continue; if (block.querySelector('ul.conductor-section-rail')) continue; if (block.getAttribute('data-conductor-suppressed') === 'true') continue; suppressMintlifyDuplicateNode(block); break; } } } function merge() { getAllNavigationRoots().forEach(mergeIntoNav); } function applyChatAssistantTextareaHeight() { const el = document.getElementById('chat-assistant-textarea'); if (!el) return; el.style.setProperty('height', '40px', 'important'); el.style.setProperty('min-height', '40px', 'important'); } let _chatTaDedupe = null; function scheduleChatAssistantTextareaHeight() { clearTimeout(_chatTaDedupe); _chatTaDedupe = setTimeout(applyChatAssistantTextareaHeight, 0); } /** * On `/`, Mintlify still injects a `ul.sidebar-group` with a lone Home link — duplicates `li#nav-home` * in the conductor rail. */ function removeDuplicateMintlifyHomeGroup(relative) { if (!relative) return; const rail = relative.querySelector(':scope > ul.conductor-section-rail'); if (!rail || !rail.querySelector(':scope > li#nav-home')) return; relative.querySelectorAll(':scope > ul.sidebar-group:not(.conductor-section-rail)').forEach(function (ul) { if (ul.getAttribute('data-conductor-suppressed') === 'true') return; const lis = ul.querySelectorAll(':scope > li'); if (lis.length !== 1) return; const a = lis[0].querySelector(':scope > a[href]'); if (!a) return; if (!isMintlifyDuplicateHomeSidebarHref(a.getAttribute('href'))) return; suppressMintlifyDuplicateNode(ul); }); } /** When `localStorage` is blocked (ITP, enterprise policy, private mode edge cases), keep toggles working. */ const memoryStorage = Object.create(null); function safeGetItem(key) { try { return localStorage.getItem(key); } catch { return memoryStorage[key] ?? null; } } function safeSetItem(key, value) { try { localStorage.setItem(key, value); delete memoryStorage[key]; } catch { memoryStorage[key] = value; } } function getPanelExpanded(cfg) { const v = safeGetItem(cfg.storageKey); if (v === '1') return true; if (v === '0') return false; return cfg.defaultExpandedWhenStorageUnset(window.location.pathname); } function setPanelExpanded(cfg, open) { safeSetItem(cfg.storageKey, open ? '1' : '0'); } function slugifyForKey(value) { return String(value || '') .toLowerCase() .trim() .replace(/[^a-z0-9]+/g, '-') .replace(/^-+|-+$/g, '') || 'group'; } function nestedGroupPathKey(groupPathParts) { return groupPathParts.map(slugifyForKey).join('__'); } function getNestedGroupStorageKey(cfg, groupPathParts) { return 'conductor.rail.' + cfg.key + '.group.' + nestedGroupPathKey(groupPathParts); } function nodeContainsCurrentPath(node, curPathKey) { if (!node || typeof node !== 'object') return false; if (node.type === 'page') { return pathnameKey(node.href) === curPathKey; } if (node.type !== 'group' || !Array.isArray(node.children)) return false; for (let i = 0; i < node.children.length; i++) { if (nodeContainsCurrentPath(node.children[i], curPathKey)) return true; } return false; } function getNestedGroupExpanded(cfg, groupPathParts, containsCurrentPath) { const k = getNestedGroupStorageKey(cfg, groupPathParts); const v = safeGetItem(k); if (v === '1') return true; if (v === '0') return false; return containsCurrentPath; } function setNestedGroupExpanded(cfg, groupPathParts, open) { const k = getNestedGroupStorageKey(cfg, groupPathParts); safeSetItem(k, open ? '1' : '0'); } /** GTM / analytics often register `document` capture listeners with `stopImmediatePropagation`; use bubble + composedPath. */ function findAccordionTriggerFromEvent(e) { if (typeof e.composedPath === 'function') { const path = e.composedPath(); for (let i = 0; i < path.length; i++) { const node = path[i]; if ( node && node.nodeType === 1 && typeof node.matches === 'function' && node.matches('button.conductor-section-accordion-trigger') ) { return node; } } } const t = e.target; return t && t.closest ? t.closest('button.conductor-section-accordion-trigger') : null; } function findNestedGroupTriggerFromEvent(e) { if (typeof e.composedPath === 'function') { const path = e.composedPath(); for (let i = 0; i < path.length; i++) { const node = path[i]; if ( node && node.nodeType === 1 && typeof node.matches === 'function' && node.matches('button.conductor-nested-group-trigger') ) { return node; } } } const t = e.target; return t && t.closest ? t.closest('button.conductor-nested-group-trigger') : null; } function getSectionConfigByLiId(liId) { return SECTION_ACCORDIONS.find(function (c) { return c.liId === liId; }); } function liIdFromInternalHref(href) { const k = pathnameKey(href); if (k === '/' || k === '') return 'nav-index'; return 'nav-' + k.replace(/^\//, '').replace(/\//g, '-'); } function linkClassesActive(active) { return active ? 'group flex items-start pr-3 py-1.5 cursor-pointer gap-x-3 text-left break-words hyphens-auto rounded-xl w-full outline-offset-[-1px] bg-primary/10 text-primary [text-shadow:-0.2px_0_0_currentColor,0.2px_0_0_currentColor] dark:text-primary-light dark:bg-primary-light/10' : 'group flex items-start pr-3 py-1.5 cursor-pointer gap-x-3 text-left break-words hyphens-auto rounded-xl w-full outline-offset-[-1px] text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300'; } /** * @param {{ href: string, label: string }} node * @param {SectionAccordionConfig} cfg */ function createPageLinkLi(node, cfg) { const cur = pathnameKey(window.location.pathname); const li = document.createElement('li'); li.className = 'relative scroll-m-4 first:scroll-m-20'; li.id = liIdFromInternalHref(node.href); li.setAttribute('data-title', node.label); const a = document.createElement('a'); const hrefKey = pathnameKey(node.href); const active = hrefKey === cur; a.className = linkClassesActive(active); a.href = publicDocUrl(node.href); if (active) a.setAttribute('aria-current', 'page'); const llmIcon = createMcpLlmIcon(node.href, cfg); if (llmIcon) { li.setAttribute('data-conductor-llm-item', 'true'); a.setAttribute('data-conductor-llm-link', 'true'); a.classList.add('conductor-sidebar-llm-link'); a.appendChild(llmIcon); } const wrap = document.createElement('div'); wrap.className = 'flex-1 flex min-w-0 items-start gap-x-2.5'; const inner = document.createElement('div'); inner.className = 'flex min-w-0 flex-1 flex-wrap items-center gap-1.5 [word-break:break-word]'; const span = document.createElement('span'); span.className = 'min-w-0 max-w-full break-words hyphens-auto'; span.textContent = node.label; inner.appendChild(span); wrap.appendChild(inner); a.appendChild(wrap); li.appendChild(a); if (active) li.setAttribute('data-active', 'true'); return li; } /** * @param {{ type: string, title: string, children: object[] }} node * @param {SectionAccordionConfig} cfg */ function createGroupLi(node, cfg, depth, groupPathParts, navInstanceId) { const li = document.createElement('li'); li.className = 'relative list-none'; li.setAttribute('data-conductor-nested-group-item', 'true'); li.setAttribute('data-conductor-nested-depth', String(depth)); const groupPathKey = nestedGroupPathKey(groupPathParts); const panelId = 'conductor-nested-panel-nav-' + navInstanceId + '-' + cfg.key + '-' + groupPathKey; const containsCurrentPath = nodeContainsCurrentPath( node, pathnameKey(window.location.pathname) ); const expanded = getNestedGroupExpanded(cfg, groupPathParts, containsCurrentPath); const shell = document.createElement('div'); shell.className = 'conductor-nested-group-accordion'; const trigger = document.createElement('button'); trigger.type = 'button'; trigger.className = 'conductor-nested-group-trigger'; trigger.setAttribute('aria-expanded', expanded ? 'true' : 'false'); trigger.setAttribute('aria-controls', panelId); trigger.setAttribute('data-conductor-section', cfg.key); trigger.setAttribute('data-conductor-group-path', groupPathKey); trigger.setAttribute('data-conductor-depth', String(depth)); const title = document.createElement('span'); title.className = 'conductor-nested-group-title'; title.textContent = node.title; const caret = document.createElement('img'); caret.className = 'conductor-nested-group-chevron-icon'; caret.src = conductorAssetUrl('/images/caret-down.svg'); caret.alt = ''; caret.setAttribute('aria-hidden', 'true'); title.appendChild(caret); trigger.appendChild(title); shell.appendChild(trigger); const innerUl = buildNavTreeUl( cfg, node.children || [], false, depth + 1, groupPathParts, navInstanceId ); innerUl.id = panelId; innerUl.setAttribute('data-conductor-nested-panel', 'true'); innerUl.hidden = !expanded; shell.appendChild(innerUl); li.appendChild(shell); return li; } /** * @param {SectionAccordionConfig} cfg * @param {object[]} children * @param {boolean} [isRoot] */ function buildNavTreeUl(cfg, children, isRoot, depth, parentPathParts, navInstanceId) { const ul = document.createElement('ul'); ul.className = isRoot ? 'conductor-section-nested sidebar-group mt-1 border-l border-gray-200 dark:border-white/10 ml-2 pl-2' : 'sidebar-group mt-0.5 border-l border-gray-200 dark:border-white/10 ml-2 pl-2'; ul.setAttribute('data-conductor-nav-generated', 'true'); ul.setAttribute('data-conductor-section', cfg.key); const baseDepth = typeof depth === 'number' ? depth : isRoot ? 2 : 3; const parentPath = Array.isArray(parentPathParts) ? parentPathParts : []; const nid = navInstanceId != null ? String(navInstanceId) : '0'; for (let i = 0; i < children.length; i++) { const node = children[i]; if (!node || typeof node !== 'object') continue; if (node.type === 'page') { ul.appendChild(createPageLinkLi(node, cfg)); } else if (node.type === 'group' && Array.isArray(node.children)) { const pathParts = parentPath.concat(node.title || 'group-' + i); ul.appendChild(createGroupLi(node, cfg, baseDepth, pathParts, nid)); } } return ul; } function syncNestedLinkActiveStates(sectionLi) { const cur = pathnameKey(window.location.pathname); sectionLi.querySelectorAll('a[href]').forEach(function (a) { if (a.closest('button')) return; const li = a.closest('li'); if (!li || !sectionLi.contains(li)) return; const hrefKey = pathnameKey(a.getAttribute('href')); const active = hrefKey === cur; if (active) { li.setAttribute('data-active', 'true'); a.setAttribute('aria-current', 'page'); a.className = linkClassesActive(true); } else { li.removeAttribute('data-active'); a.removeAttribute('aria-current'); a.className = linkClassesActive(false); } if (a.getAttribute('data-conductor-llm-link') === 'true') { a.classList.add('conductor-sidebar-llm-link'); } }); } function applySectionAccordionState(sectionLi, cfg) { if (!sectionLi || !cfg) return; const trigger = sectionLi.querySelector('button.conductor-section-accordion-trigger'); const panel = sectionLi.querySelector( ':scope > .conductor-section-accordion > ul.conductor-section-nested-panel' ); if (!trigger || !panel) return; const open = getPanelExpanded(cfg); trigger.setAttribute('aria-expanded', open ? 'true' : 'false'); panel.hidden = !open; } function upgradeSectionAccordion(sectionLi, cfg, navInstanceId) { const nested = sectionLi.querySelector('ul.conductor-section-nested'); if (!nested || !nested.querySelector('li')) return; if (sectionLi.querySelector(':scope > .conductor-section-accordion')) return; const scopedSectionPanelId = cfg.panelId + '-nav-' + String(navInstanceId); nested.id = scopedSectionPanelId; nested.classList.add('conductor-section-nested-panel'); const shell = document.createElement('div'); shell.className = 'conductor-section-accordion w-full'; const headerRow = document.createElement('div'); headerRow.className = 'conductor-section-accordion-header'; const trigger = document.createElement('button'); trigger.type = 'button'; trigger.className = 'conductor-section-accordion-trigger'; trigger.setAttribute('aria-expanded', 'true'); trigger.setAttribute('aria-controls', scopedSectionPanelId); trigger.setAttribute('aria-label', cfg.accordionAriaLabel); trigger.setAttribute('data-conductor-section', cfg.key); const textCluster = document.createElement('span'); textCluster.className = 'conductor-section-accordion-text'; const icon = createSectionIcon(cfg.label); if (icon) textCluster.appendChild(icon); const titleSpan = document.createElement('span'); titleSpan.className = 'conductor-section-accordion-title'; titleSpan.textContent = cfg.label; textCluster.appendChild(titleSpan); const caret = document.createElement('img'); caret.className = 'conductor-accordion-chevron-icon'; caret.src = conductorAssetUrl('/images/caret-down.svg'); caret.alt = ''; caret.setAttribute('aria-hidden', 'true'); trigger.appendChild(textCluster); trigger.appendChild(caret); headerRow.appendChild(trigger); shell.appendChild(headerRow); shell.appendChild(nested); sectionLi.replaceChildren(shell); applySectionAccordionState(sectionLi, cfg); } function resetSectionLiForSection(sectionLi, cfg) { sectionLi.replaceChildren(); buildSidebarSectionRow(sectionLi, cfg); } function nestSectionPageListUnderRail(_relative, rail, cfg, navInstanceId) { const sectionLi = rail.querySelector(':scope > li#' + cfg.liId); if (!sectionLi) return; const globalNav = typeof window !== 'undefined' && window.__SIDEBAR_NAV__; const tree = globalNav && globalNav[cfg.key]; if ( !tree || typeof tree !== 'object' || !Array.isArray(tree.children) || tree.children.length === 0 ) { console.error( '[Conductor] Missing or empty __SIDEBAR_NAV__.' + cfg.key + ' — run: node scripts/generate-sidebar-nav.mjs (from mintlify-docs/)' ); sectionLi.querySelector(':scope > .conductor-section-accordion')?.remove(); sectionLi.querySelector(':scope > ul.conductor-section-nested')?.remove(); resetSectionLiForSection(sectionLi, cfg); return; } sectionLi.querySelector(':scope > .conductor-section-accordion')?.remove(); sectionLi.querySelector(':scope > ul.conductor-section-nested')?.remove(); resetSectionLiForSection(sectionLi, cfg); const nested = buildNavTreeUl(cfg, tree.children, true, 2, [], navInstanceId); sectionLi.appendChild(nested); upgradeSectionAccordion(sectionLi, cfg, navInstanceId); syncNestedLinkActiveStates(sectionLi); } function nestAllSectionRails() { getAllNavigationRoots().forEach(function (nav) { const relative = nav.querySelector(':scope > .text-sm.relative'); if (!relative) return; const rail = relative.querySelector(':scope > ul.conductor-section-rail'); if (!rail) return; const navInstanceId = ensureNavInstanceId(nav); for (const cfg of SECTION_ACCORDIONS) { nestSectionPageListUnderRail(relative, rail, cfg, navInstanceId); } }); } function syncNavTabs() { const row = document.querySelector('.nav-tabs'); if (!row) return; const links = Array.from(row.querySelectorAll(':scope > a.nav-tabs-item')); if (links.length !== NAV_TAB_SPECS.length) return; const path = pathnameKey(window.location.pathname); const base = 'link nav-tabs-item group relative h-full gap-2 flex items-center font-medium'; links.forEach((a, i) => { const spec = NAV_TAB_SPECS[i]; a.setAttribute('href', publicDocUrl(spec.href)); const active = spec.isActive(path); if (active) { a.setAttribute('data-active', 'true'); a.className = base + ' [text-shadow:-0.2px_0_0_currentColor,0.2px_0_0_currentColor] text-primary dark:text-primary-light hover:text-primary dark:hover:text-primary-light'; } else { a.removeAttribute('data-active'); a.className = base + ' hover:text-gray-800 dark:hover:text-gray-300 text-gray-800 dark:text-gray-200'; } const indicator = a.querySelector(':scope > div.absolute.bottom-0'); if (indicator) { indicator.className = active ? 'absolute bottom-0 w-full left-0 bg-primary dark:bg-primary-light h-px' : 'absolute bottom-0 w-full left-0 group-hover:bg-gray-200 dark:group-hover:bg-gray-700 h-px'; } }); } /** * Mintlify's client router can swallow tab clicks after we mutate href/classes. * Perform a real navigation for primary left-clicks (preserve new-tab / modified clicks). */ function installNavTabClickNavigation() { window.addEventListener( 'click', function (e) { if (e.button !== 0) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; const a = e.target.closest && e.target.closest('a.nav-tabs-item'); if (!a) return; const row = a.closest('.nav-tabs'); if (!row) return; const navbar = document.getElementById('navbar'); if (!navbar || !navbar.contains(a)) return; const links = Array.from(row.querySelectorAll(':scope > a.nav-tabs-item')); const idx = links.indexOf(a); if (idx < 0 || idx >= NAV_TAB_SPECS.length) return; const spec = NAV_TAB_SPECS[idx]; if (spec.isActive(pathnameKey(window.location.pathname))) { e.preventDefault(); e.stopImmediatePropagation(); return; } e.preventDefault(); e.stopImmediatePropagation(); window.location.assign(publicDocUrl(spec.href)); }, { capture: true } ); } /** * Section accordions + mobile drawer links: Mintlify's client layer can stop `click` before bubble * reaches `document` even when pointer hit-testing reaches the rail. `window` + capture runs before * `document` capture; mobile drawer links use full navigation like `nav-tabs-item`. */ function installSidebarRailCaptureNavigation() { window.addEventListener( 'click', function (e) { if (e.button !== 0) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; const trigger = findAccordionTriggerFromEvent(e); if (trigger && trigger.closest('#navigation-items')) { const li = trigger.closest('li[data-conductor-section-link]'); if (!li || !li.id) return; const cfg = getSectionConfigByLiId(li.id); if (!cfg) return; e.preventDefault(); e.stopImmediatePropagation(); const expanded = trigger.getAttribute('aria-expanded') === 'true'; setPanelExpanded(cfg, !expanded); applySectionAccordionState(li, cfg); return; } const nestedTrigger = findNestedGroupTriggerFromEvent(e); if (nestedTrigger && nestedTrigger.closest('#navigation-items')) { const sectionKey = nestedTrigger.getAttribute('data-conductor-section'); const cfg = SECTION_ACCORDIONS.find(function (c) { return c.key === sectionKey; }); const groupPathKey = nestedTrigger.getAttribute('data-conductor-group-path'); if (!cfg || !groupPathKey) return; const nestedLi = nestedTrigger.closest('li[data-conductor-nested-group-item]'); const panel = nestedLi && nestedLi.querySelector( ':scope > .conductor-nested-group-accordion > ul[data-conductor-nested-panel="true"]' ); if (!panel) return; e.preventDefault(); e.stopImmediatePropagation(); const expanded = nestedTrigger.getAttribute('aria-expanded') === 'true'; const open = !expanded; nestedTrigger.setAttribute('aria-expanded', open ? 'true' : 'false'); panel.hidden = !open; setNestedGroupExpanded(cfg, groupPathKey.split('__'), open); return; } if (!window.matchMedia('(max-width: 1023px)').matches) return; const mn = document.getElementById('mobile-nav'); if (!mn || !mn.contains(e.target)) return; const a = e.target.closest && e.target.closest('a[href]'); if (!a || !mn.contains(a)) return; const href = a.getAttribute('href'); if (!href || href.startsWith('mailto:') || href.startsWith('#')) return; if (!href.startsWith('/')) return; if (a.classList.contains('nav-tabs-item')) return; if (a.target === '_blank') return; if (a.getAttribute('download')) return; e.preventDefault(); e.stopImmediatePropagation(); window.location.assign(publicDocUrl(href)); }, true ); } let t = null; /** `nav` → observer. Paused while we mutate the rail so merge/nest doesn't re-trigger infinitely. */ const navObservers = new Map(); function pauseNavObservers() { navObservers.forEach(function (obs) { obs.disconnect(); }); } function resumeNavObservers() { navObservers.forEach(function (obs, nav) { if (nav.isConnected) { obs.observe(nav, { childList: true, subtree: true }); } }); } function dedupePass() { getAllNavigationRoots().forEach(function (nav) { const relative = nav.querySelector(':scope > .text-sm.relative'); const rail = relative && relative.querySelector(':scope > ul.conductor-section-rail'); removeDuplicateMintlifyHomeGroup(relative); removeMintlifyDefaultSidebarBlocks(relative, rail); }); } function schedule() { clearTimeout(t); t = setTimeout(function () { pauseNavObservers(); /* Defer rail merge / removals until after the next frame so SPA navigations (e.g. from Search) * don’t race Mintlify’s React commit (avoids removeChild / NotFoundError in their bundle). */ requestAnimationFrame(function () { requestAnimationFrame(function () { try { merge(); syncNavTabs(); nestAllSectionRails(); dedupePass(); } catch (err) { resumeNavObservers(); throw err; } requestAnimationFrame(function () { requestAnimationFrame(function () { try { nestAllSectionRails(); dedupePass(); scheduleChatAssistantTextareaHeight(); } finally { resumeNavObservers(); } }); }); scheduleChatAssistantTextareaHeight(); }); }); }, 50); } /** * Watch new `#navigation-items` roots (e.g. mobile drawer mount). Returns true if any new observer was attached. */ function observeNavigationRoots() { let anyNew = false; getAllNavigationRoots().forEach(function (nav) { if (navObservers.has(nav)) return; anyNew = true; const obs = new MutationObserver(schedule); obs.observe(nav, { childList: true, subtree: true }); navObservers.set(nav, obs); }); return anyNew; } function boot() { installNavTabClickNavigation(); installSidebarRailCaptureNavigation(); merge(); syncNavTabs(); nestAllSectionRails(); dedupePass(); scheduleChatAssistantTextareaHeight(); observeNavigationRoots(); requestAnimationFrame(function () { requestAnimationFrame(function () { pauseNavObservers(); try { nestAllSectionRails(); dedupePass(); scheduleChatAssistantTextareaHeight(); } finally { resumeNavObservers(); } }); }); /* One subtree observer: new `#navigation-items` roots (mobile drawer etc.) and chat composer mount. */ let _bodyObsChatTaDedupe = null; const bodyObs = new MutationObserver(function () { if (observeNavigationRoots()) { schedule(); } clearTimeout(_bodyObsChatTaDedupe); _bodyObsChatTaDedupe = setTimeout(scheduleChatAssistantTextareaHeight, 80); }); bodyObs.observe(document.body, { childList: true, subtree: true }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } window.addEventListener('popstate', schedule); // ─── Config-type → response-example sync ────────────────────────────────── // When a user selects a config_type value in the playground "Try it" modal, // automatically switch the cURL / 200-response example selector to match so // both panels reflect the same config_type without a manual extra click. // // Set ENABLE_CONFIG_TYPE_SYNC = false to disable without removing code. var ENABLE_CONFIG_TYPE_SYNC = true; var CONFIG_TYPE_SYNC_PATHS = [ '/data-api/endpoints/keyword_search_config', '/data-api/endpoints/ai_search_config', ]; // Every valid config_type value across both endpoints (used to identify // example-selector buttons and validate select changes). var ALL_CONFIG_TYPE_VALUES = [ 'keywords', 'keyword_groups', 'search_engines', 'devices', 'locales', 'topics', 'prompts', 'languages', 'brands', 'personas', 'intents', 'sentiment_categories', ]; // Treat UI text/values as untrusted and only allow known config_type values. // This keeps programmatic sync bounded to documented examples. function isAllowedConfigTypeValue(value) { return ALL_CONFIG_TYPE_VALUES.indexOf(value) !== -1; } function isConfigTypeSyncPage() { var p = window.location.pathname || ''; // Normalize trailing slash so both /foo and /foo/ match. if (p.length > 1 && p.endsWith('/')) { p = p.slice(0, -1); } return CONFIG_TYPE_SYNC_PATHS.some(function (sp) { return p === sp || p.endsWith(sp); }); } /** Walk up the DOM from `fromEl` to find the Mintlify playground modal overlay. */ function findPlaygroundModal(fromEl) { if (!fromEl) return null; // Use closest() — the select is too deep for a fixed-depth walk. if (fromEl.closest) { return fromEl.closest('div.fixed.inset-0') || null; } // Fallback for older browsers. var el = fromEl; for (var i = 0; i < 100; i++) { el = el && el.parentElement; if (!el) return null; if (el.classList.contains('fixed') && el.classList.contains('inset-0')) { return el; } } return null; } /** * Inside `modal`, find all example-selector buttons whose visible label * matches a known config_type value. These buttons show the currently-selected * example name (e.g. "keywords") and open the dropdown when clicked. */ function findExampleSelectorButtons(modal) { var buttons = modal.querySelectorAll('button[aria-haspopup="menu"]'); var matches = []; for (var i = 0; i < buttons.length; i++) { var btn = buttons[i]; var pEl = btn.querySelector('p'); var text = pEl ? pEl.textContent.trim() : btn.textContent.trim(); if (isAllowedConfigTypeValue(text)) { matches.push(btn); } } return matches; } // Find example-selector buttons on the MAIN PAGE only, excluding any overlay buttons. // Used by restoration logic to ensure we only click main-page buttons when closing Try it. function findMainPageExampleSelectorButtons() { var overlay = document.querySelector('div.fixed.inset-0.overflow-y-auto'); var allBtns = findExampleSelectorButtons(document); var mainPageBtns = []; for (var i = 0; i < allBtns.length; i++) { var btn = allBtns[i]; // Skip any buttons inside the overlay if (overlay && overlay.contains(btn)) continue; mainPageBtns.push(btn); } return mainPageBtns; } /** * Update the React-controlled config_type if one exists (overlay context). setConfigTypeSelect(val); // Sync all panel buttons with a delay to let Radix finish closing this menu. clearTimeout(_configTypeSyncDebounce); _configTypeSyncDebounce = setTimeout(function () { selectExampleByValue(val, scope); }, 350); }, true); } window.__CONDUCTOR_CONFIG_TYPE_SYNC_CAPTURE_INSTALLED__ = true; } } function initConfigTypeSyncWhenReady() { // Pre-inject the mask stylesheet as early as possible so it is already in // the CSSOM before any programmatic menu open is attempted. if (document.head) { ensureConfigTypeSyncMaskStyles(); } else { document.addEventListener('DOMContentLoaded', ensureConfigTypeSyncMaskStyles, { once: true }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', bootConfigTypeSync, { once: true }); } else { bootConfigTypeSync(); } } initConfigTypeSyncWhenReady(); // Re-run on SPA navigation (popstate already calls schedule; we also need to // refresh the config-type boot so it checks the new pathname). window.addEventListener('popstate', bootConfigTypeSync); // ─── Try it cURL panel: fill form inputs from spec examples ────────────── // When the config_type changes, Mintlify switches the cURL panel from // "static example mode" to "live form mode" (which only shows fields that // have a value in the form inputs). Pre-populating the inputs from the spec // examples keeps the generated cURL informative on every config_type switch. // // Rules: // • Fields IN the example for the selected config_type → fill if currently empty. // • Fields NOT in the example → clear them (they're not relevant to this type). var FORM_EXAMPLE_BODY_KW = { keywords: { account_id: '101', web_property_id: '456', keyword_status: 'ACTIVE', keyword_group_id: '995895', limit: '100' }, keyword_groups: { account_id: '101', limit: '100' }, search_engines: { account_id: '101', limit: '100' }, devices: { account_id: '101', limit: '100' }, locales: { account_id: '101', limit: '100' }, }; var FORM_EXAMPLE_BODY_AI = { topics: { account_id: '101', topic_status: 'ACTIVE', prompt_status: 'ACTIVE', limit: '100' }, prompts: { account_id: '101', topic_status: 'ACTIVE', prompt_status: 'ACTIVE', topics: 'ai search,seo tools', limit: '100' }, search_engines: { account_id: '101', limit: '100' }, locales: { account_id: '101', limit: '100' }, languages: { account_id: '101', limit: '100' }, brands: { account_id: '101', limit: '100' }, personas: { account_id: '101', limit: '100' }, intents: { account_id: '101', limit: '100' }, sentiment_categories: { account_id: '101', limit: '100' }, }; function findFieldControl(root, fieldName) { if (!root) return null; var controls = Array.from(root.querySelectorAll('input, textarea')); for (var i = 0; i < controls.length; i++) { var ctl = controls[i]; var identity = [ctl.getAttribute('aria-label'), ctl.getAttribute('name'), ctl.getAttribute('placeholder')] .filter(Boolean) .join(' '); if (matchesFieldToken(identity, fieldName)) return ctl; } // Fallback: locate the field row by visible text, then pick the input within that row. var rows = Array.from(root.querySelectorAll('div[class*="grid-cols-2"], div.flex.space-x-3.items-start, [role="group"]')); for (var j = 0; j < rows.length; j++) { var row = rows[j]; if (!matchesFieldToken(row.textContent || '', fieldName)) continue; var rowCtl = row.querySelector('input, textarea'); if (rowCtl) return rowCtl; } return null; } function fillFormBodyWithExamples(configTypeValue, scopeEl) { if (!isConfigTypeSyncPage()) return; // MUST be scoped to the overlay element so that `input` events bubble // through the overlay's React root only. When queried from `document`, // the events reach the shared React root and corrupt the main-page code // block by switching it into live-form mode with overlay values. var modalRoot = scopeEl || document.querySelector('div.fixed.inset-0.overflow-y-auto'); if (!modalRoot) return false; // overlay not open — nothing to fill var root = getActiveSubmitTabPanel(modalRoot) || modalRoot; var endpointType = detectEndpointType(null); var exampleBody, managedFields; if (endpointType === 'ai') { exampleBody = FORM_EXAMPLE_BODY_AI[configTypeValue]; managedFields = ALL_MANAGED_BODY_FIELDS_AI; } else { exampleBody = FORM_EXAMPLE_BODY_KW[configTypeValue]; managedFields = ALL_MANAGED_BODY_FIELDS_KW; } if (!exampleBody) return false; var foundAnyField = false; var changedCount = 0; managedFields.forEach(function (fieldName) { var input = findFieldControl(root, fieldName); if (!input) return; foundAnyField = true; var proto = (input.tagName === 'TEXTAREA') ? window.HTMLTextAreaElement.prototype : window.HTMLInputElement.prototype; var nativeSetter = Object.getOwnPropertyDescriptor(proto, 'value').set; if (exampleBody.hasOwnProperty(fieldName)) { // Field belongs to this config_type — fill only if the user hasn't // entered a value yet (preserve any intentional user input). if (input.value === '') { nativeSetter.call(input, String(exampleBody[fieldName])); input.dispatchEvent(new Event('input', { bubbles: true })); input.dispatchEvent(new Event('change', { bubbles: true })); changedCount++; } } else { // Field does NOT belong to this config_type — clear it so it doesn't // appear in the generated cURL. if (input.value !== '') { nativeSetter.call(input, ''); input.dispatchEvent(new Event('input', { bubbles: true })); input.dispatchEvent(new Event('change', { bubbles: true })); changedCount++; } } }); return foundAnyField; } function fillFormBodyWithExamplesWhenReady(configTypeValue, scopeEl, maxAttempts) { var attempts = 0; var limit = typeof maxAttempts === 'number' ? maxAttempts : 10; function tick() { attempts += 1; var ok = fillFormBodyWithExamples(configTypeValue, scopeEl); if (ok || attempts >= limit) { if (!ok) { console.warn('[CONDUCTOR] fillFormBodyWithExamplesWhenReady: no fields found for config_type="' + configTypeValue + '" after ' + attempts + ' attempt(s)'); } return; } setTimeout(tick, 80); } tick(); } // ─── Try it form field visibility by config_type ───────────────────────── // Hide/show optional form fields based on the selected config_type value. // This provides a cleaner UX: only relevant filters appear per config_type. // // Separate maps per endpoint to avoid duplicate keys: var FIELD_VISIBILITY_MAP_KW = { keywords: { show: ['web_property_id', 'keyword_group_id', 'keyword_status'], hide: [], }, keyword_groups: { show: [], hide: ['web_property_id', 'keyword_group_id', 'keyword_status'], }, search_engines: { show: [], hide: ['web_property_id', 'keyword_group_id', 'keyword_status'], }, devices: { show: [], hide: ['web_property_id', 'keyword_group_id', 'keyword_status'], }, locales: { show: [], hide: ['web_property_id', 'keyword_group_id', 'keyword_status'], }, }; var FIELD_VISIBILITY_MAP_AI = { topics: { show: ['topic_status', 'prompt_status'], hide: ['topics'], }, prompts: { show: ['topic_status', 'prompt_status', 'topics'], hide: [], }, search_engines: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, locales: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, languages: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, brands: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, personas: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, intents: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, sentiment_categories: { show: [], hide: ['topic_status', 'prompt_status', 'topics'], }, }; /** * Detect which endpoint we're on by checking available config_type values. */ function detectEndpointType(scope) { var path = (window.location && window.location.pathname) || ''; if (path.indexOf('ai_search_config') !== -1) return 'ai'; if (path.indexOf('keyword_search_config') !== -1) return 'kw'; var modal = scope || getActivePlaygroundScope(); if (!modal) return null; var selects = getConfigTypeSelects(modal); if (selects.length === 0) return null; var select = selects[0]; var options = select.querySelectorAll('option'); var values = {}; for (var i = 0; i < options.length; i++) { values[options[i].value] = true; } // Check for ai_search_config-specific config types if (values.topics || values.prompts || values.sentiment_categories) return 'ai'; // Check for kw_search_config-specific config types if (values.keywords || values.keyword_groups) return 'kw'; return null; } function getVisibilityMapForEndpoint(endpointType) { if (endpointType === 'ai') return FIELD_VISIBILITY_MAP_AI; if (endpointType === 'kw') return FIELD_VISIBILITY_MAP_KW; return {}; } function injectFormFieldVisibilityCss() { if (document.getElementById('conductor-form-field-visibility-style')) return; var style = document.createElement('style'); style.id = 'conductor-form-field-visibility-style'; style.textContent = '[data-conductor-form-field][data-conductor-hidden="true"] { display: none !important; }'; document.head.appendChild(style); } function fieldTokens(fieldName) { return [fieldName.toLowerCase(), fieldName.toLowerCase().replace(/_/g, ' ')]; } function matchesFieldToken(text, fieldName) { if (!text) return false; var s = String(text).toLowerCase(); var tokens = fieldTokens(fieldName); for (var i = 0; i < tokens.length; i++) { if (s.indexOf(tokens[i]) !== -1) return true; } return false; } function closestFieldRow(el) { if (!el || !el.closest) return null; return el.closest('div.flex-1.grid.lg\\:grid-cols-2') || el.closest('div[class*="grid-cols-2"]') || el.closest('div.flex.space-x-3.items-start') || el.closest('[role="group"]'); } // Returns the active Submit tabpanel for a given modal scope. // The Submit tab is the tabpanel that contains the config_type select; // it is the only tab with the full request body form. function getActiveSubmitTabPanel(scope) { var modal = scope || getActivePlaygroundScope(); if (!modal) return null; var selects = Array.from(modal.querySelectorAll('select[aria-label="Select config_type"]')) .filter(isVisibleElement); if (!selects.length) return null; return selects[0].closest('[role="tabpanel"]') || modal; } // Finds the field row containers in the Try it form for each field name. // Scoped to the active Submit tabpanel to guarantee exactly one row per field // and to allow finding rows that are currently hidden by our own CSS. function findFormFieldsInScope(fieldNames, scope) { var result = {}; // Always search within the active Submit tabpanel, not the full modal. // This avoids duplicate rows from the Poll/Paginate tabs and allows // re-showing rows that are currently display:none (our CSS hiding). var searchRoot = getActiveSubmitTabPanel(scope); if (!searchRoot) return result; var controls = searchRoot.querySelectorAll('input, select, textarea'); fieldNames.forEach(function (fieldName) { var fieldMap = result[fieldName] = []; var seen = typeof WeakSet !== 'undefined' ? new WeakSet() : null; function pushUnique(node) { if (!node) return; // No isVisibleElement check here — we deliberately include hidden rows // so that a field we hid can be found again to be shown. if (seen) { if (seen.has(node)) return; seen.add(node); } else if (fieldMap.indexOf(node) !== -1) { return; } fieldMap.push(node); } for (var i = 0; i < controls.length; i++) { var ctl = controls[i]; var identity = [ctl.getAttribute('aria-label'), ctl.getAttribute('name'), ctl.getAttribute('placeholder')] .filter(Boolean) .join(' '); if (matchesFieldToken(identity, fieldName)) { pushUnique(closestFieldRow(ctl) || ctl); } } }); return result; } function updateFormFieldVisibility(configTypeValue, scope) { var endpointType = detectEndpointType(scope); var visibilityMap = getVisibilityMapForEndpoint(endpointType); var visibilityRule = visibilityMap[configTypeValue]; if (!visibilityRule) return; // Collect all field names controlled by this endpoint's visibility map. // We process ALL fields known to this endpoint every time config_type // changes so that previously-hidden fields get un-hidden correctly. var endpointAllFields = []; var fullMap = visibilityMap; Object.keys(fullMap).forEach(function (ct) { var rule = fullMap[ct]; (rule.show || []).concat(rule.hide || []).forEach(function (f) { if (endpointAllFields.indexOf(f) === -1) endpointAllFields.push(f); }); }); var fieldMap = findFormFieldsInScope(endpointAllFields, scope); // For each field: show it if it's in the current rule's show list, // hide it if it's in the current rule's hide list. endpointAllFields.forEach(function (fieldName) { var inShow = (visibilityRule.show || []).indexOf(fieldName) !== -1; var inHide = (visibilityRule.hide || []).indexOf(fieldName) !== -1; var fields = fieldMap[fieldName] || []; fields.forEach(function (el) { if (!el) return; el.setAttribute('data-conductor-form-field', fieldName); if (inShow) { el.setAttribute('data-conductor-hidden', 'false'); } else if (inHide) { el.setAttribute('data-conductor-hidden', 'true'); } // If neither show nor hide: leave current state unchanged. }); }); } function onConfigTypeChangeFormFields(configTypeValue) { if (!isConfigTypeSyncPage()) return; if (!configTypeValue || ALL_CONFIG_TYPE_VALUES.indexOf(configTypeValue) === -1) return; var overlayScope = getActivePlaygroundScope(); // Update field visibility (show/hide optional fields for this config_type). // fillFormBodyWithExamples is called from _clickExampleBtnsSequentially // completion, AFTER selectExampleByValue finishes, so the fill happens in // the correct order (static mode → then live-form mode via input fill). updateFormFieldVisibility(configTypeValue, overlayScope); } var _formFieldVisibilityDebounce = null; var _formReRenderDebounce = null; function attachFormFieldVisibilityListener() { if (!isConfigTypeSyncPage()) return; var selects = getConfigTypeSelects(); selects.forEach(function (sel) { // Use a different listener name to avoid conflicts with sync listener if (sel.__conductorFormFieldListenerAttached) return; sel.__conductorFormFieldListenerAttached = true; sel.addEventListener('change', function (e) { clearTimeout(_formFieldVisibilityDebounce); _formFieldVisibilityDebounce = setTimeout(function () { onConfigTypeChangeFormFields(e.target.value); }, 60); }); // Immediately apply visibility for current value onConfigTypeChangeFormFields(sel.value); }); } function bootFormFieldVisibility() { injectFormFieldVisibilityCss(); attachFormFieldVisibilityListener(); // Watch for DOM mutations so we can: // 1. Attach listener to newly-added config_type selects (modal open). // 2. Re-apply field visibility when React re-renders replace form nodes, // which would otherwise lose our data-conductor-hidden attributes. if (!window.__CONDUCTOR_FORM_FIELD_VIS_INSTALLED__) { var formFieldVizObs = new MutationObserver(function (mutations) { if (!isConfigTypeSyncPage()) return; attachFormFieldVisibilityListener(); // If new DOM nodes were added (React reconciliation), re-apply // visibility so freshly-created field rows get hidden correctly. var hasNewNodes = mutations.some(function (m) { return m.type === 'childList' && m.addedNodes.length > 0; }); if (hasNewNodes) { clearTimeout(_formReRenderDebounce); _formReRenderDebounce = setTimeout(function () { var sels = getConfigTypeSelects(); if (sels.length && sels[0].value) { onConfigTypeChangeFormFields(sels[0].value); } }, 100); } }); formFieldVizObs.observe(document.body, { childList: true, subtree: true, }); window.__CONDUCTOR_FORM_FIELD_VIS_INSTALLED__ = true; } } function initFormFieldVisibilityWhenReady() { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', bootFormFieldVisibility, { once: true }); } else { bootFormFieldVisibility(); } } initFormFieldVisibilityWhenReady(); window.addEventListener('popstate', bootFormFieldVisibility); // ───────────────────────────────────────────────────────────────────────────── })();

Templates

Documentation Index