/* Download popup for docs.requestly.com. Analytics is delegated to js/analytics.js, which is the single owner of the Amplitude SDK on this property and is gated on "tracking" consent. This file used to load and init its own copy of the SDK on the same project key, so two inits raced each other; it now just calls window.rqAnalytics.track(), which is a no-op until consent exists and re-checks per call so a withdrawal takes effect immediately. The popup itself, the browser/OS detection and the download links are NOT gated — they are first-party UI and stay available to everyone regardless of consent. Only the analytics is. */ (function () { // ─── Download links ──────────────────────────────────────────────── var browserLinks = { chrome: "https://get.requestly.com/chrome-store", safari: "https://get.requestly.com/safari", firefox: "https://get.requestly.com/firefox", edge: "https://get.requestly.com/microsoft-edge", brave: "https://get.requestly.com/chrome-store", opera: "https://get.requestly.com/chrome-store", vivaldi: "https://get.requestly.com/chrome-store", }; var osLinks = { "windows": "https://get.requestly.com/win-api-client", "mac-silicon": "https://get.requestly.com/mac-api-client", "mac-intel": "https://get.requestly.com/mac-intel-api-client", "linux": "https://get.requestly.com/linux-api-client", }; // ─── Image URLs ──────────────────────────────────────────────────── var images = { apiClient: "https://requestly.com/wp-content/uploads/2026/04/api-client-logo.png", chrome: "https://requestly.com/wp-content/uploads/2024/02/Google-chrome-logo-fix.svg", edge: "https://requestly.com/wp-content/uploads/2024/10/logos_microsoft-edge.svg", firefox: "https://requestly.com/wp-content/uploads/2024/10/logos_firefox.svg", safari: "https://requestly.com/wp-content/uploads/2024/10/devicon_safari.svg", brave: "https://requestly.com/wp-content/uploads/2023/09/brave.svg", opera: "https://requestly.com/wp-content/uploads/2024/10/devicon_opera.svg", vivaldi: "https://requestly.com/wp-content/uploads/2023/09/vivaldi.svg", windows: "https://requestly.com/wp-content/uploads/2024/10/devicon_windows8.svg", linux: "https://requestly.com/wp-content/uploads/2024/10/flat-color-icons_linux.svg", mac: "https://requestly.com/wp-content/uploads/2024/10/wpf_macos.svg", }; // ─── Detection ───────────────────────────────────────────────────── var ua = navigator.userAgent; var plat = (navigator.platform || "").toLowerCase(); var browser = ua.includes("Vivaldi") ? "vivaldi" : ua.includes("Brave") ? "brave" : ua.includes("Firefox") ? "firefox" : ua.includes("Edg") ? "edge" : ua.includes("OPR") || ua.includes("Opera") ? "opera" : ua.includes("Safari") && !ua.includes("Chrome") ? "safari" : "chrome"; var os = plat.includes("win") ? "windows" : plat.includes("linux") ? "linux" : "mac-silicon"; var browserLabel = browser.charAt(0).toUpperCase() + browser.slice(1); /* ─── Analytics ────────────────────────────────────────────────────── js/analytics.js owns the SDK and the consent gate. Guard on existence because Mintlify does not guarantee the order it includes these files in; by the time a click fires, both are parsed. If analytics.js is absent for any reason, download tracking is silently skipped rather than loading an ungated SDK of its own. */ function trackEvent(eventName, props) { if (window.rqAnalytics) window.rqAnalytics.track(eventName, props); } // ─── Analytics attribute helper ────────────────────────────────────── function dlAttrs(downloadType, type) { return ' data-event-wrapper="any_download_clicked,' + type + '_download_clicked"' + ' data-source="download_popup"' + ' data-type="' + type + '-install-button"' + ' amplitude-event-name="download_button_clicked"' + ' amplitude-event-type="click"' + ' amplitude-event-properties=\'' + JSON.stringify({ source: "navbar", download_type: downloadType, type: type, __host__: "docs.requestly.com", url: window.location.href }) + "'"; } // ─── State ───────────────────────────────────────────────────────── var HIDE_DELAY = 200; var hideTimeout = null; var popupBuilt = false; // ─── Inject CSS ──────────────────────────────────────────────────── function injectStyles() { if (document.getElementById("rq-dl-popup-styles")) return; var style = document.createElement("style"); style.id = "rq-dl-popup-styles"; style.textContent = [ /* dropdown container — positioned by JS */ "#rq-dl-dropdown{position:absolute;z-index:99990;display:none;padding-top:8px}", /* popup box — dark (default) */ "#rq-dl-popup{padding:8px;background:#1a1919;box-shadow:0 16px 64px 8px rgba(0,0,0,0.5);border-radius:12px;border:1px solid rgba(255,255,255,0.05);display:inline-flex;gap:8px;max-width:calc(100vw - 32px);opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}", "#rq-dl-dropdown.rq-visible #rq-dl-popup{opacity:1;transform:translateY(0)}", /* open-up: popup opens above the button */ "#rq-dl-dropdown.open-up{padding-top:0;padding-bottom:8px}", "#rq-dl-dropdown.open-up #rq-dl-popup{transform:translateY(6px)}", "#rq-dl-dropdown.open-up.rq-visible #rq-dl-popup{transform:translateY(0)}", /* cards — dark */ ".rq-dl-card{width:300px;padding:20px 24px;background:#232222;border-radius:8px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,0)}", /* icon + title — dark */ ".rq-dl-header{display:flex;flex-direction:column;gap:10px}", ".rq-dl-header img{width:32px;height:32px;object-fit:contain}", ".rq-dl-title{color:#fff;font-size:15px;font-weight:300;font-family:Inter,system-ui,sans-serif;line-height:1.3}", ".rq-dl-subtitle{color:#999;font-size:13px;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}", /* bullet list — dark */ ".rq-dl-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;}", ".rq-dl-features li{color:#999;font-size:13px;font-family:Inter,system-ui,sans-serif;line-height:1.5;padding-left:16px;position:relative}", ".rq-dl-features li::before{content:'\\2022';position:absolute;left:0;color:#666}", /* button — solid flat style */ ".rq-dl-btn{display:flex;padding:11px 16px;justify-content:center;align-items:center;border-radius:48px;border:1px solid rgb(66 63 63 / 85%);background:rgba(255,255,255,0.08);color:#fff;font-size:14px;font-weight:500;font-family:Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:all .15s ease}", ".rq-dl-btn:hover{border-color:#004eeb;background:#004eeb;color:#fff}", /* platform / browser row — dark */ ".rq-dl-alt{display:flex;align-items:center;gap:10px}", ".rq-dl-alt a{display:flex;align-items:center;text-decoration:none}", ".rq-dl-alt img{width:18px;height:18px;object-fit:contain;opacity:0.7;transition:opacity .15s}", ".rq-dl-alt a:hover img{opacity:1}", ".rq-dl-more{color:#999;font-size:13px;font-family:Inter,system-ui,sans-serif;font-weight:500;text-decoration:none;transition:color .15s;white-space:nowrap}", ".rq-dl-more:hover{color:#fff}", /* ─── Light theme overrides ─── */ ":root:not(.dark) #rq-dl-popup{background:#fff;box-shadow:0 16px 64px 8px rgba(0,0,0,0.12);border-color:rgba(0,0,0,0.08)}", ":root:not(.dark) .rq-dl-card{background:#f5f5f5;border-color:rgba(0,0,0,0.04)}", ":root:not(.dark) .rq-dl-title{color:#111}", ":root:not(.dark) .rq-dl-subtitle{color:#666}", ":root:not(.dark) .rq-dl-features li{color:#555}", ":root:not(.dark) .rq-dl-features li::before{color:#aaa}", ":root:not(.dark) .rq-dl-btn{background:rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.15);color:#111}", ":root:not(.dark) .rq-dl-btn:hover{background:#004eeb;border-color:#004eeb;color:#fff}", ":root:not(.dark) .rq-dl-alt img{opacity:0.6}", ":root:not(.dark) .rq-dl-alt a:hover img{opacity:1}", ":root:not(.dark) .rq-dl-more{color:#666}", ":root:not(.dark) .rq-dl-more:hover{color:#111}", /* responsive */ "@media(max-width:640px){#rq-dl-popup{flex-direction:column}.rq-dl-card{width:100%;min-width:260px}}", ].join("\n"); document.head.appendChild(style); } // ─── Build the dropdown (once) ───────────────────────────────────── function buildDropdown() { if (popupBuilt) return; popupBuilt = true; var dropdown = document.createElement("div"); dropdown.id = "rq-dl-dropdown"; var popup = document.createElement("div"); popup.id = "rq-dl-popup"; // — API Client card — var apiCard = document.createElement("div"); apiCard.className = "rq-dl-card"; apiCard.innerHTML = [ '

', ' Requestly API Client

', '

API Client

', '

Lightweight & Privacy-first API Client

', '

Local Projects
Organize API into Collections & Environments
API Tests
Import from Postman, OpenAPI, etc

', 'Download Now', '

', '

', '

', '

', 'More platforms \u2192', '

', ].join(""); // — HTTP Interceptor card — var extCard = document.createElement("div"); extCard.className = "rq-dl-card"; extCard.innerHTML = [ '

', ' ' + browserLabel + '

', '

HTTP Interceptor

', '

Intercept & modify HTTP requests/responses

', '

Redirect URLs & modify HTTP headers
Mock API / GraphQL responses
Insert custom JavaScript scripts

', 'Add To ' + browserLabel + '', '

', '

', '

', '

', 'More browsers \u2192', '

', ].join(""); popup.appendChild(apiCard); popup.appendChild(extCard); dropdown.appendChild(popup); document.body.appendChild(dropdown); // — Keep open when hovering the dropdown itself — dropdown.addEventListener("mouseenter", function () { clearTimeout(hideTimeout); }); dropdown.addEventListener("mouseleave", function () { scheduleHide(); }); // — Close on ESC — document.addEventListener("keydown", function (e) { if (e.key === "Escape") hideDropdown(); }); // — Fire Amplitude events on download clicks (delegated) — dropdown.addEventListener("click", function (e) { var link = e.target.closest("a[amplitude-event-name]"); if (!link) return; try { var eventName = link.getAttribute("amplitude-event-name"); var props = JSON.parse(link.getAttribute("amplitude-event-properties") || "{}"); trackEvent(eventName, props); } catch (err) { /* noop */ } }); // — Close when clicking outside — document.addEventListener("click", function (e) { var dd = document.getElementById("rq-dl-dropdown"); if (!dd) return; // If click is outside the dropdown and outside any intercepted button if (!dd.contains(e.target) && !e.target.closest("[data-rq-dl-intercepted]")) { hideDropdown(); } }); } // ─── Position the dropdown relative to the anchor button ─────────── function positionDropdown(button) { var dropdown = document.getElementById("rq-dl-dropdown"); if (!dropdown) return; var POPUP_HEIGHT = 440; // estimated max height var rect = button.getBoundingClientRect(); var viewportH = window.innerHeight; var spaceBelow = viewportH - rect.bottom; var spaceAbove = rect.top; dropdown.classList.remove("open-up", "open-down"); if (POPUP_HEIGHT > spaceBelow && POPUP_HEIGHT <= spaceAbove) { // Open upward dropdown.classList.add("open-up"); dropdown.style.top = ""; dropdown.style.bottom = (viewportH - rect.top) + "px"; } else { // Open downward (default) dropdown.classList.add("open-down"); dropdown.style.bottom = ""; dropdown.style.top = rect.bottom + "px"; } // Horizontal: align right edge of popup with right edge of button var popupWidth = dropdown.offsetWidth || 590; var rightEdge = rect.right; var left = rightEdge - popupWidth; if (left < 8) left = 8; // don't overflow left edge dropdown.style.left = left + "px"; dropdown.style.position = "fixed"; } // ─── Show / Hide ────────────────────────────────────────────────── function showDropdown(button) { clearTimeout(hideTimeout); injectStyles(); buildDropdown(); var dropdown = document.getElementById("rq-dl-dropdown"); if (!dropdown) return; // Position before making visible (measure while hidden) dropdown.style.display = "inline-flex"; dropdown.classList.remove("rq-visible"); positionDropdown(button); // Force reflow then add class for CSS transition void dropdown.offsetHeight; dropdown.classList.add("rq-visible"); } function scheduleHide() { clearTimeout(hideTimeout); hideTimeout = setTimeout(function () { hideDropdown(); }, HIDE_DELAY); } function hideDropdown() { clearTimeout(hideTimeout); var dropdown = document.getElementById("rq-dl-dropdown"); if (!dropdown) return; dropdown.classList.remove("rq-visible"); // Wait for transition to finish, then hide setTimeout(function () { if (!dropdown.classList.contains("rq-visible")) { dropdown.style.display = "none"; } }, 200); } // ─── Intercept the navbar Download button ────────────────────────── function interceptDownloadButton() { var navbar = document.getElementById("navbar"); if (!navbar) return false; var links = navbar.querySelectorAll("a"); var found = false; for (var i = 0; i < links.length; i++) { var href = links[i].getAttribute("href") || ""; if (href.includes("requestly.com/downloads") || href.includes("/downloads")) { if (links[i].getAttribute("data-rq-dl-intercepted")) continue; links[i].setAttribute("data-rq-dl-intercepted", "true"); // Prevent default navigation on click links[i].addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); }); // Hover: show (function (btn) { btn.addEventListener("mouseenter", function () { showDropdown(btn); }); btn.addEventListener("mouseleave", function () { scheduleHide(); }); })(links[i]); found = true; } } return found; } // ─── Persistent observer (navbar may re-render on route change) ──── var observer = new MutationObserver(function () { interceptDownloadButton(); }); observer.observe(document.body, { childList: true, subtree: true }); function patchHistory(method) { var original = history[method]; history[method] = function () { original.apply(this, arguments); setTimeout(interceptDownloadButton, 0); }; } patchHistory("pushState"); patchHistory("replaceState"); window.addEventListener("popstate", function () { setTimeout(interceptDownloadButton, 0); }); // Reposition on scroll/resize since we use fixed positioning window.addEventListener("scroll", function () { var dropdown = document.getElementById("rq-dl-dropdown"); if (dropdown && dropdown.classList.contains("rq-visible")) { var btn = document.querySelector("[data-rq-dl-intercepted]"); if (btn) positionDropdown(btn); } }, { passive: true }); window.addEventListener("resize", function () { var dropdown = document.getElementById("rq-dl-dropdown"); if (dropdown && dropdown.classList.contains("rq-visible")) { var btn = document.querySelector("[data-rq-dl-intercepted]"); if (btn) positionDropdown(btn); } }); // Initial attempt interceptDownloadButton(); })();

​What’s Changed

​🚀 New

​🐛 Fixes

What’s Changed

🚀 New

🐛 Fixes