yiekheng
b993de43bc
- 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>
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
type Props = {
|
|
onTap?: () => void;
|
|
};
|
|
|
|
export function LoadingLogo({ onTap }: Props) {
|
|
return (
|
|
<button
|
|
type="button"
|
|
aria-label="Reload page"
|
|
onClick={(e) => {
|
|
e.stopPropagation();
|
|
onTap?.();
|
|
}}
|
|
className="absolute inset-0 m-auto w-16 h-16 flex items-center justify-center cursor-pointer active:scale-95 transition-transform"
|
|
>
|
|
<svg
|
|
viewBox="0 0 100 100"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className="w-full h-full animate-[spin_2s_linear_infinite] text-accent/40"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth={3}
|
|
>
|
|
<g transform="translate(50,50)">
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(45)" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(90)" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(135)" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(180)" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(225)" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(270)" />
|
|
<ellipse cx="0" cy="-22" rx="6.5" ry="13" transform="rotate(315)" />
|
|
<circle cx="0" cy="0" r="8" />
|
|
</g>
|
|
</svg>
|
|
</button>
|
|
);
|
|
}
|