@eternalheart/react-file-preview 1.3.10 → 1.3.12

package/lib/chunks/index-DJZWizxK.mjs

@@ -0,0 +1,136 @@
+import { jsxs as L, jsx as m } from "react/jsx-runtime";
+import { useState as M, useRef as l, useCallback as P, useEffect as j } from "react";
+import { init as N } from "pptx-preview";
+import { u as B, a as F } from "./index-BCbSb9Ob.mjs";
+import { R as q } from "./RendererError-BH6fzLrN.mjs";
+const $ = ({ url: g, tiled: f = !0 }) => {
+  const c = B(), k = F(), [b, w] = M(!0), [v, T] = M(null), [E, z] = M(0), n = l(null), s = l(null), x = l(null), p = l(null), d = l(null), R = l({ width: 0, height: 0 }), u = P(() => {
+    var t;
+    if (!n.current) return { width: 960, height: 540 };
+    const r = n.current.clientWidth, e = ((t = n.current.parentElement) == null ? void 0 : t.clientWidth) || 0, o = r > 100 ? r : e > 100 ? e : 300, a = Math.floor(o * 9 / 16);
+    return { width: o, height: a };
+  }, []), W = P(async () => {
+    if (!(!n.current || !p.current || E === 0))
+      try {
+        if (s.current)
+          try {
+            s.current.destroy();
+          } catch {
+          }
+        n.current.innerHTML = "";
+        const r = u(), e = N(n.current, {
+          width: r.width,
+          height: f ? r.height * E : r.height,
+          mode: f ? "list" : "slide"
+        });
+        s.current = e, await e.preview(p.current);
+      } catch {
+      }
+  }, [u, f, E]);
+  return j(() => {
+    if (!n.current) return;
+    let r = !0;
+    const e = () => {
+      if (r) {
+        r = !1, R.current = u();
+        return;
+      }
+      const o = u(), a = R.current, t = Math.abs(a.width - o.width), i = Math.abs(a.height - o.height);
+      t < 10 && i < 10 || (R.current = o, d.current && clearTimeout(d.current), d.current = window.setTimeout(() => {
+        s.current && p.current && W();
+      }, 800));
+    };
+    return x.current = new ResizeObserver(() => {
+      e();
+    }), x.current.observe(n.current), () => {
+      x.current && x.current.disconnect(), d.current && clearTimeout(d.current);
+    };
+  }, [u, W]), j(() => {
+    if (!g) return;
+    let r = !0, e = null;
+    const o = async () => {
+      if (n.current) {
+        w(!0), T(null), e = setTimeout(() => {
+          r && (T(c("pptx.timeout")), w(!1));
+        }, 3e4);
+        try {
+          const t = await k(g, {
+            mode: "cors",
+            credentials: "omit",
+            redirect: "follow"
+          });
+          if (!t.ok)
+            throw t.status === 404 ? new Error(c("pptx.not_found")) : t.status === 403 ? new Error("无权限访问此文件") : t.status >= 500 ? new Error("服务器错误，请稍后重试") : new Error(`文件加载失败 (${t.status})`);
+          const i = await t.arrayBuffer();
+          if (i.byteLength === 0)
+            throw new Error("文件为空");
+          if (p.current = i, !r) return;
+          const h = document.createElement("div");
+          h.style.cssText = "position:absolute;left:-9999px;top:-9999px;visibility:hidden", document.body.appendChild(h);
+          try {
+            const D = N(h, {
+              width: 100,
+              height: 100,
+              mode: "slide"
+            });
+            try {
+              await D.preview(i);
+            } catch {
+              throw new Error(c("pptx.invalid_format"));
+            }
+            const y = D.slideCount;
+            if (!y || y === 0)
+              throw new Error(c("pptx.no_pages"));
+            if (D.destroy(), !r) return;
+            z(y), n.current && (n.current.innerHTML = "");
+            const C = u(), _ = N(n.current, {
+              width: C.width,
+              height: f ? C.height * y : C.height,
+              mode: f ? "list" : "slide"
+            });
+            s.current = _, await _.preview(i), e && (clearTimeout(e), e = null), r && w(!1);
+          } finally {
+            document.body.contains(h) && document.body.removeChild(h);
+          }
+        } catch (t) {
+          if (e && (clearTimeout(e), e = null), r) {
+            let i = c("pptx.parse_failed");
+            t instanceof Error ? i = t.message : typeof t == "string" && (i = t), T(i), w(!1);
+          }
+        }
+      }
+    }, a = setTimeout(() => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          o();
+        });
+      });
+    }, 150);
+    return () => {
+      if (r = !1, clearTimeout(a), e && clearTimeout(e), p.current = null, z(0), s.current)
+        try {
+          s.current.destroy();
+        } catch {
+        }
+      s.current = null;
+    };
+  }, [g, u, f]), /* @__PURE__ */ L("div", { className: "rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full", children: [
+    b && /* @__PURE__ */ m("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10", children: /* @__PURE__ */ L("div", { className: "rfp-text-center", children: [
+      /* @__PURE__ */ m("div", { className: "rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin" }),
+      /* @__PURE__ */ m("p", { className: "rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium", children: c("pptx.loading") })
+    ] }) }),
+    v && !b && /* @__PURE__ */ m(q, { message: c("pptx.load_failed"), detail: v }),
+    !v && /* @__PURE__ */ m(
+      "div",
+      {
+        ref: n,
+        className: "pptx-wrapper rfp-w-full rfp-max-w-full md:rfp-max-w-6xl",
+        style: { opacity: b ? 0 : 1 }
+      }
+    )
+  ] });
+};
+export {
+  $ as PptxRenderer
+};
+//# sourceMappingURL=index-DJZWizxK.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DJZWizxK.mjs","sources":["../../src/renderers/Pptx/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { init } from 'pptx-preview';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\ninterface PptxRendererProps {\n  url: string;\n  /** 是否平铺展示所有页面，默认 true */\n  tiled?: boolean;\n}\n\nexport const PptxRenderer: React.FC<PptxRendererProps> = ({ url, tiled = true }) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [slideCount, setSlideCount] = useState(0);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const previewerRef = useRef<ReturnType<typeof init> | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const arrayBufferRef = useRef<ArrayBuffer | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  // 计算容器尺寸，带回退逻辑\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 960, height: 540 };\n    const rawWidth = containerRef.current.clientWidth;\n    const parentWidth = containerRef.current.parentElement?.clientWidth || 0;\n    // 如果容器宽度太小，回退到父容器宽度或默认最小值\n    const containerWidth = rawWidth > 100 ? rawWidth : (parentWidth > 100 ? parentWidth : 300);\n    // 16:9 比例\n    const height = Math.floor(containerWidth * 9 / 16);\n    return { width: containerWidth, height };\n  }, []);\n\n  // 重新初始化预览器\n  const reinitializePreviewer = useCallback(async () => {\n    if (!containerRef.current || !arrayBufferRef.current || slideCount === 0) return;\n\n    try {\n      // 销毁旧的预览器\n      if (previewerRef.current) {\n        try {\n          previewerRef.current.destroy();\n        } catch {\n          // 忽略销毁错误\n        }\n      }\n\n      // 清空容器\n      containerRef.current.innerHTML = '';\n\n      // 获取当前容器尺寸\n      const currentDimensions = calculateDimensions();\n\n      // 初始化新的预览器，平铺模式下高度按页数计算\n      const previewer = init(containerRef.current, {\n        width: currentDimensions.width,\n        height: tiled ? currentDimensions.height * slideCount : currentDimensions.height,\n        mode: tiled ? 'list' : 'slide',\n      });\n      previewerRef.current = previewer;\n\n      // 重新预览\n      await previewer.preview(arrayBufferRef.current);\n    } catch {\n      // 重新初始化失败，静默处理\n    }\n  }, [calculateDimensions, tiled, slideCount]);\n\n  // 监听容器尺寸变化\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      // 跳过初始渲染时的尺寸检查\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n\n      // 检查尺寸是否真正变化（至少变化10px才触发）\n      const lastDimensions = lastDimensionsRef.current;\n      const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n      const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n      if (widthDiff < 10 && heightDiff < 10) {\n        return;\n      }\n\n      // 更新最后的尺寸\n      lastDimensionsRef.current = newDimensions;\n\n      // 清除之前的定时器\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      // 防抖：800ms 后重新初始化预览器\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (previewerRef.current && arrayBufferRef.current) {\n          reinitializePreviewer();\n        }\n      }, 800);\n    };\n\n    // 创建 ResizeObserver\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\n\n    // 开始观察容器\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, [calculateDimensions, reinitializePreviewer]);\n\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (!url) return;\n\n    let isMounted = true;\n    let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n    const loadPptx = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      // 设置30秒超时\n      timeoutId = setTimeout(() => {\n        if (isMounted) {\n          setError(t('pptx.timeout'));\n          setLoading(false);\n        }\n      }, 30000);\n\n      try {\n        // 获取文件，处理 CORS 和重定向\n        const response = await fetcher(url, {\n          mode: 'cors',\n          credentials: 'omit',\n          redirect: 'follow',\n        });\n\n        if (!response.ok) {\n          if (response.status === 404) {\n            throw new Error(t('pptx.not_found'));\n          } else if (response.status === 403) {\n            throw new Error('无权限访问此文件');\n          } else if (response.status >= 500) {\n            throw new Error('服务器错误，请稍后重试');\n          } else {\n            throw new Error(`文件加载失败 (${response.status})`);\n          }\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n\n        // 验证文件大小\n        if (arrayBuffer.byteLength === 0) {\n          throw new Error('文件为空');\n        }\n\n        arrayBufferRef.current = arrayBuffer;\n\n        if (!isMounted) return;\n\n        // 步骤 1: 创建隐藏容器，预处理获取 slideCount\n        const hiddenContainer = document.createElement('div');\n        hiddenContainer.style.cssText = 'position:absolute;left:-9999px;top:-9999px;visibility:hidden';\n        document.body.appendChild(hiddenContainer);\n\n        try {\n          // 在隐藏容器中初始化临时预览器获取页数\n          const tempPreviewer = init(hiddenContainer, {\n            width: 100,\n            height: 100,\n            mode: 'slide',\n          });\n\n          try {\n            await tempPreviewer.preview(arrayBuffer);\n          } catch {\n            throw new Error(t('pptx.invalid_format'));\n          }\n\n          const count = tempPreviewer.slideCount;\n\n          if (!count || count === 0) {\n            throw new Error(t('pptx.no_pages'));\n          }\n\n          // 销毁临时预览器\n          tempPreviewer.destroy();\n\n          if (!isMounted) return;\n\n          // 保存 slideCount\n          setSlideCount(count);\n\n          // 步骤 2: 清空真实容器并初始化\n          if (containerRef.current) {\n            containerRef.current.innerHTML = '';\n          }\n\n          const currentDimensions = calculateDimensions();\n\n          // 步骤 3: 初始化真实预览器，平铺模式下使用正确的总高度\n          const previewer = init(containerRef.current, {\n            width: currentDimensions.width,\n            height: tiled ? currentDimensions.height * count : currentDimensions.height,\n            mode: tiled ? 'list' : 'slide',\n          });\n          previewerRef.current = previewer;\n\n          // 步骤 4: 预览 PPTX\n          await previewer.preview(arrayBuffer);\n\n          // 清除超时定时器\n          if (timeoutId) {\n            clearTimeout(timeoutId);\n            timeoutId = null;\n          }\n\n          if (isMounted) {\n            setLoading(false);\n          }\n        } finally {\n          // 移除隐藏容器\n          if (document.body.contains(hiddenContainer)) {\n            document.body.removeChild(hiddenContainer);\n          }\n        }\n      } catch (err) {\n        // 清除超时定时器\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n          timeoutId = null;\n        }\n\n        if (isMounted) {\n          let errorMsg = t('pptx.parse_failed');\n          if (err instanceof Error) {\n            errorMsg = err.message;\n          } else if (typeof err === 'string') {\n            errorMsg = err;\n          }\n          setError(errorMsg);\n          setLoading(false);\n        }\n      }\n    };\n\n    // 延迟执行，使用 requestAnimationFrame 确保 DOM 已准备好\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          loadPptx();\n        });\n      });\n    }, 150);\n\n    // 清理函数\n    return () => {\n      isMounted = false;\n      clearTimeout(timer);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      arrayBufferRef.current = null;\n      setSlideCount(0);\n      if (previewerRef.current) {\n        try {\n          previewerRef.current.destroy();\n        } catch {\n          // 忽略销毁错误\n        }\n      }\n      previewerRef.current = null;\n    };\n  }, [url, calculateDimensions, tiled]);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {/* 加载状态 - 绝对定位覆盖 */}\n      {loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <div className=\"rfp-text-center\">\n            <div className=\"rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('pptx.loading')}</p>\n          </div>\n        </div>\n      )}\n\n      {/* 错误状态 - 绝对定位覆盖 */}\n      {error && !loading && (\n        <RendererError message={t('pptx.load_failed')} detail={error} />\n      )}\n\n      {/* PPT 容器 - 仅在非错误状态下渲染 */}\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"pptx-wrapper rfp-w-full rfp-max-w-full md:rfp-max-w-6xl\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["PptxRenderer","url","tiled","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","slideCount","setSlideCount","containerRef","useRef","previewerRef","resizeObserverRef","arrayBufferRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","parentWidth","_a","containerWidth","height","reinitializePreviewer","currentDimensions","previewer","init","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","timeoutId","loadPptx","response","arrayBuffer","hiddenContainer","tempPreviewer","count","err","errorMsg","timer","jsxs","jsx","RendererError"],"mappings":"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"}

package/lib/chunks/{index-DN8BQIqo.mjs → index-DRCA7PhQ.mjs}

@@ -1,9 +1,10 @@
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
-import { forwardRef as lr, useRef as c, useState as p, useCallback as l, useImperativeHandle as cr, useEffect as pr } from "react";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { forwardRef as lr, useRef as p, useState as d, useCallback as c, useImperativeHandle as cr, useEffect as pr } from "react";
 import { X as dr } from "lucide-react";
 import "foliate-js/view.js";
-import { u as ur, a as mr } from "./index-CGNWXFy3.mjs";
-const hr = `
+import { u as ur, a as mr } from "./index-BCbSb9Ob.mjs";
+import { R as hr } from "./RendererError-BH6fzLrN.mjs";
+const br = `
   @namespace epub "http://www.idpf.org/2007/ops";
   html { color-scheme: light; }
   body {
@@ -25,100 +26,100 @@ const hr = `
   img { max-width: 100% !important; height: auto !important; }
   a { color: #2563eb; text-decoration: none; }
   pre { white-space: pre-wrap !important; }
-`, br = 794, xr = lr(
-  ({ url: T, onChapterChange: E, onFullWidthChange: j }, K) => {
-    const z = ur(), Q = mr(), C = c(null), f = c(null), w = c(E), g = c(j);
-    w.current = E, g.current = j;
-    const I = c(1), [Y, R] = p(!0), [y, M] = p(null), [H, W] = p([]), [v, d] = p(!1), [$, S] = p(""), [F, rr] = p(!1), L = c(!1);
-    L.current = F;
-    const k = l((e, t) => {
+`, xr = 794, wr = lr(
+  ({ url: w, onChapterChange: A, onFullWidthChange: j }, Q) => {
+    const z = ur(), Y = mr(), C = p(null), i = p(null), g = p(A), y = p(j);
+    g.current = A, y.current = j;
+    const M = p(1), [Z, S] = d(!0), [v, F] = d(null), [H, I] = d([]), [k, u] = d(!1), [$, T] = d(""), [L, rr] = d(!1), P = p(!1);
+    P.current = L;
+    const N = c((e, t) => {
       var r;
-      t > 0 && (I.current = t), (r = w.current) == null || r.call(w, Math.max(1, e + 1), I.current);
-    }, []), P = l(() => {
-      const e = f.current;
+      t > 0 && (M.current = t), (r = g.current) == null || r.call(g, Math.max(1, e + 1), M.current);
+    }, []), W = c(() => {
+      const e = i.current;
       e && e.prev().catch(() => {
       });
-    }, []), X = l(() => {
-      const e = f.current;
+    }, []), X = c(() => {
+      const e = i.current;
       e && e.next().catch(() => {
       });
-    }, []), _ = l(() => d((e) => !e), []), D = l(() => {
-      var u;
-      const e = !L.current;
-      rr(e), (u = g.current) == null || u.call(g, e);
-      const t = f.current;
+    }, []), _ = c(() => u((e) => !e), []), D = c(() => {
+      var m;
+      const e = !P.current;
+      rr(e), (m = y.current) == null || m.call(y, e);
+      const t = i.current;
       if (!t) return;
       const r = t.renderer;
       r && r.setAttribute("max-inline-size", e ? "9999" : "720");
-    }, []), er = l((e) => {
+    }, []), er = c((e) => {
       var t;
-      S(e), d(!1), (t = f.current) == null || t.goTo(e).catch(() => {
+      T(e), u(!1), (t = i.current) == null || t.goTo(e).catch(() => {
       });
     }, []);
-    cr(K, () => ({
-      prevPage: P,
+    cr(Q, () => ({
+      prevPage: W,
       nextPage: X,
       toggleFullWidth: D,
       toggleToc: _
-    }), [P, X, D, _]), pr(() => {
+    }), [W, X, D, _]), pr(() => {
       const e = C.current;
-      if (!e) return;
-      R(!0), M(null), W([]), d(!1), S(""), e.replaceChildren();
+      if (!e || !w) return;
+      S(!0), F(null), I([]), u(!1), T(""), e.replaceChildren();
       let t = !1, r = null;
       return (async () => {
-        var a, s, m, q, B, G;
+        var a, s, h, q, G, V;
         try {
           if (t) return;
-          r = document.createElement("foliate-view"), e.appendChild(r), f.current = r, r.addEventListener("relocate", (V) => {
-            var Z, J;
-            const i = V.detail;
-            if (!i) return;
-            const b = i.location;
+          r = document.createElement("foliate-view"), e.appendChild(r), i.current = r, r.addEventListener("relocate", (J) => {
+            var K, O;
+            const f = J.detail;
+            if (!f) return;
+            const b = f.location;
             if (b && typeof b.current == "number" && typeof b.total == "number")
-              k(b.current, b.total);
+              N(b.current, b.total);
             else {
-              const ar = ((J = (Z = f.current) == null ? void 0 : Z.book) == null ? void 0 : J.sections) ?? [], sr = i.index ?? 0, fr = i.fraction ?? 0, A = Math.max(ar.length, 1), ir = Math.round((sr + fr) / A * A);
-              k(ir, A);
+              const ar = ((O = (K = i.current) == null ? void 0 : K.book) == null ? void 0 : O.sections) ?? [], sr = f.index ?? 0, ir = f.fraction ?? 0, E = Math.max(ar.length, 1), fr = Math.round((sr + ir) / E * E);
+              N(fr, E);
             }
-            const N = i.tocItem;
-            N != null && N.href && S(N.href);
+            const R = f.tocItem;
+            R != null && R.href && T(R.href);
           });
-          const h = await Q(T);
-          if (!h.ok) throw new Error(`请求失败: ${h.status}`);
-          const nr = await h.blob();
-          let O = "book.mobi";
+          const l = await Y(w);
+          if (!l.ok) throw new Error(`请求失败: ${l.status}`);
+          const or = await l.blob();
+          let B = "book.mobi";
           try {
-            const i = new URL(T, window.location.href).pathname.split("/").pop();
-            i && (O = decodeURIComponent(i));
+            const f = new URL(w, window.location.href).pathname.split("/").pop();
+            f && (B = decodeURIComponent(f));
           } catch {
           }
-          const or = new File([nr], O);
-          if (await r.open(or), t) {
+          const nr = new File([or], B);
+          if (await r.open(nr), t) {
             (s = (a = r.book) == null ? void 0 : a.destroy) == null || s.call(a);
             return;
           }
-          const o = r.renderer;
-          o && (o.setAttribute("animated", ""), o.setAttribute("max-inline-size", "720"), o.setAttribute("margin", "48"), o.setAttribute("gap", "5%"), (m = o.setStyles) == null || m.call(o, hr), await ((q = o.next) == null ? void 0 : q.call(o))), W(((B = r.book) == null ? void 0 : B.toc) ?? []), R(!1), k(0, ((G = r.book) == null ? void 0 : G.sections.length) ?? 1);
-        } catch (h) {
-          console.error("MOBI/AZW3 加载错误:", h), t || (M(z("mobi.load_failed")), R(!1));
+          const n = r.renderer;
+          n && (n.setAttribute("animated", ""), n.setAttribute("max-inline-size", "720"), n.setAttribute("margin", "48"), n.setAttribute("gap", "5%"), (h = n.setStyles) == null || h.call(n, br), await ((q = n.next) == null ? void 0 : q.call(n))), I(((G = r.book) == null ? void 0 : G.toc) ?? []), S(!1), N(0, ((V = r.book) == null ? void 0 : V.sections.length) ?? 1);
+        } catch (l) {
+          console.warn("[MobiRenderer] Failed to load ebook:", l instanceof Error ? l.message : String(l)), t || (F(z("mobi.load_failed")), S(!1));
         }
       })(), () => {
-        var a, s, m;
+        var a, s, h;
         t = !0;
         try {
-          (m = (s = (a = f.current) == null ? void 0 : a.book) == null ? void 0 : s.destroy) == null || m.call(s);
+          (h = (s = (a = i.current) == null ? void 0 : a.book) == null ? void 0 : s.destroy) == null || h.call(s);
         } catch {
         }
-        f.current = null, e.replaceChildren();
+        i.current = null, e.replaceChildren();
       };
-    }, [T, k]);
-    const tr = l(
+    }, [w, N]);
+    const tr = c(
       (e) => !!e && e === $,
       [$]
-    ), U = (e, t = 0) => /* @__PURE__ */ n("ul", { style: { listStyle: "none", padding: 0, margin: t > 0 ? "0 0 0 16px" : 0 }, children: e.map((r, u) => {
+    ), U = (e, t = 0) => /* @__PURE__ */ o("ul", { style: { listStyle: "none", padding: 0, margin: t > 0 ? "0 0 0 16px" : 0 }, children: e.map((r, m) => {
       var a, s;
       return /* @__PURE__ */ x("li", { children: [
-        r.href ? /* @__PURE__ */ n(
+        r.href ? /* @__PURE__ */ o(
           "button",
           {
             onClick: () => er(r.href),
@@ -126,58 +127,58 @@ const hr = `
             title: r.label,
             children: (a = r.label) == null ? void 0 : a.trim()
           }
-        ) : /* @__PURE__ */ n("div", { className: "rfp-w-full rfp-py-2 rfp-px-3 rfp-text-sm rfp-text-fg-tertiary rfp-truncate", children: (s = r.label) == null ? void 0 : s.trim() }),
+        ) : /* @__PURE__ */ o("div", { className: "rfp-w-full rfp-py-2 rfp-px-3 rfp-text-sm rfp-text-fg-tertiary rfp-truncate", children: (s = r.label) == null ? void 0 : s.trim() }),
         r.subitems && r.subitems.length > 0 && U(r.subitems, t + 1)
-      ] }, `${r.href ?? r.label}-${u}`);
+      ] }, `${r.href ?? r.label}-${m}`);
     }) });
-    return /* @__PURE__ */ x("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-[#f5f5f0] rfp-overflow-hidden", children: [
-      y && /* @__PURE__ */ n("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-text-fg-secondary rfp-text-center rfp-p-6", children: /* @__PURE__ */ n("p", { className: "rfp-text-lg", children: y }) }),
-      Y && !y && /* @__PURE__ */ n("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10", children: /* @__PURE__ */ 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" }) }),
+    return /* @__PURE__ */ x("div", { className: "rfp-relative rfp-w-full rfp-h-full rfp-flex rfp-justify-center rfp-bg-surface-1 rfp-overflow-hidden", children: [
+      v && /* @__PURE__ */ o(hr, { message: v }),
+      Z && !v && /* @__PURE__ */ o("div", { className: "rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-z-10", children: /* @__PURE__ */ o("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.length > 0 && /* @__PURE__ */ x(
         "div",
         {
           className: "rfp-absolute rfp-inset-0 rfp-z-20 rfp-flex rfp-transition-opacity rfp-duration-300",
-          style: { opacity: v ? 1 : 0, pointerEvents: v ? "auto" : "none" },
+          style: { opacity: k ? 1 : 0, pointerEvents: k ? "auto" : "none" },
           children: [
             /* @__PURE__ */ x(
               "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: v ? "translateX(0)" : "translateX(-100%)" },
+                style: { transform: k ? "translateX(0)" : "translateX(-100%)" },
                 children: [
                   /* @__PURE__ */ x("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__ */ n("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: z("toolbar.toc") }),
-                    /* @__PURE__ */ n(
+                    /* @__PURE__ */ o("span", { className: "rfp-text-fg-primary rfp-font-medium rfp-text-sm", children: z("toolbar.toc") }),
+                    /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => d(!1),
+                        onClick: () => u(!1),
                         className: "rfp-text-fg-tertiary hover:rfp-text-fg-primary rfp-transition-colors",
-                        children: /* @__PURE__ */ n(dr, { className: "rfp-w-4 rfp-h-4" })
+                        children: /* @__PURE__ */ o(dr, { className: "rfp-w-4 rfp-h-4" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ n("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: U(H) })
+                  /* @__PURE__ */ o("div", { className: "rfp-flex-1 rfp-overflow-y-auto rfp-py-4 rfp-px-1", children: U(H) })
                 ]
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ o(
               "div",
               {
                 className: "rfp-flex-1 rfp-transition-opacity rfp-duration-300",
-                style: { background: v ? "rgba(0,0,0,0.3)" : "transparent" },
-                onClick: () => d(!1)
+                style: { background: k ? "rgba(0,0,0,0.3)" : "transparent" },
+                onClick: () => u(!1)
               }
             )
           ]
         }
       ),
-      !y && /* @__PURE__ */ n(
+      !v && /* @__PURE__ */ o(
         "div",
         {
           ref: C,
           className: "rfp-h-full rfp-bg-surface-toolbar rfp-shadow-lg",
           style: {
-            width: F ? "100%" : `${br}px`,
+            width: L ? "100%" : `${xr}px`,
             maxWidth: "100%",
             transition: "width 0.3s ease"
           }
@@ -186,8 +187,8 @@ const hr = `
     ] });
   }
 );
-xr.displayName = "MobiRenderer";
+wr.displayName = "MobiRenderer";
 export {
-  xr as MobiRenderer
+  wr as MobiRenderer
 };
-//# sourceMappingURL=index-DN8BQIqo.mjs.map
+//# sourceMappingURL=index-DRCA7PhQ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DRCA7PhQ.mjs","sources":["../../src/renderers/Mobi/index.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  useImperativeHandle,\n  forwardRef,\n} from 'react';\nimport { X } from 'lucide-react';\nimport 'foliate-js/view.js';\nimport type { FoliateView, TocItem } from 'foliate-js/view.js';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\n\nconst READER_CSS = `\n  @namespace epub \"http://www.idpf.org/2007/ops\";\n  html { color-scheme: light; }\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    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, li, blockquote, dd { line-height: 2; text-align: justify; }\n  p { text-indent: 2em; margin: 0.8em 0; }\n  h1 { text-align: center; margin: 1.5em 0 1em; }\n  h2 { margin: 1.2em 0 0.8em; }\n  h3 { margin: 1em 0 0.6em; }\n  img { max-width: 100% !important; height: auto !important; }\n  a { color: #2563eb; text-decoration: none; }\n  pre { white-space: pre-wrap !important; }\n`;\n\nconst A4_WIDTH = 794;\n\nexport interface MobiRendererHandle {\n  prevPage: () => void;\n  nextPage: () => void;\n  toggleFullWidth: () => void;\n  toggleToc: () => void;\n}\n\ninterface MobiRendererProps {\n  url: string;\n  onChapterChange?: (current: number, total: number) => void;\n  onFullWidthChange?: (isFullWidth: boolean) => void;\n}\n\nexport const MobiRenderer = forwardRef<MobiRendererHandle, MobiRendererProps>(\n  ({ url, onChapterChange, onFullWidthChange }, ref) => {\n    const t = useTranslator();\n    const fetcher = useFetcher();\n    const hostRef = useRef<HTMLDivElement>(null);\n    const viewRef = useRef<FoliateView | null>(null);\n    const onChapterChangeRef = useRef(onChapterChange);\n    const onFullWidthChangeRef = useRef(onFullWidthChange);\n    onChapterChangeRef.current = onChapterChange;\n    onFullWidthChangeRef.current = onFullWidthChange;\n\n    // 模拟 epub.js 的 locations 显示\n    const totalLocationsRef = useRef(1);\n\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [toc, setToc] = useState<TocItem[]>([]);\n    const [showToc, setShowToc] = useState(false);\n    const [activeTocHref, setActiveTocHref] = useState<string>('');\n    const [isFullWidth, setIsFullWidth] = useState(false);\n    const isFullWidthRef = useRef(false);\n    isFullWidthRef.current = isFullWidth;\n\n    const reportProgress = useCallback((current: number, total: number) => {\n      if (total > 0) totalLocationsRef.current = total;\n      onChapterChangeRef.current?.(Math.max(1, current + 1), totalLocationsRef.current);\n    }, []);\n\n    const handlePrev = useCallback(() => {\n      const view = viewRef.current;\n      if (!view) return;\n      view.prev().catch(() => {});\n    }, []);\n\n    const handleNext = useCallback(() => {\n      const view = viewRef.current;\n      if (!view) return;\n      view.next().catch(() => {});\n    }, []);\n\n    const toggleToc = useCallback(() => setShowToc((prev) => !prev), []);\n\n    const toggleFullWidth = useCallback(() => {\n      const newVal = !isFullWidthRef.current;\n      setIsFullWidth(newVal);\n      onFullWidthChangeRef.current?.(newVal);\n      // 宽度改变后 paginator 需要重新分页\n      const view = viewRef.current;\n      if (!view) return;\n      const renderer = (view as unknown as { renderer?: HTMLElement }).renderer;\n      if (renderer) {\n        renderer.setAttribute('max-inline-size', newVal ? '9999' : '720');\n      }\n    }, []);\n\n    const handleTocClick = useCallback((href: string) => {\n      setActiveTocHref(href);\n      setShowToc(false);\n      viewRef.current?.goTo(href).catch(() => {});\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 host = hostRef.current;\n      // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n      if (!host || !url) return;\n\n      setLoading(true);\n      setError(null);\n      setToc([]);\n      setShowToc(false);\n      setActiveTocHref('');\n      host.replaceChildren();\n\n      let cancelled = false;\n      let view: FoliateView | null = null;\n\n      const load = async () => {\n        try {\n          if (cancelled) return;\n\n          view = document.createElement('foliate-view') as FoliateView;\n          host.appendChild(view);\n          viewRef.current = view;\n\n          // 先注册事件\n          view.addEventListener('relocate', (e: Event) => {\n            const detail = (e as CustomEvent).detail;\n            if (!detail) return;\n            // SectionProgress 返回的 location 对象: { current, next, total }\n            const loc = detail.location as { current?: number; total?: number } | undefined;\n            if (loc && typeof loc.current === 'number' && typeof loc.total === 'number') {\n              reportProgress(loc.current, loc.total);\n            } else {\n              // fallback：用 section 级别估算\n              const sections = viewRef.current?.book?.sections ?? [];\n              const idx = detail.index ?? 0;\n              const frac = detail.fraction ?? 0;\n              const total = Math.max(sections.length, 1);\n              const current = Math.round((idx + frac) / total * total);\n              reportProgress(current, total);\n            }\n            const tocItem = detail.tocItem as { href?: string } | undefined;\n            if (tocItem?.href) {\n              setActiveTocHref(tocItem.href);\n            }\n          });\n\n          const res = await fetcher(url);\n          if (!res.ok) throw new Error(`请求失败: ${res.status}`);\n          const blob = await res.blob();\n          let name = 'book.mobi';\n          try {\n            const u = new URL(url, window.location.href);\n            const base = u.pathname.split('/').pop();\n            if (base) name = decodeURIComponent(base);\n          } catch { /* blob: URL */ }\n          const file = new File([blob], name);\n\n          await view.open(file);\n          if (cancelled) { view.book?.destroy?.(); return; }\n\n          // 配置 paginator：paginated 模式（默认），带动画\n          const renderer = (view as unknown as { renderer: HTMLElement & {\n            setStyles?: (css: string) => void;\n            next?: () => Promise<void>;\n          } }).renderer;\n\n          if (renderer) {\n            // flow=\"paginated\" 是默认值，不需要显式设置\n            renderer.setAttribute('animated', '');\n            renderer.setAttribute('max-inline-size', '720');\n            renderer.setAttribute('margin', '48');\n            renderer.setAttribute('gap', '5%');\n            renderer.setStyles?.(READER_CSS);\n            // 必须调 next() 渲染首页\n            await renderer.next?.();\n          }\n\n          setToc(view.book?.toc ?? []);\n          setLoading(false);\n          reportProgress(0, view.book?.sections.length ?? 1);\n        } catch (err) {\n          // MOBI/EPUB 加载错误通常是文件损坏或 DRM 保护，用 warn 级别记录\n          console.warn('[MobiRenderer] Failed to load ebook:', err instanceof Error ? err.message : String(err));\n          if (!cancelled) {\n            setError(t('mobi.load_failed'));\n            setLoading(false);\n          }\n        }\n      };\n\n      load();\n\n      return () => {\n        cancelled = true;\n        try { viewRef.current?.book?.destroy?.(); } catch { /* ignore */ }\n        viewRef.current = null;\n        host.replaceChildren();\n      };\n    }, [url, reportProgress]);\n\n    const isActive = useCallback(\n      (href: string | undefined) => !!href && href === activeTocHref,\n      [activeTocHref]\n    );\n\n    const renderTocItems = (items: TocItem[], depth = 0) => (\n      <ul style={{ listStyle: 'none', padding: 0, margin: depth > 0 ? '0 0 0 16px' : 0 }}>\n        {items.map((item, i) => (\n          <li key={`${item.href ?? item.label}-${i}`}>\n            {item.href ? (\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 ${\n                  isActive(item.href)\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            ) : (\n              <div className=\"rfp-w-full rfp-py-2 rfp-px-3 rfp-text-sm rfp-text-fg-tertiary rfp-truncate\">\n                {item.label?.trim()}\n              </div>\n            )}\n            {item.subitems && item.subitems.length > 0 && renderTocItems(item.subitems, depth + 1)}\n          </li>\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={{ opacity: showToc ? 1 : 0, pointerEvents: showToc ? 'auto' : 'none' }}\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={hostRef}\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            }}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nMobiRenderer.displayName = 'MobiRenderer';\n"],"names":["READER_CSS","A4_WIDTH","MobiRenderer","forwardRef","url","onChapterChange","onFullWidthChange","ref","t","useTranslator","fetcher","useFetcher","hostRef","useRef","viewRef","onChapterChangeRef","onFullWidthChangeRef","totalLocationsRef","loading","setLoading","useState","error","setError","toc","setToc","showToc","setShowToc","activeTocHref","setActiveTocHref","isFullWidth","setIsFullWidth","isFullWidthRef","reportProgress","useCallback","current","total","_a","handlePrev","view","handleNext","toggleToc","prev","toggleFullWidth","newVal","renderer","handleTocClick","href","useImperativeHandle","useEffect","host","cancelled","e","detail","loc","sections","_b","idx","frac","tocItem","res","blob","name","base","file","_c","_d","_e","_f","err","isActive","renderTocItems","items","depth","item","i","jsxs","jsx","RendererError","X"],"mappings":"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"}