// ==UserScript== // @name Google Search Results Sidebar // @namespace web.nextbyte.ai // @version 2.0 // @description Persistent sidebar showing top 5 non-sponsored Google search results that refreshes when search page comes into focus. Works across all sites with minimize/restore functionality. // @author NextByte // @match *://*/* // @grant GM_setValue // @grant GM_getValue // @run-at document-idle // ==/UserScript== (function() { 'use strict'; const STORAGE_KEY = 'google_search_sidebar_results'; const SIDEBAR_STATE_KEY = 'google_search_sidebar_state'; const MAX_RESULTS = 5; // Create sidebar HTML function createSidebar() { const sidebar = document.createElement('div'); sidebar.id = 'google-results-sidebar'; sidebar.innerHTML = `

`; document.body.appendChild(sidebar); return sidebar; } // Add CSS styles function addStyles() { const style = document.createElement('style'); style.textContent = ` #google-results-sidebar { position: fixed; top: 0; right: 0; width: 350px; height: 100vh; background: #ffffff; border-left: 2px solid #e0e0e0; box-shadow: -2px 0 10px rgba(0,0,0,0.1); z-index: 10000; display: flex; flex-direction: column; font-family: Arial, sans-serif; transition: width 0.3s ease, right 0.3s ease; } #google-results-sidebar.minimized { width: 50px; right: 0; } #google-results-sidebar.minimized #sidebar-header { writing-mode: vertical-rl; text-orientation: mixed; padding: 10px 5px; } #google-results-sidebar.minimized #sidebar-header h3 { font-size: 12px; margin: 0; writing-mode: vertical-rl; text-orientation: mixed; } #google-results-sidebar.minimized #sidebar-content { display: none; } #google-results-sidebar.hidden { display: none; } #sidebar-header { background: #4285f4; color: white; padding: 15px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1); flex-shrink: 0; } #sidebar-header h3 { margin: 0; font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 8px; } #sidebar-controls { display: flex; gap: 5px; } .sidebar-loading { display: inline-block; width: 12px; height: 12px; border: 2px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } #sidebar-minimize, #sidebar-close { background: transparent; border: none; color: white; font-size: 20px; cursor: pointer; padding: 5px 8px; width: auto; height: auto; border-radius: 4px; transition: background 0.2s; } #sidebar-minimize:hover, #sidebar-close:hover { background: rgba(255,255,255,0.2); } #sidebar-content { flex: 1; overflow-y: auto; padding: 15px; } #sidebar-results { display: flex; flex-direction: column; gap: 15px; } .sidebar-result-item { padding: 12px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #4285f4; transition: all 0.2s; } .sidebar-result-item:hover { background: #e8f0fe; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transform: translateX(-2px); } .sidebar-result-number { display: inline-block; background: #4285f4; color: white; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; font-size: 12px; font-weight: bold; margin-bottom: 8px; } .sidebar-result-title { font-size: 14px; font-weight: 500; color: #1a0dab; margin-bottom: 6px; line-height: 1.3; text-decoration: none; display: block; cursor: pointer; } .sidebar-result-title:hover { text-decoration: underline; } .sidebar-result-url { font-size: 12px; color: #5f6368; word-break: break-all; margin-bottom: 6px; } .sidebar-result-snippet { font-size: 13px; color: #4d5156; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .sidebar-empty { text-align: center; color: #5f6368; padding: 40px 20px; font-size: 14px; } .sidebar-timestamp { font-size: 11px; color: #80868b; text-align: center; padding: 10px; border-top: 1px solid #e0e0e0; margin-top: auto; } `; document.head.appendChild(style); } // Extract search results from the page function extractSearchResults() { const results = []; // Find all search result containers const resultContainers = document.querySelectorAll('#rso .MjjYud'); for (const container of resultContainers) { if (results.length >= MAX_RESULTS) break; // Skip empty containers if (!container.querySelector('.yuRUbf')) continue; // Check if it's a sponsored result (ads usually have specific classes) // Google ads typically have different structure, but we'll filter by checking for organic result markers const linkElement = container.querySelector('.yuRUbf a'); const titleElement = container.querySelector('.LC20lb'); const snippetElement = container.querySelector('.VwiC3b, .yXK7lf, .lEBKkf'); if (linkElement && titleElement) { const url = linkElement.href; const title = titleElement.textContent; const snippet = snippetElement ? snippetElement.textContent : ''; // Skip if it looks like an ad or special result if (url && !url.includes('google.com/aclk') && !url.includes('googleadservices')) { results.push({ url: url, title: title, snippet: snippet, displayUrl: new URL(url).hostname }); } } } return results; } // Render results in sidebar function renderResults(results) { const container = document.getElementById('sidebar-results'); if (!container) return; if (!results || results.length === 0) { container.innerHTML = ''; return; } container.innerHTML = results.map((result, index) => ` `).join(''); // Add click handlers for links container.querySelectorAll('.sidebar-result-title').forEach(link => { link.addEventListener('click', (e) => { const url = link.getAttribute('data-url'); // Check if Ctrl or Cmd key was pressed if (e.ctrlKey || e.metaKey) { // Open in new tab window.open(url, '_blank'); } else { // Open in same tab window.location.href = url; } e.preventDefault(); }); }); } // Save results to storage function saveResults(results) { const data = { results: results, timestamp: new Date().toISOString(), query: getSearchQuery() }; GM_setValue(STORAGE_KEY, JSON.stringify(data)); } // Load results from storage function loadResults() { const data = GM_getValue(STORAGE_KEY, null); if (data) { try { return JSON.parse(data); } catch (e) { console.error('Error parsing saved results:', e); return null; } } return null; } // Get current search query function getSearchQuery() { const urlParams = new URLSearchParams(window.location.search); return urlParams.get('q') || ''; } // Show/hide loading indicator function setLoading(isLoading) { const header = document.querySelector('#sidebar-header h3'); if (!header) return; let loader = header.querySelector('.sidebar-loading'); if (isLoading && !loader) { loader = document.createElement('span'); loader.className = 'sidebar-loading'; header.appendChild(loader); } else if (!isLoading && loader) { loader.remove(); } } // Update sidebar with current results function updateSidebar(retryCount = 0) { if (retryCount === 0) { setLoading(true); } const results = extractSearchResults(); if (results.length > 0) { saveResults(results); renderResults(results); updateTimestamp(); setLoading(false); } else if (retryCount < 3) { // Retry if no results found (page might still be loading) setTimeout(() => { updateSidebar(retryCount + 1); }, 500); } else { setLoading(false); } } // Update timestamp display function updateTimestamp() { const data = loadResults(); if (!data) return; let timestampDiv = document.getElementById('sidebar-timestamp'); if (!timestampDiv) { timestampDiv = document.createElement('div'); timestampDiv.id = 'sidebar-timestamp'; timestampDiv.className = 'sidebar-timestamp'; document.getElementById('sidebar-content').appendChild(timestampDiv); } const date = new Date(data.timestamp); const timeStr = date.toLocaleTimeString(); const query = data.query || 'Unknown query'; timestampDiv.textContent = `Last updated: ${timeStr} | Query: "${query}"`; } // Save sidebar state function saveSidebarState(state) { GM_setValue(SIDEBAR_STATE_KEY, JSON.stringify(state)); } // Load sidebar state function loadSidebarState() { const state = GM_getValue(SIDEBAR_STATE_KEY, null); if (state) { try { return JSON.parse(state); } catch (e) { return { minimized: false, hidden: false }; } } return { minimized: false, hidden: false }; } // Initialize sidebar function init() { // Only create sidebar if we have saved results or we're on a Google search page const savedData = loadResults(); const isGoogleSearch = window.location.hostname === 'www.google.com' && window.location.pathname === '/search'; if (!savedData && !isGoogleSearch) { return; // Don't create sidebar if no results and not on Google search } // Add styles addStyles(); // Create sidebar const sidebar = createSidebar(); // Load sidebar state const sidebarState = loadSidebarState(); if (sidebarState.minimized) { sidebar.classList.add('minimized'); } if (sidebarState.hidden) { sidebar.classList.add('hidden'); } // Setup minimize button const minimizeBtn = document.getElementById('sidebar-minimize'); minimizeBtn.addEventListener('click', () => { sidebar.classList.toggle('minimized'); const isMinimized = sidebar.classList.contains('minimized'); minimizeBtn.textContent = isMinimized ? '+' : '−'; saveSidebarState({ minimized: isMinimized, hidden: sidebar.classList.contains('hidden') }); }); // Setup close button const closeBtn = document.getElementById('sidebar-close'); closeBtn.addEventListener('click', () => { sidebar.classList.toggle('hidden'); saveSidebarState({ minimized: sidebar.classList.contains('minimized'), hidden: sidebar.classList.contains('hidden') }); }); // Load and display saved results if (savedData) { renderResults(savedData.results); updateTimestamp(); } // Extract and save current results if on Google search if (isGoogleSearch) { setTimeout(() => { updateSidebar(); }, 1000); } // Update when page comes into focus window.addEventListener('focus', () => { if (isGoogleSearch) { console.log('Page focused, updating sidebar...'); setTimeout(() => { updateSidebar(); }, 500); } }); // Also update when navigating back to search results window.addEventListener('pageshow', (event) => { if (event.persisted && isGoogleSearch) { console.log('Page restored from cache, updating sidebar...'); setTimeout(() => { updateSidebar(); }, 500); } }); } // Wait for page to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();

Last Search Results

Tweeks(1)