@itsmrtr/bunkoshelf 1.11.3 → 1.11.5

package/dist/src/components/reader/EpubReader.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useRef, useState } from "react";
+import Image from "next/image";
 import {
   BookmarkIcon,
   ChevronLeftIcon,
@@ -68,12 +69,37 @@ function getLocalDateString() {
   return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
 }
 
+function normalizeEpubPath(resource: string, basePath = "") {
+  try {
+    return decodeURI(new URL(resource, new URL(basePath, "https://epub.local/")).pathname).replace(/^\//, "");
+  } catch {
+    return resource.replace(/^\//, "");
+  }
+}
+
+function isCoverSection(document: Document, sectionHref: string, coverPath?: string) {
+  if (document.querySelector("meta[name='calibre:cover'][content='true']")) return true;
+  if (!coverPath) return false;
+  if (/(?:^|\/)titlepage\.x?html?$/i.test(sectionHref)) return true;
+
+  const normalizedCoverPath = normalizeEpubPath(coverPath);
+  const resources = Array.from(document.querySelectorAll("img[src], image[href], image[xlink\\:href], object[data]"));
+  return resources.some((resource) => {
+    const source = resource.getAttribute("src")
+      ?? resource.getAttribute("href")
+      ?? resource.getAttribute("xlink:href")
+      ?? resource.getAttribute("data");
+    return source ? normalizeEpubPath(source, sectionHref) === normalizedCoverPath : false;
+  });
+}
+
 export default function EpubReader({ isOpen, onClose, slug, title, layout, intl }: EpubReaderProps) {
   const reader = intl.epubReader as Record<string, string>;
   const viewerRef = useRef<HTMLDivElement>(null);
-  const headerRef = useRef<HTMLElement>(null);
   const tocPanelRef = useRef<HTMLElement>(null);
   const settingsPanelRef = useRef<HTMLDivElement>(null);
+  const tocToggleRef = useRef<HTMLButtonElement>(null);
+  const settingsToggleRef = useRef<HTMLButtonElement>(null);
   const bookRef = useRef<any>(null);
   const renditionRef = useRef<any>(null);
   const annotationsRef = useRef<ReaderState["annotations"]>([]);
@@ -81,9 +107,11 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   const flushPendingSelectionRef = useRef<() => void>(() => undefined);
   const readerKeyHandlerRef = useRef<(event: KeyboardEvent) => void>(() => undefined);
   const pointerIsDownRef = useRef(false);
+  const hasCoverRef = useRef(false);
+  const coverSectionIndexRef = useRef<number | null>(null);
+  const coverVisibleRef = useRef(false);
   const wakeLockRef = useRef<WakeLockSentinel | null>(null);
   const flowRef = useRef<ReaderFlow>("paginated");
-  const hideControlsTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [toc, setToc] = useState<TocEntry[]>([]);
@@ -99,7 +127,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   const [preferencesLoaded, setPreferencesLoaded] = useState(false);
   const [showSettings, setShowSettings] = useState(false);
   const [showToc, setShowToc] = useState(false);
-  const [controlsVisible, setControlsVisible] = useState(true);
+  const [coverVisible, setCoverVisible] = useState(false);
   const [bookmarkCfis, setBookmarkCfis] = useState<string[]>([]);
   const [bookmarks, setBookmarks] = useState<ReaderState["bookmarks"]>([]);
   const [annotations, setAnnotations] = useState<ReaderState["annotations"]>([]);
@@ -125,12 +153,10 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     setNoteEditorOpen(false);
     setAnnotationNoteEditorOpen(false);
     setNoteDraft("");
+    coverVisibleRef.current = false;
+    setCoverVisible(false);
   }, [isOpen]);
 
-  const revealControls = useCallback(() => {
-    setControlsVisible(true);
-  }, []);
-
   const closePanels = useCallback(() => {
     setShowSettings(false);
     setShowToc(false);
@@ -160,7 +186,6 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
       x: (frameRect?.left ?? 0) + (rangeRect?.left ?? 0) + (rangeRect?.width ?? 0) / 2,
       y: (frameRect?.top ?? 0) + (rangeRect?.top ?? 0),
     });
-    setControlsVisible(true);
   }, []);
 
   const renderAnnotation = useCallback((rendition: any, annotation: ReaderState["annotations"][number]) => {
@@ -238,16 +263,6 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     return () => clearTimeout(timer);
   }, [bookmarkMessage]);
 
-  useEffect(() => {
-    if (!isOpen || showSettings || showToc) return;
-    if (hideControlsTimerRef.current) clearTimeout(hideControlsTimerRef.current);
-    if (!controlsVisible) return;
-    hideControlsTimerRef.current = setTimeout(() => setControlsVisible(false), 3500);
-    return () => {
-      if (hideControlsTimerRef.current) clearTimeout(hideControlsTimerRef.current);
-    };
-  }, [controlsVisible, isOpen, showSettings, showToc]);
-
   useEffect(() => {
     if (!isOpen || layout === "pre-paginated") return;
     setPreferencesLoaded(false);
@@ -283,7 +298,6 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     const initialize = async () => {
       setLoading(true);
       setError(null);
-      setControlsVisible(true);
       setBookmarkMessage(null);
       try {
         const [module, buffer, stateResponse] = await Promise.all([
@@ -300,11 +314,25 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
         await book.ready;
         if (cancelled || !viewerRef.current) return;
 
+        hasCoverRef.current = Boolean(book.packaging?.coverPath);
+        const firstSection = book.spine?.get(0);
+        if (firstSection) {
+          const firstDocument = await firstSection.load(book.load.bind(book));
+          const isCover = isCoverSection(firstDocument, firstSection.href, book.packaging?.coverPath);
+          coverSectionIndexRef.current = isCover ? firstSection.index : null;
+          firstSection.unload();
+        }
+        const initialSection = book.spine?.get(state.progress?.cfi);
+        const startsAtCoverSection = initialSection?.index === coverSectionIndexRef.current;
+        const showCover = hasCoverRef.current && (!state.progress?.cfi || startsAtCoverSection);
+        coverVisibleRef.current = showCover;
+        setCoverVisible(showCover);
+        const firstContentSection = book.spine?.get((coverSectionIndexRef.current ?? -1) + 1);
+        const initialTarget = showCover ? firstContentSection?.href : state.progress?.cfi;
+
         const rendition = book.renderTo(viewerRef.current, {
           width: "100%",
           height: "100%",
-          manager: "continuous",
-          gap: 32,
           flow: layout === "pre-paginated" ? "paginated" : flowRef.current,
           allowScriptedContent: false,
           spread: "auto",
@@ -330,23 +358,10 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
             });
           }
 
-          let touchStart: { x: number; y: number } | null = null;
-          let ignoreClickUntil = 0;
-          document.documentElement.style.touchAction = "pan-y";
-          body.style.touchAction = "pan-y";
-          const isInteractiveTarget = (target: EventTarget | null) => {
-            return Boolean((target as HTMLElement | null)?.closest?.("a, button, input, select, textarea, [contenteditable='true']"));
-          };
-          const hasTextSelection = () => Boolean(contents.window.getSelection()?.toString().trim());
-          const clearReaderOverlays = () => {
-            closePanels();
-            setSelectionMenu(null);
-            setAnnotationMenu(null);
-            setNoteEditorOpen(false);
-            setAnnotationNoteEditorOpen(false);
-          };
-          const handleContentInteraction = (event: Event, x: number, y: number, navigate = false) => {
-            if (hasTextSelection() || pendingSelectionRef.current || isInteractiveTarget(event.target)) return;
+          const handleContentInteraction = (event: MouseEvent | TouchEvent) => {
+            const touch = (event as TouchEvent).changedTouches?.[0] ?? null;
+            const x = touch ? touch.clientX : (event as MouseEvent).clientX;
+            const y = touch ? touch.clientY : (event as MouseEvent).clientY;
             const annotation = findAnnotationAtPoint(contents, x, y);
             if (annotation) {
               event.preventDefault();
@@ -354,73 +369,14 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
               openAnnotationMenu(annotation, annotation.cfiRange, contents);
               return;
             }
-            clearReaderOverlays();
-            if (navigate) {
-              const width = contents.window.innerWidth;
-              if (x < width / 3) {
-                void rendition.prev();
-                return;
-              }
-              if (x > (width * 2) / 3) {
-                void rendition.next();
-                return;
-              }
-            }
-            setControlsVisible((visible) => !visible);
-          };
-          const handleContentClick = (event: MouseEvent) => {
-            if (Date.now() < ignoreClickUntil) {
-              event.preventDefault();
-              return;
-            }
-            handleContentInteraction(event, event.clientX, event.clientY);
-          };
-          const handleTouchGesture = (event: Event, x: number, y: number) => {
-            const start = touchStart;
-            touchStart = null;
-            if (!start || hasTextSelection() || isInteractiveTarget(event.target)) return;
-
-            const deltaX = x - start.x;
-            const deltaY = y - start.y;
-            const distanceX = Math.abs(deltaX);
-            const distanceY = Math.abs(deltaY);
-
-            if (distanceX > 48 && distanceX > distanceY) {
-              if (event.cancelable) event.preventDefault();
-              event.stopPropagation();
-              ignoreClickUntil = Date.now() + 500;
-              clearReaderOverlays();
-              void (deltaX < 0 ? rendition.next() : rendition.prev());
-              return;
-            }
-
-            if (distanceX > 18 || distanceY > 18) {
-              ignoreClickUntil = Date.now() + 500;
-              return;
-            }
-
-            if (event.cancelable) event.preventDefault();
-            ignoreClickUntil = Date.now() + 500;
-            handleContentInteraction(event, x, y, true);
-          };
-          const handleTouchStart = (event: TouchEvent) => {
-            if (event.touches.length !== 1) {
-              touchStart = null;
-              return;
-            }
-            const touch = event.touches[0];
-            touchStart = { x: touch.clientX, y: touch.clientY };
-          };
-          const handleTouchEnd = (event: TouchEvent) => {
-            const touch = event.changedTouches[0];
-            if (!touch) return;
-            handleTouchGesture(event, touch.clientX, touch.clientY);
-          };
-          const resetTouchGesture = () => {
-            touchStart = null;
-            pointerIsDownRef.current = false;
+            if (pendingSelectionRef.current) return;
+            closePanels();
+            setSelectionMenu(null);
+            setAnnotationMenu(null);
+            setNoteEditorOpen(false);
+            setAnnotationNoteEditorOpen(false);
           };
-          document.addEventListener("click", handleContentClick, true);
+          document.addEventListener("click", handleContentInteraction);
           document.addEventListener("keydown", (event) => readerKeyHandlerRef.current(event));
           const showPendingSelection = () => {
             window.setTimeout(() => {
@@ -450,20 +406,17 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
                 setNoteDraft("");
                 setSelectionMenu({ cfiRange: pending.cfiRange, excerpt, x, y });
               }
-              setControlsVisible(true);
               selection?.removeAllRanges();
             }, 0);
           };
           flushPendingSelectionRef.current = showPendingSelection;
           const markPointerDown = () => { pointerIsDownRef.current = true; };
           const markPointerUp = () => { pointerIsDownRef.current = false; showPendingSelection(); };
-          document.addEventListener("mousedown", markPointerDown, true);
-          document.addEventListener("mouseup", markPointerUp, true);
-          body.addEventListener("touchstart", markPointerDown, true);
-          body.addEventListener("touchend", markPointerUp, true);
-          body.addEventListener("touchstart", handleTouchStart, { passive: true, capture: true });
-          body.addEventListener("touchend", handleTouchEnd, { passive: false, capture: true });
-          body.addEventListener("touchcancel", resetTouchGesture, true);
+          document.addEventListener("mousedown", markPointerDown);
+          document.addEventListener("touchstart", markPointerDown);
+          document.addEventListener("mouseup", showPendingSelection);
+          document.addEventListener("touchend", showPendingSelection);
+          document.addEventListener("pointerup", markPointerUp);
         });
         if (layout === "reflowable") applyStyles();
         const refreshAnnotationLayers = () => {
@@ -474,7 +427,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
         };
         rendition.on("rendered", refreshAnnotationLayers);
         rendition.on("relocated", (location: any) => {
-          void persistProgress(location);
+          if (!coverVisibleRef.current) void persistProgress(location);
           refreshAnnotationLayers();
         });
         rendition.on("selected", (cfiRange: string, contents: any) => {
@@ -486,7 +439,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
         setBookmarks(state.bookmarks);
         setAnnotations(state.annotations);
         annotationsRef.current = state.annotations;
-        await rendition.display(state.progress?.cfi ?? undefined);
+        await rendition.display(initialTarget ?? undefined);
         await new Promise<void>((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
         if (cancelled) return;
         for (const annotation of state.annotations) renderAnnotation(rendition, annotation);
@@ -503,15 +456,12 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
           if (!displayedCfi) return;
           const calculatedProgress = book.locations.percentageFromCfi(displayedCfi);
           if (typeof calculatedProgress === "number") setProgress(calculatedProgress);
-          void persistProgress(location);
+          if (!coverVisibleRef.current) void persistProgress(location);
         }).catch(() => undefined);
       } catch {
         if (!cancelled) setError(reader.openFailed);
       } finally {
-        if (!cancelled) {
-          setControlsVisible(true);
-          setLoading(false);
-        }
+        if (!cancelled) setLoading(false);
       }
     };
 
@@ -531,6 +481,28 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     return () => { wakeLockRef.current?.release(); wakeLockRef.current = null; };
   }, [isOpen]);
 
+  const navigatePrevious = useCallback(() => {
+    const location = renditionRef.current?.currentLocation?.();
+    const section = bookRef.current?.spine?.get(location?.start?.cfi);
+    const firstContentIndex = (coverSectionIndexRef.current ?? -1) + 1;
+    const isFirstPage = !location?.start?.displayed || location.start.displayed.page === 1;
+    if (hasCoverRef.current && section?.index === firstContentIndex && isFirstPage) {
+      coverVisibleRef.current = true;
+      setCoverVisible(true);
+      return;
+    }
+    void renditionRef.current?.prev();
+  }, []);
+
+  const navigateNext = useCallback(() => {
+    if (coverVisibleRef.current) {
+      coverVisibleRef.current = false;
+      setCoverVisible(false);
+      return;
+    }
+    void renditionRef.current?.next();
+  }, []);
+
   const handleReaderKey = useCallback((event: KeyboardEvent) => {
     if (!isOpen) return;
     const target = event.target as HTMLElement | null;
@@ -543,13 +515,13 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     }
     if (event.key === "ArrowLeft") {
       event.preventDefault();
-      void renditionRef.current?.prev();
+      navigatePrevious();
     }
     if (event.key === "ArrowRight" || event.key === " ") {
       event.preventDefault();
-      void renditionRef.current?.next();
+      navigateNext();
     }
-  }, [closePanels, closeReader, isOpen, showSettings, showToc]);
+  }, [closePanels, closeReader, isOpen, navigateNext, navigatePrevious, showSettings, showToc]);
 
   useEffect(() => {
     readerKeyHandlerRef.current = handleReaderKey;
@@ -564,7 +536,12 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     if (!isOpen || (!showSettings && !showToc)) return;
     const closeOnOutsidePointer = (event: PointerEvent) => {
       const target = event.target as Node;
-      if (headerRef.current?.contains(target) || settingsPanelRef.current?.contains(target) || tocPanelRef.current?.contains(target)) return;
+      if (
+        settingsPanelRef.current?.contains(target)
+        || tocPanelRef.current?.contains(target)
+        || settingsToggleRef.current?.contains(target)
+        || tocToggleRef.current?.contains(target)
+      ) return;
       closePanels();
     };
     document.addEventListener("pointerdown", closeOnOutsidePointer);
@@ -572,6 +549,8 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   }, [closePanels, isOpen, showSettings, showToc]);
 
   const openToc = async (href: string) => {
+    coverVisibleRef.current = false;
+    setCoverVisible(false);
     await renditionRef.current?.display(href);
     setShowToc(false);
   };
@@ -703,7 +682,6 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   };
 
   const togglePanel = (panel: "toc" | "settings") => {
-    revealControls();
     setSelectionMenu(null);
     setAnnotationMenu(null);
     setNoteEditorOpen(false);
@@ -722,18 +700,8 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
 
   return (
     <div className="fixed inset-0 z-50 overflow-hidden bg-onix text-sand">
-      <header ref={headerRef} className={`absolute inset-x-0 top-0 z-30 flex h-12 items-center justify-between gap-3 border-b border-white/15 bg-onix/95 px-3 transition-transform duration-200 ${controlsVisible ? "translate-y-0" : "-translate-y-full pointer-events-none"}`}>
-        <span className="min-w-0 truncate font-semibold">{title}</span>
-        <div className="flex items-center gap-1">
-          <button onClick={() => togglePanel("toc")} title={reader.contents} aria-label={reader.contents} className="cursor-pointer p-2"><MenuIcon size={24} /></button>
-          <button onClick={toggleBookmark} title={isBookmarked ? reader.removeBookmark : reader.addBookmark} aria-label={isBookmarked ? reader.removeBookmark : reader.addBookmark} className="cursor-pointer p-2"><BookmarkIcon size={24} className={isBookmarked ? "fill-lilah text-lilah" : ""} /></button>
-          {layout === "reflowable" && <button onClick={() => togglePanel("settings")} title={reader.settings} aria-label={reader.settings} className="cursor-pointer p-2"><Settings2Icon size={24} /></button>}
-          <button onClick={closeReader} title={reader.close} aria-label={reader.close} className="cursor-pointer p-2"><Minimize2Icon size={24} /></button>
-        </div>
-      </header>
-
       {showSettings && (
-        <div ref={settingsPanelRef} className="absolute right-3 top-12 z-40 w-[min(24rem,calc(100vw-1.5rem))] rounded-b-lg bg-blackamber p-5 shadow-xl">
+        <div ref={settingsPanelRef} className="absolute bottom-14 right-3 z-40 max-h-[calc(100dvh-4.5rem)] w-[min(24rem,calc(100vw-1.5rem))] overflow-y-auto rounded-lg bg-blackamber p-5 shadow-xl">
           <div className="grid gap-4 text-base">
             <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.theme}<select value={theme} onChange={(event) => setTheme(event.target.value as ReaderTheme)} className="cursor-pointer rounded bg-onix px-3 py-2 text-base"><option value="light">{reader.light}</option><option value="sepia">{reader.sepia}</option><option value="dark">{reader.dark}</option></select></label>
             <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.flow}<select value={flow} onChange={(event) => setFlow(event.target.value as ReaderFlow)} className="cursor-pointer rounded bg-onix px-3 py-2 text-base"><option value="paginated">{reader.paginated}</option><option value="scrolled-continuous">{reader.scrolled}</option></select></label>
@@ -747,7 +715,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
       )}
 
       {showToc && (
-        <aside ref={tocPanelRef} className="absolute bottom-0 left-0 top-12 z-40 w-[min(24rem,calc(100vw-1.5rem))] overflow-y-auto bg-blackamber p-5 shadow-xl">
+        <aside ref={tocPanelRef} className="absolute bottom-14 left-0 top-0 z-40 w-[min(24rem,calc(100vw-1.5rem))] overflow-y-auto bg-blackamber p-5 shadow-xl">
           <div className="mb-4 flex gap-2 border-b border-white/15">
             <button onClick={() => setTocTab("contents")} className={`cursor-pointer px-2 pb-2 text-base ${tocTab === "contents" ? "border-b-2 border-lilah text-lilah" : "text-sand"}`}>{reader.contents}</button>
             <button onClick={() => setTocTab("bookmarks")} className={`cursor-pointer px-2 pb-2 text-base ${tocTab === "bookmarks" ? "border-b-2 border-lilah text-lilah" : "text-sand"}`}>{reader.bookmarks} {bookmarks.length > 0 ? `(${bookmarks.length})` : ""}</button>
@@ -779,28 +747,34 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
         </div>}
       </div>}
 
-      <main className="relative h-full w-full touch-pan-y" style={themeStyles[theme]} onPointerUp={(event) => {
+      <main className="relative w-full" style={{ ...themeStyles[theme], height: "calc(100% - 3.5rem)" }} onPointerUp={(event) => {
         if (event.target === event.currentTarget) {
           closePanels();
           setSelectionMenu(null);
           setAnnotationMenu(null);
           setAnnotationNoteEditorOpen(false);
-          setControlsVisible((visible) => !visible);
         }
       }}>
         {loading && <div className="absolute inset-0 z-20 grid place-items-center bg-onix">{reader.opening}</div>}
         {error && <div className="absolute inset-0 z-20 grid place-items-center bg-onix p-6 text-center">{error}</div>}
+        {coverVisible && <div className="absolute inset-0 z-10" style={themeStyles[theme]}>
+          <Image src={`/api/library/books/cover/${encodeURIComponent(slug)}`} alt={title} fill priority unoptimized sizes="100vw" className="object-contain" />
+        </div>}
         <div
           ref={viewerRef}
-          className="mx-auto h-full w-full touch-pan-y"
+          className="mx-auto h-full w-full"
           style={{ maxWidth: flow === "paginated" ? `${(columnWidth + 32) * 2}px` : `${columnWidth}px` }}
         />
       </main>
 
-      <footer className={`absolute inset-x-0 bottom-0 z-30 flex h-11 items-center justify-between gap-4 border-t border-white/15 bg-onix/95 px-3 transition-transform duration-200 ${controlsVisible ? "translate-y-0" : "translate-y-full pointer-events-none"}`}>
-        <button onClick={() => renditionRef.current?.prev()} title={reader.previous} aria-label={reader.previous} className="cursor-pointer p-2"><ChevronLeftIcon size={24} /></button>
-        <span className="text-sm">{Math.round(progress * 100)}%</span>
-        <button onClick={() => renditionRef.current?.next()} title={reader.next} aria-label={reader.next} className="cursor-pointer p-2"><ChevronRightIcon size={24} /></button>
+      <footer className="absolute inset-x-0 bottom-0 z-30 flex h-14 items-center gap-1 border-t border-white/15 bg-onix/95 px-2">
+        <button onClick={navigatePrevious} title={reader.previous} aria-label={reader.previous} className="cursor-pointer p-2"><ChevronLeftIcon size={24} /></button>
+        <button ref={tocToggleRef} onClick={() => togglePanel("toc")} title={reader.contents} aria-label={reader.contents} className="cursor-pointer p-2"><MenuIcon size={24} /></button>
+        <button onClick={toggleBookmark} title={isBookmarked ? reader.removeBookmark : reader.addBookmark} aria-label={isBookmarked ? reader.removeBookmark : reader.addBookmark} className="cursor-pointer p-2"><BookmarkIcon size={24} className={isBookmarked ? "fill-lilah text-lilah" : ""} /></button>
+        {layout === "reflowable" && <button ref={settingsToggleRef} onClick={() => togglePanel("settings")} title={reader.settings} aria-label={reader.settings} className="cursor-pointer p-2"><Settings2Icon size={24} /></button>}
+        <span className="ml-auto text-sm">{Math.round(progress * 100)}%</span>
+        <button onClick={navigateNext} title={reader.next} aria-label={reader.next} className="cursor-pointer p-2"><ChevronRightIcon size={24} /></button>
+        <button onClick={closeReader} title={reader.close} aria-label={reader.close} className="cursor-pointer p-2"><Minimize2Icon size={24} /></button>
       </footer>
     </div>
   );

package/dist/src/lib/db/books/library.ts

@@ -376,7 +376,7 @@ export async function getBookReaderStats(userId: string): Promise<{ totalVolumes
 export async function listRecentlyReadBooks(userId: string, limit = 12): Promise<BookVolume[]> {
   const rows = await query<BookRow>(`${BOOK_SELECT}
     INNER JOIN user_to_books ub ON ub.volume_id = bv.id
-    WHERE ub.user_id = $1 AND ub.last_read_at IS NOT NULL
+    WHERE ub.user_id = $1 AND ub.is_read = TRUE AND ub.last_read_at IS NOT NULL
     ORDER BY ub.last_read_at DESC LIMIT $2`, [userId, limit]);
   return Promise.all(rows.map((row) => hydrateMetadata(mapBook(row))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itsmrtr/bunkoshelf",
-  "version": "1.11.3",
+  "version": "1.11.5",
   "description": "Self-hosted personal manga library.",
   "keywords": [
     "bunko",

package/dist/.next/server/chunks/ssr/[root-of-the-server]__0grf-w0._.js

@@ -1,3 +0,0 @@
-module.exports=[434270,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/module-loading/track-module-loading.external.js",()=>require("next/dist/server/app-render/module-loading/track-module-loading.external.js"))},415309,a=>{"use strict";let b=(0,a.i(790090).default)("trash",[["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);a.s(["TrashIcon",0,b],415309)},104835,a=>{"use strict";let b=(0,a.i(790090).default)("scan-search",[["path",{d:"M3 7V5a2 2 0 0 1 2-2h2",key:"aa7l1z"}],["path",{d:"M17 3h2a2 2 0 0 1 2 2v2",key:"4qcy5o"}],["path",{d:"M21 17v2a2 2 0 0 1-2 2h-2",key:"6vwrx8"}],["path",{d:"M7 21H5a2 2 0 0 1-2-2v-2",key:"ioqczr"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}],["path",{d:"m16 16-1.9-1.9",key:"1dq9hf"}]]);a.s(["ScanSearchIcon",0,b],104835)},448313,a=>{"use strict";var b=a.i(490524),c=a.i(42146),d=a.i(705478);a.s(["default",0,function({isOpen:a,onClose:e,children:f}){let g=(0,c.useRef)(null);return((0,c.useEffect)(()=>{let b=b=>{"Escape"===b.key&&a&&e()};return a&&window.addEventListener("keydown",b),()=>{window.removeEventListener("keydown",b)}},[a,e]),(0,c.useEffect)(()=>{if(a&&g.current){let a=setTimeout(()=>{g.current?.focus()},50);return()=>clearTimeout(a)}},[a]),a)?(0,b.jsx)("div",{id:"mob-nav-modal",ref:g,tabIndex:-1,className:"fixed inset-0 z-50 bg-black/70 flex items-center justify-center p-4 pointer-events-auto transition-opacity duration-200 ease-in-out opacity-100",onClick:e,children:(0,b.jsxs)("div",{className:"bg-pearl text-onix p-6 rounded-lg w-full max-w-5xl space-y-4 relative",onClick:a=>a.stopPropagation(),children:[(0,b.jsx)("button",{onClick:e,className:"absolute top-4 right-4 text-onix cursor-pointer",children:(0,b.jsx)(d.Minimize2Icon,{size:28,className:"hover:scale-90 transition-all duration-300"})}),(0,b.jsx)("div",{className:"my-5 md:m-4",children:f})]})}):null}])},782582,167601,95901,a=>{"use strict";var b=a.i(790090);let c=(0,b.default)("book-open-check",[["path",{d:"M12 21V7",key:"gj6g52"}],["path",{d:"m16 12 2 2 4-4",key:"mdajum"}],["path",{d:"M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3 3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3",key:"8arnkb"}]]);a.s(["BookOpenCheckIcon",0,c],782582);let d=(0,b.default)("repeat",[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}]]);a.s(["RepeatIcon",0,d],167601);let e=(0,b.default)("pen-line",[["path",{d:"M13 21h8",key:"1jsn5i"}],["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}]]);a.s(["PenLineIcon",0,e],95901)},553387,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"trackDynamicImport",{enumerable:!0,get:function(){return g}});let d=a.r(12981),e=a.r(989669),f=a.r(434270);function g(a){if(!(0,e.isThenable)(a))throw Object.defineProperty(new d.InvariantError("`trackDynamicImport` should always receive a promise. Something went wrong in the dynamic imports transform."),"__NEXT_ERROR_CODE",{value:"E677",enumerable:!1,configurable:!0});return(0,f.trackPendingImport)(a),a}},590750,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"trackDynamicImport",{enumerable:!0,get:function(){return d.trackDynamicImport}});let d=a.r(553387)},24517,532674,a=>{"use strict";var b=a.i(295561);let c=(0,b.createServerReference)("4059e393e1bac7b0be0c006ff7e59b679eff207d52",b.callServer,void 0,b.findSourceMapURL,"deleteBookVolume");a.s(["deleteBookVolume",0,c],24517);let d=(0,b.createServerReference)("4050583137cc27a580146bd45eae3eaa0b9f85b9df",b.callServer,void 0,b.findSourceMapURL,"rescanBookVolume");a.s(["rescanBookVolume",0,d],532674)},867909,a=>{"use strict";var b=a.i(490524),c=a.i(42146),d=a.i(474735),e=a.i(584648),f=a.i(104835),g=a.i(415309),h=a.i(295561);let i=(0,h.createServerReference)("403319d0e8a4b77e82c9a26561537f2d6669676a5b",h.callServer,void 0,h.findSourceMapURL,"deleteBookSeries");var j=a.i(24517);let k=(0,h.createServerReference)("40956428af16bd7975585e4239d071cd5e837636b4",h.callServer,void 0,h.findSourceMapURL,"rescanBookSeries");var l=a.i(532674),m=a.i(202863),n=a.i(361889);a.s(["default",0,function({type:a,slug:h,lang:o,intl:p,canDownload:q}){let[r,s]=(0,c.useState)(!1),{addToast:t}=(0,n.useToast)(),{confirm:u}=(0,m.useAlertDialog)(),v=p.books,w=p.libraries.bookActions,x="volume"===a,y=x?w.deleteBook:w.deleteSeries,z=async()=>{s(!0);try{let b="volume"===a?await (0,l.rescanBookVolume)(h):await k(h);if(!b.ok)return void t({title:v.error,description:v.actionFailed,variant:"error"});t({title:v.scanComplete,description:`${b.indexed??0} ${"volume"===a?v.bookIndexed:v.booksIndexed}`,variant:"success"}),window.setTimeout(()=>window.location.reload(),1200)}catch{t({title:v.error,description:x?v.rescanBookFailed:v.rescanSeriesFailed,variant:"error"})}finally{s(!1)}},A=async()=>{await u({title:y,description:x?w.deleteBookSure:w.deleteSeriesSure,destructive:!0,irreversible:!0})&&(("volume"===a?await (0,j.deleteBookVolume)(h):await i(h)).ok?window.location.assign(`/${o}/books/${"volume"===a?"volumes":"series"}`):t({title:v.error,description:v.actionFailed,variant:"error"}))},B="volume"===a?`/api/library/books/download/${encodeURIComponent(h)}`:`/api/library/books/download/series/${encodeURIComponent(h)}`;return(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-4",children:[(0,b.jsxs)("button",{onClick:z,disabled:r,className:"flex cursor-pointer items-center gap-1 text-xs uppercase hover:underline disabled:cursor-not-allowed disabled:opacity-50",children:[r?(0,b.jsx)(e.Loader2Icon,{size:12,className:"animate-spin"}):(0,b.jsx)(f.ScanSearchIcon,{size:12}),r?v.scanning:x?w.scanBook:w.scanSeries]}),q&&(0,b.jsxs)("a",{href:B,className:"flex cursor-pointer items-center gap-1 text-xs uppercase hover:underline",children:[(0,b.jsx)(d.DownloadIcon,{size:11}),x?w.downloadBook:w.downloadSeries]}),(0,b.jsxs)("button",{onClick:A,className:"flex cursor-pointer items-center gap-1 text-xs uppercase text-danger-alt hover:underline",children:[(0,b.jsx)(g.TrashIcon,{size:11}),y]})]})}],867909)},198613,a=>{"use strict";var b=a.i(490524),c=a.i(977706),d=a.i(350677),e=a.i(42146),f=a.i(1229);a.s(["default",0,function({summary:a,intl:g}){let[h,i]=(0,e.useState)(!1),j=(0,f.usePathname)(),k=g.books;return(0,e.useEffect)(()=>{i(!1)},[j]),(0,b.jsxs)("div",{className:"max-w-2xl",children:[(0,b.jsx)("p",{className:`${h?"":"line-clamp-3"} whitespace-pre-line leading-relaxed transition-all duration-300`,children:a}),(0,b.jsx)("div",{className:"flex justify-center",children:(0,b.jsx)("button",{onClick:()=>i(a=>!a),className:"mt-2 flex cursor-pointer items-center gap-1 text-sm uppercase text-neutral-600 underline",children:h?(0,b.jsxs)(b.Fragment,{children:[k.showLess," ",(0,b.jsx)(d.ChevronUpIcon,{size:16})]}):(0,b.jsxs)(b.Fragment,{children:[k.showMore," ",(0,b.jsx)(c.ChevronDownIcon,{size:16})]})})})]})}])},693276,a=>{a.v(b=>Promise.all(["server/chunks/ssr/node_modules__pnpm_12r~4of._.js"].map(b=>a.l(b))).then(()=>b(383575)))}];
-
-//# sourceMappingURL=%5Broot-of-the-server%5D__0grf-w0._.js.map

package/dist/.next/server/chunks/ssr/_0kclv2z._.js

@@ -1,3 +0,0 @@
-module.exports=[415309,a=>{"use strict";let b=(0,a.i(790090).default)("trash",[["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);a.s(["TrashIcon",0,b],415309)},104835,a=>{"use strict";let b=(0,a.i(790090).default)("scan-search",[["path",{d:"M3 7V5a2 2 0 0 1 2-2h2",key:"aa7l1z"}],["path",{d:"M17 3h2a2 2 0 0 1 2 2v2",key:"4qcy5o"}],["path",{d:"M21 17v2a2 2 0 0 1-2 2h-2",key:"6vwrx8"}],["path",{d:"M7 21H5a2 2 0 0 1-2-2v-2",key:"ioqczr"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}],["path",{d:"m16 16-1.9-1.9",key:"1dq9hf"}]]);a.s(["ScanSearchIcon",0,b],104835)},906820,a=>{"use strict";var b=a.i(295561);let c=(0,b.createServerReference)("40475e242f7876b496507341616fdc9bfa0b4d003f",b.callServer,void 0,b.findSourceMapURL,"scanVolume");a.s(["scanVolume",0,c])},527429,a=>{"use strict";var b=a.i(295561);let c=(0,b.createServerReference)("401721b51d694a71da223d31cb51958846c9dd8e3e",b.callServer,void 0,b.findSourceMapURL,"deleteVolume");a.s(["deleteVolume",0,c])},24517,532674,a=>{"use strict";var b=a.i(295561);let c=(0,b.createServerReference)("4059e393e1bac7b0be0c006ff7e59b679eff207d52",b.callServer,void 0,b.findSourceMapURL,"deleteBookVolume");a.s(["deleteBookVolume",0,c],24517);let d=(0,b.createServerReference)("4050583137cc27a580146bd45eae3eaa0b9f85b9df",b.callServer,void 0,b.findSourceMapURL,"rescanBookVolume");a.s(["rescanBookVolume",0,d],532674)},164682,a=>{"use strict";var b=a.i(490524),c=a.i(42146),d=a.i(1229),e=a.i(239337),f=a.i(584648),g=a.i(104835),h=a.i(415309),i=a.i(361889),j=a.i(202863),k=a.i(906820),l=a.i(527429),m=a.i(24517),n=a.i(532674);a.s(["default",0,function({intl:a,volumeId:o,volumeSlug:p,section:q}){let r=(0,d.useRouter)(),{addToast:s}=(0,i.useToast)(),{confirm:t}=(0,j.useAlertDialog)(),[u,v]=(0,c.useState)(!1),[w,x]=(0,c.useState)(!1),y="books"===q,z=a.libraries.bookActions,A=async()=>{v(!0);try{if(y){let b=await (0,n.rescanBookVolume)(p);if(!b.ok)return void s({title:"Error",description:b.error,variant:"error"});s({title:a.books.scanComplete,description:`${b.indexed??0} ${a.books.bookIndexed}`,variant:"success"}),r.refresh();return}let b=await (0,k.scanVolume)(o);if(!b||"error"in b)return void s({title:"Error",description:b&&"error"in b?b.error:"Scan failed",variant:"error"});s({title:a?.manga?.scanComplete||"Escaneo completado",description:`${b.coversUpdated} portada(s), ${b.metaUpdated} metadatos`,variant:"success"}),r.refresh()}catch{s({title:"Error",description:"Error al escanear el volumen",variant:"error"})}finally{v(!1)}},B=async()=>{if(await t({title:y?z.deleteBook:a.libraries.deleteItem.volume,description:y?z.deleteBookSure:a.libraries.deleteSure.volume,destructive:!0,irreversible:!0})){x(!0);try{if(y){let a=await (0,m.deleteBookVolume)(p);if(!a.ok)return void s({title:"Error",description:a.error,variant:"error"});s({title:"OK",description:z.deleteBook,variant:"success"}),r.refresh();return}let b=await (0,l.deleteVolume)({slug:p});if(!b||"error"in b||!("ok"in b)||!b.ok)return void s({title:"Error",description:b&&"error"in b?b.error:"Delete failed",variant:"error"});s({title:"OK",description:a.libraries.deleteItem.volume,variant:"success"}),r.refresh()}catch{s({title:"Error",description:"Error deleting volume",variant:"error"})}finally{x(!1)}}};return(0,b.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,b.jsx)("button",{type:"button",onClick:A,disabled:u||w,title:y?z.scanBook:a.manga.scanVolume,className:(0,e.default)("border border-neutral-800 hover:text-pearl rounded-lg p-2 cursor-pointer transition-all duration-300 hover:border-lilah","disabled:opacity-50 disabled:cursor-not-allowed"),children:u?(0,b.jsx)(f.Loader2Icon,{size:16,className:"animate-spin"}):(0,b.jsx)(g.ScanSearchIcon,{size:16})}),(0,b.jsx)("button",{type:"button",onClick:B,disabled:u||w,title:y?z.deleteBook:a.libraries.deleteItem.volume,className:(0,e.default)("border border-neutral-800 hover:text-danger-alt rounded-lg p-2 cursor-pointer transition-all duration-300 hover:border-danger-alt","disabled:opacity-50 disabled:cursor-not-allowed"),children:w?(0,b.jsx)(f.Loader2Icon,{size:16,className:"animate-spin"}):(0,b.jsx)(h.TrashIcon,{size:16})})]})}])}];
-
-//# sourceMappingURL=_0kclv2z._.js.map

package/dist/.next/server/chunks/ssr/_0t_0o.2._.js

@@ -1,3 +0,0 @@
-module.exports=[415309,a=>{"use strict";let b=(0,a.i(790090).default)("trash",[["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);a.s(["TrashIcon",0,b],415309)},104835,a=>{"use strict";let b=(0,a.i(790090).default)("scan-search",[["path",{d:"M3 7V5a2 2 0 0 1 2-2h2",key:"aa7l1z"}],["path",{d:"M17 3h2a2 2 0 0 1 2 2v2",key:"4qcy5o"}],["path",{d:"M21 17v2a2 2 0 0 1-2 2h-2",key:"6vwrx8"}],["path",{d:"M7 21H5a2 2 0 0 1-2-2v-2",key:"ioqczr"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}],["path",{d:"m16 16-1.9-1.9",key:"1dq9hf"}]]);a.s(["ScanSearchIcon",0,b],104835)},24517,532674,a=>{"use strict";var b=a.i(295561);let c=(0,b.createServerReference)("4059e393e1bac7b0be0c006ff7e59b679eff207d52",b.callServer,void 0,b.findSourceMapURL,"deleteBookVolume");a.s(["deleteBookVolume",0,c],24517);let d=(0,b.createServerReference)("4050583137cc27a580146bd45eae3eaa0b9f85b9df",b.callServer,void 0,b.findSourceMapURL,"rescanBookVolume");a.s(["rescanBookVolume",0,d],532674)},867909,a=>{"use strict";var b=a.i(490524),c=a.i(42146),d=a.i(474735),e=a.i(584648),f=a.i(104835),g=a.i(415309),h=a.i(295561);let i=(0,h.createServerReference)("403319d0e8a4b77e82c9a26561537f2d6669676a5b",h.callServer,void 0,h.findSourceMapURL,"deleteBookSeries");var j=a.i(24517);let k=(0,h.createServerReference)("40956428af16bd7975585e4239d071cd5e837636b4",h.callServer,void 0,h.findSourceMapURL,"rescanBookSeries");var l=a.i(532674),m=a.i(202863),n=a.i(361889);a.s(["default",0,function({type:a,slug:h,lang:o,intl:p,canDownload:q}){let[r,s]=(0,c.useState)(!1),{addToast:t}=(0,n.useToast)(),{confirm:u}=(0,m.useAlertDialog)(),v=p.books,w=p.libraries.bookActions,x="volume"===a,y=x?w.deleteBook:w.deleteSeries,z=async()=>{s(!0);try{let b="volume"===a?await (0,l.rescanBookVolume)(h):await k(h);if(!b.ok)return void t({title:v.error,description:v.actionFailed,variant:"error"});t({title:v.scanComplete,description:`${b.indexed??0} ${"volume"===a?v.bookIndexed:v.booksIndexed}`,variant:"success"}),window.setTimeout(()=>window.location.reload(),1200)}catch{t({title:v.error,description:x?v.rescanBookFailed:v.rescanSeriesFailed,variant:"error"})}finally{s(!1)}},A=async()=>{await u({title:y,description:x?w.deleteBookSure:w.deleteSeriesSure,destructive:!0,irreversible:!0})&&(("volume"===a?await (0,j.deleteBookVolume)(h):await i(h)).ok?window.location.assign(`/${o}/books/${"volume"===a?"volumes":"series"}`):t({title:v.error,description:v.actionFailed,variant:"error"}))},B="volume"===a?`/api/library/books/download/${encodeURIComponent(h)}`:`/api/library/books/download/series/${encodeURIComponent(h)}`;return(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-4",children:[(0,b.jsxs)("button",{onClick:z,disabled:r,className:"flex cursor-pointer items-center gap-1 text-xs uppercase hover:underline disabled:cursor-not-allowed disabled:opacity-50",children:[r?(0,b.jsx)(e.Loader2Icon,{size:12,className:"animate-spin"}):(0,b.jsx)(f.ScanSearchIcon,{size:12}),r?v.scanning:x?w.scanBook:w.scanSeries]}),q&&(0,b.jsxs)("a",{href:B,className:"flex cursor-pointer items-center gap-1 text-xs uppercase hover:underline",children:[(0,b.jsx)(d.DownloadIcon,{size:11}),x?w.downloadBook:w.downloadSeries]}),(0,b.jsxs)("button",{onClick:A,className:"flex cursor-pointer items-center gap-1 text-xs uppercase text-danger-alt hover:underline",children:[(0,b.jsx)(g.TrashIcon,{size:11}),y]})]})}],867909)},198613,a=>{"use strict";var b=a.i(490524),c=a.i(977706),d=a.i(350677),e=a.i(42146),f=a.i(1229);a.s(["default",0,function({summary:a,intl:g}){let[h,i]=(0,e.useState)(!1),j=(0,f.usePathname)(),k=g.books;return(0,e.useEffect)(()=>{i(!1)},[j]),(0,b.jsxs)("div",{className:"max-w-2xl",children:[(0,b.jsx)("p",{className:`${h?"":"line-clamp-3"} whitespace-pre-line leading-relaxed transition-all duration-300`,children:a}),(0,b.jsx)("div",{className:"flex justify-center",children:(0,b.jsx)("button",{onClick:()=>i(a=>!a),className:"mt-2 flex cursor-pointer items-center gap-1 text-sm uppercase text-neutral-600 underline",children:h?(0,b.jsxs)(b.Fragment,{children:[k.showLess," ",(0,b.jsx)(d.ChevronUpIcon,{size:16})]}):(0,b.jsxs)(b.Fragment,{children:[k.showMore," ",(0,b.jsx)(c.ChevronDownIcon,{size:16})]})})})]})}])},603447,a=>{"use strict";var b=a.i(490524),c=a.i(42146),d=a.i(1229),e=a.i(239337),f=a.i(735087),g=a.i(420053),h=a.i(295561);let i=(0,h.createServerReference)("40f33af86188484db366b174dc9fda0922685bf93c",h.callServer,void 0,h.findSourceMapURL,"toggleBookSeriesFavorite");a.s(["default",0,function({seriesId:a,initialFavorite:h,intl:j}){let k=(0,d.useRouter)(),[l,m]=(0,c.useState)(h),[n,o]=(0,c.useState)(!1),p=j.books,q=async()=>{o(!0);try{(await i({seriesId:a,favorite:!l})).success&&(m(a=>!a),k.refresh())}finally{o(!1)}},r=l?p.removeFavorite:p.addFavorite;return(0,b.jsx)("button",{onClick:q,disabled:n,title:r,"aria-label":r,className:(0,e.default)("cursor-pointer rounded-lg border p-3 leading-none transition-all duration-300 2xl:p-4",l?"border-sand bg-sand text-onix hover:border-pearl hover:bg-pearl":"border-blackamber bg-blackamber text-sand hover:border-pearl hover:bg-pearl hover:text-onix"),children:l?(0,b.jsx)(g.HeartOffIcon,{size:20}):(0,b.jsx)(f.HeartIcon,{size:20})})}],603447)},876490,a=>{"use strict";var b=a.i(490524),c=a.i(42146),d=a.i(239337),e=a.i(71627),f=a.i(207480),g=a.i(652390),h=a.i(636843),i=a.i(295561);let j=(0,i.createServerReference)("406ed1ffb912fa5b9064fb92275a752a77376135ef",i.callServer,void 0,i.findSourceMapURL,"getBookSeriesStatus"),k=(0,i.createServerReference)("40a2440d48ae9d9c1ac559d62ca2baeb031022e80d",i.callServer,void 0,i.findSourceMapURL,"updateBookSeriesStatus"),l={ONGOING:"text-cyan-500",FINISHED:"text-pearl",HIATUS:"text-yellow-500",CANCELLED:"text-red-500"};a.s(["default",0,function({seriesId:a,intl:i}){let m=i.books,n=[{value:"ONGOING",label:m.ongoing,icon:f.CircleFadingArrowUpIcon},{value:"FINISHED",label:m.finished,icon:e.CircleCheckBig},{value:"HIATUS",label:m.hiatus,icon:g.CirclePauseIcon},{value:"CANCELLED",label:m.cancelled,icon:h.CircleXIcon}],[o,p]=(0,c.useState)(null),[q,r]=(0,c.useState)(!1),[s,t]=(0,c.useState)(!1),u=(0,c.useRef)(null),v=n.find(a=>a.value===o),w=v?.icon??f.CircleFadingArrowUpIcon;(0,c.useEffect)(()=>{let b=!0;return j({seriesId:a}).then(a=>{!b||"error"in a||p(a.status)}),()=>{b=!1}},[a]),(0,c.useEffect)(()=>{let a=a=>{u.current&&!u.current.contains(a.target)&&r(!1)};return q&&document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[q]);let x=async b=>{t(!0);try{let c=await k({seriesId:a,status:b});"error"in c||(p(c.status),r(!1))}finally{t(!1)}};return(0,b.jsxs)("div",{className:"relative",ref:u,children:[(0,b.jsx)("button",{type:"button",onClick:()=>r(a=>!a),disabled:s,title:v?.label??m.selectStatus,className:"group cursor-pointer rounded-lg border border-blackamber bg-blackamber p-3 leading-none text-sand transition-all duration-300 hover:border-pearl hover:bg-pearl hover:text-onix 2xl:p-4",children:(0,b.jsx)(w,{size:20,className:(0,d.default)(l[o??""]??"text-sand","transition-colors","FINISHED"===o&&"group-hover:text-onix")})}),q&&(0,b.jsx)("div",{className:"absolute left-0 top-full z-10 mt-2 min-w-[180px] overflow-hidden rounded-lg bg-blackamber shadow-lg",children:n.map(a=>{let c=a.icon;return(0,b.jsxs)("button",{type:"button",onClick:()=>void x(a.value),disabled:s,className:(0,d.default)("flex w-full cursor-pointer items-center gap-3 px-4 py-3 transition-all duration-200",o===a.value?"bg-sand text-onix":"text-sand hover:bg-pearl hover:text-onix"),children:[(0,b.jsx)(c,{size:20}),(0,b.jsx)("span",{className:"text-sm font-medium",children:a.label})]},a.value)})})]})}],876490)}];
-
-//# sourceMappingURL=_0t_0o.2._.js.map

package/dist/.next/static/chunks/097_-4-3sg~~b.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,853560,e=>{"use strict";let r=(0,e.i(706875).default)("trash",[["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);e.s(["TrashIcon",0,r],853560)},427132,e=>{"use strict";let r=(0,e.i(706875).default)("scan-search",[["path",{d:"M3 7V5a2 2 0 0 1 2-2h2",key:"aa7l1z"}],["path",{d:"M17 3h2a2 2 0 0 1 2 2v2",key:"4qcy5o"}],["path",{d:"M21 17v2a2 2 0 0 1-2 2h-2",key:"6vwrx8"}],["path",{d:"M7 21H5a2 2 0 0 1-2-2v-2",key:"ioqczr"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}],["path",{d:"m16 16-1.9-1.9",key:"1dq9hf"}]]);e.s(["ScanSearchIcon",0,r],427132)},686947,e=>{"use strict";var r=e.i(352009);let a=(0,r.createServerReference)("401721b51d694a71da223d31cb51958846c9dd8e3e",r.callServer,void 0,r.findSourceMapURL,"deleteVolume");e.s(["deleteVolume",0,a])},15351,e=>{"use strict";var r=e.i(352009);let a=(0,r.createServerReference)("40475e242f7876b496507341616fdc9bfa0b4d003f",r.callServer,void 0,r.findSourceMapURL,"scanVolume");e.s(["scanVolume",0,a])},903099,e=>{"use strict";var r=e.i(776172),a=e.i(7284),t=e.i(853560),i=e.i(352009);let l=(0,i.createServerReference)("403dfb8259142603c60ec79a9a09e6aaa41dee10a2",i.callServer,void 0,i.findSourceMapURL,"deleteSeries");var s=e.i(686947),o=e.i(434872);e.s(["default",0,function({intl:e,type:i="volume",slug:c,section:n="manga"}){let{confirm:d}=(0,o.useAlertDialog)();async function u(){let r=null;try{if(!await d({title:"volume"===i?e.libraries.deleteItem.volume:e.libraries.deleteItem.series,description:"volume"===i?e.libraries.deleteSure.volume:e.libraries.deleteSure.series,destructive:!0,irreversible:!0}))return;let a="volume"===i?await (0,s.deleteVolume)({slug:c}):await l({slug:c});if(a&&!("error"in a)&&"ok"in a&&a.ok){let e=window.location.pathname.split("/").filter(Boolean)[0]||"en",r="volume"===i?`/${e}/${n}/volumes`:`/${e}/${n}/series`;window.location.href=r}else r=Error(a&&"error"in a?a.error:"Delete failed")}catch(e){r=e}finally{r&&console.error(r)}}return(0,r.jsxs)("button",{className:(0,a.default)("text-danger-alt text-xs uppercase cursor-pointer hover:underline","flex flex-row items-center gap-1"),onClick:u,children:[(0,r.jsx)(t.TrashIcon,{size:11,className:"mb-0.5"}),"volume"===i?e.libraries.deleteItem.volume:e.libraries.deleteItem.series]})}],903099)},170271,e=>{"use strict";var r=e.i(776172),a=e.i(196505),t=e.i(7284),i=e.i(427132),l=e.i(412841),s=e.i(352009);let o=(0,s.createServerReference)("40c1419376a0930e7036b149af81602b75983f94cd",s.callServer,void 0,s.findSourceMapURL,"scanSeries");var c=e.i(15351),n=e.i(465932);e.s(["default",0,function({seriesId:e,volumeId:s,intl:d}){let[u,m]=(0,a.useState)(!1),{addToast:v}=(0,n.useToast)(),f=!!s,p=async()=>{m(!0);try{let r=f?await (0,c.scanVolume)(s):await o(e);if(!r||"error"in r)return void v({title:"Error",description:r&&"error"in r?r.error:"Scan failed",variant:"error"});v({title:d?.manga?.scanComplete||"Escaneo completado",description:`${r.coversUpdated} portada(s), ${r.metaUpdated} metadatos`,variant:"success"}),setTimeout(()=>{window.location.reload()},2e3)}catch{v({title:"Error",description:f?"Error al escanear el volumen":"Error al escanear la serie",variant:"error"})}finally{m(!1)}};return(0,r.jsxs)("button",{onClick:p,disabled:u,className:(0,t.default)("text-xs uppercase cursor-pointer hover:underline","flex flex-row items-center gap-1","disabled:opacity-50 disabled:cursor-not-allowed"),children:[u?(0,r.jsx)(l.Loader2Icon,{size:12,className:"animate-spin"}):(0,r.jsx)(i.ScanSearchIcon,{size:12}),u?d.manga.scanning:f?d.manga.scanVolume:d.manga.scanSeries]})}],170271)}]);