// ==UserScript== // @name Vedantu Lecture Exporter with Live, Upcoming, Past, Replay and Slides Links // @namespace tweeks.io // @version 2.0.0 // @description Extracts all available Vedantu schedule lectures, categorizes them into live, upcoming, and past, and exports detailed data including replay and class slides links for past lectures when available. // @author Tweeks // @match *://www.vedantu.com/learning/course-details/* // @grant none // ==/UserScript== (function() { 'use strict'; const SELECTORS = { scheduleRoot: 'div[class*="Schedule_mainContainer"]', tabButtons: 'button[class*="Schedule_tabButton"]', activeTab: 'button[class*="Schedule_tabButton"][class*="Schedule_active"]', cardsContainer: 'div[class*="ScheduleCardList_scheduleCardListContainer"]', dateGroups: 'div[class*="ScheduleCardList_dateGroup"]', dateHeader: 'div[class*="ScheduleCardList_dateHeader"] span', cards: 'div[class*="ClassCard_classCard__"]', title: 'h2[class*="ClassCard_title"]', description: 'p[class*="ClassCard_description"]', subject: 'span[class*="ClassCard_subject"]', dateTime: 'span[class*="ClassCard_dateTime"]', footer: 'div[class*="ClassCard_footerContainer"]', statusLabel: 'div[class*="ClassCard_statusLabel"]', replayButton: 'button[class*="ClassCard_replayButton"]', resourceItems: 'div[class*="ClassCard_resourceItem"]', teacherImage: 'img[class*="ClassCard_teacherImage"]', classType: 'div[class*="ClassCard_classTypeLabel"] span' }; const STATE = { report: null, busy: false, uiMounted: false, lastUrl: location.href }; const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms)); function qs(selector, root = document) { return root?.querySelector?.(selector) || null; } function qsa(selector, root = document) { return Array.from(root?.querySelectorAll?.(selector) || []); } function text(el) { return (el?.textContent || '').replace(/\s+/g, ' ').trim(); } function safeString(value) { return value == null ? '' : String(value); } function sanitizeForCsv(value) { const str = safeString(value); return '"' + str.replace(/"/g, '""') + '"'; } function slugify(value) { return safeString(value || 'report') .toLowerCase() .replace(/[^a-z0-9]+/g, '-') .replace(/^-+|-+$/g, '') .slice(0, 80) || 'report'; } function filenameBase(report) { const course = report?.courseTitle || document.title || 'vedantu-lectures'; return `${slugify(course)}-${new Date().toISOString().slice(0, 19).replace(/[T:]/g, '-')}`; } function isSchedulePage() { return location.pathname.includes('/learning/course-details/') && ( location.search.includes('activeTab=schedule') || !!qs(SELECTORS.scheduleRoot) ); } function getScheduleRoot() { return qs(SELECTORS.scheduleRoot); } function getTabButtonByLabel(labelPart) { const target = safeString(labelPart).toLowerCase(); return qsa(SELECTORS.tabButtons).find(btn => text(btn).toLowerCase().includes(target)); } function getActiveTabLabel() { return text(qs(SELECTORS.activeTab)) || 'Unknown'; } function getCourseTitle() { const breadcrumbItems = qsa('.BreadcrumbNavigation_BreadcrumbNavigationItem__OQlHQ span').map(text).filter(Boolean); return breadcrumbItems.join(' / ') || document.title; } function escapeHtml(value) { return safeString(value) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function normalizeUrl(url) { if (!url) return ''; try { return new URL(url, location.origin).href; } catch { return safeString(url); } } function looksLikeUrl(value) { return typeof value === 'string' && /^(https?:\/\/|\/)/i.test(value.trim()); } function getPageContext() { let nextData = null; try { nextData = window.__NEXT_DATA__ || null; } catch { nextData = null; } const pageProps = nextData?.props?.pageProps || {}; const initialState = pageProps?.initialState || {}; const userData = initialState?.userData || {}; const url = new URL(location.href); return { classroomId: pageProps?.classroomId || location.pathname.split('/').pop() || '', bundleEnrollmentId: pageProps?.bundleEnrollmentId || url.searchParams.get('bundleEnrollmentId') || '', userId: userData?.userId || '', userRole: userData?.role || '', fullName: userData?.fullName || '' }; } function classifyLecture(tabName, card) { const tab = safeString(tabName).toLowerCase(); if (tab.includes('past')) return 'past'; const status = text(qs(SELECTORS.statusLabel, card)).toLowerCase(); const action = text(qs('button', card)).toLowerCase(); const raw = text(card).toLowerCase(); if ( /\blive\b|ongoing|in progress|happening now/.test(status) || /\bjoin\b|\bresume\b|\benter\b|\bstart\b/.test(action) || /\blive\b/.test(raw) ) { return 'live'; } return 'upcoming'; } function findDateGroupForCard(card) { return card.closest(SELECTORS.dateGroups); } function getDirectElementUrl(el) { if (!el) return ''; const candidate = el.getAttribute('href') || el.dataset?.href || el.dataset?.url || el.getAttribute('data-url') || el.getAttribute('data-href'); return candidate ? normalizeUrl(candidate) : ''; } function getInternalProperty(obj, prefix) { if (!obj) return null; const key = Object.keys(obj).find(k => k.startsWith(prefix)); return key ? obj[key] : null; } function getReactProps(node) { return getInternalProperty(node, '__reactProps$') || getInternalProperty(node, '__reactEventHandlers$'); } function getReactFiber(node) { return getInternalProperty(node, '__reactFiber$') || getInternalProperty(node, '__reactInternalInstance$'); } function findSessionLikeData(sourceNode) { const roots = []; const props = getReactProps(sourceNode); const fiber = getReactFiber(sourceNode); if (props) roots.push(props); if (fiber) roots.push(fiber); let current = sourceNode; for (let i = 0; i < 5 && current; i += 1) { const p = getReactProps(current); const f = getReactFiber(current); if (p) roots.push(p); if (f) roots.push(f); current = current.parentElement; } const queue = [...roots]; const seen = new WeakSet(); let best = null; while (queue.length) { const item = queue.shift(); if (!item || typeof item !== 'object') continue; if (seen.has(item)) continue; seen.add(item); const keys = Object.keys(item); const score = [ 'id', 'otfSessionId', 'sessionId', 'vimeoId', 'agoraVimeoId', 'flags', 'startTime', 'endTime', 'topic', 'title', 'pdfUrl' ].reduce((acc, key) => acc + (key in item ? 1 : 0), 0); if (score >= 3 && (!best || score > best.score)) { best = { score, data: item }; } for (const key of keys) { if (key === 'children' || key === 'return' || key === 'child' || key === 'sibling' || key === 'stateNode' || key === 'alternate' || key === '_owner') continue; const value = item[key]; if (!value) continue; if (typeof value === 'object') queue.push(value); } } return best?.data || null; } function extractInterestingUrls(source) { const results = []; const seen = new Set(); const walked = new WeakSet(); function walk(value, path = '', depth = 0) { if (depth > 6 || value == null) return; if (typeof value === 'string') { const trimmed = value.trim(); if (looksLikeUrl(trimmed)) { const full = normalizeUrl(trimmed); if (!seen.has(full)) { seen.add(full); results.push({ url: full, path }); } } return; } if (typeof value !== 'object') return; if (walked.has(value)) return; walked.add(value); for (const [key, child] of Object.entries(value)) { walk(child, path ? `${path}.${key}` : key, depth + 1); } } walk(source); return results; } function pickUrlByMeaning(urls, pattern) { const match = urls.find(item => pattern.test(`${item.path} ${item.url}`)); return match?.url || ''; } function constructReplayCandidate(sessionData) { if (!sessionData || typeof sessionData !== 'object') return ''; const id = sessionData.otfSessionId || sessionData.sessionId || sessionData.id || ''; const flags = Array.isArray(sessionData.flags) ? sessionData.flags : []; const hasReplaySignal = !!( sessionData.vimeoId || sessionData.agoraVimeoId || flags.includes('AGORA_CLOUD_RECORDING_STARTED') || flags.includes('HLS_RENDITIONS_CREATED') ); if (!id || !hasReplaySignal) return ''; return `https://www.vedantu.com/v/otfsessionreplay/${encodeURIComponent(id)}`; } async function interceptNavigation(run) { const originalOpen = window.open; const originalPushState = history.pushState; const originalReplaceState = history.replaceState; const captured = []; function capture(url) { if (!url) return; captured.push(normalizeUrl(url)); } window.open = function(url, ...args) { capture(url); return { closed: false, focus() {}, close() {} }; }; history.pushState = function(state, title, url) { capture(url); return null; }; history.replaceState = function(state, title, url) { capture(url); return null; }; try { await run(); await sleep(250); } catch (error) { console.debug('Vedantu exporter navigation interception:', error); } finally { window.open = originalOpen; history.pushState = originalPushState; history.replaceState = originalReplaceState; } return captured.find(Boolean) || ''; } async function resolveLinkFromClickable(el, label, sessionData) { if (!el) return ''; const directUrl = getDirectElementUrl(el); if (directUrl) return directUrl; const reactProps = getReactProps(el); const ownUrls = extractInterestingUrls(reactProps || {}); const sessionUrls = extractInterestingUrls(sessionData || {}); const allUrls = [...ownUrls, ...sessionUrls]; if (/replay/i.test(label)) { const replayFromData = pickUrlByMeaning(allUrls, /replay|otfsessionreplay|vimeo/i); if (replayFromData) return replayFromData; } if (/slide/i.test(label)) { const slidesFromData = pickUrlByMeaning(allUrls, /slides|slide|pdfurl|pdf|notes/i); if (slidesFromData) return slidesFromData; } const onClick = reactProps?.onClick || el.onclick; if (typeof onClick === 'function') { const clickedUrl = await interceptNavigation(async () => { const fakeEvent = { preventDefault() {}, stopPropagation() {}, stopImmediatePropagation() {}, target: el, currentTarget: el, nativeEvent: {}, defaultPrevented: false, isPropagationStopped: () => false, isDefaultPrevented: () => false }; await onClick(fakeEvent); }); if (clickedUrl) return clickedUrl; } if (/replay/i.test(label)) { const constructed = constructReplayCandidate(sessionData); if (constructed) return constructed; } return ''; } async function enrichPastRowWithLinks(row) { const card = row._card; if (!card) return row; const sessionData = findSessionLikeData(card) || {}; const replayButton = qs(SELECTORS.replayButton, card) || qsa('button', card).find(btn => /replay/i.test(text(btn))); const slidesResource = qsa(SELECTORS.resourceItems, card).find(item => /class slides|slides/i.test(text(item))); row.sessionId = safeString(sessionData.sessionId || sessionData.id || ''); row.otfSessionId = safeString(sessionData.otfSessionId || ''); row.vimeoId = safeString(sessionData.vimeoId || sessionData.agoraVimeoId || ''); row.replayLink = await resolveLinkFromClickable(replayButton, 'replay', sessionData); row.slidesLink = await resolveLinkFromClickable(slidesResource, 'slides', sessionData); const fallbackUrls = extractInterestingUrls(sessionData); if (!row.slidesLink) { row.slidesLink = pickUrlByMeaning(fallbackUrls, /slides|slide|pdf|notes/i) || ''; } if (!row.replayLink) { row.replayLink = pickUrlByMeaning(fallbackUrls, /replay|otfsessionreplay|vimeo/i) || constructReplayCandidate(sessionData); } return row; } function extractCardData(card, index, tabName) { const group = findDateGroupForCard(card); const wrapper = card.parentElement; const actionButton = qsa('button', card).find(btn => /join|replay|resume|watch|start|enter/i.test(text(btn))); const category = classifyLecture(tabName, card); return { index: index + 1, tab: tabName, category, dateGroup: text(qs(SELECTORS.dateHeader, group)), dataDate: wrapper?.getAttribute('data-date') || '', dataCardIndex: wrapper?.getAttribute('data-card-index') || '', classType: text(qs(SELECTORS.classType, card)), subject: text(qs(SELECTORS.subject, card)), title: text(qs(SELECTORS.title, card)), description: text(qs(SELECTORS.description, card)), status: text(qs(SELECTORS.statusLabel, card)), dateTime: text(qs(SELECTORS.dateTime, card)).replace(/^•\s*/, ''), resources: qsa(SELECTORS.resourceItems, card).map(text).filter(Boolean), action: text(actionButton), teacherImage: qs(SELECTORS.teacherImage, card)?.src || '', replayLink: '', slidesLink: '', sessionId: '', otfSessionId: '', vimeoId: '', rawText: text(card), _card: card }; } async function extractCurrentTabData(tabName) { const root = getScheduleRoot(); if (!root) return []; const seen = new Set(); const rows = qsa(SELECTORS.cards, root) .map((card, index) => extractCardData(card, index, tabName)) .filter(row => { const key = [row.tab, row.category, row.dateGroup, row.subject, row.title, row.dateTime, row.dataCardIndex].join('||'); if (!key.replace(/\|/g, '').trim() || seen.has(key)) return false; seen.add(key); return true; }); if (safeString(tabName).toLowerCase().includes('past')) { for (let i = 0; i < rows.length; i += 1) { setStatus(`Resolving replay/slides links for past lecture ${i + 1}/${rows.length}...`); await enrichPastRowWithLinks(rows[i]); await sleep(80); } } return rows; } async function clickTab(button) { if (!button) return false; button.click(); await sleep(900); for (let i = 0; i < 12; i += 1) { await sleep(250); const active = getActiveTabLabel(); if (active && text(button) && active.toLowerCase() === text(button).toLowerCase()) { return true; } } return true; } function findLoadMoreButton() { return qsa('button').find(btn => /load more|show more|view more/i.test(text(btn)) && btn.offsetParent !== null); } async function exhaustListContent() { const root = getScheduleRoot(); if (!root) return; const scrollTarget = qs(SELECTORS.cardsContainer, root) || window; let stableLoops = 0; let lastCount = -1; for (let step = 0; step < 45; step += 1) { const count = qsa(SELECTORS.cards, root).length; if (count === lastCount) stableLoops += 1; else { stableLoops = 0; lastCount = count; } const loadMore = findLoadMoreButton(); if (loadMore) { loadMore.click(); await sleep(1200); continue; } if (scrollTarget === window) { window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' }); } else { scrollTarget.scrollTo({ top: scrollTarget.scrollHeight, behavior: 'smooth' }); scrollTarget.dispatchEvent(new Event('scroll', { bubbles: true })); } await sleep(850); if (stableLoops >= 4) break; } if (scrollTarget !== window) { scrollTarget.scrollTo({ top: 0, behavior: 'smooth' }); } window.scrollTo({ top: 0, behavior: 'smooth' }); await sleep(250); } function dedupeRows(rows) { const seen = new Set(); return rows.filter(row => { const key = [row.category, row.dateGroup, row.subject, row.title, row.dateTime, row.action, row.replayLink, row.slidesLink].join('||'); if (seen.has(key)) return false; seen.add(key); return true; }); } function cleanRows(rows) { return rows.map(row => { const clone = { ...row }; delete clone._card; return clone; }); } function buildCounts(rows) { return rows.reduce((acc, row) => { acc.byTab[row.tab] = (acc.byTab[row.tab] || 0) + 1; acc.byCategory[row.category] = (acc.byCategory[row.category] || 0) + 1; return acc; }, { byTab: {}, byCategory: {} }); } async function buildReport() { const root = getScheduleRoot(); if (!root) throw new Error('Schedule container not found. Open the Schedule tab first.'); const tabLabels = qsa(SELECTORS.tabButtons, root) .map(btn => text(btn)) .filter(label => { const normalized = label.toLowerCase(); return normalized.includes('live') || normalized.includes('upcoming') || normalized.includes('past'); }); if (!tabLabels.length) throw new Error('Schedule tabs not found.'); const allRows = []; for (const tabName of tabLabels) { const tabButton = getTabButtonByLabel(tabName); if (!tabButton) continue; setStatus(`Scanning ${tabName} lectures...`); await clickTab(tabButton); await exhaustListContent(); const rows = await extractCurrentTabData(tabName); allRows.push(...rows); await sleep(250); } const dedupedRows = cleanRows(dedupeRows(allRows)); const counts = buildCounts(dedupedRows); const ctx = getPageContext(); return { generatedAt: new Date().toISOString(), url: location.href, courseTitle: getCourseTitle(), classroomId: ctx.classroomId, bundleEnrollmentId: ctx.bundleEnrollmentId, userId: ctx.userId, totalLectures: dedupedRows.length, countsByTab: counts.byTab, countsByCategory: counts.byCategory, rows: dedupedRows }; } function reportToCsv(report) { const headers = [ 'Index', 'Category', 'Tab', 'Date Group', 'Data Date', 'Data Card Index', 'Class Type', 'Subject', 'Title', 'Description', 'Status', 'Date Time', 'Action', 'Resources', 'Replay Link', 'Slides Link', 'Session ID', 'OTF Session ID', 'Vimeo ID', 'Teacher Image', 'Course Title', 'Classroom ID', 'Bundle Enrollment ID', 'Page URL', 'Generated At' ]; const lines = [headers.map(sanitizeForCsv).join(',')]; report.rows.forEach((row, idx) => { lines.push([ idx + 1, row.category, row.tab, row.dateGroup, row.dataDate, row.dataCardIndex, row.classType, row.subject, row.title, row.description, row.status, row.dateTime, row.action, row.resources.join(' | '), row.replayLink, row.slidesLink, row.sessionId, row.otfSessionId, row.vimeoId, row.teacherImage, report.courseTitle, report.classroomId, report.bundleEnrollmentId, report.url, report.generatedAt ].map(sanitizeForCsv).join(',')); }); return '\uFEFF' + lines.join('\n'); } function reportToHtml(report) { const categorySummary = Object.entries(report.countsByCategory || {}) .map(([key, val]) => `

${escapeHtml(key)}: ${escapeHtml(val)}

`) .join(''); const tabSummary = Object.entries(report.countsByTab || {}) .map(([key, val]) => `

${escapeHtml(key)}: ${escapeHtml(val)}

`) .join(''); const rows = report.rows.map((row, idx) => ` ${idx + 1} ${escapeHtml(row.category)} ${escapeHtml(row.subject)} ${escapeHtml(row.title)} ${escapeHtml(row.dateTime)} ${row.replayLink ? `Replay` : ''} ${row.slidesLink ? `Slides` : ''} `).join(''); return ` ${escapeHtml(report.courseTitle)} - Lecture Export

${escapeHtml(report.courseTitle)}

Total lectures: ${escapeHtml(report.totalLectures)}

Generated: ${escapeHtml(report.generatedAt)}

Source: ${escapeHtml(report.url)}

Category Summary

${categorySummary}

Tab Summary

${tabSummary}

${rows}

#	Category	Subject	Title	Date Time	Replay	Slides

`; } function downloadBlob(filename, content, type) { const blob = new Blob([content], { type }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 3000); } function exportCsv() { if (!STATE.report) { alert('Build the lecture report first.'); return; } downloadBlob(`${filenameBase(STATE.report)}.csv`, reportToCsv(STATE.report), 'text/csv;charset=utf-8'); } function exportPdf() { if (!STATE.report) { alert('Build the lecture report first.'); return; } const win = window.open('', '_blank'); if (!win) { alert('Popup blocked. Allow popups to export PDF.'); return; } win.document.open(); win.document.write(reportToHtml(STATE.report)); win.document.close(); setTimeout(() => win.print(), 700); } function showPreview() { if (!STATE.report) { alert('Build the lecture report first.'); return; } const rows = STATE.report.rows.slice(0, 12).map(row => ` ${escapeHtml(row.category)} ${escapeHtml(row.dateGroup)} ${escapeHtml(row.subject)} ${escapeHtml(row.title)} ${escapeHtml(row.dateTime)} ${row.replayLink ? `Replay` : ''} ${row.slidesLink ? `Slides` : ''} `).join(''); const body = qs('#tm-vse-preview-body'); if (body) { body.innerHTML = rows || 'No rows found'; } const summary = qs('#tm-vse-summary'); if (summary) { const categories = Object.entries(STATE.report.countsByCategory || {}).map(([k, v]) => `${k}: ${v}`).join(' | '); summary.textContent = `Total lectures: ${STATE.report.totalLectures} | ${categories}`; } } function setStatus(message) { const el = qs('#tm-vse-status'); if (el) el.textContent = message; } function setBusy(flag) { STATE.busy = flag; qsa('.tm-vse-btn').forEach(btn => btn.disabled = flag); const buildBtn = qs('#tm-vse-build'); const csvBtn = qs('#tm-vse-csv'); const pdfBtn = qs('#tm-vse-pdf'); const previewBtn = qs('#tm-vse-preview'); if (buildBtn) { buildBtn.disabled = false; buildBtn.textContent = flag ? 'Scanning...' : 'Build full report'; } if (!STATE.report) { if (csvBtn) csvBtn.disabled = true; if (pdfBtn) pdfBtn.disabled = true; if (previewBtn) previewBtn.disabled = true; } } async function handleBuildReport() { if (STATE.busy) return; try { setBusy(true); setStatus('Preparing lecture extraction...'); STATE.report = await buildReport(); setStatus(`Done. Extracted ${STATE.report.totalLectures} lectures.`); const csvBtn = qs('#tm-vse-csv'); const pdfBtn = qs('#tm-vse-pdf'); const previewBtn = qs('#tm-vse-preview'); if (csvBtn) csvBtn.disabled = false; if (pdfBtn) pdfBtn.disabled = false; if (previewBtn) previewBtn.disabled = false; showPreview(); } catch (error) { console.error('Vedantu lecture exporter:', error); setStatus(error?.message || 'Lecture extraction failed.'); alert(`Lecture extraction failed: ${error?.message || error}`); } finally { setBusy(false); } } function injectStyles() { if (qs('#tm-vse-styles')) return; const style = document.createElement('style'); style.id = 'tm-vse-styles'; style.textContent = ` #tm-vse-panel { position: sticky; top: 12px; z-index: 9999; margin: 12px 0; padding: 14px; border: 1px solid #c7d2fe; border-radius: 12px; background: #ffffff; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08); font-family: Arial, sans-serif; } #tm-vse-panel * { box-sizing: border-box; } #tm-vse-title { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: #1e3a8a; } #tm-vse-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .tm-vse-btn { border: 0; border-radius: 8px; padding: 9px 12px; cursor: pointer; font-size: 13px; font-weight: 600; background: #2563eb; color: #fff; } .tm-vse-btn.secondary { background: #475569; } .tm-vse-btn.light { background: #0f766e; } .tm-vse-btn:disabled { opacity: 0.55; cursor: not-allowed; } #tm-vse-status { font-size: 12px; color: #334155; margin-bottom: 10px; white-space: pre-wrap; } #tm-vse-summary { font-size: 12px; color: #0f172a; margin-bottom: 8px; } #tm-vse-preview-wrap { max-height: 280px; overflow: auto; border: 1px solid #e2e8f0; border-radius: 8px; } #tm-vse-preview-table { width: 100%; border-collapse: collapse; font-size: 12px; } #tm-vse-preview-table th, #tm-vse-preview-table td { border: 1px solid #e2e8f0; padding: 6px; text-align: left; vertical-align: top; } #tm-vse-preview-table th { background: #eff6ff; position: sticky; top: 0; } #tm-vse-preview-table a { word-break: break-all; } `; document.head.appendChild(style); } function mountPanel() { if (STATE.uiMounted || !isSchedulePage()) return; const root = getScheduleRoot(); if (!root) return; injectStyles(); const panel = document.createElement('div'); panel.id = 'tm-vse-panel'; panel.innerHTML = `

Vedantu Lecture Exporter

Ready. Open the Schedule tab and click Build full report.

No report built yet.

Category	Date	Subject	Title	Time	Replay	Slides
No data yet

`; root.prepend(panel); qs('#tm-vse-build', panel)?.addEventListener('click', handleBuildReport); qs('#tm-vse-csv', panel)?.addEventListener('click', exportCsv); qs('#tm-vse-pdf', panel)?.addEventListener('click', exportPdf); qs('#tm-vse-preview', panel)?.addEventListener('click', showPreview); STATE.uiMounted = true; setBusy(false); } let mountObserver = null; function watchScheduleContainer() { const host = qs('div[class*="FixedHeader_contentContainer__"]') || qs('#__next'); if (!host || mountObserver) return; mountObserver = new MutationObserver(() => { if (location.href !== STATE.lastUrl) { STATE.lastUrl = location.href; STATE.uiMounted = false; } if (!STATE.uiMounted) { mountPanel(); return; } const panel = qs('#tm-vse-panel'); if (panel && !document.contains(panel)) { STATE.uiMounted = false; mountPanel(); } }); mountObserver.observe(host, { childList: true, subtree: true }); } function init() { mountPanel(); watchScheduleContainer(); } window.addEventListener('load', init); setTimeout(init, 1200); })();