// ==UserScript== // @name Synced Tabs Analyzer & Categorizer // @description Counts and categorizes synced tabs from Chrome history // @version 1.0.1 // @match chrome://history/* // @icon https://robomonkey.io/favicon.ico // ==/UserScript== (function() { 'use strict'; console.log('Synced Tabs Analyzer & Categorizer loaded'); // Debounce function to prevent excessive calls function debounce(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // Function to navigate to synced tabs if not already there function navigateToSyncedTabs() { const currentUrl = window.location.href; if (!currentUrl.includes('syncedTabs')) { console.log('Navigating to synced tabs page...'); window.location.href = 'chrome://history/syncedTabs'; } } // Function to extract tab information from the page function extractTabsInfo() { console.log('Extracting tabs information...'); // Try multiple selectors to find synced tabs const tabElements = document.querySelectorAll('history-synced-device-card a[href], history-synced-device-card .website-title, history-synced-device-card .item-title, [id*="synced"] a, [class*="synced"] a, [class*="tab"] a[href]'); console.log(`Found ${tabElements.length} potential tab elements`); const tabs = []; const seenUrls = new Set(); tabElements.forEach((element, index) => { let title = ''; let url = ''; // Extract title if (element.textContent) { title = element.textContent.trim(); } // Extract URL if (element.href) { url = element.href; } else if (element.getAttribute('href')) { url = element.getAttribute('href'); } // Only add if we have valid data and haven't seen this URL if ((title || url) && !seenUrls.has(url)) { tabs.push({ title: title || 'Untitled', url: url || 'No URL', index: index }); if (url) seenUrls.add(url); } }); console.log(`Extracted ${tabs.length} unique tabs`); return tabs; } // Function to categorize tabs using AI async function categorizeTabs(tabs) { console.log('Categorizing tabs with AI...'); if (tabs.length === 0) { console.log('No tabs to categorize'); return { categories: {}, totalTabs: 0 }; } try { // Prepare tab data for AI const tabsData = tabs.map(tab => ({ title: tab.title, url: tab.url })); const prompt = `Analyze these browser tabs and categorize them into meaningful categories. Tabs data: ${JSON.stringify(tabsData, null, 2)} Please categorize each tab into appropriate categories like: Social Media, Shopping, News, Development, Entertainment, Productivity, Education, etc.`; const categorization = await RM.aiCall(prompt, { type: "json_schema", json_schema: { name: "tab_categorization", schema: { type: "object", properties: { categories: { type: "object", additionalProperties: { type: "object", properties: { count: { type: "number" }, tabs: { type: "array", items: { type: "object", properties: { title: { type: "string" }, url: { type: "string" } }, required: ["title", "url"] } } }, required: ["count", "tabs"] } }, totalTabs: { type: "number" } }, required: ["categories", "totalTabs"] } } }); console.log('Categorization complete:', categorization); return categorization; } catch (error) { console.error('Error categorizing tabs:', error); return { categories: {}, totalTabs: tabs.length, error: error.message }; } } // Function to display results function displayResults(tabs, categorization) { console.log('Displaying results...'); // Remove existing results panel if any const existingPanel = document.getElementById('tabs-analyzer-panel'); if (existingPanel) { existingPanel.remove(); } // Create results panel const panel = document.createElement('div'); panel.id = 'tabs-analyzer-panel'; panel.style.cssText = ` position: fixed; top: 20px; right: 20px; width: 400px; max-height: 80vh; overflow-y: auto; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); z-index: 999999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; `; let html = `

📊 Synced Tabs Analysis

${categorization.totalTabs || tabs.length}

Total Synced Tabs

`; if (categorization.error) { html += `

⚠️ Error: ${categorization.error}

`; } if (categorization.categories && Object.keys(categorization.categories).length > 0) { html += '

Categories:

'; // Sort categories by count const sortedCategories = Object.entries(categorization.categories) .sort((a, b) => b[1].count - a[1].count); sortedCategories.forEach(([categoryName, categoryData]) => { const percentage = ((categoryData.count / categorization.totalTabs) * 100).toFixed(1); html += `

${categoryName}

${categoryData.count} (${percentage}%)

Show tabs

${categoryData.tabs.map(tab => `

${tab.title}

${tab.url}

`).join('')}

`; }); } panel.innerHTML = html; document.body.appendChild(panel); // Add close button functionality const closeBtn = document.getElementById('close-analyzer-panel'); if (closeBtn) { closeBtn.addEventListener('click', () => { panel.remove(); }); } console.log('Results displayed successfully'); } // Function to show loading indicator function showLoading() { const existingLoader = document.getElementById('tabs-analyzer-loader'); if (existingLoader) return; const loader = document.createElement('div'); loader.id = 'tabs-analyzer-loader'; loader.style.cssText = ` position: fixed; top: 20px; right: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); z-index: 999999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; `; loader.innerHTML = '🔄 Analyzing synced tabs...'; document.body.appendChild(loader); } function hideLoading() { const loader = document.getElementById('tabs-analyzer-loader'); if (loader) { loader.remove(); } } // Main analysis function async function analyzeSyncedTabs() { console.log('Starting synced tabs analysis...'); showLoading(); // Wait a bit for the page to fully load await new Promise(resolve => setTimeout(resolve, 2000)); const tabs = extractTabsInfo(); if (tabs.length === 0) { console.log('No tabs found. The page might not be fully loaded or the structure has changed.'); hideLoading(); // Show a message to the user const panel = document.createElement('div'); panel.style.cssText = ` position: fixed; top: 20px; right: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); z-index: 999999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; `; panel.innerHTML = `

⚠️ No Synced Tabs Found

Make sure you're on the Synced Tabs page and have synced devices.

`; document.body.appendChild(panel); setTimeout(() => panel.remove(), 5000); return; } const categorization = await categorizeTabs(tabs); hideLoading(); displayResults(tabs, categorization); } // Initialize the extension async function init() { console.log('Initializing Synced Tabs Analyzer...'); // Check if we're on the history page if (!window.location.href.includes('chrome://history')) { console.log('Not on history page, skipping...'); return; } // Navigate to synced tabs if needed if (!window.location.href.includes('syncedTabs')) { navigateToSyncedTabs(); return; } // Wait for the page to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { setTimeout(analyzeSyncedTabs, 1000); }); } else { setTimeout(analyzeSyncedTabs, 1000); } // Re-analyze when the page changes (debounced) const debouncedAnalyze = debounce(analyzeSyncedTabs, 2000); const observer = new MutationObserver(debouncedAnalyze); observer.observe(document.body, { childList: true, subtree: true }); } // Start the extension init(); })();

Synced Tabs Analyzer & Categorizer

About