feat: book toc progress save logic

Author: dfface

epub_browser/assets/book.css

@@ -395,12 +395,13 @@ body {
     background: var(--border-color);
 }
 
-.chapter-list a:target {
+/* 除了 hashtag 锚点，还支持 active class */
+.chapter-list a:target, .chapter-list a.active  {
     background: linear-gradient(to right, var(--primary), var(--success));
     color: #e9ecef;
 }
 
-.chapter-list a:target .chapter-page {
+.chapter-list a:target .chapter-page, .chapter-list a.active .chapter-page {
     color: #e9ecef;
 }
 

epub_browser/assets/book.js

@@ -155,15 +155,27 @@ function initScript() {
         });
     }
 
-    // 书籍目录锚点删除
-    const anchor = window.location.hash;
+    // 恢复书籍阅读的章节进度
+    let currentChapter = "";
     if (!isKindleMode()) {
-        if (anchor === '' || !anchor.startsWith('#chapter_')) {
-            localStorage.removeItem(book_hash);  // 此时 lastPart 就是 book_hash
-        }
+        currentChapter = localStorage.getItem(book_hash) || "";
     } else {
-        if (anchor === '' || !anchor.startsWith('#chapter_')) {
-            deleteCookie(book_hash);  // 此时 lastPart 就是 book_hash
+        currentChapter = getCookie(book_hash) || "";
+    }
+    if (currentChapter !== "") {
+        // 激活当前章节
+        const chapterElement = document.getElementById(currentChapter);
+        if (chapterElement) {
+            chapterElement.classList.add('active');
+            // 滚动到当前章节（兼容性写法）
+            let tocContainer = document.querySelector('.chapter-list');
+            if (isKindleMode()) {
+                // kindle mode 的滚动元素是不同的
+                tocContainer = document.documentElement
+            }
+            if (tocContainer) {
+                tocContainer.scrollTop = chapterElement.offsetTop - tocContainer.offsetTop - 50;
+            }
         }
     }
 

epub_browser/assets/chapter.js

@@ -1654,22 +1654,17 @@ function initScript() {
     wrapAllElements('table', 'div');
     wrapAllElements('img', 'div');
 
-    // 书籍目录锚点更新
-    const lastPart = pathParts[pathParts.length - 1];
-    var anchor = '';
-    if (lastPart.startsWith('chapter_') && lastPart.endsWith('.html')) {
-        anchor = "#" + lastPart.replace('.html', '');
-    }
-    if (anchor !== '') {
-        let bookHomes = document.querySelectorAll('.a-book-home');
-        bookHomes.forEach(item => {
-            item.href += anchor;
-        });
+    // 书籍章节进度保存
+    let lastPart = pathParts[pathParts.length - 1];
+    if (lastPart.startsWith('chapter_')) {
+        if (window.location.hash !== '') {
+            lastPart += window.location.hash;
+        }
         if (!isKindleMode()) {
-            localStorage.setItem(book_hash, anchor);
+            localStorage.setItem(book_hash, lastPart);
         } else {
-            setCookie(book_hash, anchor);
-        }   
+            setCookie(book_hash, lastPart);
+        }
     }
 
     // 主题切换功能

epub_browser/assets/library.js

@@ -119,21 +119,6 @@ function initScript() {
         });
     }
 
-    // 书籍目录锚点
-    const allBookLinks = document.querySelectorAll('.book-card .book-link');
-    allBookLinks.forEach(item => {
-        let pathParts = item.href.split('/');
-        pathParts = pathParts.filter(item => item !== "");
-        let book_hash = pathParts[pathParts.length - 2];  // 最后一个是 index.html
-        if (!isKindleMode()) {
-            let book_anchor = localStorage.getItem(book_hash) || '';
-            item.href += book_anchor;
-        } else {
-            let book_anchor = getCookie(book_hash) || '';
-            item.href += book_anchor;
-        }
-    });
-
     // 主题切换
     const themeToggle = document.getElementById('themeToggle');
     const themeIcon = themeToggle.querySelector('i');

epub_browser/processor.py

@@ -494,17 +494,16 @@ def create_index_page(self):
 
                 if chapter_index is not None:
                     if chapter_anchor is not None:
-                        # 只加一个正向链接的 anchor 定位，反链接中的 id 不加 anchor 防止章节中锚点乱搞而回来时无法锚定
-                        index_html += f'        <li class="{level_class}"><a href="/book/{self.book_hash}/chapter_{chapter_index}.html#{chapter_anchor}" id="chapter_{chapter_index}"><span class="chapter-title">{toc_item["title"]}</span><span class="chapter-page">chapter_{chapter_index}.html</span></a></li>\n'
+                        index_html += f'        <li class="{level_class}"><a class="chapter-link" href="/book/{self.book_hash}/chapter_{chapter_index}.html#{chapter_anchor}" id="chapter_{chapter_index}.html#{chapter_anchor}"><span class="chapter-title">{toc_item["title"]}</span><span class="chapter-page">chapter_{chapter_index}.html</span></a></li>\n'
                     else:
-                        index_html += f'        <li class="{level_class}"><a href="/book/{self.book_hash}/chapter_{chapter_index}.html" id="chapter_{chapter_index}"><span class="chapter-title">{toc_item["title"]}</span><span class="chapter-page">chapter_{chapter_index}.html</span></a></li>\n'
+                        index_html += f'        <li class="{level_class}"><a class="chapter-link" href="/book/{self.book_hash}/chapter_{chapter_index}.html" id="chapter_{chapter_index}.html"><span class="chapter-title">{toc_item["title"]}</span><span class="chapter-page">chapter_{chapter_index}.html</span></a></li>\n'
                     toc_item['new_file_name'] = f'chapter_{chapter_index}.html'
                 else:
                     print(f"Chapter index not found for toc item: {toc_item['title']} (src: {toc_src})")
         else:
             # 回退到简单章节列表
             for i, chapter in enumerate(self.chapters):
-                index_html += f'        <li><a href="/book/{self.book_hash}/chapter_{i}.html">{chapter["title"]}</a></li>\n'
+                index_html += f'        <li><a class="chapter-link" href="/book/{self.book_hash}/chapter_{i}.html" id="chapter_{i}.html">{chapter["title"]}</a></li>\n'
 
         index_html += f"""    </ul>
     </div>

setup.py

@@ -6,7 +6,7 @@
 
 setup(
     name="epub-browser",  # 在PyPI上显示的项目名称
-    version="1.7.16",      # 初始版本号
+    version="1.8.0",      # 初始版本号
     author="dfface",   # 作者名
     author_email="dfface@sina.com",  # 作者邮箱
     keywords="epub reader html export browser convert calibre-web calibre kindle web server local",