// ==UserScript== // @name Hacker News Algolia Search & Filter // @namespace web.nextbyte.ai // @version 2.6 // @description Enhanced search using Algolia API with working comment links and proper formatting. Replaces page results with search results inline. Sort by relevance or date. Does not run on item pages. // @author NextByte // @match *://news.ycombinator.com/* // @grant GM_xmlhttpRequest // @connect hn.algolia.com // ==/UserScript== (function() { 'use strict'; // Exit if on item page if (window.location.pathname.includes('/item')) { console.log('Hacker News Algolia Search & Filter: Skipping on item page'); return; } console.log('Hacker News Algolia Search & Filter loaded'); // Store original post order let originalPostOrder = []; let currentSearchResults = []; let currentPage = 0; let totalPages = 0; let isSearchMode = false; const ALGOLIA_API = 'http://hn.algolia.com/api/v1'; const RESULTS_PER_PAGE = 20; // Create enhanced filter panel with search function createFilterPanel() { const panel = document.createElement('div'); panel.id = 'hn-filter-panel'; panel.style.cssText = ` position: sticky; top: 0; z-index: 1000; background: #f6f6ef; border: 2px solid #ff6600; padding: 15px; margin: 10px 0; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); `; panel.innerHTML = `

Search & Filter:

Algolia Search:

Type:

Sort:

`; return panel; } // Fetch results from Algolia API function searchAlgolia(query, sortBy = 'relevance', type = '', page = 0) { return new Promise((resolve, reject) => { try { let url = `${ALGOLIA_API}/search?query=${encodeURIComponent(query)}&page=${page}&hitsPerPage=${RESULTS_PER_PAGE}`; if (sortBy === 'date') { url = `${ALGOLIA_API}/search_by_date?query=${encodeURIComponent(query)}&page=${page}&hitsPerPage=${RESULTS_PER_PAGE}`; } if (type) { url += `&tags=${encodeURIComponent(type)}`; } console.log('Fetching from Algolia:', url); GM_xmlhttpRequest({ method: 'GET', url: url, onload: function(response) { try { if (response.status === 200) { const data = JSON.parse(response.responseText); console.log('Algolia response:', data); resolve(data); } else { throw new Error(`API error: ${response.status}`); } } catch (error) { console.error('Algolia API error:', error); reject(error); } }, onerror: function(error) { console.error('Algolia API error:', error); reject(new Error('Failed to fetch from Algolia API')); }, ontimeout: function() { console.error('Algolia API timeout'); reject(new Error('Request timeout')); } }); } catch (error) { console.error('Algolia API error:', error); reject(error); } }); } // Display search results inline function displaySearchResults(results) { if (!results || !results.hits) { console.error('Invalid results format'); return; } // Find the main content area const mainTable = document.querySelector('table#hnmain'); if (!mainTable) return; const contentRow = mainTable.querySelector('tr#bigbox'); if (!contentRow) return; const contentCell = contentRow.querySelector('td'); if (!contentCell) return; // Hide original posts table (the first table that's a direct child of contentCell) const allTables = contentCell.querySelectorAll('table'); if (allTables.length > 0) { allTables[0].style.display = 'none'; } // Find or create results container let resultsContainer = document.getElementById('hn-search-results'); if (!resultsContainer) { resultsContainer = document.createElement('div'); resultsContainer.id = 'hn-search-results'; resultsContainer.style.cssText = ` margin: 10px 0; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; `; contentCell.appendChild(resultsContainer); } // Clear previous results resultsContainer.innerHTML = ''; // Create results table similar to HN style const table = document.createElement('table'); table.style.cssText = ` border-collapse: collapse; width: 100%; `; results.hits.forEach((hit, index) => { const row = document.createElement('tr'); row.className = 'athing search-result'; row.style.cssText = 'border-bottom: 1px solid #eee; padding: 5px 0;'; const rankCell = document.createElement('td'); rankCell.style.cssText = 'text-align: right; padding-right: 10px; width: 30px; color: #828282;'; rankCell.textContent = (currentPage * RESULTS_PER_PAGE + index + 1) + '.'; const contentCell = document.createElement('td'); contentCell.style.cssText = 'padding: 5px 0;'; // Title/URL const titleDiv = document.createElement('div'); titleDiv.style.cssText = 'margin-bottom: 3px;'; const titleLink = document.createElement('a'); titleLink.href = hit.url || `https://news.ycombinator.com/item?id=${hit.objectID}`; titleLink.textContent = hit.title || hit.story_title || 'Untitled'; titleLink.style.cssText = 'text-decoration: none;'; titleLink.target = '_blank'; titleDiv.appendChild(titleLink); // Site info if (hit.url) { const siteSpan = document.createElement('span'); siteSpan.style.cssText = 'color: #828282; font-size: 9pt; margin-left: 5px;'; try { const domain = new URL(hit.url).hostname.replace('www.', ''); siteSpan.textContent = `(${domain})`; } catch (e) { siteSpan.textContent = '(external)'; } titleDiv.appendChild(siteSpan); } contentCell.appendChild(titleDiv); // Metadata const metaDiv = document.createElement('div'); metaDiv.style.cssText = 'color: #828282; font-size: 9pt; margin-top: 3px;'; // Points if (hit.points !== undefined) { const pointsSpan = document.createElement('span'); pointsSpan.textContent = `${hit.points} points`; metaDiv.appendChild(pointsSpan); } // Author if (hit.author) { const separator1 = document.createElement('span'); separator1.textContent = ' by '; metaDiv.appendChild(separator1); const authorLink = document.createElement('a'); authorLink.href = `https://news.ycombinator.com/user?id=${hit.author}`; authorLink.textContent = hit.author; authorLink.style.cssText = 'color: #828282; text-decoration: none;'; metaDiv.appendChild(authorLink); } // Time if (hit.created_at) { const date = new Date(hit.created_at); const now = new Date(); const diffMs = now - date; const diffMins = Math.floor(diffMs / 60000); const diffHours = Math.floor(diffMs / 3600000); const diffDays = Math.floor(diffMs / 86400000); let timeStr; if (diffMins < 60) { timeStr = `${diffMins}m ago`; } else if (diffHours < 24) { timeStr = `${diffHours}h ago`; } else { timeStr = `${diffDays}d ago`; } const separator2 = document.createElement('span'); separator2.textContent = ' '; metaDiv.appendChild(separator2); const timeLink = document.createElement('a'); timeLink.href = `https://news.ycombinator.com/item?id=${hit.objectID}`; timeLink.textContent = timeStr; timeLink.style.cssText = 'color: #828282; text-decoration: none;'; metaDiv.appendChild(timeLink); } // Hide and Comments const separator3 = document.createElement('span'); separator3.textContent = ' | '; metaDiv.appendChild(separator3); const hideLink = document.createElement('a'); hideLink.href = `https://news.ycombinator.com/hide?id=${hit.objectID}&goto=news`; hideLink.textContent = 'hide'; hideLink.style.cssText = 'color: #828282; text-decoration: none;'; metaDiv.appendChild(hideLink); const separator4 = document.createElement('span'); separator4.textContent = ' | '; metaDiv.appendChild(separator4); const commentsLink = document.createElement('a'); commentsLink.href = `https://news.ycombinator.com/item?id=${hit.objectID}`; commentsLink.textContent = `${hit.num_comments || 0} comments`; commentsLink.style.cssText = 'color: #828282; text-decoration: none;'; metaDiv.appendChild(commentsLink); contentCell.appendChild(metaDiv); row.appendChild(rankCell); row.appendChild(contentCell); table.appendChild(row); }); resultsContainer.appendChild(table); // Update pagination info currentPage = results.page || 0; totalPages = results.nbPages || 1; // Add "More" link at the bottom of results if there are more pages if (currentPage < totalPages - 1) { const moreLinkDiv = document.createElement('div'); moreLinkDiv.style.cssText = 'margin-top: 15px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10pt;'; const moreLink = document.createElement('a'); moreLink.href = '#'; moreLink.textContent = 'More'; moreLink.style.cssText = 'color: #000080; text-decoration: none;'; moreLink.addEventListener('click', (e) => { e.preventDefault(); nextPage(); }); moreLinkDiv.appendChild(moreLink); resultsContainer.appendChild(moreLinkDiv); } // Update status const statusEl = document.getElementById('hn-search-status'); if (statusEl) { statusEl.textContent = `Found ${results.nbHits} results`; } isSearchMode = true; currentSearchResults = results; } // Perform search async function performSearch() { const query = document.getElementById('hn-search-query').value.trim(); if (!query) { alert('Please enter a search query'); return; } const sortBy = document.getElementById('hn-sort-by').value; const type = document.getElementById('hn-search-type').value; const statusEl = document.getElementById('hn-search-status'); if (statusEl) { statusEl.textContent = 'Searching...'; } try { const results = await searchAlgolia(query, sortBy, type, 0); if (results) { displaySearchResults(results); } } catch (error) { console.error('Search error:', error); if (statusEl) { statusEl.textContent = 'Error: ' + error.message; } alert('Error fetching search results: ' + error.message); } } // Go to next page async function nextPage() { if (currentPage >= totalPages - 1) return; const query = document.getElementById('hn-search-query').value.trim(); const sortBy = document.getElementById('hn-sort-by').value; const type = document.getElementById('hn-search-type').value; const statusEl = document.getElementById('hn-search-status'); if (statusEl) { statusEl.textContent = 'Loading...'; } try { const results = await searchAlgolia(query, sortBy, type, currentPage + 1); if (results) { displaySearchResults(results); // Scroll to results document.getElementById('hn-search-results').scrollIntoView({ behavior: 'smooth' }); } } catch (error) { console.error('Pagination error:', error); if (statusEl) { statusEl.textContent = 'Error loading page: ' + error.message; } } } // Go to previous page async function prevPage() { if (currentPage === 0) return; const query = document.getElementById('hn-search-query').value.trim(); const sortBy = document.getElementById('hn-sort-by').value; const type = document.getElementById('hn-search-type').value; const statusEl = document.getElementById('hn-search-status'); if (statusEl) { statusEl.textContent = 'Loading...'; } try { const results = await searchAlgolia(query, sortBy, type, currentPage - 1); if (results) { displaySearchResults(results); // Scroll to results document.getElementById('hn-search-results').scrollIntoView({ behavior: 'smooth' }); } } catch (error) { console.error('Pagination error:', error); if (statusEl) { statusEl.textContent = 'Error loading page: ' + error.message; } } } // Reset search function resetSearch() { document.getElementById('hn-search-query').value = ''; document.getElementById('hn-search-type').value = ''; document.getElementById('hn-sort-by').value = 'relevance'; const resultsContainer = document.getElementById('hn-search-results'); if (resultsContainer) { resultsContainer.innerHTML = ''; } const statusEl = document.getElementById('hn-search-status'); if (statusEl) { statusEl.textContent = ''; } // Show original posts table again const contentRow = document.querySelector('tr#bigbox'); if (contentRow) { const contentCell = contentRow.querySelector('td'); if (contentCell) { const allTables = contentCell.querySelectorAll('table'); if (allTables.length > 0) { allTables[0].style.display = ''; } } } isSearchMode = false; currentSearchResults = []; currentPage = 0; totalPages = 0; } // Initialize function init() { // Find the main content table const mainTable = document.querySelector('table#hnmain'); if (!mainTable) { console.log('Main table not found'); return; } // Find the content row (after header and spacer) const contentRow = mainTable.querySelector('tr#bigbox'); if (!contentRow) { console.log('Content row not found'); return; } // Create and insert filter panel const panel = createFilterPanel(); const contentCell = contentRow.querySelector('td'); if (contentCell) { contentCell.insertBefore(panel, contentCell.firstChild); } // Add event listeners document.getElementById('hn-search-btn').addEventListener('click', performSearch); document.getElementById('hn-reset-search').addEventListener('click', resetSearch); // Search on Enter key document.getElementById('hn-search-query').addEventListener('keypress', (e) => { if (e.key === 'Enter') { performSearch(); } }); console.log('Algolia Search panel initialized'); } // Wait for page to load if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();

playground

Shared tweeks

Hacker News Algolia Search & Filter