// ---------------------------- // Appcues + FullStory (JFrog) // ---------------------------- (function () { // If a ReadMe staff member is logged in (HubMe exposes their email), do NOT run. try { var hubMeEl = document.getElementById("hub-me"); if (hubMeEl && hubMeEl.dataset && hubMeEl.dataset.json) { var hubMe = JSON.parse(hubMeEl.dataset.json); var email = hubMe && hubMe.loggedIn === true && hubMe.user && typeof hubMe.user.email === "string" ? hubMe.user.email : ""; if ( email && (email.toLowerCase().endsWith("@readme.io") || email.toLowerCase().endsWith("@readme.com")) ) { return; } } } catch (e) {} // Prevent double-initialization (ReadMe is an SPA; custom JS can re-run in some cases) if (window.__jfrog_appcues_fullstory_init) return; window.__jfrog_appcues_fullstory_init = true; // ---------------------------- // Appcues // ---------------------------- window.AppcuesSettings = { enableURLDetection: true }; // Optional: auto-pick staging vs prod by hostname (edit if your staging hostname differs) var isStaging = location.hostname.includes("readmepreview.com") || location.hostname.includes("staging"); var appcuesAccountId = isStaging ? "106584" : "106479"; // Load Appcues (function loadAppcues() { if (document.querySelector('script[data-jfrog-appcues="true"]')) return; var s = document.createElement("script"); s.setAttribute("data-jfrog-appcues", "true"); s.src = "https://fast.appcues.com/" + appcuesAccountId + ".js"; s.async = true; document.head.appendChild(s); })(); // Ensure Appcues has a user context (public docs site => anonymous visitors) (function ensureAppcuesIdentified() { if (window.__jfrog_appcues_anon_set) return; window.__jfrog_appcues_anon_set = true; var tries = 0; var t = setInterval(function () { tries++; if (window.Appcues && typeof window.Appcues.anonymous === "function") { clearInterval(t); try { // Call ONCE per page load window.Appcues.anonymous(); // Optional: re-evaluate targeting after identifying if (typeof window.Appcues.page === "function") { window.Appcues.page(); } } catch (e) {} } if (tries > 50) clearInterval(t); // ~10s max }, 200); })(); // If ReadMe fires a SPA navigation event, tell Appcues about "page changes". // (This is safe even if Appcues isn't loaded yet.) function notifyAppcuesPage() { try { if (window.Appcues && typeof window.Appcues.page === "function") { window.Appcues.page(); } } catch (e) {} } window.addEventListener("pageLoad", notifyAppcuesPage); notifyAppcuesPage(); // ---------------------------- // FullStory // ---------------------------- window._fs_host = "fullstory.com"; window._fs_script = "edge.fullstory.com/s/fs.js"; window._fs_org = "o-24BXMG-na1"; // JFrog Docs org ID window._fs_namespace = "FS"; !function (m, n, e, t, l, o, g, y) { var s, f, a = function (h) { return !(h in m) || (m.console && m.console.log && m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].'), !1); }(e); function p(b) { var h, d = []; function j() { h && (d.forEach((function (b) { var d; try { d = b[h[0]] && b[h[0]](h[1]); } catch (h) { return void (b[3] && b[3](h)); } d && d.then ? d.then(b[2], b[3]) : b[2] && b[2](d); })), d.length = 0); } function r(b) { return function (d) { h || (h = [b, d], j()); }; } return b(r(0), r(1)), { then: function (b, h) { return p((function (r, i) { d.push([b, h, r, i]), j(); })); } }; } a && (g = m[e] = function () { var b = function (b, d, j, r) { function i(i, c) { h(b, d, j, i, c, r); } r = r || 2; var c, u = /Async$/; return u.test(b) ? (b = b.replace(u, ""), "function" == typeof Promise ? new Promise(i) : p(i)) : h(b, d, j, c, c, r); }; function h(h, d, j, r, i, c) { return b._api ? b._api(h, d, j, r, i, c) : (b.q && b.q.push([h, d, j, r, i, c]), null); } return b.q = [], b; }(), y = function (b) { function h(h) { "function" == typeof h[4] && h[4](new Error(b)); } var d = g.q; if (d) { for (var j = 0; j < d.length; j++) h(d[j]); d.length = 0, d.push = h; } }, function () { (o = n.createElement(t)).async = !0, o.crossOrigin = "anonymous", o.src = "https://" + l, o.onerror = function () { y("Error loading " + l); }; var b = n.getElementsByTagName(t)[0]; b && b.parentNode ? b.parentNode.insertBefore(o, b) : n.head.appendChild(o); }(), function () { function b() { } function h(b, h, d) { g(b, h, d, 1); } function d(b, d, j) { h("setProperties", { type: b, properties: d }, j); } function j(b, h) { d("user", b, h); } function r(b, h, d) { j({ uid: b }, d), h && j(h, d); } g.identify = r, g.setUserVars = j, g.identifyAccount = b, g.clearUserCookie = b, g.setVars = d, g.event = function (b, d, j) { h("trackEvent", { name: b, properties: d }, j); }, g.anonymize = function () { r(!1); }, g.shutdown = function () { h("shutdown"); }, g.restart = function () { h("restart"); }, g.log = function (b, d) { h("log", { level: b, msg: d }); }, g.consent = function (b) { h("setIdentity", { consent: !arguments.length || b }); }; }(), s = "fetch", f = "XMLHttpRequest", g._w = {}, g._w[f] = m[f], g._w[s] = m[s], m[s] && (m[s] = function () { return g._w[s].apply(this, arguments); }), g._v = "2.0.0"); }(window, document, window._fs_namespace, "script", window._fs_script); })(); // Ensure Fullstory is ready before trying to grab session data // - Fires "Fullstory Session Started" to Appcues ONCE per browser session (sessionStorage gate) // - Also listens for Fullstory Rage Click events and forwards them to Appcues (function () { var FS_SESSION_FLAG = "fs_session_tracked"; var MAX_TRIES = 50; // ~10s function safeAppcuesTrack(eventName, props) { var tries = 0; var t = setInterval(function () { tries++; if (window.Appcues && typeof window.Appcues.track === "function") { clearInterval(t); try { window.Appcues.track(eventName, props || {}); } catch (e) {} return; } if (tries >= MAX_TRIES) clearInterval(t); }, 200); } window._fs_ready = function () { // 1) Check if we have already tracked the session start in this browser session var hasTrackedSession = null; try { hasTrackedSession = sessionStorage.getItem(FS_SESSION_FLAG); } catch (e) {} if (hasTrackedSession) return; // 2) Get the current Fullstory Session URL (recommended) var fsSessionUrl = ""; try { if (window.FS && typeof window.FS.getCurrentSessionURL === "function") { fsSessionUrl = window.FS.getCurrentSessionURL() || ""; } } catch (e) {} // 3) Trigger the event in Appcues safeAppcuesTrack("Fullstory Session Started", { fullstory_session_url: fsSessionUrl }); // 4) Set the flag so it won't fire again until the tab/window is closed try { sessionStorage.setItem(FS_SESSION_FLAG, "true"); } catch (e) {} }; // Fullstory Rage Click → Appcues event trigger // Note: this relies on Fullstory "Client-Side Ragehooks" being enabled in Fullstory settings. // It emits a CustomEvent: "fullstory/rageclick". See Fullstory docs for details. window.addEventListener("fullstory/rageclick", function (e) { var d = (e && e.detail) ? e.detail : {}; safeAppcuesTrack("Fullstory Rage Click", { fullstory_replay_url: d.eventReplayUrlAtCurrentTime || d.eventReplayUrlAtStart || "", fullstory_replay_url_at_start: d.eventReplayUrlAtStart || "", fullstory_replay_url_at_current_time: d.eventReplayUrlAtCurrentTime || "" }); }); })(); /** * ReadMe Table Lightbox Override (table-only) * * What this does: * - ONLY targets images inside ReadMe-rendered tables (.rdmd-table) that are lightbox-enabled (.img.lightbox) * - When the image is clicked, it navigates to the ONLY non-lightbox link in the same * (Guardrail: if there are 0 links or multiple links in that cell, it does nothing) * - Prevents the lightbox from opening by intercepting clicks in the CAPTURE phase * - Hides the hover "magnifying glass" affordance in tables by injecting scoped CSS * - Re-applies cursor + CSS on SPA navigation (pageLoad) and a couple delayed passes */ (function () { 'use strict'; var STYLE_ID = 'rm-no-lightbox-magnifier'; function getSingleLinkForLightbox(lightboxEl) { var td = lightboxEl.closest('td'); if (!td) return null; // Only consider links in the same that are NOT inside the lightbox wrapper. var links = Array.prototype.slice.call(td.querySelectorAll('a[href]')).filter(function (a) { return !a.closest('.img.lightbox'); }); // Guardrail: if the cell has 0 or >1 links (e.g., bullet list), do nothing. if (links.length !== 1) return null; return links[0]; } function applyPointerCursor() { var imgs = document.querySelectorAll('.rdmd-table .img.lightbox img'); for (var i = 0; i < imgs.length; i++) { imgs[i].style.cursor = 'pointer'; } } function injectNoMagnifierCSS() { if (document.getElementById(STYLE_ID)) return; var style = document.createElement('style'); style.id = STYLE_ID; style.type = 'text/css'; style.appendChild( document.createTextNode( [ // Kill the hover overlay/icon (commonly pseudo-elements) — table-only '.rdmd-table .img.lightbox::before,', '.rdmd-table .img.lightbox::after,', '.rdmd-table .img.lightbox .lightbox-inner::before,', '.rdmd-table .img.lightbox .lightbox-inner::after {', ' content: none !important;', ' display: none !important;', ' background: none !important;', '}', // Sometimes the icon is implemented as a background-image — table-only '.rdmd-table .img.lightbox,', '.rdmd-table .img.lightbox .lightbox-inner {', ' background-image: none !important;', ' background: none !important;', '}', // Ensure pointer cursor within tables '.rdmd-table .img.lightbox img { cursor: pointer !important; }' ].join('\n') ) ); document.head.appendChild(style); } function handleActivate(e) { // Only intercept lightbox images inside tables var lightbox = e.target && e.target.closest ? e.target.closest('.rdmd-table .img.lightbox') : null; if (!lightbox) return; var link = getSingleLinkForLightbox(lightbox); if (!link) return; // Stop the lightbox before it sees the event e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); var href = link.getAttribute('href'); if (!href) return; // Respect ctrl/cmd click behavior + target=_blank var openNewTab = (e.metaKey || e.ctrlKey) || (link.getAttribute('target') === '_blank'); if (openNewTab) { window.open(href, '_blank', 'noopener,noreferrer'); return; } window.location.href = href; } function boot() { injectNoMagnifierCSS(); applyPointerCursor(); } // Capture phase is key: it runs before ReadMe's delegated lightbox handlers document.addEventListener('click', handleActivate, true); // Keyboard support (role="button" wrapper) document.addEventListener( 'keydown', function (e) { if (e.key !== 'Enter' && e.key !== ' ') return; handleActivate(e); }, true ); // Initial + SPA boot(); document.addEventListener('pageLoad', boot); // Safety: some pages render content slightly after pageLoad setTimeout(boot, 500); setTimeout(boot, 1500); })(); // ---------------------------- // Add placeholder text + styling to ReadMe search input (SPA-safe, does not touch your existing JS) // ---------------------------- (function () { // ---- Safety: optionally skip inside the Dash editor iframe ---- try { if (window.self !== window.top && /dash\.readme\.com/i.test(document.referrer || "")) return; } catch (e) {} if (window.__rmSearchPlaceholderInit) return; window.__rmSearchPlaceholderInit = true; var PLACEHOLDER_TEXT = "Search JFrog help..."; var PLACEHOLDER_COLOR = "#999DB4"; var PLACEHOLDER_FONT_SIZE = "16px"; function getSearchRoot() { return document.getElementById("AppSearch") || document.querySelector(".rm-SearchModal, #hub-search-results"); } function getSearchInput() { var root = getSearchRoot(); if (!root) return null; return ( root.querySelector('input[type="search"][aria-label="Search"]') || root.querySelector('input[type="search"]') || root.querySelector(".SearchBoxnZBxftziZGcz input") ); } function ensurePlaceholderStyle() { if (document.getElementById("rm-search-placeholder-style")) return; var style = document.createElement("style"); style.id = "rm-search-placeholder-style"; style.type = "text/css"; // Scope to the search UI so we don't accidentally restyle other inputs on the page style.textContent = [ '#AppSearch input[type="search"]::placeholder { color: ' + PLACEHOLDER_COLOR + '; font-size: ' + PLACEHOLDER_FONT_SIZE + '; }', '#AppSearch input[type="search"]::-webkit-input-placeholder { color: ' + PLACEHOLDER_COLOR + '; font-size: ' + PLACEHOLDER_FONT_SIZE + '; }', '#AppSearch input[type="search"]::-moz-placeholder { color: ' + PLACEHOLDER_COLOR + '; font-size: ' + PLACEHOLDER_FONT_SIZE + '; opacity: 1; }', '#AppSearch input[type="search"]:-ms-input-placeholder { color: ' + PLACEHOLDER_COLOR + '; font-size: ' + PLACEHOLDER_FONT_SIZE + '; }', '#AppSearch input[type="search"]::-ms-input-placeholder { color: ' + PLACEHOLDER_COLOR + '; font-size: ' + PLACEHOLDER_FONT_SIZE + '; }', // Fallback if #AppSearch isn't present for some reason (still kept fairly tight) '.rm-SearchModal input[type="search"]::placeholder { color: ' + PLACEHOLDER_COLOR + '; font-size: ' + PLACEHOLDER_FONT_SIZE + '; }' ].join("\n"); document.head.appendChild(style); } function applyPlaceholder() { var input = getSearchInput(); if (!input) return; ensurePlaceholderStyle(); // Only set if missing/different (keeps this low-impact) if ((input.getAttribute("placeholder") || "") !== PLACEHOLDER_TEXT) { input.setAttribute("placeholder", PLACEHOLDER_TEXT); } } // React mounts/unmounts search UI; observe and re-apply var mo = new MutationObserver(function () { applyPlaceholder(); }); mo.observe(document.documentElement, { childList: true, subtree: true }); // Run once immediately too applyPlaceholder(); })(); (function () { // ---- Safety: optionally skip inside the Dash editor iframe ---- // If you're editing a project in ReadMe's dashboard, the site often runs in an iframe. // This prevents weirdness while editing (end-users on the live site won't hit this). try { if (window.self !== window.top && /dash\.readme\.com/i.test(document.referrer || "")) return; } catch (e) { // If cross-origin blocks access, just continue; we won't assume it's the editor. } // ---- Config ---- var STORAGE_KEY = "rm:lastSearch:" + location.host; // per hub domain var RESTORE_ON_EMPTY_ONLY = true; // set false if you always want to overwrite var DEBUG = false; function log() { if (!DEBUG) return; try { console.log.apply(console, ["[rm-search-restore]"].concat([].slice.call(arguments))); } catch (_) {} } function getSearchRoot() { // Based on your snippet: search modal container has id="AppSearch" return document.getElementById("AppSearch") || document.querySelector(".rm-SearchModal, #hub-search-results"); } function getSearchInput() { var root = getSearchRoot(); if (!root) return null; // Prefer the most sget selector first return ( root.querySelector('input[type="search"][aria-label="Search"]') || root.querySelector('input[type="search"]') || root.querySelector(".SearchBoxnZBxftziZGcz input") ); } // React-controlled inputs usually need the native setter + an input event. function setReactInputValue(inputEl, nextValue) { if (!inputEl) return; var valueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set; valueSetter.call(inputEl, nextValue); // Trigger React listeners inputEl.dispatchEvent(new Event("input", { bubbles: true })); inputEl.dispatchEvent(new Event("change", { bubbles: true })); } function readStoredQuery() { try { return (sessionStorage.getItem(STORAGE_KEY) || "").trim(); } catch (e) { return ""; } } function storeQuery(q) { try { sessionStorage.setItem(STORAGE_KEY, (q || "").trim()); log("stored:", q); } catch (e) {} } // ---- Save as user types (debounced) ---- var saveTimer = null; function attachSaveListener(inputEl) { if (!inputEl || inputEl.__rmSearchSaveAttached) return; inputEl.__rmSearchSaveAttached = true; inputEl.addEventListener( "input", function () { clearTimeout(saveTimer); var val = inputEl.value || ""; saveTimer = setTimeout(function () { storeQuery(val); }, 150); }, { passive: true } ); log("save listener attached"); } // ---- Store immediately if a result is clicked (captures the latest) ---- document.addEventListener( "click", function (e) { var a = e.target && e.target.closest ? e.target.closest("a.SearchResults-result14C9m0b6kNXJ, a[href]") : null; if (!a) return; // Only treat clicks inside the search UI as "search result" clicks var root = getSearchRoot(); if (!root || !root.contains(a)) return; var inputEl = getSearchInput(); if (inputEl) storeQuery(inputEl.value || ""); }, true // capture, so it runs before navigation ); // ---- Restore when the modal/input appears ---- function tryRestore() { var inputEl = getSearchInput(); if (!inputEl) return; attachSaveListener(inputEl); if (inputEl.__rmSearchRestored) return; // do once per mount var stored = readStoredQuery(); if (!stored) return; var current = (inputEl.value || "").trim(); if (RESTORE_ON_EMPTY_ONLY && current) return; inputEl.__rmSearchRestored = true; log("restoring:", stored); setReactInputValue(inputEl, stored); // Optional: focus the input so the user can keep typing immediately // inputEl.focus(); } // MutationObserver so this works even though the search UI is React-mounted dynamically var mo = new MutationObserver(function () { tryRestore(); }); mo.observe(document.documentElement, { childList: true, subtree: true }); // Also run once on load tryRestore(); })(); (function () { if (window.__rmLogoSrcDebugV2) return; window.__rmLogoSrcDebugV2 = true; function logoImg() { return document.querySelector("header.rm-Header a.rm-Logo img.rm-Logo-img"); } function isLogoImg(el) { if (!el || el.tagName !== "IMG") return false; if (el.classList && el.classList.contains("rm-Logo-img")) return true; if (el.closest && el.closest("header.rm-Header a.rm-Logo")) return true; return false; } function isSuspicious(val) { var v = (val || "").trim(); if (!v) return true; // If it points at site root or relative weirdness, suspicious if (v === "/" || v === location.origin + "/" || v === location.href) return true; // Most valid logo src should be files.readme.io (or your own CDN) if (v.indexOf("files.readme.io/") === -1 && v.indexOf("http") === 0) return true; return false; } function logIfBad(action, el, value) { if (!isLogoImg(el)) return; if (!isSuspicious(value)) return; try { console.warn("[LOGO SRC SUSPECT]", action, "=>", value, "\n", new Error().stack); console.warn("Current logo img:", el); } catch (e) {} } // Patch setAttribute/removeAttribute var origSet = Element.prototype.setAttribute; Element.prototype.setAttribute = function (name, value) { if (String(name).toLowerCase() === "src") logIfBad("setAttribute(src)", this, String(value)); return origSet.apply(this, arguments); }; var origRemove = Element.prototype.removeAttribute; Element.prototype.removeAttribute = function (name) { if (String(name).toLowerCase() === "src") logIfBad("removeAttribute(src)", this, ""); return origRemove.apply(this, arguments); }; // Patch img.src setter try { var desc = Object.getOwnPropertyDescriptor(HTMLImageElement.prototype, "src"); if (desc && desc.set) { Object.defineProperty(HTMLImageElement.prototype, "src", { get: desc.get, set: function (v) { logIfBad(".src setter", this, String(v)); return desc.set.call(this, v); } }); } } catch (e) {} // Watch if the logo IMG node itself gets replaced var last = null; setInterval(function () { var cur = logoImg(); if (cur && cur !== last) { // If it comes in without src, that's our smoking gun var s = cur.getAttribute("src") || ""; if (isSuspicious(s)) { try { console.warn("[LOGO IMG REPLACED] new img has suspicious src:", s, "\n", new Error().stack); } catch (e) {} } last = cur; } }, 500); })(); /** * ReadMe Header Project Dropdown (SAFER / SPA-friendly) * * Goals vs your original: * - No document-wide MutationObserver running forever * - No tight 400ms route polling loop (we prefer ReadMe's `pageLoad` if present) * - Only observes the header area (and a short-lived body observer until header exists) * - Touches ONLY elements we create (#rmps-wrap + #rmps-menu) and its own icon tags * * Notes: * - Still idempotent (safe to inject multiple times) * - Still repositions on resize + when ReadMe SPA fires `pageLoad` */ (function () { 'use strict'; // --------------------------------------------------------------------------- // Config // --------------------------------------------------------------------------- /* Icon URLs (SVG/PNG) */ var ICONS = { devGovOps: 'https://files.readme.io/41d9197fe09d1e053ff64ff99d331293d2545cc4afc3a8d2e7948988e5800042-DevGovOps.svg', devSecOps: 'https://files.readme.io/c399216d430bf2dfd3da1dd376a5f90c30141391a30004e10e69f7bf6c4826e7-download-1.svg', cube: 'https://files.readme.io/390e6f5854803b5736db9af82cb1afc44870ab098cac86a2bedaa2b19fa196a9-Frame_427320456.svg', getStarted: 'https://files.readme.io/1c0eeb9cc94ae8eb2c565fb8b9ca10c7f0cd474df0bd91f7377410c7a5534e65-Get_Started.svg', megaphone: 'https://files.readme.io/2d1e1749398ab10f0eb7261d1ab5e10a70bbcdafe3eeadb5da8b0d513da2a17f-Meghaphone.svg', projectMgmt: 'https://files.readme.io/90bd455c385425b9f72cf57837a16a78be9d83b8585a3a890eac30d376ff343a-PlatformAdministration_new.svg', settings: 'https://files.readme.io/1fede2c16da3db465e852c06395316aba737e29e37a3fc1a4fd7af0207fd6714-Settings.svg', userAdmin: 'https://files.readme.io/36df7c44531d2d2fe81decc44a4787490b08687ca396b6ce81be3a0d414d74f2-User_Admin.svg', wand: 'https://files.readme.io/e7165120c81825c3c24b98bafa7d1958cbe598d68c1690511245cbc237019942-Wand-transparent.svg', wrench: 'https://files.readme.io/ecb5316cbee123c3cb3fef74d8165425b0470d9e1965154554999ae39255fff2-Wrench.svg', /* New icons */ aiml: 'https://files.readme.io/4e583a160bc1219fa2be63efb0d09a4b305f5011d67d223f70bcacc3fc1a7233-AI_new.svg', integrations: 'https://files.readme.io/26c2ca6568df66f73debd1b8f6fb9a764bbaf17e858c6c5d80248a3c3c524a7e-Integrations_new.svg', pipelines: 'https://files.readme.io/85afb59499002bfff30b04bbd21fc8b5ef297a5cc575a8d029db35b18c4530f8-Pipelines_new.svg', }; /* Menu/trigger label overrides by project id */ var PROJECT_LABEL_OVERRIDES = { // self: 'Self managed', // security: 'Security Docs', }; /* Trigger label override (exact path wins) */ var TRIGGER_LABEL_OVERRIDES_BY_PATH = { // '/installation/docs/getting-started': 'Self managed', }; /* Trigger label override (longest path prefix match) */ var TRIGGER_LABEL_OVERRIDES_BY_PREFIX = { '/installation': 'Self managed', }; /* Force trigger project id (exact path) */ var TRIGGER_PROJECT_OVERRIDES_BY_PATH = { // '/installation': 'self', }; /* Force trigger project id (longest prefix match) */ var TRIGGER_PROJECT_OVERRIDES_BY_PREFIX = { '/installation': 'self', }; /* Updated order + updated icons + removed "Why JFrog" */ var PROJECTS = [ { id: 'setup', label: 'Set up JFrog', href: '/setup', iconUrl: ICONS.getStarted, match: /^\/setup(\/|$)/i }, { id: 'release', label: 'Release Information', href: '/releases', iconUrl: ICONS.megaphone, match: /^\/releases(\/|$)/i }, { id: 'Artifactory', label: 'Binary Management (DevOps)', href: '/artifactory', iconUrl: ICONS.cube, match: /^\/artifactory(\/|$)/i }, { id: 'security', label: 'Security (DevSecOps)', href: '/security', iconUrl: ICONS.devSecOps, match: /^\/security(\/|$)/i }, { id: 'governance', label: 'Governance & Lifecycle', href: '/governance', iconUrl: ICONS.devGovOps, match: /^\/governance(\/|$)/i }, { id: 'aiml', label: 'AI & Machine Learning', href: '/ai-ml', iconUrl: ICONS.aiml, match: /^\/ai-ml(\/|$)/i }, { id: 'integrations', label: 'Integrations', href: '/integrations', iconUrl: ICONS.integrations, match: /^\/integrations(\/|$)/i }, { id: 'pipelines', label: 'Pipelines', href: '/pipelines', iconUrl: ICONS.pipelines, match: /^\/pipelines(\/|$)/i }, { id: 'self', label: 'Self-Managed Installation', href: '/installation', iconUrl: ICONS.settings, match: /^\/installation(\/|$)/i, }, { id: 'users', label: 'User Management', href: '/user-management', iconUrl: ICONS.userAdmin, match: /^\/user-management(\/|$)/i }, { id: 'pm', label: 'Project Management', href: '/projects', iconUrl: ICONS.wrench, match: /^\/projects(\/|$)/i }, { id: 'platform', label: 'Platform Administration', href: '/administration', iconUrl: ICONS.projectMgmt, match: /^\/administration(\/|$)/i }, ]; var DEFAULT_TRIGGER_LABEL = 'Choose Section'; var DEFAULT_TRIGGER_ICON_URL = ICONS.cube; var LOGO_SELECTOR = 'header.rm-Header a.rm-Logo'; var HEADER_SELECTOR = 'header.rm-Header'; var HEADER_LEFT_SELECTOR = 'header.rm-Header .rm-Header-left'; var OFFSET_X = 14; var OFFSET_Y = 0; var HIDE_BELOW_PX = 0; // keep visible on all widths var MOBILE_BREAKPOINT = 1120; // used ONLY for layout/positioning mode, not hiding // --------------------------------------------------------------------------- // Internals / IDs // --------------------------------------------------------------------------- var STYLE_ID = 'rm-project-switcher-style'; var WRAP_ID = 'rmps-wrap'; var TRIGGER_ID = 'rmps-trigger'; var MENU_ID = 'rmps-menu'; var OPEN_CLASS = 'rmps-open'; var HIDDEN_CLASS = 'rmps-hidden'; var state = { open: false }; var scheduled = false; // observers (scoped + short-lived) var bodyObserver = null; var headerObserver = null; var logoResizeObserver = null; var lastPath = normalizePath(location.pathname || '/'); // --------------------------------------------------------------------------- // Helpers // --------------------------------------------------------------------------- function escapeHtml(s) { return String(s) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function normalizePath(pathname) { var p = (pathname || '').trim(); if (!p) return '/'; if (p.charAt(0) !== '/') p = '/' + p; if (p.length > 1) p = p.replace(/\/+$/, ''); return p; } function getHeader() { return document.querySelector(HEADER_SELECTOR); } function getHeaderLeft() { return document.querySelector(HEADER_LEFT_SELECTOR); } function getLogo() { return document.querySelector(LOGO_SELECTOR); } function isElementVisible(el) { if (!el) return false; var r = el.getBoundingClientRect(); if (r.width <= 0 || r.height <= 0) return false; if (r.bottom < 0 || r.top > window.innerHeight) return false; return true; } function isMobileLayout() { return window.innerWidth <= MOBILE_BREAKPOINT; } function findProjectById(id) { for (var i = 0; i < PROJECTS.length; i++) { if (PROJECTS[i] && PROJECTS[i].id === id) return PROJECTS[i]; } return null; } function getProjectDisplayLabel(p) { if (!p) return ''; var o = PROJECT_LABEL_OVERRIDES[p.id]; return o ? String(o).trim() : p.label; } function getLongestPrefixMatch(map, path) { if (!map) return ''; var bestKey = ''; for (var k in map) { if (!Object.prototype.hasOwnProperty.call(map, k)) continue; var key = normalizePath(k); if (key === '/' || !key) continue; if (path === key || path.indexOf(key + '/') === 0) { if (key.length > bestKey.length) bestKey = key; } } return bestKey ? map[bestKey] : ''; } function getTriggerLabel(p) { var path = normalizePath(location.pathname || '/'); var exact = TRIGGER_LABEL_OVERRIDES_BY_PATH[path]; if (exact) return String(exact).trim(); var pref = getLongestPrefixMatch(TRIGGER_LABEL_OVERRIDES_BY_PREFIX, path); if (pref) return String(pref).trim(); if (p) return getProjectDisplayLabel(p); return DEFAULT_TRIGGER_LABEL; } function getCurrentProject() { var rawPath = location.pathname || '/'; var path = normalizePath(rawPath); var forcedExact = TRIGGER_PROJECT_OVERRIDES_BY_PATH[path]; if (forcedExact) { var forcedP = findProjectById(forcedExact); if (forcedP) return forcedP; } var forcedPref = getLongestPrefixMatch(TRIGGER_PROJECT_OVERRIDES_BY_PREFIX, path); if (forcedPref) { var forcedP2 = findProjectById(forcedPref); if (forcedP2) return forcedP2; } for (var i = 0; i < PROJECTS.length; i++) { var p = PROJECTS[i]; if (p.match && p.match.test(rawPath)) return p; } return null; } // --------------------------------------------------------------------------- // DOM creation // --------------------------------------------------------------------------- function injectStylesOnce() { if (document.getElementById(STYLE_ID)) return; var css = [ '/* ---- Project Switcher (Injected / Header-mounted / SPA-friendly) ---- */', ':root{', ' --rmps-navy-1000:#111821;', ' --rmps-navy-900:#324152;', ' --rmps-hover:#E9F2F6;', ' --rmps-white:#ffffff;', ' --rmps-text:#0B1220;', ' --rmps-trigger-text:#F8FAFC;', ' --rmps-green:#55D16A;', ' --rmps-radius-trigger:12px;', ' --rmps-radius-menu:12px;', ' --rmps-w:340px;', ' --rmps-trigger-h:56px;', ' --rmps-item-h:46px;', ' --rmps-item-pad-left:38px;', ' --rmps-item-pad-right:20px;', ' --rmps-gap:10px;', ' --rmps-trigger-font:400 16px/22px "Open Sans", system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;', ' --rmps-item-font:400 14px/22px "Open Sans", system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;', '}', HEADER_SELECTOR + '{position:relative !important;}', '#' + WRAP_ID + '{position:absolute;z-index:99;display:none;align-items:center;}', '#' + WRAP_ID + ' *{box-sizing:border-box;}', '#' + WRAP_ID + '.rmps-visible{display:inline-flex;}', 'button#' + TRIGGER_ID + '{', ' width:min(var(--rmps-w), calc(100vw - 24px)) !important;', ' margin-left:30px !important;', ' max-width:var(--rmps-w) !important;', ' height:var(--rmps-trigger-h) !important;', ' display:flex !important;', ' align-items:center !important;', ' justify-content:flex-start !important;', ' gap:var(--rmps-gap) !important;', ' padding:16px 20px !important;', ' border-radius:var(--rmps-radius-trigger) !important;', ' border:1px solid var(--rmps-navy-900) !important;', ' background:transparent !important;', ' color:var(--rmps-trigger-text) !important;', ' font:var(--rmps-trigger-font) !important;', ' cursor:pointer !important;', ' user-select:none !important;', ' text-align:left !important;', '}', 'button#' + TRIGGER_ID + ':hover{box-shadow:0 0 0 1px rgba(85,209,106,.08) !important;}', 'button#' + TRIGGER_ID + ':focus{box-shadow:0 0 0 1px rgba(85,209,106,.10) !important;}', 'button#' + TRIGGER_ID + ' .rmps-trigger-icon{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;}', 'button#' + TRIGGER_ID + ' .rmps-trigger-icon img{width:28px;height:28px;display:block;}', 'button#' + TRIGGER_ID + ' .rmps-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left !important;}', 'button#' + TRIGGER_ID + ' .rmps-chevron{margin-left:auto !important;flex:0 0 auto;display:block;width:20px !important;height:20px !important;}', '#' + MENU_ID + '{', ' padding:0;', ' position:absolute; z-index:2147483000;', ' width:min(var(--rmps-w), calc(100vw - 24px)) !important;', ' max-width:var(--rmps-w) !important;', ' background:var(--rmps-white);', ' border:1px solid rgba(203,213,225,.95);', ' border-radius:var(--rmps-radius-menu);', ' box-shadow:0 18px 40px rgba(2,6,23,.16), 0 2px 10px rgba(2,6,23,.08);', ' overflow:hidden;', ' display:none;', '}', '#' + MENU_ID + '.' + OPEN_CLASS + '{display:block;}', '#' + MENU_ID + ' .rmps-item{', ' display:flex; align-items:center; gap:var(--rmps-gap);', ' height:var(--rmps-item-h);', ' padding:0 var(--rmps-item-pad-right) 0 var(--rmps-item-pad-left);', ' width:100%;', ' text-decoration:none;', ' color:var(--rmps-text);', ' font:var(--rmps-item-font);', ' cursor:pointer;', '}', '#' + MENU_ID + ' .rmps-item:hover{background:var(--rmps-hover);}', '#' + MENU_ID + ' .' + HIDDEN_CLASS + '{display:none !important;}', '#' + MENU_ID + ' .rmps-icon{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;}', '#' + MENU_ID + ' .rmps-icon img{width:24px;height:24px;display:block;}', // Keep this block harmless even if HIDE_BELOW_PX=0 (won't affect real screens) '@media (max-width:' + HIDE_BELOW_PX + 'px){', ' #' + WRAP_ID + '{display:none !important;}', ' #' + MENU_ID + '{display:none !important;}', '}', // MOBILE OVERRIDES (show + fit safely) '@media (max-width:' + MOBILE_BREAKPOINT + 'px){', ' #' + WRAP_ID + '{', ' z-index:2147482998;', ' }', ' #' + WRAP_ID + '.rmps-visible{', ' display:inline-flex !important;', ' }', ' button#' + TRIGGER_ID + '{', ' width:calc(100vw - 16px) !important;', ' max-width:none !important;', ' margin-left:0 !important;', ' padding:12px 14px !important;', ' height:auto !important;', ' min-height:48px !important;', ' }', ' #' + MENU_ID + '{', ' width:calc(100vw - 16px) !important;', ' max-width:none !important;', ' }', '}', '#' + MENU_ID + ' .rmps-spacer{height:10px;width:100%;background:#fff;}', '#' + MENU_ID + ' .rmps-spacer.rmps-spacer-top{border-radius:12px 12px 0 0;}', '#' + MENU_ID + ' .rmps-spacer.rmps-spacer-bottom{border-radius:0 0 12px 12px;}', ].join('\n'); var style = document.createElement('style'); style.id = STYLE_ID; style.type = 'text/css'; style.appendChild(document.createTextNode(css)); document.head.appendChild(style); } function svgChevron() { return ( '' ); } function ensureWrap() { var wrap = document.getElementById(WRAP_ID); function mountIntoHeader(el) { var left = getHeaderLeft(); if (left && left.parentNode) { if (el.parentNode !== left.parentNode) { left.parentNode.insertBefore(el, left.nextSibling); } return; } var header = getHeader(); if (header) { if (el.parentNode !== header) el.appendChild ? null : null; if (el.parentNode !== header) header.appendChild(el); return; } // last resort if (el.parentNode !== document.body) document.body.appendChild(el); } if (wrap) { // key: if it was created before header existed, move it now mountIntoHeader(wrap); return wrap; } wrap = document.createElement('div'); wrap.id = WRAP_ID; var p = getCurrentProject(); var label = getTriggerLabel(p); var iconUrl = p ? p.iconUrl : DEFAULT_TRIGGER_ICON_URL; var btn = document.createElement('button'); btn.id = TRIGGER_ID; btn.type = 'button'; btn.setAttribute('aria-haspopup', 'menu'); btn.setAttribute('aria-expanded', 'false'); btn.innerHTML = '' + '' + escapeHtml(label) + '' + svgChevron(); btn.addEventListener('click', function (e) { e.preventDefault(); toggleMenu(); }); wrap.appendChild(btn); mountIntoHeader(wrap); return wrap; } function ensureMenu() { var menu = document.getElementById(MENU_ID); if (menu) return menu; menu = document.createElement('div'); menu.id = MENU_ID; menu.setAttribute('role', 'menu'); menu.setAttribute('aria-label', 'Project navigation'); var html = '

'; for (var i = 0; i < PROJECTS.length; i++) { var p = PROJECTS[i]; var icon = p.iconUrl ? '' : ''; var o = PROJECT_LABEL_OVERRIDES[p.id]; var menuLabel = o ? String(o).trim() : p.label; html += '' + '' + icon + '' + '' + escapeHtml(menuLabel) + '' + ''; } html += '

'; menu.innerHTML = html; menu.addEventListener('click', function (e) { var a = e.target && e.target.closest ? e.target.closest('a.rmps-item') : null; if (!a) return; closeMenu(); }); var header = getHeader(); (header || document.body).appendChild(menu); syncMenuVisibility(); return menu; } // --------------------------------------------------------------------------- // Sync + positioning // --------------------------------------------------------------------------- function syncTrigger() { var btn = document.getElementById(TRIGGER_ID); if (!btn) return; var p = getCurrentProject(); var label = getTriggerLabel(p); var iconUrl = p ? p.iconUrl : DEFAULT_TRIGGER_ICON_URL; var iconEl = btn.querySelector('.rmps-trigger-icon img'); var labelEl = btn.querySelector('.rmps-label'); // Only mutate our own trigger elements if (iconEl && iconEl.getAttribute('src') !== iconUrl) iconEl.setAttribute('src', iconUrl); if (labelEl && labelEl.textContent !== label) labelEl.textContent = label; } function syncMenuVisibility() { var menu = document.getElementById(MENU_ID); if (!menu) return; var p = getCurrentProject(); var activeId = p ? p.id : null; var items = menu.querySelectorAll('a.rmps-item'); for (var i = 0; i < items.length; i++) { var a = items[i]; var id = a.getAttribute('data-id'); if (activeId && id === activeId) a.classList.add(HIDDEN_CLASS); else a.classList.remove(HIDDEN_CLASS); } } function positionTriggerMobile(header, wrap) { var trigger = document.getElementById(TRIGGER_ID); if (!header || !wrap || !trigger) return; var headerRect = header.getBoundingClientRect(); var th = trigger.getBoundingClientRect().height || 56; // Safe mobile placement: full-width-ish bar inside header, left aligned var left = 8; var top = 8; // If header is taller, center-ish vertically while keeping a minimum top padding if (headerRect.height > th + 12) { top = Math.max(6, Math.round((headerRect.height - th) / 2)); } wrap.classList.add('rmps-visible'); wrap.style.left = left + 'px'; wrap.style.top = top + 'px'; if (state.open) positionMenu(); } function positionTriggerToLogo() { var wrap = ensureWrap(); ensureMenu(); syncTrigger(); syncMenuVisibility(); // Keep this branch for compatibility, but HIDE_BELOW_PX=0 means never hides in practice. if (window.innerWidth < HIDE_BELOW_PX) { wrap.classList.remove('rmps-visible'); closeMenu(); return; } var header = getHeader(); if (!header) { wrap.classList.remove('rmps-visible'); closeMenu(); return; } // MOBILE MODE: do NOT depend on logo visibility if (isMobileLayout()) { positionTriggerMobile(header, wrap); return; } var logo = getLogo(); if (!logo || !isElementVisible(logo)) { wrap.classList.remove('rmps-visible'); closeMenu(); return; } var headerRect = header.getBoundingClientRect(); var logoRect = logo.getBoundingClientRect(); wrap.classList.add('rmps-visible'); var trigger = document.getElementById(TRIGGER_ID); var th = trigger ? trigger.getBoundingClientRect().height : 56; var left = Math.round(logoRect.right - headerRect.left + OFFSET_X); var top = Math.round(logoRect.top - headerRect.top + (logoRect.height - th) / 2 + OFFSET_Y); if (top < 0) top = 0; wrap.style.left = left + 'px'; wrap.style.top = top + 'px'; if (state.open) positionMenu(); } function positionMenu() { var header = getHeader(); var trigger = document.getElementById(TRIGGER_ID); var menu = document.getElementById(MENU_ID); if (!header || !trigger || !menu) return; var headerRect = header.getBoundingClientRect(); var r = trigger.getBoundingClientRect(); var margin = 8; menu.style.left = '0px'; menu.style.top = '0px'; var top = Math.round(r.bottom - headerRect.top + margin); var left = Math.round(r.left - headerRect.left); menu.classList.add(OPEN_CLASS); var mw = menu.offsetWidth || 340; var mh = menu.offsetHeight || 300; var maxLeft = Math.max(12, window.innerWidth - mw - 12); var leftAbs = Math.round(r.left); if (leftAbs > maxLeft) left = maxLeft - headerRect.left; if (left < 12 - headerRect.left) left = 12 - headerRect.left; var topViewport = Math.round(r.bottom + margin); var maxTopBelow = window.innerHeight - mh - 12; if (topViewport > maxTopBelow && r.top > mh + 12) { top = Math.round(r.top - headerRect.top - mh - margin); } if (top < 12 - headerRect.top) top = 12 - headerRect.top; menu.style.left = left + 'px'; menu.style.top = top + 'px'; } function scheduleReposition() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; positionTriggerToLogo(); }); } // --------------------------------------------------------------------------- // Open/close behavior (scoped listeners) // --------------------------------------------------------------------------- function openMenu() { var trigger = document.getElementById(TRIGGER_ID); var menu = ensureMenu(); state.open = true; menu.classList.add(OPEN_CLASS); if (trigger) trigger.setAttribute('aria-expanded', 'true'); syncTrigger(); syncMenuVisibility(); positionMenu(); setTimeout(function () { var first = menu.querySelector('.rmps-item:not(.' + HIDDEN_CLASS + ')') || null; if (first) first.focus(); }, 0); document.addEventListener('mousedown', onDocMouseDown, true); document.addEventListener('keydown', onKeyDown, true); } function closeMenu() { var trigger = document.getElementById(TRIGGER_ID); var menu = document.getElementById(MENU_ID); state.open = false; if (menu) menu.classList.remove(OPEN_CLASS); if (trigger) trigger.setAttribute('aria-expanded', 'false'); document.removeEventListener('mousedown', onDocMouseDown, true); document.removeEventListener('keydown', onKeyDown, true); } function toggleMenu() { if (state.open) closeMenu(); else openMenu(); } function onDocMouseDown(e) { if (!state.open) return; var trigger = document.getElementById(TRIGGER_ID); var menu = document.getElementById(MENU_ID); if (menu && menu.contains(e.target)) return; if (trigger && trigger.contains(e.target)) return; closeMenu(); } function onKeyDown(e) { if (!state.open) return; if (e.key === 'Escape') { e.preventDefault(); closeMenu(); var trigger2 = document.getElementById(TRIGGER_ID); if (trigger2) trigger2.focus(); return; } var menu = document.getElementById(MENU_ID); if (!menu) return; var itemsAll = menu.querySelectorAll('.rmps-item:not(.' + HIDDEN_CLASS + ')'); if (!itemsAll.length) return; var idx = -1; for (var i = 0; i < itemsAll.length; i++) { if (document.activeElement === itemsAll[i]) { idx = i; break; } } if (e.key === 'ArrowDown') { e.preventDefault(); var next = itemsAll[Math.min(itemsAll.length - 1, idx + 1)]; if (next) next.focus(); } else if (e.key === 'ArrowUp') { e.preventDefault(); var prev = itemsAll[Math.max(0, idx - 1)]; if (prev) prev.focus(); } } // --------------------------------------------------------------------------- // SPA hooks (safer) // --------------------------------------------------------------------------- function onRouteOrPageLoad() { // Close menu on navigation (prevents stuck open state across mounts) closeMenu(); // Re-sync label/icon/hidden item + reposition scheduleReposition(); // Track path change with a low-frequency fallback poll lastPath = normalizePath(location.pathname || '/'); } function bindReadMePageLoad() { // Prefer ReadMe SPA hook (commonly present in custom JS environments) // and namespace the handler so it doesn't multiply. var $ = window.jQuery || window.$; if ($ && typeof $.fn === 'object' && typeof $(window).on === 'function') { $(window).off('pageLoad.rmps').on('pageLoad.rmps', function () { onRouteOrPageLoad(); }); } } function startShortLivedBodyObserver() { if (bodyObserver) return; // Only to detect when header/logo appears or gets swapped. bodyObserver = new MutationObserver(function () { // Once header exists and our UI is mounted, we can disconnect this. var header = getHeader(); var logo = getLogo(); if (header && (logo || isMobileLayout())) { ensureWrap(); ensureMenu(); scheduleReposition(); // swap to a header-only observer (lighter) stopBodyObserver(); startHeaderObserver(); startLogoResizeObserver(); } }); bodyObserver.observe(document.body || document.documentElement, { childList: true, subtree: true }); } function stopBodyObserver() { if (!bodyObserver) return; try { bodyObserver.disconnect(); } catch (e) {} bodyObserver = null; } function startHeaderObserver() { if (headerObserver) return; var header = getHeader(); if (!header) return; // Watch ONLY the header subtree for swaps that affect logo/left layout. headerObserver = new MutationObserver(function () { scheduleReposition(); }); headerObserver.observe(header, { childList: true, subtree: true }); } function startLogoResizeObserver() { if (logoResizeObserver) return; var logo = getLogo(); if (!logo || typeof ResizeObserver !== 'function') return; logoResizeObserver = new ResizeObserver(function () { scheduleReposition(); }); logoResizeObserver.observe(logo); } function startLowFreqPathPoll() { // Fallback only (in case pageLoad doesn't fire for some reason). // 1s is plenty and much gentler than 400ms. if (window.__rmpsPathPoll) return; window.__rmpsPathPoll = setInterval(function () { var p = normalizePath(location.pathname || '/'); if (p !== lastPath) { lastPath = p; onRouteOrPageLoad(); } }, 1000); } // --------------------------------------------------------------------------- // Start // --------------------------------------------------------------------------- function init() { injectStylesOnce(); ensureWrap(); ensureMenu(); scheduleReposition(); // Resize is safe + expected window.addEventListener('resize', scheduleReposition, true); // Prefer ReadMe SPA event bindReadMePageLoad(); // If header/logo isn't ready yet, watch briefly until it is. if (!getHeader() || (!getLogo() && !isMobileLayout())) { startShortLivedBodyObserver(); } else { startHeaderObserver(); startLogoResizeObserver(); } // Gentle fallback for route changes startLowFreqPathPoll(); // A couple delayed repositions for late fonts/layout setTimeout(scheduleReposition, 250); setTimeout(scheduleReposition, 1000); } // --------------------------------------------------------------------------- // Start (hydration-safe + "can't miss" boot) // --------------------------------------------------------------------------- function boot() { if (window.__rmpsBooted) return; window.__rmpsBooted = true; // Delay a couple frames so React hydration/paint can settle requestAnimationFrame(function () { requestAnimationFrame(function () { init(); }); }); } // 1) Hook ReadMe SPA event the way your file already does it (jQuery on window) (function bindBootToPageLoad() { var $ = window.jQuery || window.$; if ($ && typeof $(window).on === 'function') { // Boot on first pageLoad we see $(window).off('pageLoad.rmpsBoot').on('pageLoad.rmpsBoot', function () { boot(); }); } })(); // 2) Boot on initial load (but also handle "script injected after load") if (document.readyState === 'complete') { setTimeout(boot, 0); } else { window.addEventListener('load', function () { setTimeout(boot, 0); }, { once: true }); } // 3) Last-resort fallback in case none of the above fires for whatever reason setTimeout(boot, 2000); })(); // ============================================================================ // Scroll position persistence (per route) — SAFER (no history monkey-patching) // ============================================================================ (function () { "use strict"; // Idempotent guard (safe to inject multiple times) if (window.__rmScrollPersistV2) return; window.__rmScrollPersistV2 = true; // ====== Config ====== var STORAGE_KEY = "rm_scroll_positions_v2"; var MAX_ENTRIES = 200; var RESTORE_MAX_FRAMES = 40; // ~40 frames max var RESTORE_FRAME_MS = 16; // ~1 frame var SCROLLER_SELECTOR = ""; // optional: set if ReadMe scrolls inside a container // ====== Helpers ====== function safeParse(str, fallback) { try { return JSON.parse(str); } catch (e) { return fallback; } } function getMap() { return safeParse(sessionStorage.getItem(STORAGE_KEY) || "{}", {}); } function setMap(map) { try { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(map)); } catch (e) {} } function pageKey(loc) { return (loc.pathname || "") + (loc.search || ""); } function now() { return Date.now(); } function isSameOriginUrl(url) { try { var u = new URL(url, location.href); return u.origin === location.origin; } catch (e) { return false; } } // Try to find the element that actually scrolls (some layouts scroll a container, not window). function findScroller() { if (SCROLLER_SELECTOR) { var el = document.querySelector(SCROLLER_SELECTOR); if (el) return el; } // Prefer the document scrolling element (fast + standard) // If this returns or , treat as window scrolling. var se = document.scrollingElement; if (se && (se === document.documentElement || se === document.body)) return window; // Fallback heuristic: walk up from content to find a scrollable parent var anchor = document.querySelector(".markdown-body") || document.querySelector("article") || document.querySelector("main") || document.querySelector('[role="main"]'); var node = anchor; while (node && node !== document.body) { var cs = getComputedStyle(node); var scrollable = (cs.overflowY === "auto" || cs.overflowY === "scroll") && node.scrollHeight > node.clientHeight + 10; if (scrollable) return node; node = node.parentElement; } return window; } var scroller = findScroller(); var lastKey = pageKey(location); function getScrollTop() { if (scroller === window) return window.scrollY || 0; return scroller.scrollTop || 0; } function setScrollTop(y) { if (scroller === window) window.scrollTo(0, y); else scroller.scrollTop = y; } function prune(map) { var entries = Object.entries(map); if (entries.length <= MAX_ENTRIES) return map; entries .sort(function (a, b) { return (a[1].t || 0) - (b[1].t || 0); }) .slice(0, entries.length - MAX_ENTRIES) .forEach(function (pair) { delete map[pair[0]]; }); return map; } function savePositionForCurrentPage() { var key = pageKey(location); var map = getMap(); map[key] = { y: getScrollTop(), t: now() }; prune(map); setMap(map); lastKey = key; } function restorePositionForCurrentPage() { // If there's a hash, prefer anchor behavior (don't fight it) if (location.hash) return; var key = pageKey(location); var map = getMap(); var entry = map[key]; if (!entry || typeof entry.y !== "number") return; // scroller might have changed after route render scroller = findScroller(); var targetY = entry.y; var frames = 0; var timer = null; function tick() { frames += 1; setScrollTop(targetY); var diff = Math.abs(getScrollTop() - targetY); if (diff < 2 || frames >= RESTORE_MAX_FRAMES) { if (timer) clearInterval(timer); timer = null; } } // Start after the browser has had a chance to paint the new content // (helps with SPA hydration / async renders) setTimeout(function () { tick(); timer = setInterval(tick, RESTORE_FRAME_MS); }, 0); } // ====== Scroll listener (throttled) ====== var scrollTicking = false; function onScroll() { if (scrollTicking) return; scrollTicking = true; setTimeout(function () { scrollTicking = false; savePositionForCurrentPage(); }, 150); } function attachScrollListener() { scroller = findScroller(); if (scroller === window) window.addEventListener("scroll", onScroll, { passive: true }); else scroller.addEventListener("scroll", onScroll, { passive: true }); } function detachScrollListener() { if (scroller === window) window.removeEventListener("scroll", onScroll); else if (scroller) scroller.removeEventListener("scroll", onScroll); } function reattachScrollListener() { detachScrollListener(); attachScrollListener(); } // ====== Save before navigation (non-invasive) ====== // We *do not* prevent default or stop propagation. document.addEventListener( "click", function (e) { var a = e.target && e.target.closest ? e.target.closest("a[href]") : null; if (!a) return; var href = a.getAttribute("href") || ""; var target = (a.getAttribute("target") || "").toLowerCase(); var isModifiedClick = e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0; if (target === "_blank" || isModifiedClick) return; if (!href || href.startsWith("mailto:") || href.startsWith("tel:")) return; if (href.startsWith("#")) return; if (isSameOriginUrl(href)) savePositionForCurrentPage(); }, true ); // Also save on page hide/unload (covers refresh/close + some SPA transitions) window.addEventListener("pagehide", savePositionForCurrentPage); document.addEventListener("visibilitychange", function () { if (document.visibilityState === "hidden") savePositionForCurrentPage(); }); // ====== SPA hooks ====== function onRouteLikelyChanged() { // If the key changed, scroller might change too var key = pageKey(location); if (key !== lastKey) { lastKey = key; reattachScrollListener(); } restorePositionForCurrentPage(); } // Prefer ReadMe's SPA event if present (function bindReadMePageLoad() { var $ = window.jQuery || window.$; if ($ && typeof $(window).on === "function") { $(window).off("pageLoad.rmScrollV2").on("pageLoad.rmScrollV2", function () { // small delay so layout settles setTimeout(onRouteLikelyChanged, 0); }); } })(); // Back/forward window.addEventListener("popstate", function () { setTimeout(onRouteLikelyChanged, 0); }); // Fallback: gentle path poll (avoids history monkey-patch) // Only needed if pageLoad isn't firing consistently. (function startPathPoll() { var last = pageKey(location); setInterval(function () { var cur = pageKey(location); if (cur !== last) { last = cur; onRouteLikelyChanged(); } }, 1000); })(); // ====== Init ====== setTimeout(function () { attachScrollListener(); restorePositionForCurrentPage(); }, 0); })(); // ============================================================================ // Card links: internal SPA navigation patch (cards + same-origin) // ============================================================================ (function () { function isInternalHref(href) { if (!href) return false; if (href.startsWith("/")) return true; try { const url = new URL(href, window.location.origin); return url.origin === window.location.origin; } catch { return false; } } function spaNavigate(href) { // Convert to absolute path for pushState const url = href.startsWith("http") ? new URL(href) : new URL(href, window.location.origin); // Push + popstate is the most widely-supported "router nudge" window.history.pushState({}, "", url.pathname + url.search + url.hash); window.dispatchEvent(new PopStateEvent("popstate")); } document.addEventListener( "click", function (e) { if (e.button !== 0) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; // Look for the anchor the Card renders (or any anchor inside it) const a = e.target.closest("a[href]"); if (!a) return; // Only intercept clicks that came from a Card (adjust selector if needed) const inCard = e.target.closest(".rm-Cards, .rm-Card, [data-testid*='card'], .Card"); if (!inCard) return; const href = a.getAttribute("href") || ""; if (!isInternalHref(href)) return; // If they *explicitly* wanted a new tab/window, don't interfere const target = (a.getAttribute("target") || "").toLowerCase(); if (target && target !== "_self") return; e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); spaNavigate(href); }, true ); })(); // Inline images: classify small icons (scoped to markdown + unique class) (function () { const MIN_W = 30; const MAX_W = 120; const SCOPE_SEL = ".rm-Markdown"; // only doc content function classify(img) { if (!img || img.dataset.rmInlineIconClassified === "1") return; // Only touch doc content (skip header/nav/footer) if (!img.closest(SCOPE_SEL)) return; // Skip tables if (img.closest("table, thead, tbody, tfoot, tr, td, th")) return; img.dataset.rmInlineIconClassified = "1"; const apply = () => { const w = img.naturalWidth || 0; if (w >= MIN_W && w <= MAX_W) img.classList.add("rm-inline-icon"); }; if (img.complete) apply(); else img.addEventListener("load", apply, { once: true }); } function scan(root) { const scope = root && root.querySelectorAll ? root : document; scope .querySelectorAll( `${SCOPE_SEL} span.img.lightbox img, ${SCOPE_SEL} p img, ${SCOPE_SEL} li img` ) .forEach(classify); } scan(document); const obs = new MutationObserver((muts) => { for (const m of muts) { for (const n of m.addedNodes) { if (n.nodeType === 1) scan(n); } } }); obs.observe(document.documentElement, { childList: true, subtree: true }); })(); // ============================================================================ // Internal links with target=_blank: guarantee new-tab behavior // - Targets anchors that already have target="_blank" // - Only intercepts plain left-clicks (no modifier keys) // - Only for same-origin / internal hrefs // - Uses capture phase to beat SPA/router handlers // ============================================================================ (function () { // ----------------------------------------- // Determine whether an href is internal // ----------------------------------------- function isInternalHref(href) { if (!href) return false; // Relative internal paths if (href.startsWith("/")) return true; // Same-origin absolute URLs try { const url = new URL(href, window.location.origin); return url.origin === window.location.origin; } catch { return false; } } // ----------------------------------------- // Click interceptor (capture phase) // ----------------------------------------- document.addEventListener( "click", function (e) { // Left-click only if (e.button !== 0) return; // Respect user intent: if they're already using modifiers, don't interfere if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; const a = e.target.closest('a[target="_blank"][href]'); if (!a) return; const href = a.getAttribute("href") || ""; if (!isInternalHref(href)) return; // Resolve to absolute URL (so window.open always gets a full URL) const url = href.startsWith("http") ? href : new URL(href, window.location.origin).href; // Stop ReadMe router / SPA click handling e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); // Guarantee new tab window.open(url, "_blank", "noopener,noreferrer"); }, true // capture phase is important to beat SPA handlers ); })(); (function () { const GUIDES_LABELS = ["guides", "documents"]; const CHANGELOG_PREFIX = "/security/changelog"; const CHANGELOG_DOCS_OVERRIDE_HREF = "/security/docs/supported-technologies"; /* ------------------------------------------------ Detect changelog route --------------------------------------------------*/ function isOnSecurityChangelogRoute() { const path = (location.pathname || "").replace(/\/+$/, ""); const prefix = CHANGELOG_PREFIX.replace(/\/+$/, ""); return path === prefix || path.startsWith(prefix + "/"); } function getNav() { return document.querySelector(".Header-subnavnVH8URdkgvEl"); } function getTabs(nav) { return nav ? Array.from(nav.querySelectorAll(".Header-bottom-link_mobile")) : []; } /* ------------------------------------------------ Apply GREEN highlight class without overriding ReadMe - Clears rm-forced-active - Adds rm-forced-active to ReadMe's current active tab --------------------------------------------------*/ function mirrorReadMeActiveToGreen(tabs) { tabs.forEach((t) => t.classList.remove("rm-forced-active")); const active = tabs.find((a) => a.classList.contains("active")) || tabs.find((a) => a.getAttribute("aria-current") === "page"); if (active) active.classList.add("rm-forced-active"); } /* ------------------------------------------------ Highlight Release Notes tab (changelog override) --------------------------------------------------*/ function highlightReleaseNotesTab(tabs) { tabs.forEach((t) => t.classList.remove("rm-forced-active")); const target = tabs.find((a) => a.getAttribute("href") === CHANGELOG_PREFIX + "/") || tabs.find((a) => a.getAttribute("href") === CHANGELOG_PREFIX) || tabs.find((a) => (a.textContent || "").trim().toLowerCase() === "release notes"); if (target) target.classList.add("rm-forced-active"); } /* ------------------------------------------------ Force hard reload for Release Notes --------------------------------------------------*/ function forceHardNavForReleaseNotes() { if (window.__rmHardNavReleaseNotesBound) return; window.__rmHardNavReleaseNotesBound = true; document.addEventListener( "click", function (e) { const a = e.target && e.target.closest ? e.target.closest("a[href]") : null; if (!a) return; const href = (a.getAttribute("href") || "").trim(); if (href !== CHANGELOG_PREFIX && href !== CHANGELOG_PREFIX + "/") return; e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); window.location.href = href; }, true ); } /* ------------------------------------------------ Main nav sync - Normal routes: mirror ReadMe's active tab into rm-forced-active - Changelog route: override Guides href + force-highlight Release Notes --------------------------------------------------*/ function updateTopNav() { const nav = getNav(); if (!nav) return; const tabs = getTabs(nav); if (!tabs.length) return; if (isOnSecurityChangelogRoute()) { const guidesLink = tabs.find((a) => GUIDES_LABELS.includes((a.textContent || "").trim().toLowerCase()) ); if (guidesLink) { guidesLink.setAttribute("href", CHANGELOG_DOCS_OVERRIDE_HREF); } highlightReleaseNotesTab(tabs); return; } // Default: do NOT change ReadMe state; just apply your green class to whatever is active mirrorReadMeActiveToGreen(tabs); } /* ------------------------------------------------ Bind ReadMe SPA navigation --------------------------------------------------*/ function bindPageLoadHandler() { const handler = () => { // ReadMe sometimes sets `.active` a tick later; run a couple times updateTopNav(); setTimeout(updateTopNav, 50); setTimeout(updateTopNav, 250); }; if (window.$ && typeof $(window).on === "function") { $(window).off("pageLoad.rmTopNav").on("pageLoad.rmTopNav", handler); } else if (window.jQuery && typeof window.jQuery(window).on === "function") { window.jQuery(window).off("pageLoad.rmTopNav").on("pageLoad.rmTopNav", handler); } } forceHardNavForReleaseNotes(); bindPageLoadHandler(); updateTopNav(); // initial })(); // ============================================================================ // Top-nav click: force full navigation for Guides/Documents // - Prevent ReadMe internal router from intercepting // - Uses href already set by the script above // ============================================================================ (function () { const GUIDES_LABELS = ["guides", "documents"]; document.addEventListener("click", function (e) { // Only care about primary (left) clicks if (e.button !== 0) return; // Respect modifier keys (new tab / new window) if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; const link = e.target.closest(".Header-bottom-link_mobile"); if (!link) return; const label = link.textContent.trim().toLowerCase(); if (!GUIDES_LABELS.includes(label)) return; // At this point, this is a plain left-click on the GUIDES/DOCUMENTS tab const targetHref = link.getAttribute("href"); if (!targetHref) return; // Stop ReadMe's internal router from handling this click e.preventDefault(); e.stopPropagation(); // Force navigation to whatever href we've already set via our other script window.location.href = targetHref; }); })(); // ============================================================================ // Sidebar: active-path enforcer (SPA-safe) // - Ensures all ancestors of the active page are expanded // - Allows temporary user collapse (data-user-collapsed-until) // - Resets collapse flags when route truly changes // ============================================================================ $(window).on("pageLoad.sidebarEnforcer", function (e, state) { // ============================== // ACTIVE PATH ENFORCER (SPA-safe) // - Opens the full chain to the current active page. // - Respects manual collapses for sections and parent-page

groups. // - Clears manual-collapse flags carefully on SPA route change. // ============================== const SIDEBAR_SECTION_SEL = ".rm-Sidebar-section"; const PARENT_LINK_SEL = "a.Sidebar-link_parent, a.rm-Sidebar-link.Sidebar-link_parent"; const EXPAND_BTN_SEL = ".Sidebar-link-buttonWrapper3hnFHNku8_BJ"; const ACTIVE_SEL = ".rm-Sidebar-link[aria-current='page'], .rm-Sidebar-link.active"; const USER_COLLAPSE_GRACE = 90_000; // 90 seconds if (window.__sidebarEnforcerInterval) { clearInterval(window.__sidebarEnforcerInterval); window.__sidebarEnforcerInterval = null; } // Only define once window.__lastActiveKey = window.__lastActiveKey || undefined; function isUserCollapsed(el) { if (!el) return false; const until = parseInt( el.getAttribute("data-user-collapsed-until") || "0", 10 ); if (!until) return false; if (Date.now() < until) return true; el.removeAttribute("data-user-collapsed-until"); return false; } function ensureLiParentOpen(li) { if (!li) return; if (isUserCollapsed(li)) return; const parentA = li.querySelector(`:scope > ${PARENT_LINK_SEL}`); if (!parentA) return; const btn = parentA.querySelector(EXPAND_BTN_SEL); const aria = btn && btn.getAttribute("aria-expanded"); if (btn && aria !== "true") { btn.click(); } li.classList.add("subnav-expanded"); } function ensureSectionOpen(sectionEl) { if (!sectionEl) return; if (isUserCollapsed(sectionEl)) return; sectionEl.classList.add("expanded"); const topBtn = sectionEl.querySelector(`:scope > a ${EXPAND_BTN_SEL}`); if (topBtn && topBtn.getAttribute("aria-expanded") !== "true") { topBtn.setAttribute("aria-expanded", "true"); } } function openAllAncestorsForActiveLink(activeLink) { let el = activeLink; while (el && el !== document.body) { if (el.tagName === "LI") ensureLiParentOpen(el); if (el.classList && el.classList.contains("rm-Sidebar-section")) { ensureSectionOpen(el); } el = el.parentElement; } } function getActiveKey() { const a = document.querySelector(".rm-Sidebar-link[aria-current='page']") || document.querySelector(".rm-Sidebar-link.active"); if (!a) return undefined; try { const url = new URL(a.href, location.origin); return url.pathname + url.search + "|" + (a.textContent || "").trim(); } catch { return ( (a.getAttribute("href") || "") + "|" + (a.textContent || "").trim() ); } } function enforceOpenForAllActives() { const currentKey = getActiveKey(); // Only reset collapse flags after delay AND if key really changed if (currentKey && currentKey !== window.__lastActiveKey) { const thisKey = currentKey; setTimeout(() => { if (getActiveKey() === thisKey) { document .querySelectorAll("[data-user-collapsed-until]") .forEach((el) => el.removeAttribute("data-user-collapsed-until")); } }, 400); // short grace window to allow manual collapse window.__lastActiveKey = currentKey; } const actives = document.querySelectorAll(ACTIVE_SEL); if (!actives.length) return; actives.forEach((active) => openAllAncestorsForActiveLink(active)); } enforceOpenForAllActives(); setTimeout(enforceOpenForAllActives, 150); setTimeout(enforceOpenForAllActives, 400); window.__sidebarEnforcerInterval = setInterval(enforceOpenForAllActives, 1000); }); // ============================================================================ // Sidebar: manual collapse controls (temporary grace) // - Section heading click toggles section expanded state // - Parent-page expand/collapse button click records temporary user collapse // ============================================================================ /* SECTION heading: allow manual collapse of an active section (temporary) */ $(document) .off("click.sidebarToggle") .on("click.sidebarToggle", ".rm-Sidebar-heading", function () { const $section = $(this).closest(".rm-Sidebar-section"); const wasExpanded = $section.hasClass("expanded"); $section.toggleClass("expanded"); const nowExpanded = $section.hasClass("expanded"); const containsActive = $section.find( ".rm-Sidebar-link[aria-current='page'], .rm-Sidebar-link.active" ).length > 0; if (wasExpanded && !nowExpanded && containsActive) { $section.attr("data-user-collapsed-until", Date.now() + 90_000); } if (nowExpanded) { $section.removeAttr("data-user-collapsed-until"); } if (nowExpanded && !wasExpanded && containsActive) { requestAnimationFrame(() => { requestAnimationFrame(() => scrollActiveNearTop({ padding: 16, smooth: true }) ); }); } }); /* PARENT PAGE expand/collapse button: allow manual collapse of the active parent

*/ $(document) .off("click.sidebarParentToggle") .on( "click.sidebarParentToggle", ".Sidebar-link-buttonWrapper3hnFHNku8_BJ", function (e) { const li = this.closest("li"); if (!li) return; const containsActive = !!li.querySelector( ".rm-Sidebar-link[aria-current='page'], .rm-Sidebar-link.active" ); setTimeout(() => { const expanded = this.getAttribute("aria-expanded") === "true"; if (containsActive && !expanded) { li.setAttribute("data-user-collapsed-until", Date.now() + 90_000); } else if (expanded) { li.removeAttribute("data-user-collapsed-until"); } }, 0); } ); // ============================================================================ // TOC: rebuild from headings (DOM order) + collapsible sections // - Reads headings from content in DOM order // - Builds hierarchy using heading level stack (parentId) // - Replaces TOC UL with a freshly built ordered tree // - Preserves expand/collapse state + active link highlight when possible // - Re-runs on DOM mutations with rAF throttle // ============================================================================ (function () { // ------------------------------------ // Helpers // ------------------------------------ function getHashIdFromHref(href) { if (!href) return null; const i = href.indexOf("#"); if (i === -1) return null; const id = href.slice(i + 1).trim(); return id ? id : null; } function isRealHashLink(a) { const href = a && a.getAttribute && a.getAttribute("href"); if (!href) return false; if (href === "#") return false; return href.includes("#") && getHashIdFromHref(href) !== null; } function isTocReady(tocNav) { const rootUl = tocNav && tocNav.querySelector(".toc-children > ul"); if (!rootUl) return false; return !!rootUl.querySelector('a[href*="#"]:not([href="#"])'); } function getContentRoot() { return ( document.querySelector('.rm-Markdown[data-testid="RDMD"]') || document.querySelector(".rm-Markdown") || document ); } function extractHeadingTitle(headingEl) { if (!headingEl) return ""; const textEl = headingEl.querySelector(".heading-text") || headingEl; const clone = textEl.cloneNode(true); clone .querySelectorAll("button, .rdmd-code-copy, .heading-anchor-icon, svg, .icon, i") .forEach((n) => n.remove()); return (clone.textContent || "").replace(/\s+/g, " ").trim(); } function captureExpandedState(tocNav) { const expandedById = {}; tocNav.querySelectorAll(".toc-item-header").forEach((header) => { const a = header.querySelector('a[href*="#"]'); const t = header.querySelector(".toc-toggle"); if (!a || !t || !isRealHashLink(a)) return; const id = getHashIdFromHref(a.getAttribute("href") || ""); if (!id) return; expandedById[id] = t.getAttribute("aria-expanded") === "true"; }); const activeHref = tocNav.querySelector(".is-active-toc-link")?.getAttribute("href") || null; return { expandedById, activeHref }; } // ------------------------------------ // Build heading list (in document order) + parent relationships // ------------------------------------ function readHeadingsInOrder() { const contentRoot = getContentRoot(); const anchors = Array.from(contentRoot.querySelectorAll(".heading-anchor[id]")); if (!anchors.length) return []; const headings = anchors .map((anchor) => { const id = anchor.id; const headingEl = anchor.closest("h1,h2,h3,h4,h5,h6"); if (!headingEl) return null; const level = parseInt(headingEl.tagName.slice(1), 10); const title = extractHeadingTitle(headingEl); if (!id || !title || !level) return null; return { id, level, title }; }) .filter(Boolean); if (!headings.length) return []; // Compute parentId by stack (standard heading hierarchy) const stack = []; // [{id, level}] headings.forEach((h) => { while (stack.length && stack[stack.length - 1].level >= h.level) { stack.pop(); } h.parentId = stack.length ? stack[stack.length - 1].id : null; stack.push({ id: h.id, level: h.level }); }); return headings; } // ------------------------------------ // Render: replace TOC children UL with ordered tree // ------------------------------------ function renderTocFromHeadings(tocNav, headings, restoreState) { const rootUl = tocNav.querySelector(".toc-children > ul"); if (!rootUl) return; // Build children map in order const byId = {}; headings.forEach((h) => (byId[h.id] = h)); const childrenByParent = {}; headings.forEach((h) => { const key = h.parentId || "__root__"; if (!childrenByParent[key]) childrenByParent[key] = []; childrenByParent[key].push(h); }); // Clear existing TOC items while (rootUl.firstChild) rootUl.removeChild(rootUl.firstChild); function buildList(parentKey, ul) { const kids = childrenByParent[parentKey] || []; kids.forEach((h) => { const li = document.createElement("li"); const a = document.createElement("a"); a.href = "#" + h.id; a.textContent = h.title; li.appendChild(a); const childList = childrenByParent[h.id]; if (childList && childList.length) { const subUl = document.createElement("ul"); li.appendChild(subUl); buildList(h.id, subUl); } ul.appendChild(li); }); } buildList("__root__", rootUl); // Restore active state if we had one if (restoreState && restoreState.activeHref) { const match = tocNav.querySelector( `.toc-children a[href="${CSS.escape(restoreState.activeHref)}"]` ); if (match) match.classList.add("is-active-toc-link"); } } // ------------------------------------ // Collapsible toggles (idempotent) // ------------------------------------ function ensureCollapsible(tocNav, restoreState) { const expandedById = (restoreState && restoreState.expandedById) || {}; const nestedLists = tocNav.querySelectorAll(".toc-children li > ul"); nestedLists.forEach(function (ul) { const parentLi = ul.parentElement; if (!parentLi) return; const link = parentLi.querySelector(':scope > a[href*="#"]'); if (!link) return; const parentId = getHashIdFromHref(link.getAttribute("href") || ""); parentLi.classList.add("toc-has-children"); ul.classList.add("toc-sublist"); // Create or reuse header wrapper let header = parentLi.querySelector(":scope > .toc-item-header"); if (!header) { header = document.createElement("div"); header.className = "toc-item-header"; parentLi.insertBefore(header, link); } // Move link into header if needed if (link.parentElement === parentLi) header.appendChild(link); // Create toggle if missing let toggle = header.querySelector(":scope > .toc-toggle"); if (!toggle) { toggle = document.createElement("button"); toggle.type = "button"; toggle.className = "toc-toggle"; header.appendChild(toggle); toggle.addEventListener("click", function (e) { e.preventDefault(); const isExpanded = toggle.getAttribute("aria-expanded") === "true"; toggle.setAttribute("aria-expanded", String(!isExpanded)); toggle.textContent = isExpanded ? "+" : "−"; ul.style.display = isExpanded ? "none" : "block"; }); } // Apply restored expanded state if available; otherwise default collapsed const shouldExpand = parentId && Object.prototype.hasOwnProperty.call(expandedById, parentId) ? !!expandedById[parentId] : false; toggle.setAttribute("aria-expanded", shouldExpand ? "true" : "false"); toggle.textContent = shouldExpand ? "−" : "+"; ul.style.display = shouldExpand ? "block" : "none"; }); } // ------------------------------------ // Apply (safe to run repeatedly) // ------------------------------------ function applyTocEnhancements(tocNav) { if (!tocNav) return; if (!isTocReady(tocNav)) return; const headings = readHeadingsInOrder(); if (!headings.length) return; const sig = headings.map((h) => `${h.id}:${h.level}:${h.parentId || ""}`).join("|"); // If nothing changed, just make sure collapsibles exist and bail if (tocNav.dataset.tocSig === sig) { ensureCollapsible(tocNav, captureExpandedState(tocNav)); tocNav.dataset.tocCollapsibleInitialized = "true"; tocNav.setAttribute("data-toc-collapsible-initialized", "true"); return; } const restoreState = captureExpandedState(tocNav); // Rebuild TOC in correct document order + hierarchy renderTocFromHeadings(tocNav, headings, restoreState); // Add toggles / collapse behavior ensureCollapsible(tocNav, restoreState); tocNav.dataset.tocSig = sig; tocNav.dataset.tocCollapsibleInitialized = "true"; tocNav.setAttribute("data-toc-collapsible-initialized", "true"); } function scanForTocs() { const navs = document.querySelectorAll('nav[aria-label="Table of contents"]'); navs.forEach(applyTocEnhancements); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", scanForTocs); } else { scanForTocs(); } let rafPending = false; const observer = new MutationObserver(() => { if (rafPending) return; rafPending = true; requestAnimationFrame(() => { rafPending = false; scanForTocs(); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); // ============================================================================ // TOC: highlight clicked anchor (click-only) // - Adds .is-active-toc-link to the clicked TOC link // - Clears prior active states within that TOC nav // ============================================================================ (function () { const TOC_SELECTOR = 'nav[aria-label="Table of contents"]'; document.addEventListener("click", function (e) { const anchor = e.target.closest(`${TOC_SELECTOR} a[href*="#"]`); if (!anchor) return; const href = anchor.getAttribute("href") || ""; if (href === "#") return; const toc = anchor.closest(TOC_SELECTOR); if (!toc) return; const links = toc.querySelectorAll('a[href*="#"]'); links.forEach((link) => link.classList.remove("is-active-toc-link")); anchor.classList.add("is-active-toc-link"); }); })(); // ============================================================================ // TOC header text = Page H1 (observer-based, no initial hiding) // ============================================================================ (function () { "use strict"; var scheduled = false; var lastApplied = ""; function getH1Text() { var h1 = document.querySelector("#content-head h1"); return h1 ? (h1.textContent || "").trim() : ""; } function getTocHeader() { return document.querySelector("section.content-toc a.tocHeader"); } function applyTitle() { var title = getH1Text(); var tocHeader = getTocHeader(); if (!title || !tocHeader) return false; // If it's already correct, do nothing var currentText = (tocHeader.textContent || "").trim(); if (currentText.indexOf(title) !== -1 && title === lastApplied) return true; // Preserve icon node if present var icon = tocHeader.querySelector("i"); while (tocHeader.firstChild) tocHeader.removeChild(tocHeader.firstChild); if (icon) tocHeader.appendChild(icon); tocHeader.appendChild(document.createTextNode(" " + title)); lastApplied = title; return true; } function scheduleUpdate() { if (scheduled) return; scheduled = true; // Let the SPA/React commit finish, then apply requestAnimationFrame(function () { scheduled = false; // Try a few times quickly to catch late hydration/re-renders var tries = 0; var maxTries = 30; // ~1.5s total var t = setInterval(function () { tries++; if (applyTitle() || tries >= maxTries) clearInterval(t); }, 50); }); } // Observe DOM changes (SPA re-renders) var mo = new MutationObserver(function () { // Only schedule when either target exists / is being updated if (document.querySelector("#content-head") || document.querySelector("section.content-toc")) { scheduleUpdate(); } }); mo.observe(document.documentElement, { childList: true, subtree: true }); // SPA navigation hooks function hookHistory(method) { var orig = history[method]; if (!orig) return; history[method] = function () { var ret = orig.apply(this, arguments); scheduleUpdate(); return ret; }; } hookHistory("pushState"); hookHistory("replaceState"); window.addEventListener("popstate", scheduleUpdate); // Initial scheduleUpdate(); })(); // Fix "&" showing up in Search modal project names (function () { var MODAL_ID = 'AppSearch'; var processedAttr = 'data-amp-fixed'; var PROJECT_SELECTOR = '[id="' + MODAL_ID + '"] [class*="SearchResults-result-project"]'; function decodeHtmlOnce(str) { var ta = document.createElement('textarea'); ta.innerHTML = str; return ta.value; } function decodeUntilStable(str, maxPasses) { var prev = str; for (var i = 0; i < (maxPasses || 3); i++) { var next = decodeHtmlOnce(prev); if (next === prev) break; prev = next; } return prev; } function fixNode(el) { if (!el || el.nodeType !== 1) return; var txt = el.textContent; if (!txt) return; if (txt.indexOf('&') === -1 && txt.indexOf('&') === -1) { el.setAttribute(processedAttr, '1'); return; } var fixed = decodeUntilStable(txt, 3); if (fixed !== txt) el.textContent = fixed; el.setAttribute(processedAttr, '1'); } function scan(container) { if (!container) return; if (container.matches && container.matches(PROJECT_SELECTOR)) { fixNode(container); } var nodes = container.querySelectorAll ? container.querySelectorAll(PROJECT_SELECTOR) : []; for (var i = 0; i < nodes.length; i++) { fixNode(nodes[i]); } } var observer = null; function start() { if (observer) return; scan(document); observer = new MutationObserver(function (mutations) { for (var i = 0; i < mutations.length; i++) { var m = mutations[i]; if (!m.addedNodes || !m.addedNodes.length) continue; for (var j = 0; j < m.addedNodes.length; j++) { var n = m.addedNodes[j]; if (!n || n.nodeType !== 1) continue; if ( (n.id === MODAL_ID) || (n.matches && n.matches(PROJECT_SELECTOR)) || (n.querySelector && n.querySelector(PROJECT_SELECTOR)) ) { scan(n); } } } }); observer.observe(document.documentElement, { childList: true, subtree: true }); } function stop() { if (!observer) return; observer.disconnect(); observer = null; } start(); window.__rmFixSearchAmp = { start: start, stop: stop }; })(); // ── Interior TOC survey widget ─────────────────────────────────────────────── (function () { const WIDGET_ID = 'jfrog-survey-widget'; const css = ` #${WIDGET_ID} { all: revert; display: block; margin-top: 24px; } #${WIDGET_ID} * { all: revert; box-sizing: border-box; } #${WIDGET_ID} .survey-widget { display: flex !important; flex-direction: column !important; align-items: flex-start !important; padding: 20px !important; width: 100% !important; height: auto !important; background: #D8E6ED !important; box-shadow: 0px 1px 2px rgba(0,0,0,0.1) !important; border-radius: 12px !important; margin: 0 !important; } #${WIDGET_ID} .survey-inner { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 16px !important; width: 100% !important; height: auto !important; padding: 8px 0 !important; } #${WIDGET_ID} .survey-text { display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #${WIDGET_ID} .survey-title { font-family: 'Open Sans', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; line-height: 22px !important; color: #000 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } #${WIDGET_ID} .survey-subtitle { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 22px !important; color: #414857 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } #${WIDGET_ID} .vote-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; padding: 12px 32px !important; width: auto !important; height: 44px !important; background: #111821 !important; border: 1px solid #111821 !important; border-radius: 50px !important; cursor: pointer !important; text-decoration: none !important; overflow: hidden !important; transition: border-color 0.2s !important; } #${WIDGET_ID} .vote-btn .vote-label { transition: transform 0.2s !important; } #${WIDGET_ID} .vote-btn:hover .vote-label { transform: translateX(-4px) !important; color: #3DD068 !important; } #${WIDGET_ID} .vote-btn:hover { border-color: #3DD068 !important; } #${WIDGET_ID} .vote-btn:hover .vote-label { color: #3DD068 !important; } #${WIDGET_ID} .vote-btn:hover .vote-chevron { display: inline-block !important; } #${WIDGET_ID} .vote-label { font-family: 'Open Sans', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; line-height: 20px !important; color: #fff !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; } #${WIDGET_ID} .vote-chevron { position: absolute !important; right: 16px !important; top: 52% !important; transform: translateY(-50%) !important; opacity: 0 !important; width: 14px !important; height: 14px !important; transition: opacity 0.2s !important; display: block !important; } #${WIDGET_ID} .vote-btn:hover .vote-chevron { opacity: 1 !important; } #${WIDGET_ID} .vote-chevron polyline { stroke: #3DD068 !important; stroke-width: 2.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; fill: none !important; } `; const widgetHTML = `

`; function inject() { const nav = document.querySelector('section.content-toc nav'); if (!nav) return; const existing = document.getElementById(WIDGET_ID); if (existing) existing.remove(); observer.disconnect(); nav.insertAdjacentHTML('afterend', widgetHTML); const w = document.getElementById(WIDGET_ID); if (w) w.style.cssText += 'opacity: 1;'; observer.observe(document.body, { childList: true, subtree: true }); } let timer; const observer = new MutationObserver(() => { clearTimeout(timer); timer = setTimeout(inject, 50); }); observer.observe(document.body, { childList: true, subtree: true }); inject(); })(); // ── Mobile drawer survey widget ────────────────────────────────────────────── function injectSurveyWidget() { if (document.getElementById('jf-imh-survey')) return; const isHomepage = location.pathname === '/' || location.pathname === ''; const linksWrap = isHomepage ? document.querySelector('.jf-drawer-links-wrap') : document.querySelector('.jf-imh-links-wrap'); if (!linksWrap) return; if (!document.getElementById('jf-imh-survey-styles')) { const style = document.createElement('style'); style.id = 'jf-imh-survey-styles'; style.textContent = ` #jf-imh-survey { margin: 24px 0 8px; background: #CCD8F1; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box; width: 100%; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } #jf-imh-survey .jf-sv-title { font-family: 'Open Sans', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; line-height: 22px !important; color: #000 !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; word-break: normal !important; } #jf-imh-survey .jf-sv-subtitle { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 20px !important; color: #414857 !important; margin: 4px 0 0 !important; padding: 0 !important; } #jf-imh-survey .jf-sv-btn-wrap { display: flex !important; justify-content: center !important; width: 100% !important; } #jf-imh-survey .jf-sv-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; height: 44px !important; padding: 12px 32px !important; background: #111821 !important; border: 1px solid #111821 !important; border-radius: 50px !important; font-family: 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 15px !important; line-height: 20px !important; color: #fff !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; white-space: nowrap !important; box-sizing: border-box !important; transition: border-color 0.2s !important; flex-shrink: 0 !important; } #jf-imh-survey .jf-sv-btn:hover { border-color: #3DD068 !important; } `; document.head.appendChild(style); } const locationLabel = isHomepage ? 'home' : 'mobile menu'; linksWrap.insertAdjacentHTML('afterend', `

How satisfied are you with JFrog's Help Center?

Take 1 minute to help us improve

Share Feedback

`); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', injectSurveyWidget); } else { injectSurveyWidget(); } // Re-inject on SPA route changes + hamburger click (function () { let lastUrl = location.pathname + location.search + location.hash; setInterval(function () { const now = location.pathname + location.search + location.hash; if (now !== lastUrl) { lastUrl = now; document.getElementById('jf-imh-survey')?.remove(); injectSurveyWidget(); } }, 300); document.addEventListener('click', function (e) { if (e.target.closest('#jf-imh-menu-btn, #jf-mobile-menu-btn, #jf-mobile-drawer-open, [aria-label="Open menu"]')) { setTimeout(injectSurveyWidget, 50); } }); })();