// ==UserScript== // @name Hacker News Filter & Sort // @namespace web.nextbyte.ai // @version 1.1 // @description Add a filter panel to filter posts by title/URL text, min points and min comments. Also add option to sort by default, points, or comment count // @author NextByte // @match *://news.ycombinator.com/* // @grant none // ==/UserScript== (function() { 'use strict'; console.log('Hacker News Filter & Sort loaded'); // Store original post order let originalPostOrder = []; // Create filter panel 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 = `

Filters:

Text:

Min Points:

Min Comments:

Sort by:

`; return panel; } // Extract post data function extractPostData() { const posts = []; const postElements = document.querySelectorAll('tr.athing.submission'); postElements.forEach(postEl => { const id = postEl.id; const titleEl = postEl.querySelector('.titleline a'); const subtextRow = postEl.nextElementSibling; if (!titleEl || !subtextRow) return; const title = titleEl.textContent.trim(); const url = titleEl.href; const scoreEl = subtextRow.querySelector('.score'); // Extract points let points = 0; if (scoreEl) { const pointsMatch = scoreEl.textContent.match(/(\d+)\s*points?/); if (pointsMatch) { points = parseInt(pointsMatch[1], 10); } } // Extract comments - look for the link that contains the comment count let comments = 0; const sublineEl = subtextRow.querySelector('.subline'); if (sublineEl) { // Get all links in the subline const links = sublineEl.querySelectorAll('a'); for (let link of links) { const text = link.textContent.trim(); const commentsMatch = text.match(/^(\d+)\s*comments?$/); if (commentsMatch) { comments = parseInt(commentsMatch[1], 10); break; } } } posts.push({ id, element: postEl, subtextRow, spacerRow: subtextRow.nextElementSibling, title, url, points, comments }); }); return posts; } // Apply filters function applyFilters() { const textFilter = document.getElementById('hn-text-filter').value.toLowerCase(); const minPoints = parseInt(document.getElementById('hn-min-points').value) || 0; const minComments = parseInt(document.getElementById('hn-min-comments').value) || 0; const sortBy = document.getElementById('hn-sort').value; let posts = extractPostData(); const totalPosts = posts.length; console.log(`Filtering: text="${textFilter}", minPoints=${minPoints}, minComments=${minComments}, sortBy=${sortBy}`); // Filter by text if (textFilter) { posts = posts.filter(post => post.title.toLowerCase().includes(textFilter) || post.url.toLowerCase().includes(textFilter) ); } // Filter by min points posts = posts.filter(post => post.points >= minPoints); // Filter by min comments posts = posts.filter(post => post.comments >= minComments); console.log(`After filtering: ${posts.length} posts remain`); // Sort posts if (sortBy === 'points') { posts.sort((a, b) => b.points - a.points); } else if (sortBy === 'comments') { posts.sort((a, b) => b.comments - a.comments); } else if (sortBy === 'default') { // Restore original order posts.sort((a, b) => { const indexA = originalPostOrder.indexOf(a.id); const indexB = originalPostOrder.indexOf(b.id); return indexA - indexB; }); } // Hide all posts first const allPosts = extractPostData(); allPosts.forEach(post => { post.element.style.display = 'none'; post.subtextRow.style.display = 'none'; if (post.spacerRow) post.spacerRow.style.display = 'none'; }); // Show filtered posts in the correct order if (posts.length > 0) { // Find the tbody that contains the posts const tbody = posts[0].element.parentElement; if (tbody) { // Find the "More" link row to insert posts before it const moreLink = tbody.querySelector('a.morelink'); const moreLinkRow = moreLink ? moreLink.closest('tr') : null; const insertPoint = moreLinkRow ? moreLinkRow : null; // Reorder posts in DOM posts.forEach(post => { post.element.style.display = ''; post.subtextRow.style.display = ''; if (post.spacerRow) post.spacerRow.style.display = ''; // Move to correct position if (insertPoint) { tbody.insertBefore(post.element, insertPoint); tbody.insertBefore(post.subtextRow, insertPoint); if (post.spacerRow) tbody.insertBefore(post.spacerRow, insertPoint); } }); } } // Update status const statusEl = document.getElementById('hn-filter-status'); if (statusEl) { statusEl.textContent = `Showing ${posts.length} of ${totalPosts} posts`; } } // Reset filters function resetFilters() { document.getElementById('hn-text-filter').value = ''; document.getElementById('hn-min-points').value = '0'; document.getElementById('hn-min-comments').value = '0'; document.getElementById('hn-sort').value = 'default'; applyFilters(); } // 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; } // Store original post order const initialPosts = extractPostData(); originalPostOrder = initialPosts.map(post => post.id); console.log('Original post order:', originalPostOrder); // 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-apply-filters').addEventListener('click', applyFilters); document.getElementById('hn-reset-filters').addEventListener('click', resetFilters); // Apply filters on Enter key in text input document.getElementById('hn-text-filter').addEventListener('keypress', (e) => { if (e.key === 'Enter') { applyFilters(); } }); // Initial status const posts = extractPostData(); const statusEl = document.getElementById('hn-filter-status'); if (statusEl) { statusEl.textContent = `Showing ${posts.length} of ${posts.length} posts`; } console.log('Filter panel initialized'); } // Wait for page to load if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();