// ==UserScript== // @name Vedantu Session Tab Tracker // @namespace tweeks.io // @version 1.0.0 // @description Tracks currently open tabs and cumulative tab opens/closes across Vedantu live session pages. // @author Tweeks // @match *://session.vedantu.com/session/*/live* // @grant none // ==/UserScript== (function () { 'use strict'; const STORAGE_KEY = 'tmVedantuTabTrackerState'; const CHANNEL_NAME = 'tmVedantuTabTrackerChannel'; const PANEL_ID = 'tm-vedantu-tab-tracker-panel'; const TAB_ID = `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`; const HEARTBEAT_MS = 15000; const STALE_AFTER_MS = HEARTBEAT_MS * 3; let isClosingHandled = false; let heartbeatTimer = null; let channel = null; function now() { return Date.now(); } function readState() { try { const raw = localStorage.getItem(STORAGE_KEY); if (!raw) { return { totalOpened: 0, totalClosed: 0, tabs: {} }; } const parsed = JSON.parse(raw); return { totalOpened: Number(parsed.totalOpened) || 0, totalClosed: Number(parsed.totalClosed) || 0, tabs: parsed.tabs && typeof parsed.tabs === 'object' ? parsed.tabs : {} }; } catch (error) { console.warn('Vedantu Tab Tracker: failed to read state', error); return { totalOpened: 0, totalClosed: 0, tabs: {} }; } } function writeState(state) { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } function cleanupStaleTabs(state) { const currentTime = now(); let staleClosedCount = 0; Object.entries(state.tabs).forEach(([id, tabInfo]) => { const lastSeen = Number(tabInfo && tabInfo.lastSeen) || 0; if (!lastSeen || currentTime - lastSeen > STALE_AFTER_MS) { delete state.tabs[id]; staleClosedCount += 1; } }); if (staleClosedCount > 0) { state.totalClosed += staleClosedCount; } return state; } function mutateState(mutator) { const state = cleanupStaleTabs(readState()); mutator(state); writeState(state); notifyTabs(); renderPanel(state); return state; } function getSessionLabel() { const match = location.pathname.match(/\/session\/([^/]+)\/live/i); return match ? match[1] : 'current session'; } function ensureTabRegistered() { mutateState((state) => { if (!state.tabs[TAB_ID]) { state.totalOpened += 1; } state.tabs[TAB_ID] = { path: location.pathname, title: document.title || 'Vedantu Session', openedAt: state.tabs[TAB_ID]?.openedAt || now(), lastSeen: now() }; }); } function heartbeat() { mutateState((state) => { state.tabs[TAB_ID] = { path: location.pathname, title: document.title || 'Vedantu Session', openedAt: state.tabs[TAB_ID]?.openedAt || now(), lastSeen: now() }; }); } function handleClose() { if (isClosingHandled) { return; } isClosingHandled = true; try { const state = cleanupStaleTabs(readState()); if (state.tabs[TAB_ID]) { delete state.tabs[TAB_ID]; state.totalClosed += 1; writeState(state); notifyTabs(); } } catch (error) { console.warn('Vedantu Tab Tracker: failed to update close count', error); } } function notifyTabs() { if (channel) { try { channel.postMessage({ type: 'tab-tracker-update', tabId: TAB_ID, time: now() }); } catch (error) { console.warn('Vedantu Tab Tracker: broadcast failed', error); } } } function createPanel() { if (document.getElementById(PANEL_ID)) { return document.getElementById(PANEL_ID); } const panel = document.createElement('div'); panel.id = PANEL_ID; panel.innerHTML = `

Tab Tracker

Open now0

Opened total0

Closed total0

Session-

`; panel.addEventListener('click', (event) => { const button = event.target.closest('button[data-action="reset"]'); if (!button) { return; } const confirmed = window.confirm('Reset all tab tracker counts for this browser?'); if (!confirmed) { return; } mutateState((state) => { state.totalOpened = Object.keys(state.tabs).length; state.totalClosed = 0; }); }); document.body.appendChild(panel); return panel; } function injectStyles() { if (document.getElementById('tm-vedantu-tab-tracker-style')) { return; } const style = document.createElement('style'); style.id = 'tm-vedantu-tab-tracker-style'; style.textContent = ` #${PANEL_ID} { position: fixed; top: 16px; right: 16px; z-index: 2147483647; width: 220px; padding: 12px; border-radius: 12px; background: rgba(20, 24, 35, 0.92); color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); font-family: Arial, sans-serif; font-size: 13px; line-height: 1.4; backdrop-filter: blur(6px); } #${PANEL_ID} .tm-vtt-header { font-size: 14px; font-weight: 700; margin-bottom: 10px; } #${PANEL_ID} .tm-vtt-row { display: flex; justify-content: space-between; gap: 10px; margin: 6px 0; } #${PANEL_ID} .tm-vtt-row strong { color: #87f5a6; text-align: right; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #${PANEL_ID} .tm-vtt-actions { margin-top: 10px; } #${PANEL_ID} button { width: 100%; border: 0; border-radius: 8px; padding: 8px 10px; background: #4f7cff; color: #fff; font-size: 12px; cursor: pointer; } #${PANEL_ID} button:hover { background: #3f68dc; } `; document.head.appendChild(style); } function renderPanel(providedState) { const panel = createPanel(); const state = cleanupStaleTabs(providedState || readState()); const openNow = Object.keys(state.tabs).length; const openNowEl = panel.querySelector('[data-field="openNow"]'); const openedTotalEl = panel.querySelector('[data-field="openedTotal"]'); const closedTotalEl = panel.querySelector('[data-field="closedTotal"]'); const sessionLabelEl = panel.querySelector('[data-field="sessionLabel"]'); if (openNowEl) openNowEl.textContent = String(openNow); if (openedTotalEl) openedTotalEl.textContent = String(state.totalOpened); if (closedTotalEl) closedTotalEl.textContent = String(state.totalClosed); if (sessionLabelEl) sessionLabelEl.textContent = getSessionLabel(); } function setupSyncListeners() { window.addEventListener('storage', (event) => { if (event.key === STORAGE_KEY) { renderPanel(); } }); if ('BroadcastChannel' in window) { channel = new BroadcastChannel(CHANNEL_NAME); channel.addEventListener('message', () => { renderPanel(); }); } } function init() { injectStyles(); createPanel(); setupSyncListeners(); ensureTabRegistered(); heartbeatTimer = window.setInterval(heartbeat, HEARTBEAT_MS); renderPanel(); window.addEventListener('beforeunload', handleClose, { capture: true }); window.addEventListener('pagehide', handleClose, { capture: true }); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { heartbeat(); } }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })();