@itsmrtr/bunkoshelf 1.12.0 → 1.12.1

package/dist/package.json

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

package/dist/runtime/commands/update.mjs

@@ -12,35 +12,31 @@ const PACKAGE_NAME = "@itsmrtr/bunkoshelf";
 const REPOSITORY_NAME = "martirale/bunkoshelf";
 const REGISTRY_URL = `https://registry.npmjs.org/${encodeURIComponent(PACKAGE_NAME)}/latest`;
 
-async function resolveGithubTarget(version) {
-  if (version !== "latest") {
-    return `github:${REPOSITORY_NAME}#${version}`;
-  }
-
+async function resolveLatestVersion() {
   try {
     const response = await fetch(REGISTRY_URL, {
       headers: {
         Accept: "application/json",
+        "Cache-Control": "no-cache",
       },
+      cache: "no-store",
       signal: AbortSignal.timeout(4000),
     });
 
-    if (!response.ok) {
-      return `github:${REPOSITORY_NAME}#main`;
-    }
+    if (!response.ok) return null;
 
     const payload = await response.json();
-    const latestVersion =
-      payload && typeof payload.version === "string" ? payload.version : null;
-
-    return latestVersion
-      ? `github:${REPOSITORY_NAME}#${latestVersion}`
-      : `github:${REPOSITORY_NAME}#main`;
+    return payload && typeof payload.version === "string" ? payload.version : null;
   } catch {
-    return `github:${REPOSITORY_NAME}#main`;
+    return null;
   }
 }
 
+function resolveGithubTarget(version, latestVersion) {
+  const targetVersion = version === "latest" ? latestVersion : version;
+  return `github:${REPOSITORY_NAME}#${targetVersion ?? "main"}`;
+}
+
 function isRegistryTarballNotFound(error) {
   if (!error || typeof error !== "object") return false;
   if (!("stderr" in error) || typeof error.stderr !== "string") return false;
@@ -85,12 +81,15 @@ export async function update(version = "latest") {
     throw new Error(`Current project does not depend on ${PACKAGE_NAME}.`);
   }
 
-  const progress = spinner();
-  const target = `${PACKAGE_NAME}@${version}`;
+  const latestVersion = version === "latest" ? await resolveLatestVersion() : null;
+  const targetVersion = latestVersion ?? version;
+  const target = `${PACKAGE_NAME}@${targetVersion}`;
   const packageManager = await detectPackageManager(process.cwd());
   const updateCommand = getUpdateDependencyCommand(packageManager, target);
+  const progress = spinner();
+  let installedTarget = target;
 
-  progress.start(`Updating ${PACKAGE_NAME} to ${chalk.cyan(version)}...`);
+  progress.start(`Updating ${PACKAGE_NAME} to ${chalk.cyan(targetVersion)}...`);
 
   try {
     await runPackageManagerCommand(
@@ -104,7 +103,7 @@ export async function update(version = "latest") {
       throw error;
     }
 
-    const fallbackTarget = await resolveGithubTarget(version);
+    const fallbackTarget = resolveGithubTarget(version, latestVersion);
 
     progress.message(
       `Registry tarball unavailable, retrying from ${chalk.cyan(fallbackTarget)}...`
@@ -121,6 +120,7 @@ export async function update(version = "latest") {
         fallbackCommand.args,
         process.cwd()
       );
+      installedTarget = fallbackTarget;
     } catch (fallbackError) {
       progress.stop(chalk.red("Update failed"));
       throw fallbackError;
@@ -128,5 +128,5 @@ export async function update(version = "latest") {
   }
 
   progress.stop(`Updated ${PACKAGE_NAME}`);
-  outro(`Bunko Shelf is now installed from ${chalk.cyan(target)}`);
+  outro(`Bunko Shelf is now installed from ${chalk.cyan(installedTarget)}`);
 }

package/dist/src/actions/search.ts

@@ -3,6 +3,7 @@
 import MiniSearch from "minisearch";
 import { verifySession } from "@/lib/auth/verifySession";
 import { listSeries, listVolumes } from "@/lib/db/library";
+import { listBookSearchEntries } from "@/lib/db/books/library";
 import { getLibrarySection } from "@/lib/librarySection";
 import type { SearchResult } from "@/lib/types";
 
@@ -15,7 +16,7 @@ interface SeriesDoc {
   title: string;
   slug: string;
   isOneshot: boolean;
-  section: "manga" | "comic" | "others";
+  section: "manga" | "comic" | "others" | "books";
   writer: string;
   series: string;
 }
@@ -27,7 +28,7 @@ interface VolumeDoc {
   series: string;
   slug: string;
   isOneshot: boolean;
-  section: "manga" | "comic" | "others";
+  section: "manga" | "comic" | "others" | "books";
   genres: string;
   tags: string;
 }
@@ -52,10 +53,14 @@ export async function searchManga({ query }: SearchParams) {
     return { success: true, data: [] };
   }
 
-  const volumes = await listVolumes({
-    includeGenres: true,
-    includeTags: true,
-  });
+  const [volumes, seriesList, bookEntries] = await Promise.all([
+    listVolumes({
+      includeGenres: true,
+      includeTags: true,
+    }),
+    listSeries(),
+    listBookSearchEntries(),
+  ]);
 
   const writerBySeriesId = new Map<string, string>();
   const seriesNameById = new Map<string, string>();
@@ -79,9 +84,7 @@ export async function searchManga({ query }: SearchParams) {
     }
   }
 
-  const seriesList = await listSeries();
-
-  const seriesDocs: SeriesDoc[] = seriesList.map((s) => ({
+  const mangaSeriesDocs: SeriesDoc[] = seriesList.map((s) => ({
     id: `series-${s.id}`,
     title: s.title,
     slug: s.slug,
@@ -91,6 +94,32 @@ export async function searchManga({ query }: SearchParams) {
     series: seriesNameById.get(s.id) || s.title,
   }));
 
+  const bookSeries = new Map<string, { entry: typeof bookEntries[number]; writers: Set<string> }>();
+
+  for (const entry of bookEntries) {
+    const current = bookSeries.get(entry.seriesId);
+    if (current) {
+      if (entry.writer) current.writers.add(entry.writer);
+      continue;
+    }
+    bookSeries.set(entry.seriesId, {
+      entry,
+      writers: new Set(entry.writer ? [entry.writer] : []),
+    });
+  }
+
+  const bookSeriesDocs: SeriesDoc[] = Array.from(bookSeries.values()).map(({ entry, writers }) => ({
+    id: `book-series-${entry.seriesId}`,
+    title: entry.seriesTitle,
+    slug: entry.seriesSlug,
+    isOneshot: entry.seriesIsOneshot,
+    section: entry.librarySection === "books" ? "books" : "others",
+    writer: Array.from(writers).join(", "),
+    series: entry.seriesTitle,
+  }));
+
+  const seriesDocs = [...mangaSeriesDocs, ...bookSeriesDocs];
+
   const seriesMap = new Map<string, SeriesDoc>(seriesDocs.map((s) => [s.id, s]));
 
   const seriesSearch = new MiniSearch({
@@ -120,7 +149,7 @@ export async function searchManga({ query }: SearchParams) {
     };
   });
 
-  const volumeDocs: VolumeDoc[] = volumes.map((vol) => {
+  const mangaVolumeDocs: VolumeDoc[] = volumes.map((vol) => {
     const genreNames = vol.genres
       .map((genre) => genre.name?.trim())
       .filter((name): name is string => Boolean(name));
@@ -142,6 +171,20 @@ export async function searchManga({ query }: SearchParams) {
     };
   });
 
+  const bookVolumeDocs: VolumeDoc[] = bookEntries.map((entry) => ({
+    id: `book-volume-${entry.id}`,
+    title: entry.title,
+    writer: entry.writer,
+    series: entry.seriesTitle,
+    slug: entry.slug,
+    isOneshot: entry.seriesIsOneshot,
+    section: entry.librarySection === "books" ? "books" : "others",
+    genres: entry.subjects,
+    tags: "",
+  }));
+
+  const volumeDocs = [...mangaVolumeDocs, ...bookVolumeDocs];
+
   const volumesMap = new Map<string, VolumeDoc>(volumeDocs.map((doc) => [doc.id, doc]));
 
   const volumeSearch = new MiniSearch({

package/dist/src/components/library/books/BookVolumeContent.tsx

@@ -54,10 +54,10 @@ export default function BookVolumeContent({ volume, lang, intl, readingEntries,
         </div>
         <div className="w-full md:w-7/12 2xl:w-2/3 2xl:pl-4">
           <h1 className="text-2xl leading-11 md:text-3xl md:leading-14">{volume.metadata.title}</h1>
-          {volume.metadata.subtitle && <p className="py-2 italic">{volume.metadata.subtitle}</p>}
+          {volume.metadata.subtitle && <p className="py-2 text-2xl not-italic">{volume.metadata.subtitle}</p>}
           {!volume.series.isOneshot && (
             <div className="py-2">
-              <Link href={`/${lang}/${libraryRoot}/${volume.series.slug}`} className="italic hover:underline">
+              <Link href={`/${lang}/${libraryRoot}/${volume.series.slug}`} className="text-2xl not-italic hover:underline">
                 {seriesLabel} {volume.series.title}
               </Link>
             </div>

package/dist/src/components/library/books/BookVolumeRating.tsx

@@ -60,8 +60,8 @@ export default function BookVolumeRating({ volumeId, initialPersonalRating, intl
 
   if (!hasRating && !isOpen) {
     return (
-      <button type="button" onClick={open} className="mt-4 flex cursor-pointer items-center gap-1.5 text-sm text-neutral-500 transition-colors hover:text-neutral-300">
-        <StarIcon size={14} />
+      <button type="button" onClick={open} className="mt-4 flex cursor-pointer items-center gap-1.5 text-xl uppercase text-neutral-500 transition-colors hover:text-neutral-300">
+        <StarIcon size={20} />
         <span>{books.rate}</span>
       </button>
     );

package/dist/src/components/library/manga/VolumeRating.tsx

@@ -75,9 +75,9 @@ export default function VolumeRating({
     return (
       <button
         onClick={openPanel}
-        className="mt-4 flex items-center gap-1.5 text-sm text-neutral-500 hover:text-neutral-300 transition-colors cursor-pointer"
+        className="mt-4 flex items-center gap-1.5 text-xl uppercase text-neutral-500 hover:text-neutral-300 transition-colors cursor-pointer"
       >
-        <StarIcon size={14} />
+        <StarIcon size={20} />
         <span>Valorar</span>
       </button>
     );

package/dist/src/components/library/manga/VolumesContent.tsx

@@ -109,7 +109,7 @@ export default function VolumesContent({
             <div className="py-2">
               <Link
                 href={`/${lang}/${section}/${seriesSlug}`}
-                className="italic hover:underline"
+                className="text-2xl not-italic hover:underline"
               >
                 {seriesLabel} {(meta.series as string) || seriesTitle}
               </Link>

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

@@ -9,7 +9,6 @@ import {
   MenuIcon,
   Minimize2Icon,
   SearchIcon,
-  Settings2Icon,
   Trash2Icon,
 } from "lucide-react";
 import type { Dictionary } from "@/lib/types";
@@ -97,9 +96,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   const reader = intl.epubReader as Record<string, string>;
   const viewerRef = useRef<HTMLDivElement>(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"]>([]);
@@ -125,7 +122,6 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   const [margin, setMargin] = useState(24);
   const [columnWidth, setColumnWidth] = useState(720);
   const [preferencesLoaded, setPreferencesLoaded] = useState(false);
-  const [showSettings, setShowSettings] = useState(false);
   const [showToc, setShowToc] = useState(false);
   const [coverVisible, setCoverVisible] = useState(false);
   const [bookmarkCfis, setBookmarkCfis] = useState<string[]>([]);
@@ -137,7 +133,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   const [noteDraft, setNoteDraft] = useState("");
   const [noteEditorOpen, setNoteEditorOpen] = useState(false);
   const [annotationNoteEditorOpen, setAnnotationNoteEditorOpen] = useState(false);
-  const [tocTab, setTocTab] = useState<"contents" | "bookmarks" | "annotations">("contents");
+  const [tocTab, setTocTab] = useState<"contents" | "bookmarks" | "annotations" | "settings">("contents");
   const [search, setSearch] = useState("");
   const [matches, setMatches] = useState<Array<{ label: string; cfi: string }>>([]);
 
@@ -158,7 +154,6 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   }, [isOpen]);
 
   const closePanels = useCallback(() => {
-    setShowSettings(false);
     setShowToc(false);
   }, []);
 
@@ -509,7 +504,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     if (target?.closest("input, textarea, select, [contenteditable='true']")) return;
     if (event.key === "Escape") {
       event.preventDefault();
-      if (showSettings || showToc) closePanels();
+      if (showToc) closePanels();
       else closeReader();
       return;
     }
@@ -521,7 +516,7 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
       event.preventDefault();
       navigateNext();
     }
-  }, [closePanels, closeReader, isOpen, navigateNext, navigatePrevious, showSettings, showToc]);
+  }, [closePanels, closeReader, isOpen, navigateNext, navigatePrevious, showToc]);
 
   useEffect(() => {
     readerKeyHandlerRef.current = handleReaderKey;
@@ -533,20 +528,18 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
   }, [handleReaderKey]);
 
   useEffect(() => {
-    if (!isOpen || (!showSettings && !showToc)) return;
+    if (!isOpen || !showToc) return;
     const closeOnOutsidePointer = (event: PointerEvent) => {
       const target = event.target as Node;
       if (
-        settingsPanelRef.current?.contains(target)
-        || tocPanelRef.current?.contains(target)
-        || settingsToggleRef.current?.contains(target)
+        tocPanelRef.current?.contains(target)
         || tocToggleRef.current?.contains(target)
       ) return;
       closePanels();
     };
     document.addEventListener("pointerdown", closeOnOutsidePointer);
     return () => document.removeEventListener("pointerdown", closeOnOutsidePointer);
-  }, [closePanels, isOpen, showSettings, showToc]);
+  }, [closePanels, isOpen, showToc]);
 
   const openToc = async (href: string) => {
     coverVisibleRef.current = false;
@@ -681,18 +674,12 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
     setMatches(results.slice(0, 50));
   };
 
-  const togglePanel = (panel: "toc" | "settings") => {
+  const toggleToc = () => {
     setSelectionMenu(null);
     setAnnotationMenu(null);
     setNoteEditorOpen(false);
     setAnnotationNoteEditorOpen(false);
-    if (panel === "toc") {
-      setShowToc((visible) => !visible);
-      setShowSettings(false);
-    } else {
-      setShowSettings((visible) => !visible);
-      setShowToc(false);
-    }
+    setShowToc((visible) => !visible);
   };
 
   if (!isOpen) return null;
@@ -700,26 +687,13 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
 
   return (
     <div className="fixed inset-0 z-50 overflow-hidden text-sand" style={{ background: themeStyles[theme].background }}>
-      {showSettings && (
-        <div ref={settingsPanelRef} className="absolute bottom-[calc(3.5rem+max(0.75rem,env(safe-area-inset-bottom)))] right-3 z-40 max-h-[calc(100dvh-5.5rem-max(0.75rem,env(safe-area-inset-bottom)))] w-[min(24rem,calc(100vw-1.5rem))] overflow-y-auto rounded-lg bg-blackamber p-5 shadow-xl md:bottom-14 md:max-h-[calc(100dvh-4.5rem)]">
-          <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>
-            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.font}<select value={fontFamily} onChange={(event) => setFontFamily(event.target.value as "serif" | "sans")} className="cursor-pointer rounded bg-onix px-3 py-2 text-base"><option value="serif">{reader.serif}</option><option value="sans">{reader.sans}</option></select></label>
-            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.fontSize}<input className="w-full cursor-pointer accent-lilah" type="range" min="80" max="160" value={fontSize} onChange={(event) => setFontSize(Number(event.target.value))} /></label>
-            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.lineHeight}<input className="w-full cursor-pointer accent-lilah" type="range" min="1.2" max="2.4" step="0.1" value={lineHeight} onChange={(event) => setLineHeight(Number(event.target.value))} /></label>
-            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.margin}<input className="w-full cursor-pointer accent-lilah" type="range" min="0" max="80" value={margin} onChange={(event) => setMargin(Number(event.target.value))} /></label>
-            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.column}<input className="w-full cursor-pointer accent-lilah" type="range" min="320" max="1200" value={columnWidth} onChange={(event) => setColumnWidth(Number(event.target.value))} /></label>
-          </div>
-        </div>
-      )}
-
       {showToc && (
-        <aside ref={tocPanelRef} className="absolute bottom-[calc(3.5rem+max(0.75rem,env(safe-area-inset-bottom)))] left-0 top-0 z-40 w-[min(24rem,calc(100vw-1.5rem))] overflow-y-auto bg-blackamber p-5 shadow-xl md:bottom-14">
-          <div className="mb-4 flex gap-2 border-b border-white/15">
+        <aside ref={tocPanelRef} className="absolute bottom-[calc(3.5rem+max(0.75rem,env(safe-area-inset-bottom)))] left-0 top-0 z-40 w-full overflow-y-auto bg-blackamber p-5 shadow-xl md:bottom-14 md:w-96">
+          <div className="mb-4 flex flex-wrap 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>
             <button onClick={() => setTocTab("annotations")} className={`cursor-pointer px-2 pb-2 text-base ${tocTab === "annotations" ? "border-b-2 border-lilah text-lilah" : "text-sand"}`}>{reader.annotations} {annotations.length > 0 ? `(${annotations.length})` : ""}</button>
+            {layout === "reflowable" && <button onClick={() => setTocTab("settings")} className={`cursor-pointer px-2 pb-2 text-base ${tocTab === "settings" ? "border-b-2 border-lilah text-lilah" : "text-sand"}`}>{reader.settings}</button>}
           </div>
           {tocTab === "contents" ? <>
             <div className="mb-4 flex gap-2"><input value={search} onChange={(event) => setSearch(event.target.value)} onKeyDown={(event) => event.key === "Enter" && runSearch()} placeholder={reader.searchPlaceholder} className="min-w-0 flex-1 rounded bg-onix px-3 py-2 text-base" /><button onClick={runSearch} aria-label={reader.searchPlaceholder} className="cursor-pointer rounded bg-lilah p-2 text-onix"><SearchIcon size={20} /></button></div>
@@ -727,8 +701,16 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
             {toc.map((entry) => <button key={entry.href} onClick={() => openToc(entry.href)} className="block w-full cursor-pointer py-2 text-left text-base hover:text-lilah">{entry.label}</button>)}
           </> : tocTab === "bookmarks" ? <div className="space-y-1">
             {bookmarks.length === 0 ? <p className="py-2 text-base text-neutral-400">{reader.noBookmarks}</p> : bookmarks.map((bookmark) => <div key={bookmark.id} className="flex items-center gap-2 rounded hover:bg-onix"><button onClick={() => openToc(bookmark.cfi)} className="min-w-0 flex-1 cursor-pointer px-2 py-3 text-left text-base hover:text-lilah"><span className="block truncate">{bookmark.chapterLabel || bookmark.label || reader.markedPage}</span><span className="mt-1 block text-sm text-neutral-400">{reader.goToLocation}</span></button><button onClick={() => removeBookmark(bookmark)} title={reader.removeBookmark} aria-label={reader.removeBookmark} className="cursor-pointer p-3 text-neutral-400 hover:text-lilah"><Trash2Icon size={18} /></button></div>)}
-          </div> : <div className="space-y-2">
+          </div> : tocTab === "annotations" ? <div className="space-y-2">
             {annotations.length === 0 ? <p className="py-2 text-base text-neutral-400">{reader.noAnnotations}</p> : annotations.map((annotation) => <div key={annotation.id} className="rounded bg-onix/60 p-3"><button onClick={() => openToc(annotation.cfiRange)} className="block w-full cursor-pointer text-left hover:text-lilah"><span className="block text-base leading-relaxed">{annotation.excerpt || reader.highlightedText}</span><span className="mt-2 block text-sm text-lilah">{reader.goToLocation}</span></button>{annotation.note && <p className="mt-3 border-t border-white/10 pt-3 text-base text-sand"><span className="mr-2 text-sm uppercase text-neutral-400">{reader.note}</span>{annotation.note}</p>}<button onClick={() => removeAnnotation(annotation)} className="mt-3 flex cursor-pointer items-center gap-2 text-sm text-neutral-400 hover:text-lilah"><Trash2Icon size={16} />{reader.deleteHighlight}</button></div>)}
+          </div> : <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>
+            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.font}<select value={fontFamily} onChange={(event) => setFontFamily(event.target.value as "serif" | "sans")} className="cursor-pointer rounded bg-onix px-3 py-2 text-base"><option value="serif">{reader.serif}</option><option value="sans">{reader.sans}</option></select></label>
+            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.fontSize}<input className="w-full cursor-pointer accent-lilah" type="range" min="80" max="160" value={fontSize} onChange={(event) => setFontSize(Number(event.target.value))} /></label>
+            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.lineHeight}<input className="w-full cursor-pointer accent-lilah" type="range" min="1.2" max="2.4" step="0.1" value={lineHeight} onChange={(event) => setLineHeight(Number(event.target.value))} /></label>
+            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.margin}<input className="w-full cursor-pointer accent-lilah" type="range" min="0" max="80" value={margin} onChange={(event) => setMargin(Number(event.target.value))} /></label>
+            <label className="grid grid-cols-[7rem_1fr] items-center gap-3">{reader.column}<input className="w-full cursor-pointer accent-lilah" type="range" min="320" max="1200" value={columnWidth} onChange={(event) => setColumnWidth(Number(event.target.value))} /></label>
           </div>}
         </aside>
       )}
@@ -773,9 +755,8 @@ export default function EpubReader({ isOpen, onClose, slug, title, layout, intl
         <div className="flex h-14 items-center justify-between px-2">
           <div className="flex items-center gap-1">
             <button onClick={closeReader} title={reader.close} aria-label={reader.close} className="cursor-pointer p-2"><Minimize2Icon size={24} /></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>}
             <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>
-            <button ref={tocToggleRef} onClick={() => togglePanel("toc")} title={reader.contents} aria-label={reader.contents} className="cursor-pointer p-2"><MenuIcon size={24} /></button>
+            <button ref={tocToggleRef} onClick={toggleToc} title={reader.contents} aria-label={reader.contents} className="cursor-pointer p-2"><MenuIcon size={24} /></button>
           </div>
           <div className="flex items-center gap-1">
             <button onClick={navigatePrevious} title={reader.previous} aria-label={reader.previous} className="cursor-pointer p-2"><ChevronLeftIcon size={24} /></button>

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

@@ -30,6 +30,19 @@ export interface BookVolume {
   metadata: EpubMetadata & { id: string };
 }
 
+export interface BookSearchEntry {
+  id: string;
+  slug: string;
+  title: string;
+  seriesId: string;
+  seriesSlug: string;
+  seriesTitle: string;
+  seriesIsOneshot: boolean;
+  librarySection: BookLibrarySection;
+  writer: string;
+  subjects: string;
+}
+
 interface BookRow {
   volume_id: string;
   volume_slug: string;
@@ -410,6 +423,33 @@ export async function listBookSeries(): Promise<Array<BookSeries & { volumeCount
     GROUP BY bs.id ORDER BY bs.sort_title`);
 }
 
+export async function listBookSearchEntries(): Promise<BookSearchEntry[]> {
+  return query<BookSearchEntry>(`
+    SELECT bv.id, bv.slug, bm.title,
+      bs.id AS "seriesId", bs.slug AS "seriesSlug", bs.title AS "seriesTitle",
+      bs.is_oneshot AS "seriesIsOneshot", bs.library_section AS "librarySection",
+      COALESCE(
+        STRING_AGG(DISTINCT BTRIM(bp.name), ', ') FILTER (
+          WHERE bp.kind = 'creator'
+            AND (bp.role IS NULL OR LOWER(bp.role) = 'aut')
+            AND BTRIM(bp.name) <> ''
+        ),
+        ''
+      ) AS writer,
+      COALESCE(
+        STRING_AGG(DISTINCT BTRIM(bsub.name), ', ') FILTER (WHERE BTRIM(bsub.name) <> ''),
+        ''
+      ) AS subjects
+    FROM book_volumes bv
+    INNER JOIN book_series bs ON bs.id = bv.series_id
+    INNER JOIN book_metadata bm ON bm.volume_id = bv.id
+    LEFT JOIN book_people bp ON bp.metadata_id = bm.id
+    LEFT JOIN book_subjects bsub ON bsub.metadata_id = bm.id
+    GROUP BY bv.id, bv.slug, bv.number, bv.sort_title, bm.title, bs.id, bs.slug, bs.title, bs.is_oneshot, bs.library_section, bs.sort_title
+    ORDER BY bs.sort_title, bv.number NULLS LAST, bv.sort_title
+  `);
+}
+
 export async function findBookSeriesBySlug(slug: string): Promise<BookSeries | null> {
   return queryOne<BookSeries>(`
     SELECT id, slug, title, path, is_oneshot AS "isOneshot", status,

package/dist/src/lib/types/search.ts

@@ -1,6 +1,6 @@
 export interface SearchResult {
   id: string;
-  section: "manga" | "comic" | "others";
+  section: "manga" | "comic" | "others" | "books";
   type: "series" | "volume";
   title: string;
   slug: string;

package/package.json

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

package/runtime/commands/update.mjs

@@ -12,35 +12,31 @@ const PACKAGE_NAME = "@itsmrtr/bunkoshelf";
 const REPOSITORY_NAME = "martirale/bunkoshelf";
 const REGISTRY_URL = `https://registry.npmjs.org/${encodeURIComponent(PACKAGE_NAME)}/latest`;
 
-async function resolveGithubTarget(version) {
-  if (version !== "latest") {
-    return `github:${REPOSITORY_NAME}#${version}`;
-  }
-
+async function resolveLatestVersion() {
   try {
     const response = await fetch(REGISTRY_URL, {
       headers: {
         Accept: "application/json",
+        "Cache-Control": "no-cache",
       },
+      cache: "no-store",
       signal: AbortSignal.timeout(4000),
     });
 
-    if (!response.ok) {
-      return `github:${REPOSITORY_NAME}#main`;
-    }
+    if (!response.ok) return null;
 
     const payload = await response.json();
-    const latestVersion =
-      payload && typeof payload.version === "string" ? payload.version : null;
-
-    return latestVersion
-      ? `github:${REPOSITORY_NAME}#${latestVersion}`
-      : `github:${REPOSITORY_NAME}#main`;
+    return payload && typeof payload.version === "string" ? payload.version : null;
   } catch {
-    return `github:${REPOSITORY_NAME}#main`;
+    return null;
   }
 }
 
+function resolveGithubTarget(version, latestVersion) {
+  const targetVersion = version === "latest" ? latestVersion : version;
+  return `github:${REPOSITORY_NAME}#${targetVersion ?? "main"}`;
+}
+
 function isRegistryTarballNotFound(error) {
   if (!error || typeof error !== "object") return false;
   if (!("stderr" in error) || typeof error.stderr !== "string") return false;
@@ -85,12 +81,15 @@ export async function update(version = "latest") {
     throw new Error(`Current project does not depend on ${PACKAGE_NAME}.`);
   }
 
-  const progress = spinner();
-  const target = `${PACKAGE_NAME}@${version}`;
+  const latestVersion = version === "latest" ? await resolveLatestVersion() : null;
+  const targetVersion = latestVersion ?? version;
+  const target = `${PACKAGE_NAME}@${targetVersion}`;
   const packageManager = await detectPackageManager(process.cwd());
   const updateCommand = getUpdateDependencyCommand(packageManager, target);
+  const progress = spinner();
+  let installedTarget = target;
 
-  progress.start(`Updating ${PACKAGE_NAME} to ${chalk.cyan(version)}...`);
+  progress.start(`Updating ${PACKAGE_NAME} to ${chalk.cyan(targetVersion)}...`);
 
   try {
     await runPackageManagerCommand(
@@ -104,7 +103,7 @@ export async function update(version = "latest") {
       throw error;
     }
 
-    const fallbackTarget = await resolveGithubTarget(version);
+    const fallbackTarget = resolveGithubTarget(version, latestVersion);
 
     progress.message(
       `Registry tarball unavailable, retrying from ${chalk.cyan(fallbackTarget)}...`
@@ -121,6 +120,7 @@ export async function update(version = "latest") {
         fallbackCommand.args,
         process.cwd()
       );
+      installedTarget = fallbackTarget;
     } catch (fallbackError) {
       progress.stop(chalk.red("Update failed"));
       throw fallbackError;
@@ -128,5 +128,5 @@ export async function update(version = "latest") {
   }
 
   progress.stop(`Updated ${PACKAGE_NAME}`);
-  outro(`Bunko Shelf is now installed from ${chalk.cyan(target)}`);
+  outro(`Bunko Shelf is now installed from ${chalk.cyan(installedTarget)}`);
 }