☰

Brave Infinite Scroll

Enables infinite scroll on Brave Search

  1. // ==UserScript==
  2. // @name         Brave Infinite Scroll
  3. // @description  Enables infinite scroll on Brave Search
  4. // @match        *://search.brave.com/search*
  5. // @run-at       document-end
  6. // @version 0.0.1.20250309090434
  7. // @namespace https://greasyfork.org/users/1435046
  8. // ==/UserScript==
  9.  
  10. let pageNumber = 1;
  11. let isLoading = false;
  12. let hasMore = true;
  13.  
  14. const fetchNextPage = async () => {
  15.     const baseUrl = new URL(window.location.href);
  16.     baseUrl.searchParams.set('offset', pageNumber);
  17.     
  18.     try {
  19.         const response = await fetch(baseUrl.toString());
  20.         const text = await response.text();
  21.         const newDoc = new DOMParser().parseFromString(text, 'text/html');
  22.  
  23.         // Create container for new results
  24.         const container = document.createElement('div');
  25.         container.id = `page-${pageNumber}`;
  26.         container.style.marginTop = '20px';
  27.  
  28.         // Add new results (adjust selector based on Brave's structure)
  29.         newDoc.querySelectorAll('#results > .snippet').forEach(result => {
  30.             container.appendChild(result.cloneNode(true));
  31.         });
  32.  
  33.         // Find insertion point (before pagination element)
  34.         const insertionPoint = document.querySelector('#pagination-snippet') || 
  35.                              document.querySelector('#results').lastElementChild;
  36.  
  37.         if (insertionPoint) {
  38.             insertionPoint.before(container);
  39.         }
  40.  
  41.         // Check for more pages (look for Next button)
  42.         hasMore = !!newDoc.querySelector('a[href*="offset="]:not([disabled])');
  43.         if (hasMore) pageNumber++;
  44.     } catch (error) {
  45.         console.error('Error fetching next page:', error);
  46.         hasMore = false;
  47.     }
  48. };
  49.  
  50. window.addEventListener('scroll', async () => {
  51.     const scrollThreshold = 1000;
  52.     const scrollPosition = window.innerHeight + window.scrollY;
  53.     const scrollMax = document.documentElement.scrollHeight - scrollThreshold;
  54.  
  55.     if (!isLoading && hasMore && scrollPosition >= scrollMax) {
  56.         isLoading = true;
  57.         await fetchNextPage();
  58.         isLoading = false;
  59.     }
  60. });