@somecat/epub-reader 0.1.0

package/README.md

@@ -0,0 +1,74 @@
+# @somecat/ebook-reader
+
+轻量 EBookReader：基于 `foliate-js` 的 `foliate-view`，提供 React 18+ / Vue 3 组件（不依赖 Ant Design / UnoCSS），并内置基础 UI（目录、搜索、翻页、字号、明暗主题、阅读进度）。
+
+## 安装
+
+```bash
+pnpm add @somecat/ebook-reader
+```
+
+同时在你的应用入口引入样式：
+
+```ts
+import '@somecat/ebook-reader/style.css'
+```
+
+## React 18+
+
+```tsx
+import { useMemo, useState } from 'react'
+import { EBookReader } from '@somecat/ebook-reader/react'
+import '@somecat/ebook-reader/style.css'
+
+export default function Demo() {
+  const [file, setFile] = useState<File | null>(null)
+
+  return (
+    <div style={{ height: '100vh' }}>
+      <input
+        type="file"
+        accept=".epub"
+        onChange={(e) => setFile(e.target.files?.[0] ?? null)}
+      />
+      <div style={{ height: 'calc(100vh - 40px)' }}>
+        <EBookReader file={file} />
+      </div>
+    </div>
+  )
+}
+```
+
+## Vue 3
+
+```ts
+import '@somecat/ebook-reader/style.css'
+```
+
+```ts
+import { defineComponent, ref } from 'vue'
+import { EBookReaderVue } from '@somecat/ebook-reader/vue'
+
+export default defineComponent({
+  setup() {
+    const file = ref<File | null>(null)
+    return () => (
+      <div style="height:100vh">
+        <input
+          type="file"
+          accept=".epub"
+          onChange={(e: any) => (file.value = e?.target?.files?.[0] ?? null)}
+        />
+        <div style="height:calc(100vh - 40px)">
+          <EBookReaderVue file={file.value} />
+        </div>
+      </div>
+    )
+  },
+})
+```
+
+## 注意事项
+
+- 外层容器必须有明确高度（组件内部会使用 `height: calc(100% - 40px)` 给阅读区留出底部进度条）。
+- 键盘左右方向键翻页：需要组件获得焦点（点击组件区域或 Tab 聚焦）。

package/dist/core.cjs

@@ -0,0 +1,201 @@
+'use strict';
+
+require('foliate-js/view.js');
+
+// src/core/reader.ts
+var getContentCSS = (fontSize, isDark, extraCSS) => `
+@namespace epub "http://www.idpf.org/2007/ops";
+html {
+  color-scheme: ${isDark ? "dark" : "light"} !important;
+}
+body {
+  background-color: transparent !important;
+  color: ${isDark ? "#e0e0e0" : "black"} !important;
+  font-size: ${fontSize}% !important;
+}
+p {
+  line-height: 1.6;
+  margin-bottom: 1em;
+}
+a {
+  color: ${isDark ? "#64b5f6" : "#2563eb"} !important;
+}
+img {
+  max-width: 100%;
+  height: auto;
+  object-fit: contain;
+  ${isDark ? "filter: brightness(0.8) contrast(1.2);" : ""}
+}
+${extraCSS ?? ""}
+`;
+function createEBookReader(container, options = {}) {
+  if (!container) throw new Error("container is required");
+  if (!customElements.get("foliate-view")) throw new Error("foliate-view is not defined");
+  const {
+    darkMode: initialDarkMode = false,
+    fontSize: initialFontSize = 100,
+    extraContentCSS,
+    onReady,
+    onError,
+    onProgress,
+    onToc,
+    onSearchProgress,
+    onContentLoad
+  } = options;
+  let destroyed = false;
+  let toc = [];
+  let fontSize = initialFontSize;
+  let darkMode = initialDarkMode;
+  let searchToken = 0;
+  container.innerHTML = "";
+  const viewer = document.createElement("foliate-view");
+  viewer.style.display = "block";
+  viewer.style.width = "100%";
+  viewer.style.height = "100%";
+  viewer.setAttribute("margin", "48");
+  viewer.setAttribute("gap", "0.07");
+  const applyStyles = () => {
+    if (destroyed) return;
+    if (!viewer.renderer?.setStyles) return;
+    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, extraContentCSS));
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        if (destroyed) return;
+        viewer.renderer?.render?.();
+        viewer.renderer?.expand?.();
+      }, 50);
+    });
+  };
+  const handleLoad = (e) => {
+    applyStyles();
+    const detail = e.detail;
+    if (detail?.doc) onContentLoad?.(detail.doc);
+  };
+  const handleRelocate = (e) => {
+    const detail = e.detail;
+    onProgress?.(detail);
+  };
+  viewer.addEventListener("load", handleLoad);
+  viewer.addEventListener("relocate", handleRelocate);
+  container.appendChild(viewer);
+  const handle = {
+    async open(file) {
+      if (destroyed) return;
+      if (!file) return;
+      try {
+        viewer.clearSearch?.();
+        searchToken++;
+        await viewer.open?.(file);
+        const nextToc = viewer.book?.toc ?? [];
+        toc = nextToc;
+        onToc?.(toc);
+        await viewer.init?.({ showTextStart: true });
+        applyStyles();
+      } catch (error) {
+        onError?.(error);
+        throw error;
+      }
+    },
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      searchToken++;
+      viewer.removeEventListener("load", handleLoad);
+      viewer.removeEventListener("relocate", handleRelocate);
+      container.innerHTML = "";
+    },
+    prevPage() {
+      viewer.goLeft?.();
+    },
+    nextPage() {
+      viewer.goRight?.();
+    },
+    prevSection() {
+      viewer.renderer?.prevSection?.();
+    },
+    nextSection() {
+      viewer.renderer?.nextSection?.();
+    },
+    goTo(target) {
+      if (!target) return;
+      viewer.goTo?.(target);
+    },
+    goToFraction(fraction) {
+      const safe = Math.min(1, Math.max(0, fraction));
+      viewer.goToFraction?.(safe);
+    },
+    setDarkMode(nextDarkMode) {
+      darkMode = nextDarkMode;
+      applyStyles();
+    },
+    setFontSize(nextFontSize) {
+      const safe = Math.min(300, Math.max(50, nextFontSize));
+      fontSize = safe;
+      applyStyles();
+    },
+    async search(query, opts = {}) {
+      const normalized = query.trim();
+      if (!normalized) {
+        viewer.clearSearch?.();
+        return [];
+      }
+      const token = ++searchToken;
+      const results = [];
+      try {
+        for await (const item of viewer.search?.({
+          query: normalized,
+          matchCase: Boolean(opts.matchCase),
+          matchWholeWords: Boolean(opts.wholeWords),
+          matchDiacritics: Boolean(opts.matchDiacritics)
+        }) ?? []) {
+          if (destroyed || token !== searchToken) return results;
+          if (item === "done") {
+            onSearchProgress?.({ done: true, progress: 1 });
+            break;
+          }
+          if (typeof item === "object" && item && "progress" in item) {
+            const progress = item.progress;
+            if (typeof progress === "number") onSearchProgress?.({ progress });
+            continue;
+          }
+          const anyItem = item;
+          if (anyItem?.subitems?.length) {
+            for (const sub of anyItem.subitems) {
+              results.push({
+                label: anyItem.label,
+                cfi: sub?.cfi,
+                excerpt: sub?.excerpt,
+                title: sub?.title
+              });
+            }
+          } else if (anyItem?.cfi) {
+            results.push({
+              cfi: anyItem.cfi,
+              excerpt: anyItem.excerpt,
+              title: anyItem.title
+            });
+          }
+        }
+      } catch (error) {
+        onError?.(error);
+        throw error;
+      }
+      return results;
+    },
+    cancelSearch() {
+      searchToken++;
+    },
+    clearSearch() {
+      viewer.clearSearch?.();
+    },
+    getToc() {
+      return toc;
+    }
+  };
+  onReady?.(handle);
+  return handle;
+}
+
+exports.createEBookReader = createEBookReader;
+//# sourceMappingURL=core.cjs.map
+//# sourceMappingURL=core.cjs.map

package/dist/core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/reader.ts"],"names":[],"mappings":"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","file":"core.cjs","sourcesContent":["import 'foliate-js/view.js'\r\nimport type { EBookReaderHandle, EBookReaderOptions, ProgressInfo, SearchOptions, SearchResult, TocItem } from './types.js'\r\n\r\ntype FoliateViewElement = HTMLElement & {\r\n  book?: { toc?: TocItem[] }\r\n  renderer?: {\r\n    prevSection?: () => void\r\n    nextSection?: () => void\r\n    setStyles?: (css: string) => void\r\n    render?: () => void\r\n    expand?: () => void\r\n  }\r\n  open?: (file: File) => Promise<void>\r\n  init?: (options?: unknown) => Promise<void>\r\n  goLeft?: () => void\r\n  goRight?: () => void\r\n  goTo?: (target: string) => Promise<void> | void\r\n  goToFraction?: (fraction: number) => Promise<void> | void\r\n  search?: (options: unknown) => AsyncIterable<unknown>\r\n  clearSearch?: () => void\r\n}\r\n\r\nconst getContentCSS = (fontSize: number, isDark: boolean, extraCSS?: string) => `\r\n@namespace epub \"http://www.idpf.org/2007/ops\";\r\nhtml {\r\n  color-scheme: ${isDark ? 'dark' : 'light'} !important;\r\n}\r\nbody {\r\n  background-color: transparent !important;\r\n  color: ${isDark ? '#e0e0e0' : 'black'} !important;\r\n  font-size: ${fontSize}% !important;\r\n}\r\np {\r\n  line-height: 1.6;\r\n  margin-bottom: 1em;\r\n}\r\na {\r\n  color: ${isDark ? '#64b5f6' : '#2563eb'} !important;\r\n}\r\nimg {\r\n  max-width: 100%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  ${isDark ? 'filter: brightness(0.8) contrast(1.2);' : ''}\r\n}\r\n${extraCSS ?? ''}\r\n`\r\n\r\nexport function createEBookReader(container: HTMLElement, options: EBookReaderOptions = {}): EBookReaderHandle {\r\n  if (!container) throw new Error('container is required')\r\n  if (!customElements.get('foliate-view')) throw new Error('foliate-view is not defined')\r\n\r\n  const {\r\n    darkMode: initialDarkMode = false,\r\n    fontSize: initialFontSize = 100,\r\n    extraContentCSS,\r\n    onReady,\r\n    onError,\r\n    onProgress,\r\n    onToc,\r\n    onSearchProgress,\r\n    onContentLoad,\r\n  } = options\r\n\r\n  let destroyed = false\r\n  let toc: TocItem[] = []\r\n  let fontSize = initialFontSize\r\n  let darkMode = initialDarkMode\r\n  let searchToken = 0\r\n\r\n  container.innerHTML = ''\r\n\r\n  const viewer = document.createElement('foliate-view') as FoliateViewElement\r\n  viewer.style.display = 'block'\r\n  viewer.style.width = '100%'\r\n  viewer.style.height = '100%'\r\n  viewer.setAttribute('margin', '48')\r\n  viewer.setAttribute('gap', '0.07')\r\n\r\n  const applyStyles = () => {\r\n    if (destroyed) return\r\n    if (!viewer.renderer?.setStyles) return\r\n    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, extraContentCSS))\r\n    requestAnimationFrame(() => {\r\n      setTimeout(() => {\r\n        if (destroyed) return\r\n        viewer.renderer?.render?.()\r\n        viewer.renderer?.expand?.()\r\n      }, 50)\r\n    })\r\n  }\r\n\r\n  const handleLoad = (e: Event) => {\r\n    applyStyles()\r\n    const detail = (e as CustomEvent).detail as { doc?: Document } | undefined\r\n    if (detail?.doc) onContentLoad?.(detail.doc)\r\n  }\r\n\r\n  const handleRelocate = (e: Event) => {\r\n    const detail = (e as CustomEvent).detail as ProgressInfo\r\n    onProgress?.(detail)\r\n  }\r\n\r\n  viewer.addEventListener('load', handleLoad as EventListener)\r\n  viewer.addEventListener('relocate', handleRelocate as EventListener)\r\n\r\n  container.appendChild(viewer)\r\n\r\n  const handle: EBookReaderHandle = {\r\n    async open(file) {\r\n      if (destroyed) return\r\n      if (!file) return\r\n\r\n      try {\r\n        viewer.clearSearch?.()\r\n        searchToken++\r\n\r\n        await viewer.open?.(file)\r\n\r\n        const nextToc = viewer.book?.toc ?? []\r\n        toc = nextToc\r\n        onToc?.(toc)\r\n\r\n        await viewer.init?.({ showTextStart: true })\r\n        applyStyles()\r\n      } catch (error) {\r\n        onError?.(error)\r\n        throw error\r\n      }\r\n    },\r\n    destroy() {\r\n      if (destroyed) return\r\n      destroyed = true\r\n      searchToken++\r\n      viewer.removeEventListener('load', handleLoad)\r\n      viewer.removeEventListener('relocate', handleRelocate as EventListener)\r\n      container.innerHTML = ''\r\n    },\r\n    prevPage() {\r\n      viewer.goLeft?.()\r\n    },\r\n    nextPage() {\r\n      viewer.goRight?.()\r\n    },\r\n    prevSection() {\r\n      viewer.renderer?.prevSection?.()\r\n    },\r\n    nextSection() {\r\n      viewer.renderer?.nextSection?.()\r\n    },\r\n    goTo(target) {\r\n      if (!target) return\r\n      viewer.goTo?.(target)\r\n    },\r\n    goToFraction(fraction) {\r\n      const safe = Math.min(1, Math.max(0, fraction))\r\n      viewer.goToFraction?.(safe)\r\n    },\r\n    setDarkMode(nextDarkMode) {\r\n      darkMode = nextDarkMode\r\n      applyStyles()\r\n    },\r\n    setFontSize(nextFontSize) {\r\n      const safe = Math.min(300, Math.max(50, nextFontSize))\r\n      fontSize = safe\r\n      applyStyles()\r\n    },\r\n    async search(query, opts: SearchOptions = {}) {\r\n      const normalized = query.trim()\r\n      if (!normalized) {\r\n        viewer.clearSearch?.()\r\n        return []\r\n      }\r\n\r\n      const token = ++searchToken\r\n      const results: SearchResult[] = []\r\n\r\n      try {\r\n        for await (const item of viewer.search?.({\r\n          query: normalized,\r\n          matchCase: Boolean(opts.matchCase),\r\n          matchWholeWords: Boolean(opts.wholeWords),\r\n          matchDiacritics: Boolean(opts.matchDiacritics),\r\n        }) ?? []) {\r\n          if (destroyed || token !== searchToken) return results\r\n\r\n          if (item === 'done') {\r\n            onSearchProgress?.({ done: true, progress: 1 })\r\n            break\r\n          }\r\n\r\n          if (typeof item === 'object' && item && 'progress' in (item as any)) {\r\n            const progress = (item as any).progress\r\n            if (typeof progress === 'number') onSearchProgress?.({ progress })\r\n            continue\r\n          }\r\n\r\n          const anyItem = item as any\r\n          if (anyItem?.subitems?.length) {\r\n            for (const sub of anyItem.subitems) {\r\n              results.push({\r\n                label: anyItem.label,\r\n                cfi: sub?.cfi,\r\n                excerpt: sub?.excerpt,\r\n                title: sub?.title,\r\n              })\r\n            }\r\n          } else if (anyItem?.cfi) {\r\n            results.push({\r\n              cfi: anyItem.cfi,\r\n              excerpt: anyItem.excerpt,\r\n              title: anyItem.title,\r\n            })\r\n          }\r\n        }\r\n      } catch (error) {\r\n        onError?.(error)\r\n        throw error\r\n      }\r\n\r\n      return results\r\n    },\r\n    cancelSearch() {\r\n      searchToken++\r\n    },\r\n    clearSearch() {\r\n      viewer.clearSearch?.()\r\n    },\r\n    getToc() {\r\n      return toc\r\n    },\r\n  }\r\n\r\n  onReady?.(handle)\r\n  return handle\r\n}\r\n"]}

package/dist/core.d.cts

@@ -0,0 +1,6 @@
+import { a as EBookReaderOptions, E as EBookReaderHandle } from './types-Dc66KVH2.cjs';
+export { P as ProgressInfo, S as SearchOptions, b as SearchResult, T as TocItem } from './types-Dc66KVH2.cjs';
+
+declare function createEBookReader(container: HTMLElement, options?: EBookReaderOptions): EBookReaderHandle;
+
+export { EBookReaderHandle, EBookReaderOptions, createEBookReader };

package/dist/core.d.ts

@@ -0,0 +1,6 @@
+import { a as EBookReaderOptions, E as EBookReaderHandle } from './types-Dc66KVH2.js';
+export { P as ProgressInfo, S as SearchOptions, b as SearchResult, T as TocItem } from './types-Dc66KVH2.js';
+
+declare function createEBookReader(container: HTMLElement, options?: EBookReaderOptions): EBookReaderHandle;
+
+export { EBookReaderHandle, EBookReaderOptions, createEBookReader };

package/dist/core.js

@@ -0,0 +1,199 @@
+import 'foliate-js/view.js';
+
+// src/core/reader.ts
+var getContentCSS = (fontSize, isDark, extraCSS) => `
+@namespace epub "http://www.idpf.org/2007/ops";
+html {
+  color-scheme: ${isDark ? "dark" : "light"} !important;
+}
+body {
+  background-color: transparent !important;
+  color: ${isDark ? "#e0e0e0" : "black"} !important;
+  font-size: ${fontSize}% !important;
+}
+p {
+  line-height: 1.6;
+  margin-bottom: 1em;
+}
+a {
+  color: ${isDark ? "#64b5f6" : "#2563eb"} !important;
+}
+img {
+  max-width: 100%;
+  height: auto;
+  object-fit: contain;
+  ${isDark ? "filter: brightness(0.8) contrast(1.2);" : ""}
+}
+${extraCSS ?? ""}
+`;
+function createEBookReader(container, options = {}) {
+  if (!container) throw new Error("container is required");
+  if (!customElements.get("foliate-view")) throw new Error("foliate-view is not defined");
+  const {
+    darkMode: initialDarkMode = false,
+    fontSize: initialFontSize = 100,
+    extraContentCSS,
+    onReady,
+    onError,
+    onProgress,
+    onToc,
+    onSearchProgress,
+    onContentLoad
+  } = options;
+  let destroyed = false;
+  let toc = [];
+  let fontSize = initialFontSize;
+  let darkMode = initialDarkMode;
+  let searchToken = 0;
+  container.innerHTML = "";
+  const viewer = document.createElement("foliate-view");
+  viewer.style.display = "block";
+  viewer.style.width = "100%";
+  viewer.style.height = "100%";
+  viewer.setAttribute("margin", "48");
+  viewer.setAttribute("gap", "0.07");
+  const applyStyles = () => {
+    if (destroyed) return;
+    if (!viewer.renderer?.setStyles) return;
+    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, extraContentCSS));
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        if (destroyed) return;
+        viewer.renderer?.render?.();
+        viewer.renderer?.expand?.();
+      }, 50);
+    });
+  };
+  const handleLoad = (e) => {
+    applyStyles();
+    const detail = e.detail;
+    if (detail?.doc) onContentLoad?.(detail.doc);
+  };
+  const handleRelocate = (e) => {
+    const detail = e.detail;
+    onProgress?.(detail);
+  };
+  viewer.addEventListener("load", handleLoad);
+  viewer.addEventListener("relocate", handleRelocate);
+  container.appendChild(viewer);
+  const handle = {
+    async open(file) {
+      if (destroyed) return;
+      if (!file) return;
+      try {
+        viewer.clearSearch?.();
+        searchToken++;
+        await viewer.open?.(file);
+        const nextToc = viewer.book?.toc ?? [];
+        toc = nextToc;
+        onToc?.(toc);
+        await viewer.init?.({ showTextStart: true });
+        applyStyles();
+      } catch (error) {
+        onError?.(error);
+        throw error;
+      }
+    },
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      searchToken++;
+      viewer.removeEventListener("load", handleLoad);
+      viewer.removeEventListener("relocate", handleRelocate);
+      container.innerHTML = "";
+    },
+    prevPage() {
+      viewer.goLeft?.();
+    },
+    nextPage() {
+      viewer.goRight?.();
+    },
+    prevSection() {
+      viewer.renderer?.prevSection?.();
+    },
+    nextSection() {
+      viewer.renderer?.nextSection?.();
+    },
+    goTo(target) {
+      if (!target) return;
+      viewer.goTo?.(target);
+    },
+    goToFraction(fraction) {
+      const safe = Math.min(1, Math.max(0, fraction));
+      viewer.goToFraction?.(safe);
+    },
+    setDarkMode(nextDarkMode) {
+      darkMode = nextDarkMode;
+      applyStyles();
+    },
+    setFontSize(nextFontSize) {
+      const safe = Math.min(300, Math.max(50, nextFontSize));
+      fontSize = safe;
+      applyStyles();
+    },
+    async search(query, opts = {}) {
+      const normalized = query.trim();
+      if (!normalized) {
+        viewer.clearSearch?.();
+        return [];
+      }
+      const token = ++searchToken;
+      const results = [];
+      try {
+        for await (const item of viewer.search?.({
+          query: normalized,
+          matchCase: Boolean(opts.matchCase),
+          matchWholeWords: Boolean(opts.wholeWords),
+          matchDiacritics: Boolean(opts.matchDiacritics)
+        }) ?? []) {
+          if (destroyed || token !== searchToken) return results;
+          if (item === "done") {
+            onSearchProgress?.({ done: true, progress: 1 });
+            break;
+          }
+          if (typeof item === "object" && item && "progress" in item) {
+            const progress = item.progress;
+            if (typeof progress === "number") onSearchProgress?.({ progress });
+            continue;
+          }
+          const anyItem = item;
+          if (anyItem?.subitems?.length) {
+            for (const sub of anyItem.subitems) {
+              results.push({
+                label: anyItem.label,
+                cfi: sub?.cfi,
+                excerpt: sub?.excerpt,
+                title: sub?.title
+              });
+            }
+          } else if (anyItem?.cfi) {
+            results.push({
+              cfi: anyItem.cfi,
+              excerpt: anyItem.excerpt,
+              title: anyItem.title
+            });
+          }
+        }
+      } catch (error) {
+        onError?.(error);
+        throw error;
+      }
+      return results;
+    },
+    cancelSearch() {
+      searchToken++;
+    },
+    clearSearch() {
+      viewer.clearSearch?.();
+    },
+    getToc() {
+      return toc;
+    }
+  };
+  onReady?.(handle);
+  return handle;
+}
+
+export { createEBookReader };
+//# sourceMappingURL=core.js.map
+//# sourceMappingURL=core.js.map

package/dist/core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/reader.ts"],"names":[],"mappings":"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","file":"core.js","sourcesContent":["import 'foliate-js/view.js'\r\nimport type { EBookReaderHandle, EBookReaderOptions, ProgressInfo, SearchOptions, SearchResult, TocItem } from './types.js'\r\n\r\ntype FoliateViewElement = HTMLElement & {\r\n  book?: { toc?: TocItem[] }\r\n  renderer?: {\r\n    prevSection?: () => void\r\n    nextSection?: () => void\r\n    setStyles?: (css: string) => void\r\n    render?: () => void\r\n    expand?: () => void\r\n  }\r\n  open?: (file: File) => Promise<void>\r\n  init?: (options?: unknown) => Promise<void>\r\n  goLeft?: () => void\r\n  goRight?: () => void\r\n  goTo?: (target: string) => Promise<void> | void\r\n  goToFraction?: (fraction: number) => Promise<void> | void\r\n  search?: (options: unknown) => AsyncIterable<unknown>\r\n  clearSearch?: () => void\r\n}\r\n\r\nconst getContentCSS = (fontSize: number, isDark: boolean, extraCSS?: string) => `\r\n@namespace epub \"http://www.idpf.org/2007/ops\";\r\nhtml {\r\n  color-scheme: ${isDark ? 'dark' : 'light'} !important;\r\n}\r\nbody {\r\n  background-color: transparent !important;\r\n  color: ${isDark ? '#e0e0e0' : 'black'} !important;\r\n  font-size: ${fontSize}% !important;\r\n}\r\np {\r\n  line-height: 1.6;\r\n  margin-bottom: 1em;\r\n}\r\na {\r\n  color: ${isDark ? '#64b5f6' : '#2563eb'} !important;\r\n}\r\nimg {\r\n  max-width: 100%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  ${isDark ? 'filter: brightness(0.8) contrast(1.2);' : ''}\r\n}\r\n${extraCSS ?? ''}\r\n`\r\n\r\nexport function createEBookReader(container: HTMLElement, options: EBookReaderOptions = {}): EBookReaderHandle {\r\n  if (!container) throw new Error('container is required')\r\n  if (!customElements.get('foliate-view')) throw new Error('foliate-view is not defined')\r\n\r\n  const {\r\n    darkMode: initialDarkMode = false,\r\n    fontSize: initialFontSize = 100,\r\n    extraContentCSS,\r\n    onReady,\r\n    onError,\r\n    onProgress,\r\n    onToc,\r\n    onSearchProgress,\r\n    onContentLoad,\r\n  } = options\r\n\r\n  let destroyed = false\r\n  let toc: TocItem[] = []\r\n  let fontSize = initialFontSize\r\n  let darkMode = initialDarkMode\r\n  let searchToken = 0\r\n\r\n  container.innerHTML = ''\r\n\r\n  const viewer = document.createElement('foliate-view') as FoliateViewElement\r\n  viewer.style.display = 'block'\r\n  viewer.style.width = '100%'\r\n  viewer.style.height = '100%'\r\n  viewer.setAttribute('margin', '48')\r\n  viewer.setAttribute('gap', '0.07')\r\n\r\n  const applyStyles = () => {\r\n    if (destroyed) return\r\n    if (!viewer.renderer?.setStyles) return\r\n    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, extraContentCSS))\r\n    requestAnimationFrame(() => {\r\n      setTimeout(() => {\r\n        if (destroyed) return\r\n        viewer.renderer?.render?.()\r\n        viewer.renderer?.expand?.()\r\n      }, 50)\r\n    })\r\n  }\r\n\r\n  const handleLoad = (e: Event) => {\r\n    applyStyles()\r\n    const detail = (e as CustomEvent).detail as { doc?: Document } | undefined\r\n    if (detail?.doc) onContentLoad?.(detail.doc)\r\n  }\r\n\r\n  const handleRelocate = (e: Event) => {\r\n    const detail = (e as CustomEvent).detail as ProgressInfo\r\n    onProgress?.(detail)\r\n  }\r\n\r\n  viewer.addEventListener('load', handleLoad as EventListener)\r\n  viewer.addEventListener('relocate', handleRelocate as EventListener)\r\n\r\n  container.appendChild(viewer)\r\n\r\n  const handle: EBookReaderHandle = {\r\n    async open(file) {\r\n      if (destroyed) return\r\n      if (!file) return\r\n\r\n      try {\r\n        viewer.clearSearch?.()\r\n        searchToken++\r\n\r\n        await viewer.open?.(file)\r\n\r\n        const nextToc = viewer.book?.toc ?? []\r\n        toc = nextToc\r\n        onToc?.(toc)\r\n\r\n        await viewer.init?.({ showTextStart: true })\r\n        applyStyles()\r\n      } catch (error) {\r\n        onError?.(error)\r\n        throw error\r\n      }\r\n    },\r\n    destroy() {\r\n      if (destroyed) return\r\n      destroyed = true\r\n      searchToken++\r\n      viewer.removeEventListener('load', handleLoad)\r\n      viewer.removeEventListener('relocate', handleRelocate as EventListener)\r\n      container.innerHTML = ''\r\n    },\r\n    prevPage() {\r\n      viewer.goLeft?.()\r\n    },\r\n    nextPage() {\r\n      viewer.goRight?.()\r\n    },\r\n    prevSection() {\r\n      viewer.renderer?.prevSection?.()\r\n    },\r\n    nextSection() {\r\n      viewer.renderer?.nextSection?.()\r\n    },\r\n    goTo(target) {\r\n      if (!target) return\r\n      viewer.goTo?.(target)\r\n    },\r\n    goToFraction(fraction) {\r\n      const safe = Math.min(1, Math.max(0, fraction))\r\n      viewer.goToFraction?.(safe)\r\n    },\r\n    setDarkMode(nextDarkMode) {\r\n      darkMode = nextDarkMode\r\n      applyStyles()\r\n    },\r\n    setFontSize(nextFontSize) {\r\n      const safe = Math.min(300, Math.max(50, nextFontSize))\r\n      fontSize = safe\r\n      applyStyles()\r\n    },\r\n    async search(query, opts: SearchOptions = {}) {\r\n      const normalized = query.trim()\r\n      if (!normalized) {\r\n        viewer.clearSearch?.()\r\n        return []\r\n      }\r\n\r\n      const token = ++searchToken\r\n      const results: SearchResult[] = []\r\n\r\n      try {\r\n        for await (const item of viewer.search?.({\r\n          query: normalized,\r\n          matchCase: Boolean(opts.matchCase),\r\n          matchWholeWords: Boolean(opts.wholeWords),\r\n          matchDiacritics: Boolean(opts.matchDiacritics),\r\n        }) ?? []) {\r\n          if (destroyed || token !== searchToken) return results\r\n\r\n          if (item === 'done') {\r\n            onSearchProgress?.({ done: true, progress: 1 })\r\n            break\r\n          }\r\n\r\n          if (typeof item === 'object' && item && 'progress' in (item as any)) {\r\n            const progress = (item as any).progress\r\n            if (typeof progress === 'number') onSearchProgress?.({ progress })\r\n            continue\r\n          }\r\n\r\n          const anyItem = item as any\r\n          if (anyItem?.subitems?.length) {\r\n            for (const sub of anyItem.subitems) {\r\n              results.push({\r\n                label: anyItem.label,\r\n                cfi: sub?.cfi,\r\n                excerpt: sub?.excerpt,\r\n                title: sub?.title,\r\n              })\r\n            }\r\n          } else if (anyItem?.cfi) {\r\n            results.push({\r\n              cfi: anyItem.cfi,\r\n              excerpt: anyItem.excerpt,\r\n              title: anyItem.title,\r\n            })\r\n          }\r\n        }\r\n      } catch (error) {\r\n        onError?.(error)\r\n        throw error\r\n      }\r\n\r\n      return results\r\n    },\r\n    cancelSearch() {\r\n      searchToken++\r\n    },\r\n    clearSearch() {\r\n      viewer.clearSearch?.()\r\n    },\r\n    getToc() {\r\n      return toc\r\n    },\r\n  }\r\n\r\n  onReady?.(handle)\r\n  return handle\r\n}\r\n"]}