/** * RudderStack analytics for the AssemblyAI docs (Mintlify). * * Mintlify auto-injects any .js file placed in the content root on every page, * so this file replaces the old Fern docs tracking that lived at * assemblyai-api-spec/fern/scripts/rudderstack.js. * * Event names match the Fern implementation so the existing Looker dashboards * keep aggregating without a break, and `location` is window.location.pathname * on every event (matching Fern), NOT href. Properties are the same as Fern with * ONE deliberate exception: docs_fill_feedback-form drops Fern's `email_consent` * and `email` props (Mintlify's feedback form has no email capture) and its * `reason` is the form's free text rather than Fern's radio value. Two new events * (docs_click_card, docs_click_expandable) were added at Carol's request and are * not present in the Fern version. * * Selectors are Mintlify-specific. Everything is best-effort: if a selector * doesn't match (Mintlify changes its DOM, a component isn't on the page, etc.) * the code fails silently and never throws into the page. */ (function () { "use strict"; // --------------------------------------------------------------------------- // RudderStack SDK loader (standard v3 stub — queues calls until the SDK loads) // --------------------------------------------------------------------------- (function () { window.RudderSnippetVersion = "3.0.32"; var identifier = "rudderanalytics"; if (!window[identifier]) { window[identifier] = []; } var rudderanalytics = window[identifier]; if (!Array.isArray(rudderanalytics)) { return; // SDK already initialised by another script — don't double-load. } if (rudderanalytics.snippetExecuted === true) { if (window.console && console.error) { console.error("RudderStack JavaScript SDK snippet included more than once."); } return; } rudderanalytics.snippetExecuted = true; window.rudderAnalyticsBuildType = "legacy"; var sdkBaseUrl = "https://rs-cdn.assemblyai.com/v3"; var sdkName = "rsa.min.js"; var scriptLoadingMode = "async"; var writeKey = "2hNPzeocLrXEJ6fuVktdhExfmUr"; var dataPlaneUrl = "https://rs-dp.assemblyai.com"; var methods = [ "setDefaultInstanceKey", "load", "ready", "page", "track", "identify", "alias", "group", "reset", "setAnonymousId", "startSession", "endSession", "consent", ]; for (var i = 0; i < methods.length; i++) { var method = methods[i]; rudderanalytics[method] = (function (methodName) { return function () { if (Array.isArray(window[identifier])) { rudderanalytics.push([methodName].concat(Array.prototype.slice.call(arguments))); } else { var _m = window[identifier][methodName]; if (_m) _m.apply(window[identifier], arguments); } }; })(method); } // Pick the smaller "modern" SDK bundle only on engines that support the // modern JS syntax it ships (class fields, optional chaining, nullish // coalescing, dynamic import). The upstream snippet probes this by // compiling a source string at runtime; we use static runtime // feature-detection instead to avoid dynamic code evaluation. WeakRef is // the conservative // gate — it landed alongside that syntax (Safari 14.1 / Chrome 84 / FF 79), // so its presence implies support. Anything else keeps the safe, broadly // compatible "legacy" build. try { if ( typeof globalThis !== "undefined" && typeof Promise !== "undefined" && typeof Symbol !== "undefined" && typeof WeakRef !== "undefined" && typeof Promise.allSettled === "function" ) { window.rudderAnalyticsBuildType = "modern"; } } catch (e) {} var head = document.head || document.getElementsByTagName("head")[0]; var body = document.body || document.getElementsByTagName("body")[0]; window.rudderAnalyticsAddScript = function (url, attrKey, attrVal) { var s = document.createElement("script"); s.src = url; s.setAttribute("data-loader", "RS_JS_SDK"); if (attrKey && attrVal) s.setAttribute(attrKey, attrVal); if (scriptLoadingMode === "async") s.async = true; else if (scriptLoadingMode === "defer") s.defer = true; if (head) head.insertBefore(s, head.firstChild); else body.insertBefore(s, body.firstChild); }; window.rudderAnalyticsMount = function () { (function () { if (typeof globalThis === "undefined") { var getGlobal = function () { if (typeof self !== "undefined") return self; if (typeof window !== "undefined") return window; return null; }; var g = getGlobal(); if (g) { Object.defineProperty(g, "globalThis", { value: g, configurable: true }); } } })(); window.rudderAnalyticsAddScript( "".concat(sdkBaseUrl, "/").concat(window.rudderAnalyticsBuildType, "/").concat(sdkName), "data-rsa-write-key", writeKey ); }; if (typeof Promise === "undefined" || typeof globalThis === "undefined") { window.rudderAnalyticsAddScript( "https://polyfill-fastly.io/v3/polyfill.min.js?version=3.111.0&features=Symbol%2CPromise&callback=rudderAnalyticsMount" ); } else { window.rudderAnalyticsMount(); } rudderanalytics.load(writeKey, dataPlaneUrl, { pluginsSDKBaseURL: "https://rs-cdn.assemblyai.com/v3/modern/plugins", // useBeacon ensures the "Page Unloaded" event (which carries // properties.timeOnPage) reliably fires via navigator.sendBeacon // as the user navigates away, instead of being dropped. useBeacon: true, autoTrack: { pageLifecycle: { enabled: true, }, }, }); })(); // --------------------------------------------------------------------------- // Helpers // --------------------------------------------------------------------------- // `location` is the pathname on every event (Fern parity). function loc() { return window.location.pathname; } function track(eventName, props) { try { if (window.rudderanalytics && typeof window.rudderanalytics.track === "function") { window.rudderanalytics.track(eventName, props); } } catch (e) { /* never break the page */ } } // Bind a handler to an element at most once. We tag bound elements with a // data attribute so the MutationObserver can re-scan freely without ever // stacking duplicate listeners. function bindOnce(el, key, type, handler) { if (!el) return; var flag = "rsBound_" + key; if (el.dataset[flag] === "1") return; el.dataset[flag] = "1"; el.addEventListener(type, handler); } function textOf(el) { return (el && (el.innerText || el.textContent) ? (el.innerText || el.textContent) : "").trim(); } // --------------------------------------------------------------------------- // Page views (initial load + SPA navigation) // --------------------------------------------------------------------------- function trackPage() { try { if (window.rudderanalytics && typeof window.rudderanalytics.page === "function") { window.rudderanalytics.page({ properties: { url: window.location.href, path: window.location.pathname, search: window.location.search, title: document.title, referrer: document.referrer, }, }); } } catch (e) {} } var lastPathname = window.location.pathname; function pathnameChanged() { var current = window.location.pathname; var changed = current !== lastPathname; lastPathname = current; return changed; } (function patchHistory() { try { var origPush = history.pushState; var origReplace = history.replaceState; history.pushState = function () { origPush.apply(this, arguments); if (pathnameChanged()) trackPage(); }; history.replaceState = function () { origReplace.apply(this, arguments); if (pathnameChanged()) trackPage(); }; } catch (e) {} })(); window.addEventListener("popstate", function () { if (pathnameChanged()) trackPage(); }); window.addEventListener("hashchange", function () { if (pathnameChanged()) trackPage(); }); trackPage(); // initial load // --------------------------------------------------------------------------- // Code-block copy button -> docs_click_copy-code // --------------------------------------------------------------------------- function setupCopyCode() { // Copy buttons that live inside a code block (not the "Copy page" button). var buttons = document.querySelectorAll( 'pre button[aria-label*="Copy" i], .code-block button[aria-label*="Copy" i], [class*="code" i] button[aria-label*="Copy" i]' ); buttons.forEach(function (btn) { // Guard against the page-level "Copy page" button sneaking in. if (/copy page/i.test(textOf(btn))) return; bindOnce(btn, "copyCode", "click", function () { track("docs_click_copy-code", { location: loc() }); }); }); } // --------------------------------------------------------------------------- // Feedback thumbs up/down -> docs_click_feedback // Feedback form submit -> docs_fill_feedback-form // // UNVERIFIED: Mintlify's "Was this page helpful?" widget renders only on the // deployed site, never in `mint dev`, so these selectors could not be tested // locally (unlike every other event here). We try the documented IDs first, // then fall back to aria-label/text patterns that are specific enough to avoid // false positives. Confirm against a real preview deploy before trusting the // Looker numbers for these two events. // --------------------------------------------------------------------------- function setupFeedback() { var up = document.getElementById("feedback-thumbs-up") || document.querySelector('button[aria-label*="thumbs up" i], button[aria-label*="helpful" i]:not([aria-label*="not" i])'); bindOnce(up, "fbUp", "click", function () { track("docs_click_feedback", { location: loc(), sentiment: "positive" }); }); var down = document.getElementById("feedback-thumbs-down") || document.querySelector('button[aria-label*="thumbs down" i], button[aria-label*="not helpful" i]'); bindOnce(down, "fbDown", "click", function () { track("docs_click_feedback", { location: loc(), sentiment: "negative" }); }); var form = document.getElementById("feedback-form") || (up && up.closest("form")) || (down && down.closest("form")); bindOnce(form, "fbForm", "submit", function (event) { var reason = ""; try { // Free-text reason for the Mintlify feedback form. var field = event.target.querySelector("textarea") || event.target.querySelector('input[type="text"]') || event.target.querySelector('input[type="radio"]:checked'); if (field) reason = (field.value || "").trim(); } catch (e) {} track("docs_fill_feedback-form", { location: loc(), reason: reason }); }); } // --------------------------------------------------------------------------- // Page context menu (Copy page / Ask a question / View as Markdown / ...) // Matched by visible text rather than Fern class selectors. // --------------------------------------------------------------------------- var CONTEXT_MENU_EVENTS = { "copy page": "docs_click_copy-page-expanded", // item inside the dropdown "ask a question": "docs_click_ask-a-question", "view as markdown": "docs_click_view-as-markdown", "open in claude": "docs_click_open-in-claude", "open in chatgpt": "docs_click_open-in-chatgpt", "connect to cursor": "docs_click_connect-to-cursor", }; // Resolve a context-menu item's leading label to an event name. Mintlify // renders each item as "Title + description" (e.g. "View as Markdown View // this page as plain text"), so we match on the leading label, not equality. function contextEventFor(text) { var label = (text || "").toLowerCase(); var keys = Object.keys(CONTEXT_MENU_EVENTS); for (var i = 0; i < keys.length; i++) { if (label.indexOf(keys[i]) === 0) return { key: keys[i], event: CONTEXT_MENU_EVENTS[keys[i]] }; } return null; } function setupContextMenu() { // The primary "Copy page" button. Mintlify renders responsive duplicates // (desktop + mobile), so bind every instance — not just the first. document.querySelectorAll("#page-context-menu-button").forEach(function (mainBtn) { bindOnce(mainBtn, "ctxCopyPage", "click", function () { track("docs_click_copy-page", { location: loc() }); }); // The chevron / "More actions" toggle that opens the dropdown. It's an // icon button, so match it by role/aria rather than text. var group = mainBtn.parentElement; var toggle = group && group.querySelector( 'button[aria-haspopup="menu"], button[aria-label*="more" i], button[aria-label*="expand" i]' ); if (toggle && toggle !== mainBtn) { bindOnce(toggle, "ctxExpand", "click", function () { track("docs_click_expand", { location: loc() }); }); } }); // NOTE: the dropdown ITEMS are handled by a delegated capture-phase listener // (installed once in init) rather than here — see installContextMenuDelegate. // They render in a Radix portal that's mounted on open and has its // role="menu"/role="menuitem" attributes set after the node is inserted, so // a childList-only MutationObserver can't reliably catch them. } // One document-level capture-phase listener for the context-menu dropdown // items. Capture phase guarantees we record the event before Radix closes the // menu or a link ("Open in ChatGPT/Claude") navigates away. function installContextMenuDelegate() { if (window.__rsCtxDelegate) return; window.__rsCtxDelegate = true; document.addEventListener( "click", function (e) { try { var target = e.target; if (!target || !target.closest) return; var item = target.closest('[role="menuitem"], [role="menuitemradio"]'); if (!item || !item.closest('[role="menu"]')) return; var match = contextEventFor(textOf(item)); if (match) track(match.event, { location: loc() }); } catch (err) { /* never break the page */ } }, true ); } // --------------------------------------------------------------------------- // NEW: Card click -> docs_click_card (Carol request) // --------------------------------------------------------------------------- function setupCards() { var cards = document.querySelectorAll(".card"); cards.forEach(function (card) { bindOnce(card, "card", "click", function () { var titleEl = card.querySelector( 'h2, h3, h4, .font-semibold, [class*="title" i]' ); var title = titleEl ? textOf(titleEl) : textOf(card).split("\n")[0]; track("docs_click_card", { location: loc(), card_title: (title || "").trim() }); }); }); } // --------------------------------------------------------------------------- // NEW: Expandable opened -> docs_click_expandable (Carol request) // Fires only when the component transitions to open, not on close. // // In practice Mintlify renders both and as a native //

(the "View and copy the full integration prompt" element // on /coding-agent-prompts is an ). We bind the

and read // the parent

.open after the click. The legacy `.expandable` class is // kept as a fallback in case some pages render that structure instead. // --------------------------------------------------------------------------- function emitExpandable(label) { track("docs_click_expandable", { location: loc(), label: (label || "").slice(0, 100) }); } function setupExpandables() { // Mintlify Accordion / Expandable ->

. document.querySelectorAll(".expandable").forEach(function (exp) { if (exp.tagName === "DETAILS" || exp.closest("details")) return; var trigger = exp.querySelector("[aria-expanded]") || exp.querySelector("button") || exp.firstElementChild || exp; bindOnce(trigger, "expandableFallback", "click", function () { setTimeout(function () { var openAttr = trigger.getAttribute && trigger.getAttribute("aria-expanded"); // If there's an aria-expanded flag, only fire on open; otherwise best-effort. if (openAttr === "false") return; emitExpandable(textOf(trigger) || textOf(exp)); }, 0); }); }); } // --------------------------------------------------------------------------- // Bind everything, then re-bind as the SPA mutates the DOM. // --------------------------------------------------------------------------- function setupTracking() { try { setupCopyCode(); } catch (e) {} try { setupFeedback(); } catch (e) {} try { setupContextMenu(); } catch (e) {} try { setupCards(); } catch (e) {} try { setupExpandables(); } catch (e) {} } // Watch for SPA-rendered and portal-mounted DOM (e.g. the Radix context-menu // dropdown, which mounts on open) so click listeners get (re-)bound. The // script is injected beforeInteractive, so document.body may be null at this // point — defer the observer to DOMContentLoaded in that case, otherwise it // never attaches and dynamically-mounted elements are never tracked. // Coalesce bursts of mutations into a single setupTracking() run per frame. // The observer can fire hundreds of times during initial render / route // transitions; without this it would re-run 5 full-document sweeps each time. var rescanScheduled = false; function scheduleRescan() { if (rescanScheduled) return; rescanScheduled = true; var run = function () { rescanScheduled = false; setupTracking(); }; if (typeof requestAnimationFrame === "function") requestAnimationFrame(run); else setTimeout(run, 0); } function startObserver() { if (!document.body || window.__rsObserverStarted) return; window.__rsObserverStarted = true; var observer = new MutationObserver(scheduleRescan); observer.observe(document.body, { childList: true, subtree: true }); } function init() { installContextMenuDelegate(); setupTracking(); startObserver(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } window.addEventListener("popstate", setupTracking); document.addEventListener("next-navigation", setupTracking); document.addEventListener("routeChangeComplete", setupTracking); })();