@eternalheart/react-file-preview 1.3.10 → 1.3.12

package/lib/chunks/{index-DSAXdrgU.mjs → index-DlptjfMf.mjs}

@@ -1,24 +1,25 @@
-import { jsxs as T, jsx as i } from "react/jsx-runtime";
-import { forwardRef as dr, useRef as c, useState as h, useCallback as d, useImperativeHandle as mr, useEffect as X } from "react";
+import { jsxs as N, jsx as c } from "react/jsx-runtime";
+import { forwardRef as dr, useRef as i, useState as h, useCallback as d, useImperativeHandle as mr, useEffect as X } from "react";
 import br from "@likecoin/epub-ts";
 import { X as hr } from "lucide-react";
-import { u as wr, a as yr } from "./index-CGNWXFy3.mjs";
+import { u as wr, a as yr } from "./index-BCbSb9Ob.mjs";
+import { R as gr } from "./RendererError-BH6fzLrN.mjs";
 if (typeof document < "u" && !document.getElementById("rfp-epub-styles")) {
-  const p = document.createElement("style");
-  p.id = "rfp-epub-styles", p.textContent = `
+  const f = document.createElement("style");
+  f.id = "rfp-epub-styles", f.textContent = `
     .epub-container { overflow-y: auto !important; scrollbar-width: thin; }
     .epub-container::-webkit-scrollbar { width: 8px; }
     .epub-container::-webkit-scrollbar-track { background: transparent; }
     .epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }
     .epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }
     .epub-view > iframe { background: white; }
-  `, document.head.appendChild(p);
+  `, document.head.appendChild(f);
 }
-const xr = 794, Er = dr(
-  ({ url: p, onChapterChange: _, onFullWidthChange: D }, ir) => {
-    const G = wr(), cr = yr(), w = c(null), j = c(null), a = c(null), f = c(_), E = c(D);
-    f.current = _, E.current = D;
-    const y = c(0), H = c(null), M = c(!1), [ar, I] = h(!0), [L, U] = h(null), [V, fr] = h(!1), [B, J] = h([]), [A, x] = h(!1), [K, O] = h(""), Q = c([]);
+const xr = 794, Hr = dr(
+  ({ url: f, onChapterChange: _, onFullWidthChange: D }, ir) => {
+    const G = wr(), ar = yr(), w = i(null), I = i(null), a = i(null), l = i(_), E = i(D);
+    l.current = _, E.current = D;
+    const y = i(0), R = i(null), M = i(!1), [cr, j] = h(!0), [H, U] = h(null), [V, fr] = h(!1), [B, J] = h([]), [L, g] = h(!1), [K, O] = h(""), Q = i([]);
     Q.current = B, M.current = V;
     const Y = d(() => {
       var r;
@@ -26,41 +27,41 @@ const xr = 794, Er = dr(
     }, []), Z = d(() => {
       var r;
       (r = a.current) == null || r.next();
-    }, []), m = c(null), R = c(0), P = c((r) => {
-      var s, l;
+    }, []), m = i(null), A = i(0), P = i((r) => {
+      var s, u;
       const e = m.current;
       if (!e) return;
       const t = e;
       if (t.scrollTop + t.clientHeight >= t.scrollHeight - 200)
         try {
           const n = (s = a.current) == null ? void 0 : s.manager;
-          (l = n == null ? void 0 : n.check) == null || l.call(n, 500, 500);
+          (u = n == null ? void 0 : n.check) == null || u.call(n, 500, 500);
         } catch {
         }
     }), S = d(() => {
-      m.current && (m.current.removeEventListener("scroll", P.current), m.current = null), cancelAnimationFrame(R.current);
+      m.current && (m.current.removeEventListener("scroll", P.current), m.current = null), cancelAnimationFrame(A.current);
       const r = () => {
         var t;
         const e = ((t = w.current) == null ? void 0 : t.querySelector(".epub-container")) ?? null;
         if (!e) {
-          R.current = requestAnimationFrame(r);
+          A.current = requestAnimationFrame(r);
           return;
         }
         m.current = e, e.addEventListener("scroll", P.current, { passive: !0 });
       };
-      R.current = requestAnimationFrame(r);
+      A.current = requestAnimationFrame(r);
     }, []), C = d(() => {
       var e;
       const r = !M.current;
       fr(r), (e = E.current) == null || e.call(E, r), setTimeout(() => {
-        const t = w.current, u = a.current;
-        !t || !u || (u.resize(t.offsetWidth, t.offsetHeight), H.current && u.display(H.current), S());
+        const t = w.current, p = a.current;
+        !t || !p || (p.resize(t.offsetWidth, t.offsetHeight), R.current && p.display(R.current), S());
       }, 350);
     }, [S]), rr = d(() => {
-      x((r) => !r);
+      g((r) => !r);
     }, []), lr = d((r) => {
       var e;
-      O(r), (e = a.current) == null || e.display(r), x(!1);
+      O(r), (e = a.current) == null || e.display(r), g(!1);
     }, []);
     mr(ir, () => ({
       prevPage: Y,
@@ -69,25 +70,25 @@ const xr = 794, Er = dr(
       toggleToc: rr
     }), [Y, Z, C, rr]), X(() => {
       const r = w.current;
-      if (!r) return;
-      I(!0), U(null), J([]), x(!1), r.innerHTML = "", H.current = null, y.current = 0;
+      if (!r || !f) return;
+      j(!0), U(null), J([]), g(!1), r.innerHTML = "", R.current = null, y.current = 0;
       let e = !1;
       const t = window.setTimeout(() => {
-        e || u();
-      }, 0), u = async () => {
+        e || p();
+      }, 0), p = async () => {
         var s;
         try {
-          let l = p;
-          p.startsWith("blob:") && (l = await (await cr(p)).arrayBuffer());
-          const n = br(l);
-          j.current = n;
-          const g = n.renderTo(r, {
+          let u = f;
+          f.startsWith("blob:") && (u = await (await ar(f)).arrayBuffer());
+          const n = br(u);
+          I.current = n;
+          const x = n.renderTo(r, {
             manager: "continuous",
             flow: "scrolled",
             width: "100%",
             height: "100%"
           });
-          a.current = g, g.themes.register("default", {
+          a.current = x, x.themes.register("default", {
             body: {
               background: "#ffffff !important",
               color: "#1a1a1a !important",
@@ -106,22 +107,22 @@ const xr = 794, Er = dr(
             h3: { margin: "1em 0 0.6em !important" },
             img: { "max-width": "100% !important", height: "auto !important" },
             a: { color: "#2563eb !important", "text-decoration": "none !important" }
-          }), g.themes.select("default"), await n.ready, n.locations.generate(1024).then(() => {
-            var v, k, N;
+          }), x.themes.select("default"), await n.ready, n.locations.generate(1024).then(() => {
+            var v, k, T;
             if (e) return;
             y.current = n.locations.length();
             const b = (v = a.current) == null ? void 0 : v.currentLocation(), o = ((k = b == null ? void 0 : b.start) == null ? void 0 : k.location) ?? 0;
-            (N = f.current) == null || N.call(f, o + 1, y.current);
+            (T = l.current) == null || T.call(l, o + 1, y.current);
           }).catch(() => {
           });
           const z = await n.loaded.navigation;
-          if (!e && Array.isArray(z == null ? void 0 : z.toc) && J(z.toc), await g.display(), e) return;
-          I(!1), (s = f.current) == null || s.call(f, 1, y.current || 1), g.on("relocated", (b) => {
-            var N, tr, nr, or;
+          if (!e && Array.isArray(z == null ? void 0 : z.toc) && J(z.toc), await x.display(), e) return;
+          j(!1), (s = l.current) == null || s.call(l, 1, y.current || 1), x.on("relocated", (b) => {
+            var T, tr, nr, or;
             const o = b;
-            if ((N = o == null ? void 0 : o.start) != null && N.cfi && (H.current = o.start.cfi), (tr = o == null ? void 0 : o.start) != null && tr.href) {
-              const $ = o.start.href, q = [], sr = (ur) => {
-                for (const W of ur) {
+            if ((T = o == null ? void 0 : o.start) != null && T.cfi && (R.current = o.start.cfi), (tr = o == null ? void 0 : o.start) != null && tr.href) {
+              const $ = o.start.href, q = [], sr = (pr) => {
+                for (const W of pr) {
                   const F = W.href.split("#")[0];
                   F && ($ === F || $.endsWith("/" + F) || $.endsWith(F)) && q.push(W.href), W.subitems && sr(W.subitems);
                 }
@@ -129,26 +130,26 @@ const xr = 794, Er = dr(
               sr(Q.current), q.length === 1 && O(q[0]);
             }
             const v = (nr = o == null ? void 0 : o.start) == null ? void 0 : nr.location, k = y.current;
-            typeof v == "number" && k > 0 && ((or = f.current) == null || or.call(f, v + 1, k));
+            typeof v == "number" && k > 0 && ((or = l.current) == null || or.call(l, v + 1, k));
           });
-        } catch (l) {
-          console.error("EPUB 加载错误:", l), e || (U(G("epub.load_failed")), I(!1));
+        } catch (u) {
+          console.error("EPUB 加载错误:", u), e || (U(G("epub.load_failed")), j(!1));
         }
       };
       return () => {
-        var s, l, n;
+        var s, u, n;
         e = !0, window.clearTimeout(t);
         try {
-          (l = (s = a.current) == null ? void 0 : s.destroy) == null || l.call(s);
+          (u = (s = a.current) == null ? void 0 : s.destroy) == null || u.call(s);
         } catch {
         }
         try {
-          (n = j.current) == null || n.destroy();
+          (n = I.current) == null || n.destroy();
         } catch {
         }
-        a.current = null, j.current = null;
+        a.current = null, I.current = null;
       };
-    }, [p]), X(() => {
+    }, [f]), X(() => {
       const r = () => {
         const e = w.current;
         !e || !a.current || a.current.resize(e.offsetWidth, e.offsetHeight);
@@ -156,12 +157,12 @@ const xr = 794, Er = dr(
       return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
     }, []), X(() => (S(), () => {
       var r;
-      cancelAnimationFrame(R.current), (r = m.current) == null || r.removeEventListener("scroll", P.current);
-    }), [p, S]);
-    const pr = d((r) => r === K, [K]), er = (r, e = 0) => /* @__PURE__ */ i("ul", { style: { marginLeft: e > 0 ? 16 : 0 }, children: r.map((t, u) => {
-      const s = pr(t.href);
-      return /* @__PURE__ */ T("li", { children: [
-        /* @__PURE__ */ i(
+      cancelAnimationFrame(A.current), (r = m.current) == null || r.removeEventListener("scroll", P.current);
+    }), [f, S]);
+    const ur = d((r) => r === K, [K]), er = (r, e = 0) => /* @__PURE__ */ c("ul", { style: { marginLeft: e > 0 ? 16 : 0 }, children: r.map((t, p) => {
+      const s = ur(t.href);
+      return /* @__PURE__ */ N("li", { children: [
+        /* @__PURE__ */ c(
           "button",
           {
             onClick: () => lr(t.href),
@@ -171,53 +172,53 @@ const xr = 794, Er = dr(
           }
         ),
         t.subitems && t.subitems.length > 0 && er(t.subitems, e + 1)
-      ] }, `${t.href}-${u}`);
+      ] }, `${t.href}-${p}`);
     }) });
-    return /* @__PURE__ */ T("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-[#f5f5f0] rfp-overflow-hidden", children: [
-      L && /* @__PURE__ */ i("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ i("p", { className: "rfp-text-lg", children: L }) }),
-      ar && !L && /* @__PURE__ */ i("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10", children: /* @__PURE__ */ i("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
-      B.length > 0 && /* @__PURE__ */ T(
+    return /* @__PURE__ */ N("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-surface-1 rfp-overflow-hidden", children: [
+      H && /* @__PURE__ */ c(gr, { message: H }),
+      cr && !H && /* @__PURE__ */ c("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10", children: /* @__PURE__ */ c("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }),
+      B.length > 0 && /* @__PURE__ */ N(
         "div",
         {
           className: "rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300",
           style: {
-            opacity: A ? 1 : 0,
-            pointerEvents: A ? "auto" : "none"
+            opacity: L ? 1 : 0,
+            pointerEvents: L ? "auto" : "none"
           },
           children: [
-            /* @__PURE__ */ T(
+            /* @__PURE__ */ N(
               "div",
               {
                 className: "rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300",
-                style: { transform: A ? "translateX(0)" : "translateX(-100%)" },
+                style: { transform: L ? "translateX(0)" : "translateX(-100%)" },
                 children: [
-                  /* @__PURE__ */ T("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0", children: [
-                    /* @__PURE__ */ i("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: G("toolbar.toc") }),
-                    /* @__PURE__ */ i(
+                  /* @__PURE__ */ N("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0", children: [
+                    /* @__PURE__ */ c("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: G("toolbar.toc") }),
+                    /* @__PURE__ */ c(
                       "button",
                       {
-                        onClick: () => x(!1),
+                        onClick: () => g(!1),
                         className: "rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors",
-                        children: /* @__PURE__ */ i(hr, { className: "rfp-w-4 rfp-h-4" })
+                        children: /* @__PURE__ */ c(hr, { className: "rfp-w-4 rfp-h-4" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ i("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: er(B) })
+                  /* @__PURE__ */ c("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: er(B) })
                 ]
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ c(
               "div",
               {
                 className: "rfp-flex-1 rfp-transition-opacity rfp-duration-300",
-                style: { background: A ? "rgba(0,0,0,0.3)" : "transparent" },
-                onClick: () => x(!1)
+                style: { background: L ? "rgba(0,0,0,0.3)" : "transparent" },
+                onClick: () => g(!1)
               }
             )
           ]
         }
       ),
-      !L && /* @__PURE__ */ i(
+      !H && /* @__PURE__ */ c(
         "div",
         {
           ref: w,
@@ -234,6 +235,6 @@ const xr = 794, Er = dr(
   }
 );
 export {
-  Er as EpubRenderer
+  Hr as EpubRenderer
 };
-//# sourceMappingURL=index-DSAXdrgU.mjs.map
+//# sourceMappingURL=index-DlptjfMf.mjs.map

package/lib/chunks/index-DlptjfMf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DlptjfMf.mjs","sources":["../../src/renderers/Epub/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState, useCallback, useImperativeHandle, forwardRef } from 'react';\nimport ePub from '@likecoin/epub-ts';\nimport { X } from 'lucide-react';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\n// 全局注入 epubjs 容器样式（只注入一次）\nif (typeof document !== 'undefined' && !document.getElementById('rfp-epub-styles')) {\n  const styleEl = document.createElement('style');\n  styleEl.id = 'rfp-epub-styles';\n  styleEl.textContent = `\n    .epub-container { overflow-y: auto !important; scrollbar-width: thin; }\n    .epub-container::-webkit-scrollbar { width: 8px; }\n    .epub-container::-webkit-scrollbar-track { background: transparent; }\n    .epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }\n    .epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }\n    .epub-view > iframe { background: white; }\n  `;\n  document.head.appendChild(styleEl);\n}\n\nexport interface TocItem {\n  label: string;\n  href: string;\n  subitems?: TocItem[];\n}\n\nexport interface EpubRendererHandle {\n  prevPage: () => void;\n  nextPage: () => void;\n  toggleFullWidth: () => void;\n  toggleToc: () => void;\n}\n\ninterface EpubRendererProps {\n  url: string;\n  onChapterChange?: (current: number, total: number) => void;\n  onFullWidthChange?: (isFullWidth: boolean) => void;\n}\n\ninterface RenditionLike {\n  display: (target?: string) => Promise<unknown>;\n  next: () => Promise<unknown>;\n  prev: () => Promise<unknown>;\n  on: (event: string, cb: (...args: unknown[]) => void) => void;\n  resize: (width: number, height: number) => void;\n  currentLocation: () => unknown;\n  destroy?: () => void;\n  themes: {\n    register: (name: string, styles: Record<string, unknown>) => void;\n    select: (name: string) => void;\n  };\n}\n\ninterface BookLike {\n  ready: Promise<unknown>;\n  loaded: { navigation: Promise<unknown> };\n  locations: {\n    generate: (chars: number) => Promise<string[]>;\n    length: () => number;\n    locationFromCfi: (cfi: string) => number;\n  };\n  renderTo: (el: HTMLElement, opts: Record<string, unknown>) => RenditionLike;\n  destroy: () => void;\n}\n\nconst A4_WIDTH = 794;\n\nexport const EpubRenderer = forwardRef<EpubRendererHandle, EpubRendererProps>(\n  ({ url, onChapterChange, onFullWidthChange }, ref) => {\n    const t = useTranslator();\n    const fetcher = useFetcher();\n    const viewerRef = useRef<HTMLDivElement>(null);\n    const bookRef = useRef<BookLike | null>(null);\n    const renditionRef = useRef<RenditionLike | null>(null);\n    const onChapterChangeRef = useRef(onChapterChange);\n    const onFullWidthChangeRef = useRef(onFullWidthChange);\n    onChapterChangeRef.current = onChapterChange;\n    onFullWidthChangeRef.current = onFullWidthChange;\n\n    const totalLocationsRef = useRef(0);\n    const lastCfiRef = useRef<string | null>(null);\n    const isFullWidthRef = useRef(false);\n\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [isFullWidth, setIsFullWidth] = useState(false);\n    const [toc, setToc] = useState<TocItem[]>([]);\n    const [showToc, setShowToc] = useState(false);\n    const [activeTocHref, setActiveTocHref] = useState<string>('');\n    const tocRef = useRef<TocItem[]>([]);\n    tocRef.current = toc;\n\n    isFullWidthRef.current = isFullWidth;\n\n    const handlePrev = useCallback(() => {\n      renditionRef.current?.prev();\n    }, []);\n\n    const handleNext = useCallback(() => {\n      renditionRef.current?.next();\n    }, []);\n\n    // 滚动监听：接近底部时强制触发 check 加载后续 section\n    const scrollContainerRef = useRef<Element | null>(null);\n    const scrollRafRef = useRef(0);\n\n    const onScrollRef = useRef((_e?: Event) => {\n      const container = scrollContainerRef.current;\n      if (!container) return;\n      const el = container as HTMLElement;\n      const nearBottom = el.scrollTop + el.clientHeight >= el.scrollHeight - 200;\n      if (nearBottom) {\n        try {\n          const mgr = (renditionRef.current as unknown as { manager?: { check?: (t?: number, e?: number) => Promise<unknown> } })?.manager;\n          mgr?.check?.(500, 500);\n        } catch { /* ignore */ }\n      }\n    });\n\n    const reattachScrollListener = useCallback(() => {\n      // 清理旧监听\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.removeEventListener('scroll', onScrollRef.current);\n        scrollContainerRef.current = null;\n      }\n      cancelAnimationFrame(scrollRafRef.current);\n\n      const tryAttach = () => {\n        const container = viewerRef.current?.querySelector('.epub-container') ?? null;\n        if (!container) {\n          scrollRafRef.current = requestAnimationFrame(tryAttach);\n          return;\n        }\n        scrollContainerRef.current = container;\n        container.addEventListener('scroll', onScrollRef.current, { passive: true });\n      };\n      scrollRafRef.current = requestAnimationFrame(tryAttach);\n    }, []);\n\n    const toggleFullWidth = useCallback(() => {\n      const newVal = !isFullWidthRef.current;\n      setIsFullWidth(newVal);\n      onFullWidthChangeRef.current?.(newVal);\n      // 等 CSS transition 完成后再 resize 并恢复位置\n      setTimeout(() => {\n        const viewer = viewerRef.current;\n        const rendition = renditionRef.current;\n        if (!viewer || !rendition) return;\n        rendition.resize(viewer.offsetWidth, viewer.offsetHeight);\n        // 重排后恢复阅读位置\n        if (lastCfiRef.current) {\n          rendition.display(lastCfiRef.current);\n        }\n        // resize/display 可能重建 .epub-container，需要重新绑定滚动监听\n        reattachScrollListener();\n      }, 350);\n    }, [reattachScrollListener]);\n\n    const toggleToc = useCallback(() => {\n      setShowToc(prev => !prev);\n    }, []);\n\n    const handleTocClick = useCallback((href: string) => {\n      setActiveTocHref(href);\n      renditionRef.current?.display(href);\n      setShowToc(false);\n    }, []);\n\n    useImperativeHandle(ref, () => ({\n      prevPage: handlePrev,\n      nextPage: handleNext,\n      toggleFullWidth,\n      toggleToc,\n    }), [handlePrev, handleNext, toggleFullWidth, toggleToc]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n      if (!viewer || !url) return;\n\n      setLoading(true);\n      setError(null);\n      setToc([]);\n      setShowToc(false);\n      viewer.innerHTML = '';\n      lastCfiRef.current = null;\n      totalLocationsRef.current = 0;\n\n      let cancelled = false;\n      // StrictMode 下 effect 会立即 mount→unmount→mount\n      // 用 microtask 延迟初始化，让第一次的 cleanup 先执行，避免 epubjs 内部状态被污染\n      const loadTimer = window.setTimeout(() => {\n        if (cancelled) return;\n        load();\n      }, 0);\n\n      const load = async () => {\n        try {\n          let bookInput: string | ArrayBuffer = url;\n          if (url.startsWith('blob:')) {\n            const resp = await fetcher(url);\n            bookInput = await resp.arrayBuffer();\n          }\n\n          const book = ePub(bookInput) as unknown as BookLike;\n          bookRef.current = book;\n\n          const rendition = book.renderTo(viewer, {\n            manager: 'continuous',\n            flow: 'scrolled',\n            width: '100%',\n            height: '100%',\n          });\n          renditionRef.current = rendition;\n\n          rendition.themes.register('default', {\n            body: {\n              background: '#ffffff !important',\n              color: '#1a1a1a !important',\n              'font-family': '\"Noto Serif SC\", \"Source Han Serif SC\", Georgia, \"Times New Roman\", serif !important',\n              'font-size': '16px !important',\n              'line-height': '2 !important',\n              padding: '40px 60px !important',\n              'max-width': '100% !important',\n              'box-sizing': 'border-box !important',\n              'word-break': 'break-word !important',\n              'overflow-wrap': 'break-word !important',\n            },\n            p: { 'text-indent': '2em !important', margin: '0.8em 0 !important' },\n            h1: { 'text-align': 'center !important', margin: '1.5em 0 1em !important' },\n            h2: { margin: '1.2em 0 0.8em !important' },\n            h3: { margin: '1em 0 0.6em !important' },\n            img: { 'max-width': '100% !important', height: 'auto !important' },\n            a: { color: '#2563eb !important', 'text-decoration': 'none !important' },\n          });\n          rendition.themes.select('default');\n\n          await book.ready;\n\n          // 异步生成 locations 索引（用于实时页数）\n          book.locations.generate(1024).then(() => {\n            if (cancelled) return;\n            totalLocationsRef.current = book.locations.length();\n            // 触发一次更新让父组件拿到 total\n            const loc = renditionRef.current?.currentLocation() as { start?: { location?: number; cfi?: string } } | undefined;\n            const cur = loc?.start?.location ?? 0;\n            onChapterChangeRef.current?.(cur + 1, totalLocationsRef.current);\n          }).catch(() => { /* ignore */ });\n\n          // 获取目录\n          const nav = await book.loaded.navigation as { toc?: TocItem[] };\n          if (!cancelled && Array.isArray(nav?.toc)) {\n            setToc(nav.toc);\n          }\n\n          await rendition.display();\n\n          if (cancelled) return;\n\n          setLoading(false);\n          onChapterChangeRef.current?.(1, totalLocationsRef.current || 1);\n\n          rendition.on('relocated', (location: unknown) => {\n            const loc = location as { start?: { cfi?: string; location?: number; href?: string } };\n            if (loc?.start?.cfi) {\n              lastCfiRef.current = loc.start.cfi;\n            }\n            if (loc?.start?.href) {\n              // 根据 spine href 查找匹配的 TOC 项\n              const spineHref = loc.start.href;\n              const matches: string[] = [];\n              const collect = (items: TocItem[]) => {\n                for (const item of items) {\n                  const base = item.href.split('#')[0];\n                  if (base && (spineHref === base || spineHref.endsWith('/' + base) || spineHref.endsWith(base))) {\n                    matches.push(item.href);\n                  }\n                  if (item.subitems) collect(item.subitems);\n                }\n              };\n              collect(tocRef.current);\n              if (matches.length === 1) {\n                // 唯一匹配，直接设置\n                setActiveTocHref(matches[0]);\n              }\n              // 多个匹配（同一文件不同 anchor）时保持当前选中（由点击设置）\n            }\n            const cur = loc?.start?.location;\n            const total = totalLocationsRef.current;\n            if (typeof cur === 'number' && total > 0) {\n              onChapterChangeRef.current?.(cur + 1, total);\n            }\n          });\n\n        } catch (err) {\n          console.error('EPUB 加载错误:', err);\n          if (!cancelled) {\n            setError(t('epub.load_failed'));\n            setLoading(false);\n          }\n        }\n      };\n\n      return () => {\n        cancelled = true;\n        window.clearTimeout(loadTimer);\n        try { renditionRef.current?.destroy?.(); } catch { /* ignore */ }\n        try { bookRef.current?.destroy(); } catch { /* ignore */ }\n        renditionRef.current = null;\n        bookRef.current = null;\n      };\n    }, [url]);\n\n    useEffect(() => {\n      const onResize = () => {\n        const viewer = viewerRef.current;\n        if (!viewer || !renditionRef.current) return;\n        renditionRef.current.resize(viewer.offsetWidth, viewer.offsetHeight);\n      };\n      window.addEventListener('resize', onResize);\n      return () => window.removeEventListener('resize', onResize);\n    }, []);\n\n    useEffect(() => {\n      reattachScrollListener();\n      return () => {\n        cancelAnimationFrame(scrollRafRef.current);\n        scrollContainerRef.current?.removeEventListener('scroll', onScrollRef.current);\n      };\n    }, [url, reattachScrollListener]);\n\n    const isActive = useCallback((href: string) => {\n      return href === activeTocHref;\n    }, [activeTocHref]);\n\n    const renderTocItems = (items: TocItem[], depth = 0) => (\n      <ul style={{ marginLeft: depth > 0 ? 16 : 0 }}>\n        {items.map((item, i) => {\n          const active = isActive(item.href);\n          return (\n            <li key={`${item.href}-${i}`}>\n              <button\n                onClick={() => handleTocClick(item.href)}\n                className={`rfp-w-full rfp-text-left rfp-py-2 rfp-px-3 rfp-text-sm rfp-rounded rfp-transition-all rfp-truncate ${active\n                    ? 'rfp-text-fg-primary rfp-bg-surface-3 rfp-font-medium'\n                    : 'rfp-text-fg-secondary hover:rfp-text-fg-primary hover:rfp-bg-surface-2'\n                  }`}\n                title={item.label}\n              >\n                {item.label.trim()}\n              </button>\n              {item.subitems && item.subitems.length > 0 && renderTocItems(item.subitems, depth + 1)}\n            </li>\n          );\n        })}\n      </ul>\n    );\n\n    return (\n      <div className=\"rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-surface-1 rfp-overflow-hidden\">\n        {error && <RendererError message={error} />}\n\n        {loading && !error && (\n          <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10\">\n            <div className=\"rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n          </div>\n        )}\n\n        {/* 目录侧栏 - 滑入动画 */}\n        {toc.length > 0 && (\n          <div\n            className=\"rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300\"\n            style={{\n              opacity: showToc ? 1 : 0,\n              pointerEvents: showToc ? 'auto' : 'none',\n            }}\n          >\n            <div\n              className=\"rfp-w-72 rfp-max-w-[80%] rfp-h-full rfp-bg-surface-overlay rfp-backdrop-blur-xl rfp-border-r rfp-border-line-weak rfp-flex rfp-flex-col rfp-shadow-2xl rfp-transition-transform rfp-duration-300\"\n              style={{ transform: showToc ? 'translateX(0)' : 'translateX(-100%)' }}\n            >\n              <div className=\"rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-3 rfp-border-b rfp-border-line-weak rfp-flex-shrink-0\">\n                <span className=\"rfp-text-fg-primary rfp-font-medium rfp-text-sm\">{t('toolbar.toc')}</span>\n                <button\n                  onClick={() => setShowToc(false)}\n                  className=\"rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors\"\n                >\n                  <X className=\"rfp-w-4 rfp-h-4\" />\n                </button>\n              </div>\n              <div className=\"rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1\">\n                {renderTocItems(toc)}\n              </div>\n            </div>\n            <div\n              className=\"rfp-flex-1 rfp-transition-opacity rfp-duration-300\"\n              style={{ background: showToc ? 'rgba(0,0,0,0.3)' : 'transparent' }}\n              onClick={() => setShowToc(false)}\n            />\n          </div>\n        )}\n\n        {!error && (\n          <div\n            ref={viewerRef}\n            className=\"rfp-h-full rfp-bg-surface-toolbar rfp-shadow-lg\"\n            style={{\n              width: isFullWidth ? '100%' : `${A4_WIDTH}px`,\n              maxWidth: '100%',\n              transition: 'width 0.3s ease',\n              overflow: 'hidden',\n            }}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["styleEl","A4_WIDTH","EpubRenderer","forwardRef","url","onChapterChange","onFullWidthChange","ref","t","useTranslator","fetcher","useFetcher","viewerRef","useRef","bookRef","renditionRef","onChapterChangeRef","onFullWidthChangeRef","totalLocationsRef","lastCfiRef","isFullWidthRef","loading","setLoading","useState","error","setError","isFullWidth","setIsFullWidth","toc","setToc","showToc","setShowToc","activeTocHref","setActiveTocHref","tocRef","handlePrev","useCallback","_a","handleNext","scrollContainerRef","scrollRafRef","onScrollRef","_e","container","el","mgr","_b","reattachScrollListener","tryAttach","toggleFullWidth","newVal","viewer","rendition","toggleToc","prev","handleTocClick","href","useImperativeHandle","useEffect","cancelled","loadTimer","load","bookInput","book","ePub","loc","cur","_c","nav","location","spineHref","matches","collect","items","item","base","total","_d","err","onResize","isActive","renderTocItems","depth","jsx","i","active","jsxs","RendererError","X"],"mappings":"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"}

package/lib/chunks/{index-CwmZQ-JO.mjs → index-DrgP7cc7.mjs}

@@ -1,59 +1,59 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { useState as l, useEffect as _, useCallback as z } from "react";
-import H from "react-markdown";
-import M from "remark-gfm";
-import j from "remark-math";
-import T from "rehype-katex";
-import F from "rehype-raw";
-import { Check as y, Copy as N } from "lucide-react";
-import { u as c, a as B, F as E } from "./index-CGNWXFy3.mjs";
-import { u as w } from "./useShikiHighlight-DHFYu0BU.mjs";
-import "katex/dist/katex.min.css";
-const v = (t) => {
-  const [p, f] = l(!1), a = z(async () => {
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useState as l, useEffect as _, useCallback as E } from "react";
+import z from "react-markdown";
+import H from "remark-gfm";
+import M from "remark-math";
+import I from "rehype-katex";
+import R from "rehype-raw";
+import { Check as y, Copy as w } from "lucide-react";
+import { u, a as T, E as j } from "./index-BCbSb9Ob.mjs";
+import { u as N } from "./useShikiHighlight-Cq02e63J.mjs";
+import { R as B } from "./RendererError-BH6fzLrN.mjs";
+const k = (t) => {
+  const [f, p] = l(!1), a = E(async () => {
     try {
       await navigator.clipboard.writeText(t);
     } catch {
-      const s = document.createElement("textarea");
-      s.value = t, document.body.appendChild(s), s.select(), document.execCommand("copy"), document.body.removeChild(s);
+      const n = document.createElement("textarea");
+      n.value = t, document.body.appendChild(n), n.select(), document.execCommand("copy"), document.body.removeChild(n);
     }
-    f(!0), setTimeout(() => f(!1), 2e3);
+    p(!0), setTimeout(() => p(!1), 2e3);
   }, [t]);
-  return { copied: p, handleCopy: a };
-}, I = ({ text: t }) => {
-  const p = c(), { copied: f, handleCopy: a } = v(t);
+  return { copied: f, handleCopy: a };
+}, L = ({ text: t }) => {
+  const f = u(), { copied: p, handleCopy: a } = k(t);
   return /* @__PURE__ */ r(
     "button",
     {
       onClick: a,
       className: "rfp-p-1 rfp-rounded rfp-text-fg-muted hover:rfp-text-fg-secondary rfp-transition-colors rfp-flex rfp-items-center rfp-gap-1",
-      title: p(f ? "markdown.copied" : "markdown.copy_code"),
-      children: f ? /* @__PURE__ */ r(y, { size: 13 }) : /* @__PURE__ */ r(N, { size: 13 })
+      title: f(p ? "markdown.copied" : "markdown.copy_code"),
+      children: p ? /* @__PURE__ */ r(y, { size: 13 }) : /* @__PURE__ */ r(w, { size: 13 })
     }
   );
-}, L = ({ text: t }) => {
-  const p = c(), { copied: f, handleCopy: a } = v(t);
+}, q = ({ text: t }) => {
+  const f = u(), { copied: p, handleCopy: a } = k(t);
   return /* @__PURE__ */ r(
     "button",
     {
       onClick: a,
       className: "rfp-absolute rfp-top-2 rfp-right-2 rfp-p-1.5 rfp-rounded-md rfp-bg-surface-2 hover:rfp-bg-surface-3 rfp-text-fg-tertiary hover:rfp-text-fg-secondary rfp-transition-colors rfp-opacity-0 group-hover:rfp-opacity-100 rfp-border rfp-border-line",
-      title: p(f ? "markdown.copied" : "markdown.copy_code"),
-      children: f ? /* @__PURE__ */ r(y, { size: 14 }) : /* @__PURE__ */ r(N, { size: 14 })
+      title: f(p ? "markdown.copied" : "markdown.copy_code"),
+      children: p ? /* @__PURE__ */ r(y, { size: 14 }) : /* @__PURE__ */ r(w, { size: 14 })
     }
   );
-}, R = ({ code: t, lang: p }) => {
-  const { html: f } = w(t, p);
-  return /* @__PURE__ */ d("div", { className: "rfp-relative rfp-group rfp-my-4", children: [
-    /* @__PURE__ */ d("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-1.5 rfp-bg-surface-1 rfp-border rfp-border-line-weak rfp-rounded-t-md rfp-border-b-0", children: [
-      /* @__PURE__ */ r("span", { className: "rfp-text-xs rfp-text-fg-secondary rfp-font-mono rfp-select-none", children: p }),
-      /* @__PURE__ */ r(I, { text: t })
+}, A = ({ code: t, lang: f }) => {
+  const { html: p } = N(t, f);
+  return /* @__PURE__ */ m("div", { className: "rfp-relative rfp-group rfp-my-4", children: [
+    /* @__PURE__ */ m("div", { className: "rfp-flex rfp-items-center rfp-justify-between rfp-px-4 rfp-py-1.5 rfp-bg-surface-1 rfp-border rfp-border-line-weak rfp-rounded-t-md rfp-border-b-0", children: [
+      /* @__PURE__ */ r("span", { className: "rfp-text-xs rfp-text-fg-secondary rfp-font-mono rfp-select-none", children: f }),
+      /* @__PURE__ */ r(L, { text: t })
     ] }),
-    f ? /* @__PURE__ */ r(
+    p ? /* @__PURE__ */ r(
       "div",
       {
         className: "rfp-shiki-wrapper rfp-rounded-b-md rfp-border rfp-border-line-weak rfp-border-t-0 rfp-overflow-x-auto",
-        dangerouslySetInnerHTML: { __html: f }
+        dangerouslySetInnerHTML: { __html: p }
       }
     ) : /* @__PURE__ */ r(
       "pre",
@@ -64,46 +64,49 @@ const v = (t) => {
       }
     )
   ] });
-}, V = ({ url: t, viewMode: p = "preview" }) => {
-  const f = c(), a = B(), [s, k] = l(""), [C, m] = l(!0), [u, h] = l(null), { html: x } = w(
-    p === "source" ? s : "",
+}, X = ({ url: t, viewMode: f = "preview" }) => {
+  const p = u(), a = T(), [n, v] = l(""), [C, b] = l(!0), [h, g] = l(null), { html: x } = N(
+    f === "source" ? n : "",
     "markdown"
   );
   return _(() => {
-    (async () => {
+    const e = new AbortController();
+    return (async () => {
       try {
-        m(!0), h(null);
-        const o = await E(t, { fetcher: a });
-        k(o);
+        b(!0), g(null);
+        const o = await j(t, { fetcher: a, signal: e.signal });
+        v(o);
       } catch (o) {
-        h(f("markdown.load_failed")), console.error(o);
+        if (o.name === "AbortError") return;
+        g(p("markdown.load_failed")), console.error(o);
       } finally {
-        m(!1);
+        b(!1);
       }
-    })();
-  }, [t, a, f]), C ? /* @__PURE__ */ r("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ r("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : u ? /* @__PURE__ */ r("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ r("div", { className: "rfp-text-fg-secondary rfp-text-center", children: /* @__PURE__ */ r("p", { className: "rfp-text-lg", children: u }) }) }) : p === "source" ? /* @__PURE__ */ r("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-bg-code-bg", children: x ? /* @__PURE__ */ r(
+    })(), () => e.abort();
+  }, [t, a, p]), C ? /* @__PURE__ */ r("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-w-full rfp-h-full", children: /* @__PURE__ */ r("div", { className: "rfp-w-12 rfp-h-12 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }) }) : h ? /* @__PURE__ */ r(B, { message: h }) : f === "source" ? /* @__PURE__ */ r("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-bg-code-bg", children: x ? /* @__PURE__ */ r(
     "div",
     {
       className: "rfp-shiki-wrapper with-line-numbers",
       dangerouslySetInnerHTML: { __html: x }
     }
-  ) : /* @__PURE__ */ r("pre", { className: "rfp-p-6 rfp-text-fg-primary rfp-font-mono rfp-text-sm rfp-whitespace-pre-wrap rfp-break-words", children: s }) }) : /* @__PURE__ */ r("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-p-6 md:rfp-p-10", children: /* @__PURE__ */ r("div", { className: "rfp-max-w-full md:rfp-max-w-4xl rfp-mx-auto", children: /* @__PURE__ */ r(
-    H,
+  ) : /* @__PURE__ */ r("pre", { className: "rfp-p-6 rfp-text-fg-primary rfp-font-mono rfp-text-sm rfp-whitespace-pre-wrap rfp-break-words", children: n }) }) : /* @__PURE__ */ r("div", { className: "rfp-w-full rfp-h-full rfp-overflow-auto rfp-p-6 md:rfp-p-10", children: /* @__PURE__ */ r("div", { className: "rfp-max-w-full md:rfp-max-w-4xl rfp-mx-auto", children: /* @__PURE__ */ r(
+    z,
     {
-      remarkPlugins: [M, j],
-      rehypePlugins: [F, T],
+      remarkPlugins: [H, M],
+      rehypePlugins: [R, I],
       components: {
-        code({ node: e, inline: o, className: n, children: i, ...S }) {
-          const b = /language-(\w+)/.exec(n || ""), g = String(i).replace(/\n$/, "");
-          return !o && b ? /* @__PURE__ */ r(R, { code: g, lang: b[1] }) : o ? /* @__PURE__ */ r(
+        code({ node: e, inline: s, className: o, children: i, ...S }) {
+          const d = /language-(\w+)/.exec(o || ""), c = String(i).replace(/\n$/, "");
+          return s ?? (!d && !c.includes(`
+`)) ? /* @__PURE__ */ r(
             "code",
             {
               className: "rfp-bg-surface-2 rfp-px-1.5 rfp-py-0.5 rfp-rounded rfp-text-sm rfp-font-mono rfp-text-fg-primary rfp-border rfp-border-line-weak",
               ...S,
               children: i
             }
-          ) : /* @__PURE__ */ d("div", { className: "rfp-relative rfp-group rfp-my-4", children: [
-            /* @__PURE__ */ r(L, { text: g }),
+          ) : d ? /* @__PURE__ */ r(A, { code: c, lang: d[1] }) : /* @__PURE__ */ m("div", { className: "rfp-relative rfp-group rfp-my-4", children: [
+            /* @__PURE__ */ r(q, { text: c }),
             /* @__PURE__ */ r(
               "pre",
               {
@@ -119,14 +122,14 @@ const v = (t) => {
         h3: ({ children: e }) => /* @__PURE__ */ r("h3", { className: "rfp-text-xl rfp-font-semibold rfp-mb-2 rfp-mt-6 rfp-text-fg-primary", children: e }),
         h4: ({ children: e }) => /* @__PURE__ */ r("h4", { className: "rfp-text-lg rfp-font-semibold rfp-mb-2 rfp-mt-4 rfp-text-fg-primary", children: e }),
         p: ({ children: e }) => /* @__PURE__ */ r("p", { className: "rfp-text-fg-secondary rfp-mb-4 rfp-leading-7 rfp-text-base", children: e }),
-        a: ({ href: e, children: o }) => /* @__PURE__ */ r(
+        a: ({ href: e, children: s }) => /* @__PURE__ */ r(
           "a",
           {
             href: e,
             className: "rfp-text-indigo-400 hover:rfp-text-indigo-300 rfp-underline rfp-decoration-indigo-600 hover:rfp-decoration-indigo-400",
             target: "_blank",
             rel: "noopener noreferrer",
-            children: o
+            children: s
           }
         ),
         ul: ({ children: e }) => /* @__PURE__ */ r("ul", { className: "rfp-list-disc rfp-pl-6 rfp-mb-4 rfp-text-fg-secondary rfp-space-y-1", children: e }),
@@ -140,33 +143,33 @@ const v = (t) => {
         th: ({ children: e }) => /* @__PURE__ */ r("th", { className: "rfp-px-4 rfp-py-3 rfp-text-left rfp-text-xs rfp-font-semibold rfp-text-fg-tertiary rfp-uppercase rfp-tracking-wider", children: e }),
         td: ({ children: e }) => /* @__PURE__ */ r("td", { className: "rfp-px-4 rfp-py-3 rfp-text-sm rfp-text-fg-secondary", children: e }),
         hr: () => /* @__PURE__ */ r("hr", { className: "rfp-border-line rfp-my-6" }),
-        img: ({ src: e, alt: o }) => /* @__PURE__ */ r(
+        img: ({ src: e, alt: s }) => /* @__PURE__ */ r(
           "img",
           {
             src: e,
-            alt: o,
+            alt: s,
             className: "rfp-rounded-md rfp-max-w-full rfp-h-auto rfp-my-4 rfp-mx-auto rfp-block rfp-shadow-sm"
           }
         ),
-        input: ({ type: e, checked: o, ...n }) => e === "checkbox" ? /* @__PURE__ */ r(
+        input: ({ type: e, checked: s, ...o }) => e === "checkbox" ? /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
-            checked: o,
+            checked: s,
             readOnly: !0,
             className: "rfp-mr-2 rfp-rounded rfp-border-line",
-            ...n
+            ...o
           }
-        ) : /* @__PURE__ */ r("input", { type: e, ...n }),
+        ) : /* @__PURE__ */ r("input", { type: e, ...o }),
         strong: ({ children: e }) => /* @__PURE__ */ r("strong", { className: "rfp-font-semibold rfp-text-fg-primary", children: e }),
         em: ({ children: e }) => /* @__PURE__ */ r("em", { className: "rfp-italic", children: e }),
         del: ({ children: e }) => /* @__PURE__ */ r("del", { className: "rfp-text-fg-muted rfp-line-through", children: e })
       },
-      children: s
+      children: n
     }
   ) }) });
 };
 export {
-  V as MarkdownRenderer
+  X as MarkdownRenderer
 };
-//# sourceMappingURL=index-CwmZQ-JO.mjs.map
+//# sourceMappingURL=index-DrgP7cc7.mjs.map