Add in-browser EPUB reader (no JavaScript)

- internal/library/reader.go: new Chapter type and Service.ReadChapter/
  ChapterAsset. Parses the EPUB spine, extracts and sanitizes each
  chapter's <body> HTML using golang.org/x/net/html:
  - strips <script>, <style>, <link>, <iframe>, <object>, <embed>,
    <form>, <meta>, <base>, <audio>, <video>, <noscript> and any
    on*-event-handler attributes
  - rewrites relative <img>/xlink:href asset references to
    /read/{id}/asset/{path}
  - rewrites internal chapter links to /read/{id}/{spineIndex},
    neutralizes javascript: hrefs, leaves external links untouched
  - refactored CoverBytes to share the new findEPUBPath helper
- internal/web/handlers.go: GET /read/{id}/{idx} renders a chapter page
  with prev/next navigation; GET /read/{id}/asset/{path...} serves
  embedded chapter assets (images) with a size cap, mirroring the
  existing cover-image guard
- views/pages.templ: new ReaderPage component (renders sanitized HTML
  via templ.Raw); BookPage gets an "Im Browser lesen" button next to
  the existing download button; templ regenerated
- static/styles.css: reader typography/layout, prev/next nav styling
- go.mod/go.sum: golang.org/x/net/html promoted to a direct dependency
- README: documents the new in-browser reader feature

Verified end-to-end with a hand-built test EPUB (spine ordering,
metadata, script/style stripping, event-handler stripping, chapter
link rewriting, image asset rewriting, javascript: neutralization,
external link passthrough, out-of-range chapter handling, and
path-traversal guard on chapter assets); test file removed afterwards
per repo convention (no test suite checked in yet).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-08-15 16:17:16 +02:00
co-authored by Copilot
parent be3dfaeb47
commit 2399d8a5a6
9 changed files with 727 additions and 48 deletions
+48
View File
@@ -203,6 +203,54 @@ h2 {
color: inherit;
}
.btn + .btn {
margin-left: 0.5rem;
}
.reader {
display: block;
}
.reader-progress {
margin: 0 0 0.5rem;
font-size: 0.85rem;
}
.reader-chapter-title {
margin-top: 0;
}
.reader-content {
line-height: 1.6;
overflow-wrap: break-word;
}
.reader-content img {
display: block;
max-width: 100%;
height: auto;
margin: 0.5rem auto;
}
.reader-content p {
margin: 0 0 1rem;
}
.reader-nav {
display: flex;
justify-content: space-between;
gap: 0.5rem;
margin-top: 1.5rem;
}
.reader-nav .btn + .btn {
margin-left: 0;
}
.reader-nav-next {
margin-left: auto;
}
.btn {
display: inline-flex;
align-items: center;