// ==UserScript== // @name Tab Time Tracker with Untrackable Words // @namespace tweeks.io // @version 1.2.0 // @description Tracks daily tabs and time per page/site, lets you clear current tracked site data, and provides a textbox for URL words that should never be measured. // @author Tweeks // @match *://*/* // @grant GM_setValue // @grant GM_getValue // @grant GM_deleteValue // @grant GM_registerMenuCommand // @grant TW_notifications // ==/UserScript== (function () { 'use strict'; const STORAGE_KEY = 'tabTracker_data_v2'; const TAB_ID_KEY = 'tabTracker_tabId'; const IGNORE_KEY = 'tabTracker_ignoreRules_v1'; const PANEL_ID = 'tt-overlay'; const FAB_ID = 'tt-fab'; function getToday() { const d = new Date(); return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`; } function hostFromUrl(url) { try { return new URL(url).hostname || url; } catch { return location.hostname || url; } } function normalizedHost(urlOrHost) { try { return new URL(urlOrHost).hostname.toLowerCase().replace(/^www\./, ''); } catch { return String(urlOrHost || location.hostname || '').toLowerCase().replace(/^www\./, ''); } } function fmtTime(ms) { if (!ms || ms < 1000) return '< 1s'; const s = Math.floor(ms / 1000); const m = Math.floor(s / 60); const h = Math.floor(m / 60); if (h) return `${h}h ${m % 60}m ${s % 60}s`; if (m) return `${m}m ${s % 60}s`; return `${s}s`; } function fmtDate(day) { const [y, mo, d] = day.split('-'); const names = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; return `${d} ${names[Number(mo) - 1]} ${y}`; } function loadJson(key, fallback) { try { const raw = GM_getValue(key, null); return raw ? JSON.parse(raw) : fallback; } catch { return fallback; } } function saveJson(key, value) { GM_setValue(key, JSON.stringify(value)); } function loadData() { return loadJson(STORAGE_KEY, {}); } function saveData(data) { saveJson(STORAGE_KEY, data); } function dayData(data, day = getToday()) { if (!data[day]) data[day] = { tabCount: 0, tabs: {}, sites: {} }; if (!data[day].tabs) data[day].tabs = {}; if (!data[day].sites) data[day].sites = {}; if (!Number.isFinite(data[day].tabCount)) data[day].tabCount = 0; return data[day]; } function loadRules() { const parsed = loadJson(IGNORE_KEY, {}); return cleanRules({ hosts: Array.isArray(parsed.hosts) ? parsed.hosts : [], keywords: Array.isArray(parsed.keywords) ? parsed.keywords : [] }); } function cleanRules(rules) { return { hosts: [...new Set((rules.hosts || []).map(v => normalizedHost(v)).filter(Boolean))].sort(), keywords: [...new Set((rules.keywords || []).map(v => String(v).trim().toLowerCase()).filter(Boolean))].sort() }; } function saveRules(rules) { const cleaned = cleanRules(rules); saveJson(IGNORE_KEY, cleaned); return cleaned; } function parseWords(text) { return [...new Set(String(text || '') .split(/[\n,;]+/) .map(w => w.trim().toLowerCase()) .filter(Boolean))].sort(); } function matchingRule(url = location.href) { const rules = loadRules(); const h = normalizedHost(url); const href = String(url).toLowerCase(); const hostRule = rules.hosts.find(rule => h === rule || h.endsWith('.' + rule)); if (hostRule) return { type: 'site', value: hostRule }; const wordRule = rules.keywords.find(word => href.includes(word)); if (wordRule) return { type: 'word', value: wordRule }; return null; } function isIgnored(url = location.href) { return Boolean(matchingRule(url)); } async function toast(message, type = 'info') { try { await TW_toast(message, type); } catch { /* notification API may be absent */ } } async function confirmBox(message, title, confirmText = 'OK') { try { const result = await TW_alert(message, 'warning', title, confirmText, 'Cancel'); return Boolean(result && result.confirmed); } catch { return window.confirm(message); } } function rebuildSites(day) { day.sites = {}; Object.values(day.tabs || {}).forEach(tab => { const host = tab.host || hostFromUrl(tab.url); if (!day.sites[host]) day.sites[host] = { host, timeMs: 0, pageCount: 0 }; day.sites[host].timeMs += Number(tab.timeMs) || 0; day.sites[host].pageCount += Number(tab.visits) || 1; }); } function clearAllTrackedData() { GM_deleteValue(STORAGE_KEY); try { sessionStorage.removeItem(TAB_ID_KEY); } catch { /* ignore */ } pageEnterTime = Date.now(); } function clearCurrentSiteData() { const current = normalizedHost(location.href); const data = loadData(); let removed = 0; Object.values(data).forEach(day => { Object.keys(day.tabs || {}).forEach(url => { if (normalizedHost(url) === current) { delete day.tabs[url]; removed += 1; } }); rebuildSites(day); }); saveData(data); return removed; } function clearKeywordMatchedData(words) { const keywords = (words || []).map(w => String(w).toLowerCase()).filter(Boolean); if (!keywords.length) return 0; const data = loadData(); let removed = 0; Object.values(data).forEach(day => { Object.keys(day.tabs || {}).forEach(url => { const lower = url.toLowerCase(); if (keywords.some(word => lower.includes(word))) { delete day.tabs[url]; removed += 1; } }); rebuildSites(day); }); saveData(data); return removed; } function getOrCreateTabId() { let id = null; try { id = sessionStorage.getItem(TAB_ID_KEY); } catch { /* ignore */ } if (!id) { id = `tab_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`; try { sessionStorage.setItem(TAB_ID_KEY, id); } catch { /* ignore */ } const data = loadData(); dayData(data).tabCount += 1; saveData(data); } return id; } let currentUrl = location.href; let currentTitle = document.title || hostFromUrl(currentUrl); let pageEnterTime = Date.now(); let paused = document.hidden || isIgnored(currentUrl); function recordTime(ms) { if (ms <= 0 || isIgnored(currentUrl)) return; const data = loadData(); const day = dayData(data); const url = currentUrl; const host = hostFromUrl(url); const title = currentTitle || host; if (!day.tabs[url]) day.tabs[url] = { title, url, host, timeMs: 0, visits: 0 }; day.tabs[url].title = title; day.tabs[url].host = host; day.tabs[url].timeMs += ms; rebuildSites(day); saveData(data); } function flush() { if (paused) return; const now = Date.now(); recordTime(now - pageEnterTime); pageEnterTime = now; } function incrementVisit() { if (isIgnored(currentUrl)) return; getOrCreateTabId(); const data = loadData(); const day = dayData(data); const url = currentUrl; const host = hostFromUrl(url); const title = document.title || host; if (!day.tabs[url]) day.tabs[url] = { title, url, host, timeMs: 0, visits: 0 }; day.tabs[url].title = title; day.tabs[url].visits += 1; rebuildSites(day); saveData(data); } function refreshTrackingState() { const ignored = isIgnored(currentUrl); paused = document.hidden || ignored; pageEnterTime = Date.now(); currentTitle = document.title || hostFromUrl(currentUrl); } function onNavigation() { flush(); currentUrl = location.href; currentTitle = document.title || hostFromUrl(currentUrl); refreshTrackingState(); if (!paused) incrementVisit(); } function installNavigationHooks() { const fire = () => setTimeout(() => { if (location.href !== currentUrl) onNavigation(); }, 50); ['pushState', 'replaceState'].forEach(name => { const original = history[name]; history[name] = function () { const result = original.apply(this, arguments); fire(); return result; }; }); window.addEventListener('popstate', fire); window.addEventListener('hashchange', fire); } document.addEventListener('visibilitychange', () => { if (document.hidden) { flush(); paused = true; } else { refreshTrackingState(); } }); window.addEventListener('beforeunload', flush); function smallButton(text, bg, color) { const btn = document.createElement('button'); btn.textContent = text; btn.style.cssText = `background:${bg};color:${color};border:none;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer;`; return btn; } function buildPanel() { const data = loadData(); const today = getToday(); const days = Object.keys(data).sort().reverse(); let selectedDay = days.includes(today) ? today : (days[0] || today); const overlay = document.createElement('div'); overlay.id = PANEL_ID; overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2147480000;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;'; const panel = document.createElement('div'); panel.style.cssText = 'width:min(94vw,860px);max-height:88vh;overflow:hidden;background:#0f1117;color:#e2e8f0;border:1px solid #2d3748;border-radius:14px;box-shadow:0 24px 55px rgba(0,0,0,.65);display:flex;flex-direction:column;'; overlay.appendChild(panel); const header = document.createElement('div'); header.style.cssText = 'display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#161b27;border-bottom:1px solid #2d3748;'; header.innerHTML = '

Tab Time Tracker

Use the textbox below to make URL words untrackable

'; const close = smallButton('Close', '#2d3748', '#e2e8f0'); close.addEventListener('click', () => { overlay.remove(); flush(); }); header.appendChild(close); panel.appendChild(header); const dayBar = document.createElement('div'); dayBar.style.cssText = 'display:flex;gap:8px;overflow-x:auto;padding:10px 20px;background:#12161f;border-bottom:1px solid #2d3748;'; panel.appendChild(dayBar); const body = document.createElement('div'); body.style.cssText = 'overflow:auto;padding:18px 20px;'; panel.appendChild(body); const footer = document.createElement('div'); footer.style.cssText = 'display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;background:#12161f;border-top:1px solid #2d3748;'; const currentStatus = document.createElement('span'); const clearAll = smallButton('Clear All Current Sites Data', '#742a2a', '#fed7d7'); clearAll.title = 'Deletes all saved tab, page, time, and site statistics. Untrackable word/site rules are kept.'; clearAll.addEventListener('click', async () => { if (!(await confirmBox('Delete all saved tab, page, time, and site statistics? Your untrackable word rules will be kept.', 'Clear All Current Sites Data', 'Clear Data'))) return; clearAllTrackedData(); await toast('All tracked site and page data cleared.', 'success'); overlay.remove(); }); footer.appendChild(currentStatus); footer.appendChild(clearAll); panel.appendChild(footer); function renderDayBar() { dayBar.innerHTML = ''; const currentDays = Object.keys(loadData()).sort().reverse(); if (!currentDays.length) { dayBar.innerHTML = 'No tracking data saved'; return; } currentDays.forEach(day => { const btn = smallButton(day === today ? 'Today' : fmtDate(day), day === selectedDay ? '#4299e1' : '#2d3748', day === selectedDay ? '#fff' : '#a0aec0'); btn.addEventListener('click', () => { selectedDay = day; renderDayBar(); renderBody(); }); dayBar.appendChild(btn); }); } function addPrivacyBox() { const rules = loadRules(); currentStatus.textContent = matchingRule() ? `Current page is untrackable by ${matchingRule().type}: ${matchingRule().value}` : 'Current page is being measured'; currentStatus.style.cssText = `font-size:12px;color:${matchingRule() ? '#f6ad55' : '#68d391'};`; const box = document.createElement('div'); box.style.cssText = 'background:#161b27;border:1px solid #2d3748;border-radius:10px;padding:14px;margin-bottom:18px;'; const textarea = document.createElement('textarea'); textarea.id = 'tt-untrackable-words'; textarea.value = rules.keywords.join('\n'); textarea.placeholder = 'Enter words or phrases, one per line. Example:\nprivate\nbank\nexam-results'; textarea.style.cssText = 'box-sizing:border-box;width:100%;min-height:86px;resize:vertical;background:#0f1117;color:#e2e8f0;border:1px solid #4a5568;border-radius:8px;padding:10px;font:13px system-ui,sans-serif;outline:none;'; const title = document.createElement('div'); title.innerHTML = '

Untrackable URL words

Any page whose URL contains these words will not be measured. Saving also clears old matching page records.

'; box.appendChild(title); box.appendChild(textarea); const actions = document.createElement('div'); actions.style.cssText = 'display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;'; const save = smallButton('Save Words', '#2f855a', '#f0fff4'); const addSite = smallButton('Make Current Site Untrackable', '#2b6cb0', '#ebf8ff'); const clearSite = smallButton('Clear This Site Data', '#744210', '#fefcbf'); const clearWords = smallButton('Clear Word List', '#4a5568', '#e2e8f0'); save.addEventListener('click', async () => { const words = parseWords(textarea.value); const beforeIgnored = isIgnored(currentUrl); flush(); const updated = saveRules({ ...loadRules(), keywords: words }); const removed = clearKeywordMatchedData(updated.keywords); refreshTrackingState(); if (!beforeIgnored && isIgnored(currentUrl)) paused = true; await toast(`Saved ${updated.keywords.length} untrackable word${updated.keywords.length === 1 ? '' : 's'}. Cleared ${removed} matching page record${removed === 1 ? '' : 's'}.`, 'success'); renderBody(); }); addSite.addEventListener('click', async () => { const site = normalizedHost(location.href); const rulesNow = loadRules(); if (!rulesNow.hosts.includes(site)) rulesNow.hosts.push(site); flush(); saveRules(rulesNow); const removed = clearCurrentSiteData(); refreshTrackingState(); await toast(`${site} is now untrackable. Cleared ${removed} page record${removed === 1 ? '' : 's'} for this site.`, 'success'); renderBody(); }); clearSite.addEventListener('click', async () => { if (!(await confirmBox(`Clear saved tracking records for ${normalizedHost(location.href)}?`, 'Clear This Site Data', 'Clear Site Data'))) return; flush(); const removed = clearCurrentSiteData(); await toast(`Cleared ${removed} page record${removed === 1 ? '' : 's'} for this site.`, 'success'); renderBody(); }); clearWords.addEventListener('click', async () => { textarea.value = ''; saveRules({ ...loadRules(), keywords: [] }); refreshTrackingState(); await toast('Untrackable word list cleared.', 'success'); renderBody(); }); actions.append(save, addSite, clearSite, clearWords); box.appendChild(actions); body.appendChild(box); } function statCard(label, value, color) { const card = document.createElement('div'); card.style.cssText = 'background:#161b27;border:1px solid #2d3748;border-radius:10px;padding:13px 15px;'; card.innerHTML = `

${label}

${value}

`; return card; } function renderBody() { body.innerHTML = ''; addPrivacyBox(); const fresh = loadData(); const current = fresh[selectedDay]; if (!current) { body.insertAdjacentHTML('beforeend', '

No site data is currently saved.

'); renderDayBar(); return; } const tabs = current.tabs || {}; const sites = current.sites || {}; const totalTime = Object.values(tabs).reduce((sum, tab) => sum + (Number(tab.timeMs) || 0), 0); const cards = document.createElement('div'); cards.style.cssText = 'display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;'; cards.append( statCard('Tabs Opened', current.tabCount || 0, '#68d391'), statCard('Unique Pages', Object.keys(tabs).length, '#63b3ed'), statCard('Sites Visited', Object.keys(sites).length, '#f6ad55'), statCard('Active Time', fmtTime(totalTime), '#b794f4') ); body.appendChild(cards); const siteList = Object.values(sites).sort((a, b) => (b.timeMs || 0) - (a.timeMs || 0)); const pageList = Object.values(tabs).sort((a, b) => (b.timeMs || 0) - (a.timeMs || 0)); const sectionTitle = text => `

${text}

`; body.insertAdjacentHTML('beforeend', sectionTitle('Time by Website')); if (!siteList.length) body.insertAdjacentHTML('beforeend', '

No websites recorded.

'); siteList.forEach(site => { const row = document.createElement('div'); row.style.cssText = 'background:#161b27;border:1px solid #2d3748;border-radius:8px;padding:10px 12px;margin-bottom:8px;'; row.innerHTML = `

${site.host}${fmtTime(site.timeMs || 0)}

${site.pageCount || 0} visit${site.pageCount === 1 ? '' : 's'}

`; body.appendChild(row); }); body.insertAdjacentHTML('beforeend', sectionTitle('Time by Page')); if (!pageList.length) body.insertAdjacentHTML('beforeend', '

No pages recorded.

'); pageList.slice(0, 100).forEach(page => { const row = document.createElement('div'); row.style.cssText = 'background:#161b27;border:1px solid #2d3748;border-radius:8px;padding:10px 12px;margin-bottom:8px;'; const safeTitle = String(page.title || page.host || '').replace(//g, '>'); const safeUrl = String(page.url || '').replace(//g, '>'); row.innerHTML = `

${safeTitle}

${safeUrl}

${fmtTime(page.timeMs || 0)}

`; body.appendChild(row); }); renderDayBar(); } overlay.addEventListener('click', event => { if (event.target === overlay) { overlay.remove(); flush(); } }); renderDayBar(); renderBody(); return overlay; } function openPanel() { flush(); if (!document.body) return; if (!document.getElementById(PANEL_ID)) document.body.appendChild(buildPanel()); } function createFab() { if (!document.body || document.getElementById(FAB_ID)) return; const btn = document.createElement('button'); btn.id = FAB_ID; btn.textContent = 'TT'; btn.title = 'Tab Time Tracker - stats and untrackable words'; btn.style.cssText = 'position:fixed;right:22px;bottom:22px;z-index:2147479999;width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,#4299e1,#9f7aea);color:#fff;font:800 15px system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 18px rgba(66,153,225,.5);'; btn.addEventListener('click', openPanel); document.body.appendChild(btn); } GM_registerMenuCommand('Show Tab Stats and Untrackable Words', openPanel); GM_registerMenuCommand('Clear All Current Sites Data', async () => { flush(); if (!(await confirmBox('Delete all saved tab, page, time, and site statistics? Untrackable word/site rules will be kept.', 'Clear All Current Sites Data', 'Clear Data'))) return; clearAllTrackedData(); await toast('All tracked site and page data cleared.', 'success'); }); GM_registerMenuCommand('Make Current Site Untrackable', async () => { const site = normalizedHost(location.href); const rules = loadRules(); if (!rules.hosts.includes(site)) rules.hosts.push(site); flush(); saveRules(rules); const removed = clearCurrentSiteData(); refreshTrackingState(); await toast(`${site} is now untrackable. Cleared ${removed} page record${removed === 1 ? '' : 's'}.`, 'success'); }); GM_registerMenuCommand('Set Untrackable URL Words...', async () => { const current = loadRules().keywords.join('\n'); const input = window.prompt('Enter words or phrases that make a URL untrackable. Separate with commas or new lines:', current); if (input === null) return; flush(); const words = parseWords(input); saveRules({ ...loadRules(), keywords: words }); const removed = clearKeywordMatchedData(words); refreshTrackingState(); await toast(`Saved ${words.length} untrackable word${words.length === 1 ? '' : 's'} and cleared ${removed} matching record${removed === 1 ? '' : 's'}.`, 'success'); }); function init() { installNavigationHooks(); refreshTrackingState(); if (!paused) incrementVisit(); createFab(); setInterval(flush, 30000); setTimeout(() => { currentTitle = document.title || hostFromUrl(currentUrl); }, 1500); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init, { once: true }); else init(); })();