a2c0eee572
Search Results Enhancement: - Pass search query to document viewer via URL parameter - Search results already show highlights via Meilisearch <mark> tags PDF Document Viewer: - Accept search query from URL (?q=search+term) - Highlight matching text in PDF text layer - Case-insensitive search term matching - Auto-scroll to first match with smooth behavior - Yellow highlight with pulsing animation for visibility Highlighting Features: - Uses regex to find all instances of search term - Preserves PDF.js text layer positioning - Highlights visible immediately after page render - Text remains fully selectable - Works with digitized/text-based PDFs Styling: - Yellow background (rgba(255, 215, 0, 0.6)) - Black text for contrast - Pulsing animation on initial load - Rounded corners for polish User Flow: 1. User searches in SearchView 2. Clicks on search result 3. Navigates to DocumentView with ?q=term&page=X 4. PDF page renders with matching text highlighted 5. Page auto-scrolls to first match This completes the search highlighting feature requested by the user, making it easy to find searched terms within PDF documents. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| assets | ||
| components | ||
| composables | ||
| views | ||
| App.vue | ||
| main.js | ||
| router.js | ||