itself. var s = (left.offsetParent || sb).getBoundingClientRect(); var h = left.offsetHeight; // The collapsed "show" button has its own top margin; account for it. var margin = parseFloat(getComputedStyle(left).marginTop) || 0; left.style.top = Math.round(r.top + r.height / 2 - h / 2 - s.top - margin) + "px"; } function queueAlign() { // Re-check once scrolling settles; sticky positions can land a frame late. clearTimeout(alignTimer); alignTimer = setTimeout(alignLeftToggle, 150); if (alignQueued) return; alignQueued = true; requestAnimationFrame(alignLeftToggle); } function run() { ensureTocToggle(); syncLeft(); queueAlign(); } // Capture phase: the page scrolls inside a container, and scroll events // don't bubble. document.addEventListener("scroll", queueAlign, true); window.addEventListener("resize", queueAlign); new MutationObserver(run).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"], }); run(); })(); /* Suggest Edit link for developer.roku.com (global custom JS version). * Loads a slug->repo-path lookup, then adds a "Suggest Edit" button at the right * of the breadcrumb row on mapped pages. Unmapped pages (RSG 2.0 SDK, TRC) get nothing. * Set window.__SE_LOOKUP__ (object) to skip the fetch, e.g. in tests. */ (function () { var REPO = 'https://gitlab.com/rokudev/dev-doc/-/edit/v2.0/'; var LOOKUP_URL = window.__SE_LOOKUP_URL__ || 'https://gitlab.com/api/v4/projects/rokudev%2Fdev-doc/repository/files/suggest-edit-lookup.json/raw?ref=v2.0'; var lookup = window.__SE_LOOKUP__ || null; function pagePath() { // Live URLs are /dev/docs/; the slug is the last path segment. return location.pathname.replace(/\/+$/, '').replace(/\.md$/, '').split('/').pop(); } function render() { var old = document.getElementById('suggest-edit-link'); if (old) old.remove(); var file = lookup && lookup[pagePath()]; if (!file) return; // Anchor: the breadcrumb row above the page title (right-aligned button). var bc = document.querySelector('.rm-Breadcrumb'); if (!bc) return; var a = document.createElement('a'); a.id = 'suggest-edit-link'; a.innerHTML = 'Suggest Edit'; a.href = REPO + file.split('/').map(encodeURIComponent).join('/'); a.target = '_blank'; a.rel = 'noopener noreferrer'; a.style.cssText = 'float:right;display:inline-flex;align-items:center;padding:4px 10px;' + 'font-size:0.8125rem;line-height:1.2;color:inherit;border:1px solid #ccc;border-radius:4px;' + 'text-decoration:none;background:#fff;'; bc.insertAdjacentElement('afterbegin', a); } function start() { render(); // ReadMe navigates client-side; re-render when the URL or content changes. var last = location.pathname; new MutationObserver(function () { if (location.pathname !== last || !document.getElementById('suggest-edit-link')) { last = location.pathname; render(); } }).observe(document.body, { childList: true, subtree: true }); } if (lookup) return start(); fetch(LOOKUP_URL).then(function (r) { return r.json(); }) .then(function (j) { lookup = j; start(); }) .catch(function () { /* fail silently: no link */ }); })(); /* GitHub-style alerts for ReadMe. APPEND to the existing JS (CSS, JS, HTML > JS tab). Turns > [!NOTE] / [!TIP] / [!IMPORTANT] / [!WARNING] / [!CAUTION] / [!CERTIFICATION] / [!DEPRECATED] blockquotes into styled alerts. Styling lives in alerts.css (CSS tab). */ (function () { var ICONS = { note: '', tip: '', important: '', warning: '', caution: '', certification: '', deprecated: '' }; var LABELS = { note: 'Note', tip: 'Tip', important: 'Important', warning: 'Warning', caution: 'Caution', certification: 'Certification requirement', deprecated: 'Deprecated' }; var TAG = /^\s*\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION|CERTIFICATION|DEPRECATED)\]\s*/i; function convert(bq) { if (bq.classList.contains('rm-alert')) return; var p = bq.querySelector(':scope > p'); var first = p && p.firstChild; if (!first || first.nodeType !== 3) return; var m = first.nodeValue.match(TAG); if (!m) return; var type = m[1].toLowerCase(); first.nodeValue = first.nodeValue.slice(m[0].length); if (!first.nodeValue) first.remove(); var next = p.firstChild; if (next && next.nodeName === 'BR') next.remove(); next = p.firstChild; if (next && next.nodeType === 3) next.nodeValue = next.nodeValue.replace(/^\s+/, ''); if (!p.textContent.trim() && !p.querySelector('*')) p.remove(); var head = document.createElement('div'); head.className = 'rm-alert-title'; head.innerHTML = ''; var label = document.createElement('span'); label.textContent = LABELS[type]; head.appendChild(label); bq.classList.add('rm-alert', 'rm-alert-' + type); bq.setAttribute('role', 'note'); bq.prepend(head); } function run() { document.querySelectorAll('.rm-Article blockquote, .markdown-body blockquote, main blockquote') .forEach(convert); } var timer; function schedule() { clearTimeout(timer); timer = setTimeout(run, 50); } run(); if (window.jQuery) window.jQuery(window).on('pageLoad', schedule); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); })();

Crew Role
Actor
Anchor
Host
Narrator
Voice
Director
Producer
Screenwriter