Only use the highlighting renderer for the current page and its neighbors

Author: florian-h05

src/components/pdf-viewer.tsx

@@ -74,11 +74,11 @@ function highlightSearch(text: string, query: string): string {
   let regex = regexCache.get(query);
   // Check if the regex for this query is cached
   if (!regex) {
-    console.debug("Cache miss, compiling regex for highlighting query:", query);
     // Split and escape the query segments
     const escapedSegments = query
       .split(/(?:[\r\n]|\s{2,})+/)
       .filter(Boolean) // Remove empty segments
+      .map(s => s.trim())
       .map(escapeRegExp);
 
     if (escapedSegments.length === 0) return text;
@@ -472,7 +472,7 @@ const PdfViewer = ({
                 className="mb-4"
               >
                 <Page
-                  customTextRenderer={textRenderer}
+                  customTextRenderer={[currentPage - 1, currentPage, currentPage + 1].includes(index + 1) ? textRenderer : undefined}
                   pageNumber={index + 1}
                   scale={scale}
                   rotate={rotation}