- Resume scroll position only when arriving via 继续阅读 (?resume=1).
Plain chapter-list / drawer clicks now actively scroll to top on mount.
- Progress format extended to {chapter, page, ratio} for within-page
precision; legacy bare-number and {chapter, page} still read correctly.
- Tappable skeleton logo (sunflower outline, spins) while a page loads;
tap force-fetches a fresh signed URL.
- Viewport-priority image loading: second IntersectionObserver at margin 0
marks truly-visible pages, drives <img fetchpriority="high"> and fires
immediate single-page fetches that cut the batch queue.
- Bounded image cache: unmount previous chapter's <img> elements when
currentPage > 5 into the new chapter; placeholders stay for layout.
One AbortController per live chapter; unmount aborts in-flight batches.
- Hashed chapter IDs on the wire via hashids; DB PKs unchanged.
- Origin/Referer allowlist + rate limiting on all /api/* routes via a
withGuards(opts, handler) wrapper (eliminates 6-line boilerplate x5).
- robots.txt allows Googlebot/Bingbot/Slurp/DuckDuckBot/Baiduspider/
YandexBot only; disallows /api/ for all UAs.
- Extract pure helpers for future TDD: lib/scroll-ratio.ts (calcScrollRatio,
scrollOffsetFromRatio), lib/progress.ts (parseProgress + injectable
StorageLike), lib/rate-limit.ts (optional { now, store, ipOf } deps),
lib/api-guards.ts.
- New env keys: HASHIDS_SALT, ALLOWED_ORIGINS (wired into docker-compose).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { prisma } from "@/lib/db";
|
|
import { signUrl } from "@/lib/r2";
|
|
import { decodeId } from "@/lib/hashids";
|
|
import { withGuards } from "@/lib/api-guards";
|
|
|
|
export const GET = withGuards(
|
|
{ rateLimit: { key: "pages", limit: 300, windowMs: 60_000 } },
|
|
async (request) => {
|
|
const { searchParams } = new URL(request.url);
|
|
const chapterId = decodeId(searchParams.get("chapter") ?? "");
|
|
const offset = Math.max(parseInt(searchParams.get("offset") ?? "0", 10), 0);
|
|
const limit = Math.min(
|
|
Math.max(parseInt(searchParams.get("limit") ?? "7", 10), 1),
|
|
20
|
|
);
|
|
|
|
if (chapterId === null) {
|
|
return Response.json({ error: "Missing chapter" }, { status: 400 });
|
|
}
|
|
|
|
const pages = await prisma.page.findMany({
|
|
where: { chapterId },
|
|
orderBy: { number: "asc" },
|
|
skip: offset,
|
|
take: limit,
|
|
select: { number: true, imageUrl: true },
|
|
});
|
|
|
|
const signedPages = await Promise.all(
|
|
pages.map(async (p) => ({
|
|
number: p.number,
|
|
imageUrl: await signUrl(p.imageUrl),
|
|
}))
|
|
);
|
|
|
|
return Response.json(signedPages);
|
|
}
|
|
);
|