feat(reader): PDF text highlights via fraction-rect annotations

Phase 3b of the reader redesign — highlighting for fixed-layout PDFs:

- Select text on a PDF page → same glass popover as EPUBs (colors,
  note, copy). The selection's client rects are normalized to
  page-fraction quads using a transform-inclusive denominator so
  pdf.js's devicePixelRatio scaling on <html> cancels out, then
  stored as a JSON anchor {page, rects} in epubcfi_start.
- Rendering goes through the fork's new rect-annotation pipeline
  (foliate-js aba68d8): a full-bleed viewBox-0-100 SVG inside the
  page iframe, so highlights stay aligned through pan/zoom, iframe
  CSS-scaling, and PDF hi-res re-renders with zero re-anchoring.
  Frames carry their page index and re-render annotations when
  recreated on spread changes.
- Clicking an existing highlight hit-tests in fraction space and
  opens the edit popover (recolor, note, copy, delete) at the
  host-space click position; drag-selecting text never triggers it.
- Annotations drawer: PDF highlights jump by page index; notes and
  recolors round-trip through the same LWW/dedup sync path as EPUBs
  (same dedup key derivation on the JSON anchor).
- Comics keep bookmark-only highlighting (no text layer) by design.

This commit is contained in:

john-okeefe

2026-08-16 12:48:09 -04:00

parent 40d70513da

commit a05b0167ad

2 changed files with 191 additions and 31 deletions

									
										package.json
									
		+1
		-1
	
												View File
												
				@@ -12,7 +12,7 @@

				    "dev": "npm run build:ts:dev && npm run build:css"

				  },

				  "dependencies": {

				    "@bookhoard/foliate-js": "git+https://github.com/john-okeefe/foliate-js.git#e9e61d8",

				    "@bookhoard/foliate-js": "git+https://github.com/john-okeefe/foliate-js.git#aba68d8",

				    "alpinejs": "^3.15.8",

				    "chart.js": "^4.5.1",

				    "highlight.js": "^11.11.1",