// ==UserScript== // @name Chrome Tabs Duplicate Grouper - Table View // @namespace web.nextbyte.ai // @version 2.0 // @description Lists all open Chrome tabs and displays them in a table on a new page, grouped by duplicates // @author NextByte // @match *://www.tweeks.io/* // @grant GM_registerMenuCommand // @grant GM_addStyle // ==/UserScript== (function() { 'use strict'; // Add styles for the table UI GM_addStyle(` #tab-table-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; padding: 40px; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; } .tab-table-wrapper { max-width: 1200px; margin: 0 auto; background: white; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); overflow: hidden; } .tab-table-header { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: white; padding: 30px 40px; display: flex; justify-content: space-between; align-items: center; } .tab-table-header h1 { margin: 0; font-size: 28px; font-weight: 700; } .tab-table-header-stats { display: flex; gap: 30px; font-size: 14px; } .stat-item { display: flex; flex-direction: column; align-items: center; } .stat-value { font-size: 24px; font-weight: 700; margin-bottom: 4px; } .stat-label { opacity: 0.9; font-size: 12px; } .tab-table-content { padding: 40px; } .table-controls { margin-bottom: 20px; display: flex; gap: 10px; flex-wrap: wrap; } .filter-button { background: #e5e7eb; border: 1px solid #d1d5db; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; transition: all 0.2s; } .filter-button:hover { background: #d1d5db; } .filter-button.active { background: #3b82f6; color: white; border-color: #2563eb; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } thead { background: #f9fafb; border-bottom: 2px solid #e5e7eb; } th { padding: 16px; text-align: left; font-weight: 600; font-size: 13px; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; } td { padding: 16px; border-bottom: 1px solid #e5e7eb; font-size: 13px; color: #374151; } tbody tr:hover { background: #f9fafb; } tbody tr:last-child td { border-bottom: none; } .tab-favicon { width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; } .tab-title-cell { display: flex; align-items: center; font-weight: 500; color: #111827; } .tab-url-cell { color: #6b7280; word-break: break-all; max-width: 400px; } .duplicate-badge { display: inline-block; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 600; text-align: center; min-width: 50px; } .duplicate-badge.single { background: #d1fae5; color: #065f46; } .duplicate-badge.duplicate { background: #fef3c7; color: #92400e; } .duplicate-badge.many { background: #fee2e2; color: #991b1b; } .no-data-message { text-align: center; padding: 60px 20px; color: #6b7280; font-size: 16px; } .close-button { background: rgba(255,255,255,0.2); border: none; color: white; width: 36px; height: 36px; border-radius: 6px; cursor: pointer; font-size: 24px; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .close-button:hover { background: rgba(255,255,255,0.3); } .export-button { background: white; color: #3b82f6; border: 2px solid #3b82f6; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 600; transition: all 0.2s; } .export-button:hover { background: #3b82f6; color: white; } `); // Simulate tab data (in real implementation, this would come from chrome.tabs API) function getSimulatedTabs() { // Get current tab info const currentTab = { title: document.title, url: window.location.href, favIconUrl: document.querySelector('link[rel*="icon"]')?.href || '' }; // Simulate some example tabs with duplicates const simulatedTabs = [ currentTab, { title: 'Google', url: 'https://www.google.com/', favIconUrl: 'https://www.google.com/favicon.ico' }, { title: 'Google', url: 'https://www.google.com/', favIconUrl: 'https://www.google.com/favicon.ico' }, { title: 'Google', url: 'https://www.google.com/', favIconUrl: 'https://www.google.com/favicon.ico' }, { title: 'GitHub', url: 'https://github.com/', favIconUrl: 'https://github.com/favicon.ico' }, { title: 'GitHub', url: 'https://github.com/', favIconUrl: 'https://github.com/favicon.ico' }, { title: 'Stack Overflow', url: 'https://stackoverflow.com/', favIconUrl: 'https://stackoverflow.com/favicon.ico' }, { title: 'YouTube', url: 'https://www.youtube.com/', favIconUrl: 'https://www.youtube.com/favicon.ico' }, { title: 'YouTube', url: 'https://www.youtube.com/', favIconUrl: 'https://www.youtube.com/favicon.ico' }, { title: 'YouTube', url: 'https://www.youtube.com/', favIconUrl: 'https://www.youtube.com/favicon.ico' }, { title: 'YouTube', url: 'https://www.youtube.com/', favIconUrl: 'https://www.youtube.com/favicon.ico' }, { title: 'Twitter', url: 'https://twitter.com/', favIconUrl: 'https://twitter.com/favicon.ico' }, { title: 'Reddit', url: 'https://www.reddit.com/', favIconUrl: 'https://www.reddit.com/favicon.ico' }, { title: 'Reddit', url: 'https://www.reddit.com/', favIconUrl: 'https://www.reddit.com/favicon.ico' }, ]; return simulatedTabs; } // Group tabs by URL and count duplicates function groupTabsByDuplicates(tabs) { const groups = {}; tabs.forEach(tab => { const key = tab.url; if (!groups[key]) { groups[key] = []; } groups[key].push(tab); }); // Convert to array with duplicate count const groupArray = Object.values(groups).map(group => ({ url: group[0].url, title: group[0].title, favIconUrl: group[0].favIconUrl, count: group.length, tabs: group })); groupArray.sort((a, b) => b.count - a.count); return groupArray; } // Create and display the table in a new page function displayTabsInTable() { const tabs = getSimulatedTabs(); const groups = groupTabsByDuplicates(tabs); let totalTabs = 0; let duplicateCount = 0; let uniqueUrls = groups.length; groups.forEach(group => { totalTabs += group.count; if (group.count > 1) { duplicateCount += group.count - 1; } }); // Create HTML content let tableHTML = `

📊 Chrome Tabs Overview

${totalTabs}

Total Tabs

${uniqueUrls}

Unique URLs

${duplicateCount}

Duplicates

`; if (groups.length === 0) { tableHTML += `

No tabs found

`; } else { tableHTML += ` `; groups.forEach(group => { const badgeClass = group.count > 3 ? 'many' : (group.count > 1 ? 'duplicate' : 'single'); const statusText = group.count > 1 ? `${group.count} tabs` : 'Single'; tableHTML += ` `; }); tableHTML += `

Site	URL	Count	Status
${group.title \|\| 'Untitled'}	${group.url}	${group.count}	${statusText}

`; } tableHTML += `

`; // Create a new window/tab with the table const newWindow = window.open('', 'TabsTable', 'width=1400,height=900'); newWindow.document.write(` Chrome Tabs - Table View ${tableHTML} `); newWindow.document.close(); } // Register menu command GM_registerMenuCommand('Show Tabs in Table', displayTabsInTable); // Add keyboard shortcut (Ctrl+Shift+T) document.addEventListener('keydown', (e) => { if (e.ctrlKey && e.shiftKey && e.key === 'T') { e.preventDefault(); displayTabsInTable(); } }); console.log('Chrome Tabs Table View loaded! Press Ctrl+Shift+T or use Tampermonkey menu to open.'); // NextByte reporting snippet for onboarding metrics setTimeout(() => { window.postMessage({ type: 'NEXTBYTE_SCRIPT_EXECUTED', requestId: 'onboarding-generation' }, window.location.origin); window.postMessage({ type: 'NEXTBYTE_SCRIPT_EXECUTED', requestId: 'onboarding-update' }, window.location.origin); console.log('[NextByte Onboarding] Script execution reported (update mode)'); }, 200); })();