release: version 0.9.40 (#1092)

* refactor: reuse BookCover component in BookDetail dialog

* fix: more robust txt parser, closes #1042

.github/ISSUE_TEMPLATE/feature-request.md

@@ -7,13 +7,17 @@ assignees: ''
 ---
 
 **Does your feature request involve difficulty for you to complete a task? Please describe.**
-A clear and concise description of what the problem is. Ex. I think it takes too many steps to [...]
+
+> A clear and concise description of what the problem is. Ex. I think it takes too many steps to [...]
 
 **Describe the solution you'd like**
-A clear and concise description of what you'd like to happen.
+
+> A clear and concise description of what you'd like to happen.
 
 **Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+
+> A clear and concise description of any alternative solutions or features you've considered.
 
 **Additional context**
-Add any additional context or screenshots about the feature request here.
+
+> Add any additional context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/report-bug.md

@@ -11,22 +11,16 @@ assignees: ''
 A clear and concise description of what the current behavior is.
 Please also add **screenshots** of the existing application.
 
-**Example:**
-
-```
-In DarkMode, when scrollbar are displayed (for example on Companies page, with enough companies in the list), we see a blank square in the bottom right corner
-[screenshot]
-```
+> **Example:**
+> In DarkMode, when scrollbar are displayed (for example on Companies page, with enough companies in the list), we see a blank square in the bottom right corner
+> [screenshot]
 
 ## Expected behavior
 
 A clear and concise description of what the expected behavior is.
 
-**Example:**
-
-```
-The blank square should be transparent (invisible)
-```
+> **Example:**
+> The blank square should be transparent (invisible)
 
 ## Technical inputs
 
@@ -34,11 +28,8 @@ Operating System:
 
 Readest Version:
 
-**Example:**
-
-```
-Operating System: macOS 14.3.1
-Readest Version: 0.9.0
-We are displaying custom scrollbars that disappear when the user is not scrolling. See ScrollWrapper.
-Probably fixable with CSS
-```
+> **Example:**
+> Operating System: Android 14 (WebView 135.0)
+> Readest Version: 0.9.0
+> We are displaying custom scrollbars that disappear when the user is not scrolling. See ScrollWrapper.
+> Probably fixable with CSS

.github/workflows/release.yml

@@ -130,7 +130,7 @@ jobs:
 
       - uses: Swatinem/rust-cache@v2
         with:
-          key: ${{ matrix.config.os }}-cargo-${{ hashFiles('Cargo.lock') }}
+          key: ${{ matrix.config.os }}-${{ matrix.config.release }}-${{ matrix.config.arch }}-cargo
 
       - name: install dependencies (ubuntu only)
         if: contains(matrix.config.os, 'ubuntu') && matrix.config.release != 'android'
@@ -152,6 +152,8 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NDK_HOME: ${{ env.ANDROID_HOME }}/ndk/27.0.11902837
+          TAURI_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+          TAURI_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
         run: |
           cd apps/readest-app/
           rm -rf src-tauri/gen/android
@@ -179,6 +181,37 @@ jobs:
           gh release upload ${{ needs.get-release.outputs.release_tag }} $universial_apk --clobber
           echo "Uploading $arm64_apk to GitHub release"
           gh release upload ${{ needs.get-release.outputs.release_tag }} $arm64_apk --clobber
+          echo "Uploading signatures to GitHub release"
+          pnpm tauri signer sign $universial_apk
+          pnpm tauri signer sign $arm64_apk
+          gh release upload ${{ needs.get-release.outputs.release_tag }} $universial_apk.sig --clobber
+          gh release upload ${{ needs.get-release.outputs.release_tag }} $arm64_apk.sig --clobber
+
+      - name: download and update latest.json for Android release
+        if: matrix.config.release == 'android'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          cd apps/readest-app/
+          curl -sL https://github.com/readest/readest/releases/latest/download/latest.json -o latest.json
+
+          version=${{ needs.get-release.outputs.release_version }}
+          universial_apk_url="https://github.com/readest/readest/releases/download/${{ needs.get-release.outputs.release_tag }}/Readest_${version}_universal.apk"
+          arm64_apk_url="https://github.com/readest/readest/releases/download/${{ needs.get-release.outputs.release_tag }}/Readest_${version}_arm64.apk"
+
+          universial_sig=$(cat Readest_${version}_universal.apk.sig)
+          arm64_sig=$(cat Readest_${version}_arm64.apk.sig)
+
+          jq --arg url "$universial_apk_url" \
+              --arg sig "$universial_sig" \
+              '.platforms["android-universal"] = {signature: $sig, url: $url}' latest.json > tmp.$$.json && mv tmp.$$.json latest.json
+
+          jq --arg url "$arm64_apk_url" \
+              --arg sig "$arm64_sig" \
+              '.platforms["android-arm64"] = {signature: $sig, url: $url}' latest.json > tmp.$$.json && mv tmp.$$.json latest.json
+
+          echo "Uploading updated latest.json to GitHub release"
+          gh release upload ${{ needs.get-release.outputs.release_tag }} latest.json --clobber
 
       - uses: tauri-apps/tauri-action@v0
         if: matrix.config.release != 'android'
@@ -199,6 +232,13 @@ jobs:
           releaseBody: ${{ needs.get-release.outputs.release_note }}
           args: ${{ matrix.config.args || '' }}
 
+      - name: upload release notes to GitHub release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          echo "Uploading release notes to GitHub release"
+          gh release upload ${{ needs.get-release.outputs.release_tag }} apps/readest-app/release-notes.json --clobber
+
       - name: upload portable binaries (Windows only)
         if: matrix.config.os == 'windows-latest'
         env:

Cargo.lock

@@ -12,11 +12,16 @@ checksum = "fe438c63458706e03479442743baae6c88256498e6431708f6dfc520a26515d3"
 name = "Readest"
 version = "0.2.2"
 dependencies = [
+ "block",
  "cocoa",
- "font-enumeration",
  "futures-util",
  "log",
  "objc",
+ "objc-foundation",
+ "objc2 0.6.0",
+ "objc2-authentication-services",
+ "objc2-foundation 0.3.0",
+ "objc_id",
  "rand 0.8.5",
  "read-progress-stream",
  "reqwest",
@@ -2997,6 +3002,17 @@ dependencies = [
  "malloc_buf",
 ]
 
+[[package]]
+name = "objc-foundation"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1add1b659e36c9607c7aab864a76c7a4c2760cd0cd2e120f3fb8b952c7e22bf9"
+dependencies = [
+ "block",
+ "objc",
+ "objc_id",
+]
+
 [[package]]
 name = "objc-sys"
 version = "0.3.5"
@@ -3042,6 +3058,21 @@ dependencies = [
  "objc2-quartz-core 0.3.0",
 ]
 
+[[package]]
+name = "objc2-authentication-services"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8963a73216bfe9565fe78e86fcc908b65232468d195b95346d2489110a60fca"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.6.0",
+ "objc2 0.6.0",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.0",
+ "objc2-security",
+]
+
 [[package]]
 name = "objc2-cloud-kit"
 version = "0.3.0"
@@ -3233,6 +3264,15 @@ dependencies = [
  "objc2-security",
 ]
 
+[[package]]
+name = "objc_id"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c92d4ddb4bd7b50d730c215ff871754d0da6b2178849f8a2a2ab69712d0c073b"
+dependencies = [
+ "objc",
+]
+
 [[package]]
 name = "object"
 version = "0.36.7"
@@ -5397,6 +5437,7 @@ dependencies = [
 name = "tauri-plugin-native-bridge"
 version = "0.1.0"
 dependencies = [
+ "font-enumeration",
  "schemars",
  "serde",
  "tauri",

README.md

@@ -54,6 +54,7 @@
 | **File Association and Open With**      | Quickly open files in Readest in your file browser with one-click.                             | ✅         |
 | **Sync across Platforms**               | Synchronize book files, reading progress, notes, and bookmarks across all supported platforms. | ✅         |
 | **Text-to-Speech (TTS) Support**        | Enable text-to-speech functionality for a more accessible reading experience.                  | ✅         |
+| **Library Management**                  | Organize, sort, and manage your entire ebook library.                                          | ✅         |
 
 ## Planned Features
 
@@ -62,7 +63,6 @@
 
 | **Feature**                     | **Description**                                                                            | **Priority** |
 | ------------------------------- | ------------------------------------------------------------------------------------------ | ------------ |
-| **Library Management**          | Organize, sort, and manage your entire ebook library.                                      | 🛠           |
 | **AI-Powered Summarization**    | Generate summaries of books or chapters using AI for quick insights.                       | 🛠           |
 | **Sync with Koreader**          | Synchronize reading progress, notes, and bookmarks with [Koreader][link-koreader] devices. | 🔄           |
 | **Keyboard Navigation**         | Implement vimium-style keybindings for book navigation.                                    | 🔄           |
@@ -252,9 +252,10 @@ The following libraries and frameworks are used in this software:
 - [zip.js](https://github.com/gildas-lormeau/zip.js), which is licensed under the BSD-3-Clause license.
 - [fflate](https://github.com/101arrowz/fflate), which is MIT licensed.
 - [PDF.js](https://github.com/mozilla/pdf.js), which is licensed under Apache License 2.0.
+- [daisyUI](https://github.com/saadeghi/daisyui), which is MIT licensed.
 - [next.js](https://github.com/vercel/next.js), which is MIT licensed.
-- [react](https://github.com/facebook/react), which is MIT licensed.
 - [react-icons](https://github.com/react-icons/react-icons), which has various open-source licenses.
+- [react](https://github.com/facebook/react), which is MIT licensed.
 - [tauri](https://github.com/tauri-apps/tauri), which is MIT licensed.
 
 The following fonts are utilized in this software, either bundled within the application or provided through web fonts:

apps/readest-app/.gitignore

@@ -32,7 +32,7 @@ yarn-error.log*
 /private_keys
 
 # plists
-*.plist
+Entitlements*.plist
 
 # local confs
 tauri.*.conf.json

apps/readest-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readest/readest-app",
-  "version": "0.9.32",
+  "version": "0.9.40",
   "private": true,
   "scripts": {
     "dev": "dotenv -e .env.tauri -- next dev",
@@ -74,6 +74,7 @@
     "react-i18next": "^15.2.0",
     "react-icons": "^5.4.0",
     "react-responsive": "^10.0.0",
+    "semver": "^7.7.1",
     "tinycolor2": "^1.6.0",
     "zustand": "5.0.1"
   },
@@ -86,6 +87,7 @@
     "@types/react": "18.3.12",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "18.3.1",
+    "@types/semver": "^7.7.0",
     "@types/tinycolor2": "^1.4.6",
     "autoprefixer": "^10.4.20",
     "cpx2": "^8.0.0",

apps/readest-app/public/locales/ar/translation.json

@@ -27,7 +27,6 @@
   "Delete": "حذف",
   "Delete Highlight": "حذف التمييز",
   "Dictionary": "القاموس",
-  "Disable Click-to-Flip": "تعطيل التقليب بالنقر",
   "Download Readest": "تحميل ريديست",
   "Edit": "تحرير",
   "Enter your custom CSS here...": "أدخل الـ CSS المخصص هنا...",
@@ -112,7 +111,6 @@
   "Unknown": "غير معروف",
   "Untitled": "بدون عنوان",
   "Updated:": "تم التحديث:",
-  "User avatar": "صورة المستخدم",
   "Version {{version}}": "الإصدار {{version}}",
   "Vertical Direction": "الاتجاه العمودي",
   "Welcome to your library. You can import your books here and read them anytime.": "مرحبًا بكم في مكتبتكم. يمكنكم استيراد كتبكم هنا وقراءتها في أي وقت.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "تطبيق على جميع الكتب",
   "Apply to This Book": "تطبيق على هذا الكتاب",
   "Unable to fetch the translation. Try again later.": "تعذر جلب الترجمة. حاول مرة أخرى لاحقًا.",
-  "Update Now!": "قم بالتحديث الآن!",
-  "Update": "تحديث",
   "Check Update": "التحقق من التحديث",
   "Already the latest version": "الإصدار الحالي هو الإصدار الأحدث بالفعل",
   "Book Details": "تفاصيل الكتاب",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "استيراد تلقائي عند فتح الملف",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "تبديل منطقة التقليب بالنقر",
   "No chapters detected.": "لم يتم التعرف على فصول.",
   "Failed to parse the EPUB file.": "فشل في تحليل ملف EPUB.",
   "This book format is not supported.": "هذا تنسيق الكتاب غير مدعوم.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} ساعة",
   "{{value}} hours": "{{value}} ساعات",
   "CJK Font": "خط CJK",
-  "Clear Search": "مسح البحث"
+  "Clear Search": "مسح البحث",
+  "Header & Footer": "الرأس والتذييل",
+  "Apply also in Scrolled Mode": "تطبيق أيضًا في وضع التمرير",
+  "A new version of Readest is Available!": "إصدار جديد من ريديست متاح!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "إصدار ريديست {{newVersion}} متاح (الإصدار المثبت {{currentVersion}}).",
+  "Download and install now?": "هل ترغب في تنزيل وتثبيت الآن؟",
+  "Downloading {{downloaded}} of {{contentLength}}": "جارٍ تنزيل {{downloaded}} من {{contentLength}}",
+  "Download finished": "اكتمل التنزيل",
+  "DOWNLOAD & INSTALL": "تنزيل وتثبيت",
+  "Changelog:": "سجل التغييرات:",
+  "Software Update": "تحديث البرنامج",
+  "Title": "العنوان",
+  "Date Read": "تاريخ القراءة",
+  "Date Added": "تاريخ الإضافة",
+  "Format": "التنسيق",
+  "Ascending": "تصاعدي",
+  "Descending": "تنازلي",
+  "Sort by...": "ترتيب حسب...",
+  "Added:": "تاريخ الإضافة:",
+  "Format:": "التنسيق:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "الوصف:",
+  "No description available": "لا يوجد وصف متاح",
+  "List": "قائمة",
+  "Grid": "شبكة",
+  "(from 'As You Like It', Act II)": "(من 'كما تحب'، الفصل الثاني)",
+  "Link Color": "لون الرابط",
+  "Volume Keys for Page Flip": "مفاتيح الصوت لتقليب الصفحات",
+  "Clicks for Page Flip": "نقرات لتقليب الصفحات",
+  "Swap Clicks Area": "تبديل منطقة النقرات",
+  "Screen": "الشاشة",
+  "Orientation": "الاتجاه",
+  "Portrait": "العمودي",
+  "Landscape": "الأفقي",
+  "Open Last Book on Start": "فتح آخر كتاب عند البدء"
 }

apps/readest-app/public/locales/de/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Löschen",
   "Delete Highlight": "Hervorhebung löschen",
   "Dictionary": "Wörterbuch",
-  "Disable Click-to-Flip": "Klick zum Blättern deaktivieren",
   "Download Readest": "Readest herunterladen",
   "Edit": "Bearbeiten",
   "Enter your custom CSS here...": "Geben Sie hier Ihr benutzerdefiniertes CSS ein...",
@@ -112,7 +111,6 @@
   "Unknown": "Unbekannt",
   "Untitled": "Ohne Titel",
   "Updated:": "Aktualisiert:",
-  "User avatar": "Benutzer-Avatar",
   "Version {{version}}": "Version {{version}}",
   "Vertical Direction": "Vertikale Richtung",
   "Welcome to your library. You can import your books here and read them anytime.": "Willkommen in Ihrer Bibliothek. Sie können hier Ihre Bücher importieren und jederzeit lesen.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Auf alle Bücher anwenden",
   "Apply to This Book": "Auf dieses Buch anwenden",
   "Unable to fetch the translation. Try again later.": "Übersetzung konnte nicht abgerufen werden. Versuchen Sie es später erneut.",
-  "Update Now!": "Jetzt aktualisieren!",
-  "Update": "Aktualisieren",
   "Check Update": "Aktualisierung prüfen",
   "Already the latest version": "Bereits die neueste Version",
   "Book Details": "Buchdetails",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Automatischer Import beim Öffnen einer Datei",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Klick-zu-Blättern-Bereich tauschen",
   "No chapters detected.": "Keine Kapitel erkannt.",
   "Failed to parse the EPUB file.": "Fehler beim Parsen der EPUB-Datei.",
   "This book format is not supported.": "Dieses Buchformat wird nicht unterstützt.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} Stunde",
   "{{value}} hours": "{{value}} Stunden",
   "CJK Font": "CJK-Schriftart",
-  "Clear Search": "Suche löschen"
+  "Clear Search": "Suche löschen",
+  "Header & Footer": "Kopf- & Fußzeile",
+  "Apply also in Scrolled Mode": "Auch im Scroll-Modus anwenden",
+  "A new version of Readest is Available!": "Eine neue Version von Readest ist verfügbar!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} ist verfügbar (installierte Version {{currentVersion}}).",
+  "Download and install now?": "Jetzt herunterladen und installieren?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Herunterladen {{downloaded}} von {{contentLength}}",
+  "Download finished": "Download abgeschlossen",
+  "DOWNLOAD & INSTALL": "HERUNTERLADEN & INSTALLIEREN",
+  "Changelog:": "Änderungsprotokoll:",
+  "Software Update": "Software-Update",
+  "Title": "Titel",
+  "Date Read": "Datum gelesen",
+  "Date Added": "Datum hinzugefügt",
+  "Format": "Format",
+  "Ascending": "Aufsteigend",
+  "Descending": "Absteigend",
+  "Sort by...": "Sortieren nach...",
+  "Added:": "Hinzugefügt:",
+  "Format:": "Format:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Beschreibung:",
+  "No description available": "Keine Beschreibung verfügbar",
+  "List": "Liste",
+  "Grid": "Raster",
+  "(from 'As You Like It', Act II)": "(aus 'Wie es euch gefällt', Akt II)",
+  "Link Color": "Linkfarbe",
+  "Volume Keys for Page Flip": "Volumen-Tasten für Seitenwechsel",
+  "Clicks for Page Flip": "Tippen zum Blättern",
+  "Swap Clicks Area": "Tippbereiche tauschen",
+  "Screen": "Bildschirm",
+  "Orientation": "Orientierung",
+  "Portrait": "Hochformat",
+  "Landscape": "Querformat",
+  "Open Last Book on Start": "Letztes Buch beim Start öffnen"
 }

apps/readest-app/public/locales/el/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Διαγραφή",
   "Delete Highlight": "Διαγραφή επισήμανσης",
   "Dictionary": "Λεξικό",
-  "Disable Click-to-Flip": "Απενεργοποίηση κλικ για γύρισμα σελίδας",
   "Download Readest": "Λήψη Readest",
   "Edit": "Επεξεργασία",
   "Enter your custom CSS here...": "Εισάγετε το προσαρμοσμένο CSS εδώ...",
@@ -112,7 +111,6 @@
   "Unknown": "Άγνωστο",
   "Untitled": "Χωρίς τίτλο",
   "Updated:": "Ενημερώθηκε:",
-  "User avatar": "Εικόνα χρήστη",
   "Version {{version}}": "Έκδοση {{version}}",
   "Vertical Direction": "Κάθετη κατεύθυνση",
   "Welcome to your library. You can import your books here and read them anytime.": "Καλώς ήρθατε στη βιβλιοθήκη σας. Μπορείτε να εισάγετε τα βιβλία σας εδώ και να τα διαβάσετε οποιαδήποτε στιγμή.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Εφαρμογή σε όλα τα βιβλία",
   "Apply to This Book": "Εφαρμογή σε αυτό το βιβλίο",
   "Unable to fetch the translation. Try again later.": "Αδυναμία λήψης της μετάφρασης. Δοκιμάστε ξανά αργότερα.",
-  "Update Now!": "Ενημέρωση τώρα!",
-  "Update": "Ενημέρωση",
   "Check Update": "Έλεγχος ενημέρωσης",
   "Already the latest version": "Ήδη η τελευταία έκδοση",
   "Book Details": "Λεπτομέρειες βιβλίου",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Αυτόματη εισαγωγή κατά το άνοιγμα αρχείου",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Ανταλλαγή περιοχής κλικ για γύρισμα σελίδας",
   "No chapters detected.": "Δεν εντοπίστηκαν κεφάλαια.",
   "Failed to parse the EPUB file.": "Αποτυχία ανάλυσης του αρχείου EPUB.",
   "This book format is not supported.": "Αυτή η μορφή βιβλίου δεν υποστηρίζεται.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} ώρα",
   "{{value}} hours": "{{value}} ώρες",
   "CJK Font": "Γραμματοσειρά CJK",
-  "Clear Search": "Καθαρισμός αναζήτησης"
+  "Clear Search": "Καθαρισμός αναζήτησης",
+  "Header & Footer": "Κεφαλίδα & Υποσέλιδο",
+  "Apply also in Scrolled Mode": "Εφαρμογή και σε λειτουργία κύλισης",
+  "A new version of Readest is Available!": "Μια νέα έκδοση του Readest είναι διαθέσιμη!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Η έκδοση Readest {{newVersion}} είναι διαθέσιμη (έκδοση που είναι εγκατεστημένη {{currentVersion}}).",
+  "Download and install now?": "Θέλετε να την κατεβάσετε και να την εγκαταστήσετε τώρα;",
+  "Downloading {{downloaded}} of {{contentLength}}": "Κατεβάζω {{downloaded}} από {{contentLength}}",
+  "Download finished": "Η λήψη ολοκληρώθηκε",
+  "DOWNLOAD & INSTALL": "ΛΗΨΗ & ΕΓΚΑΤΑΣΤΑΣΗ",
+  "Changelog:": "Αλλαγές:",
+  "Software Update": "Ενημέρωση λογισμικού",
+  "Title": "Τίτλος",
+  "Date Read": "Ημερομηνία ανάγνωσης",
+  "Date Added": "Ημερομηνία προσθήκης",
+  "Format": "Μορφή",
+  "Ascending": "Αύξουσα",
+  "Descending": "Φθίνουσα",
+  "Sort by...": "Ταξινόμηση κατά...",
+  "Added:": "Προστέθηκε:",
+  "Format:": "Μορφή:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Περιγραφή:",
+  "No description available": "Δεν είναι διαθέσιμη καμία περιγραφή",
+  "List": "Λίστα",
+  "Grid": "Πλέγμα",
+  "(from 'As You Like It', Act II)": "('Όπως σας αρέσει', Πράξη II)",
+  "Link Color": "Χρώμα συνδέσμου",
+  "Volume Keys for Page Flip": "Πλήκτρα έντασης για ανατροπή σελίδας",
+  "Clicks for Page Flip": "Κλικ για ανατροπή σελίδας",
+  "Swap Clicks Area": "Ανταλλαγή περιοχής κλικ",
+  "Screen": "Οθόνη",
+  "Orientation": "Προσανατολισμός",
+  "Portrait": "Πορτραίτο",
+  "Landscape": "Τοπίο",
+  "Open Last Book on Start": "Άνοιγμα τελευταίου βιβλίου κατά την εκκίνηση"
 }

apps/readest-app/public/locales/es/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Eliminar",
   "Delete Highlight": "Eliminar resaltado",
   "Dictionary": "Diccionario",
-  "Disable Click-to-Flip": "Desactivar clic para voltear",
   "Download Readest": "Descargar Readest",
   "Edit": "Editar",
   "Enter your custom CSS here...": "Introduce tu CSS personalizado aquí...",
@@ -112,7 +111,6 @@
   "Unknown": "Desconocido",
   "Untitled": "Sin título",
   "Updated:": "Actualizado:",
-  "User avatar": "Avatar del usuario",
   "Version {{version}}": "Versión {{version}}",
   "Vertical Direction": "Dirección vertical",
   "Welcome to your library. You can import your books here and read them anytime.": "Bienvenido a tu biblioteca. Puedes importar tus libros aquí y leerlos en cualquier momento.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Aplicar a todos los libros",
   "Apply to This Book": "Aplicar a este libro",
   "Unable to fetch the translation. Try again later.": "No se puede obtener la traducción. Inténtalo de nuevo más tarde.",
-  "Update Now!": "¡Actualizar ahora!",
-  "Update": "Actualizar",
   "Check Update": "Comprobar actualización",
   "Already the latest version": "Ya es la última versión",
   "Book Details": "Detalles del libro",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Importación automática al abrir archivo",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Intercambiar área de clic para voltear",
   "No chapters detected.": "No se detectaron capítulos.",
   "Failed to parse the EPUB file.": "Error al analizar el archivo EPUB.",
   "This book format is not supported.": "Este formato de libro no es compatible.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} hora",
   "{{value}} hours": "{{value}} horas",
   "CJK Font": "Fuente CJK",
-  "Clear Search": "Limpiar búsqueda"
+  "Clear Search": "Limpiar búsqueda",
+  "Header & Footer": "Encabezado y pie de página",
+  "Apply also in Scrolled Mode": "Aplicar también en modo desplazamiento",
+  "A new version of Readest is Available!": "¡Una nueva versión de Readest está disponible!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} está disponible (versión instalada {{currentVersion}}).",
+  "Download and install now?": "Descargar e instalar ahora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Descargando {{downloaded}} de {{contentLength}}",
+  "Download finished": "Descarga finalizada",
+  "DOWNLOAD & INSTALL": "DESCARGAR E INSTALAR",
+  "Changelog:": "Notas de la versión:",
+  "Software Update": "Actualización de software",
+  "Title": "Título",
+  "Date Read": "Fecha de lectura",
+  "Date Added": "Fecha añadida",
+  "Format": "Formato",
+  "Ascending": "Ascendente",
+  "Descending": "Descendente",
+  "Sort by...": "Ordenar por...",
+  "Added:": "Agregado:",
+  "Format:": "Formato:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Descripción:",
+  "No description available": "No hay descripción disponible",
+  "List": "Lista",
+  "Grid": "Cuadrícula",
+  "(from 'As You Like It', Act II)": "(de 'Como gustéis', Acto II)",
+  "Link Color": "Color del enlace",
+  "Volume Keys for Page Flip": "Botones de volumen para pasar página",
+  "Clicks for Page Flip": "Toques para pasar página",
+  "Swap Clicks Area": "Invertir zonas de toque",
+  "Screen": "Pantalla",
+  "Orientation": "Orientación",
+  "Portrait": "Vertical",
+  "Landscape": "Horizontal",
+  "Open Last Book on Start": "Abrir último libro al iniciar"
 }

apps/readest-app/public/locales/fr/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Supprimer",
   "Delete Highlight": "Supprimer le surlignage",
   "Dictionary": "Dictionnaire",
-  "Disable Click-to-Flip": "Désactiver le clic pour tourner",
   "Download Readest": "Télécharger Readest",
   "Edit": "Modifier",
   "Enter your custom CSS here...": "Saisissez votre CSS personnalisé ici...",
@@ -112,7 +111,6 @@
   "Unknown": "Inconnu",
   "Untitled": "Sans titre",
   "Updated:": "Mis à jour :",
-  "User avatar": "Avatar de l'utilisateur",
   "Version {{version}}": "Version {{version}}",
   "Vertical Direction": "Direction verticale",
   "Welcome to your library. You can import your books here and read them anytime.": "Bienvenue dans votre bibliothèque. Vous pouvez importer vos livres ici et les lire à tout moment.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Appliquer à tous les livres",
   "Apply to This Book": "Appliquer à ce livre",
   "Unable to fetch the translation. Try again later.": "Impossible de récupérer la traduction. Réessayez plus tard.",
-  "Update Now!": "Mettre à jour maintenant !",
-  "Update": "Mettre à jour",
   "Check Update": "Vérifier la mise à jour",
   "Already the latest version": "Déjà la dernière version",
   "Book Details": "Détails du livre",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Importation automatique à l'ouverture du fichier",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Échanger la zone de clic pour tourner",
   "No chapters detected.": "Aucun chapitre détecté.",
   "Failed to parse the EPUB file.": "Échec de l'analyse du fichier EPUB.",
   "This book format is not supported.": "Ce format de livre n'est pas pris en charge.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} heure",
   "{{value}} hours": "{{value}} heures",
   "CJK Font": "Police CJK",
-  "Clear Search": "Effacer la recherche"
+  "Clear Search": "Effacer la recherche",
+  "Header & Footer": "En-tête et pied de page",
+  "Apply also in Scrolled Mode": "Appliquer également en mode défilement",
+  "A new version of Readest is Available!": "Avis de mise à jour",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} est disponible (version installée {{currentVersion}}).",
+  "Download and install now?": "Télécharger et installer maintenant ?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Téléchargement {{downloaded}} sur {{contentLength}}",
+  "Download finished": "Téléchargement terminé",
+  "DOWNLOAD & INSTALL": "TÉLÉCHARGER ET INSTALLER",
+  "Changelog:": "Journal des modifications :",
+  "Software Update": "Mise à jour logicielle",
+  "Title": "Titre",
+  "Date Read": "Date de lecture",
+  "Date Added": "Date ajoutée",
+  "Format": "Format",
+  "Ascending": "Ascendant",
+  "Descending": "Descendant",
+  "Sort by...": "Trier par...",
+  "Added:": "Ajouté :",
+  "Format:": "Format :",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Description :",
+  "No description available": "Aucune description disponible",
+  "List": "Liste",
+  "Grid": "Grille",
+  "(from 'As You Like It', Act II)": "(de 'Comme il vous plaira', Acte II)",
+  "Link Color": "Couleur du lien",
+  "Volume Keys for Page Flip": "Boutons volume pour tourner la page",
+  "Clicks for Page Flip": "Taps pour tourner la page",
+  "Swap Clicks Area": "Inverser zones de tap",
+  "Screen": "Écran",
+  "Orientation": "Orientation",
+  "Portrait": "Portrait",
+  "Landscape": "Paysage",
+  "Open Last Book on Start": "Ouvrir le dernier livre au démarrage"
 }

apps/readest-app/public/locales/hi/translation.json

@@ -27,7 +27,6 @@
   "Delete": "हटाएं",
   "Delete Highlight": "हाइलाइट हटाएं",
   "Dictionary": "शब्दकोश",
-  "Disable Click-to-Flip": "क्लिक-टू-फ्लिप अक्षम करें",
   "Download Readest": "Readest डाउनलोड करें",
   "Edit": "संपादित करें",
   "Enter your custom CSS here...": "अपना कस्टम CSS यहां दर्ज करें...",
@@ -112,7 +111,6 @@
   "Unknown": "अज्ञात",
   "Untitled": "शीर्षकहीन",
   "Updated:": "अपडेट किया गया:",
-  "User avatar": "उपयोगकर्ता अवतार",
   "Version {{version}}": "संस्करण {{version}}",
   "Vertical Direction": "ऊर्ध्वाधर दिशा",
   "Welcome to your library. You can import your books here and read them anytime.": "आपकी लाइब्रेरी में आपका स्वागत है। आप यहां अपनी पुस्तकें आयात कर सकते हैं और कभी भी पढ़ सकते हैं।",
@@ -126,8 +124,6 @@
   "Apply to All Books": "सभी पुस्तकों पर लागू करें",
   "Apply to This Book": "इस पुस्तक पर लागू करें",
   "Unable to fetch the translation. Try again later.": "अनुवाद प्राप्त करने में असमर्थ। बाद में पुनः प्रयास करें।",
-  "Update Now!": "अभी अपडेट करें!",
-  "Update": "अपडेट करें",
   "Check Update": "अपडेट जांचें",
   "Already the latest version": "पहले से ही नवीनतम संस्करण",
   "Book Details": "पुस्तक विवरण",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "फ़ाइल खोलने पर स्वचालित आयात",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "क्लिक-टू-फ्लिप क्षेत्र स्वैप करें",
   "No chapters detected.": "कोई अध्याय नहीं मिला।",
   "Failed to parse the EPUB file.": "EPUB फ़ाइल को पार्स करने में विफल।",
   "This book format is not supported.": "यह पुस्तक प्रारूप समर्थित नहीं है।",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} घंटा",
   "{{value}} hours": "{{value}} घंटे",
   "CJK Font": "CJK फ़ॉन्ट",
-  "Clear Search": "खोज साफ करें"
+  "Clear Search": "खोज साफ करें",
+  "Header & Footer": "हेडर और फ़ुटर",
+  "Apply also in Scrolled Mode": "स्क्रॉल मोड में भी लागू करें",
+  "A new version of Readest is Available!": "Readest का एक नया संस्करण उपलब्ध है!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} उपलब्ध है (स्थापित संस्करण {{currentVersion}})।",
+  "Download and install now?": "अब डाउनलोड और इंस्टॉल करें?",
+  "Downloading {{downloaded}} of {{contentLength}}": "डाउनलोड कर रहा है {{downloaded}} का {{contentLength}}",
+  "Download finished": "डाउनलोड पूरा हुआ",
+  "DOWNLOAD & INSTALL": "डाउनलोड और इंस्टॉल करें",
+  "Changelog:": "चेंजलॉग:",
+  "Software Update": "सॉफ़्टवेयर अपडेट",
+  "Title": "शीर्षक",
+  "Date Read": "पढ़ने की तारीख",
+  "Date Added": "जोड़ा गया दिनांक",
+  "Format": "फॉर्मेट",
+  "Ascending": "आरोही",
+  "Descending": "अवरोही",
+  "Sort by...": "द्वारा क्रमबद्ध करें...",
+  "Added:": "जोड़ा गया:",
+  "Format:": "फॉर्मेट:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "विवरण:",
+  "No description available": "कोई विवरण उपलब्ध नहीं है",
+  "List": "सूची",
+  "Grid": "ग्रिड",
+  "(from 'As You Like It', Act II)": "('जैसा आप इसे पसंद करते हैं', अधिनियम II)",
+  "Link Color": "लिंक रंग",
+  "Volume Keys for Page Flip": "पृष्ठ फ़्लिप के लिए वॉल्यूम कुंजियाँ",
+  "Clicks for Page Flip": "पृष्ठ फ़्लिप के लिए क्लिक करें",
+  "Swap Clicks Area": "क्लिक क्षेत्र स्वैप करें",
+  "Screen": "स्क्रीन",
+  "Orientation": "अवयव",
+  "Portrait": "पोर्ट्रेट",
+  "Landscape": "लैंडस्केप",
+  "Open Last Book on Start": "शुरू में अंतिम पुस्तक खोलें"
 }

apps/readest-app/public/locales/id/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Hapus",
   "Delete Highlight": "Hapus Sorotan",
   "Dictionary": "Kamus",
-  "Disable Click-to-Flip": "Nonaktifkan Klik untuk Membalik",
   "Download Readest": "Unduh Readest",
   "Edit": "Edit",
   "Enter your custom CSS here...": "Masukkan CSS kustom Anda di sini...",
@@ -112,7 +111,6 @@
   "Unknown": "Tidak Diketahui",
   "Untitled": "Tanpa Judul",
   "Updated:": "Diperbarui:",
-  "User avatar": "Avatar Pengguna",
   "Version {{version}}": "Versi {{version}}",
   "Vertical Direction": "Arah Vertikal",
   "Welcome to your library. You can import your books here and read them anytime.": "Selamat datang di perpustakaan Anda. Anda dapat mengimpor buku-buku Anda di sini dan membacanya kapan saja.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Terapkan ke semua buku",
   "Apply to This Book": "Terapkan ke buku ini",
   "Unable to fetch the translation. Try again later.": "Tidak dapat mengambil terjemahan. Coba lagi nanti.",
-  "Update Now!": "Perbarui Sekarang!",
-  "Update": "Perbarui",
   "Check Update": "Periksa pembaruan",
   "Already the latest version": "Sudah versi terbaru",
   "Book Details": "Detail Buku",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Impor Otomatis saat File Dibuka",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Tukar Area Klik untuk Membalik",
   "No chapters detected.": "Tidak ada bab yang terdeteksi.",
   "Failed to parse the EPUB file.": "Gagal mengurai file EPUB.",
   "This book format is not supported.": "Format buku ini tidak didukung.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} jam",
   "{{value}} hours": "{{value}} jam",
   "CJK Font": "Font CJK",
-  "Clear Search": "Hapus Pencarian"
+  "Clear Search": "Hapus Pencarian",
+  "Header & Footer": "Header & Footer",
+  "Apply also in Scrolled Mode": "Terapkan juga di Mode Gulir",
+  "A new version of Readest is Available!": "Versi baru Readest Tersedia!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} tersedia (versi terinstal {{currentVersion}}).",
+  "Download and install now?": "Unduh dan instal sekarang?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Mengunduh {{downloaded}} dari {{contentLength}}",
+  "Download finished": "Unduhan selesai",
+  "DOWNLOAD & INSTALL": "UNDUH & INSTAL",
+  "Changelog:": "Catatan Perubahan:",
+  "Software Update": "Pembaruan Perangkat Lunak",
+  "Title": "Judul",
+  "Date Read": "Tanggal Dibaca",
+  "Date Added": "Tanggal Ditambahkan",
+  "Format": "Format",
+  "Ascending": "Naik",
+  "Descending": "Turun",
+  "Sort by...": "Urutkan berdasarkan...",
+  "Added:": "Ditambahkan:",
+  "Format:": "Format:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Deskripsi:",
+  "No description available": "Tidak ada deskripsi yang tersedia",
+  "List": "Daftar",
+  "Grid": "Jala",
+  "(from 'As You Like It', Act II)": "(dari 'Seperti yang Anda Inginkan', Bab II)",
+  "Link Color": "Warna Tautan",
+  "Volume Keys for Page Flip": "Volume Keys untuk Pembalikan Halaman",
+  "Clicks for Page Flip": "Klik untuk Pembalikan Halaman",
+  "Swap Clicks Area": "Area Klik Tukar",
+  "Screen": "Screen",
+  "Orientation": "Orientasi",
+  "Portrait": "Potret",
+  "Landscape": "Lanskap",
+  "Open Last Book on Start": "Buka Buku Terakhir saat Memulai"
 }

apps/readest-app/public/locales/it/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Elimina",
   "Delete Highlight": "Elimina evidenziazione",
   "Dictionary": "Dizionario",
-  "Disable Click-to-Flip": "Disattiva click per voltare pagina",
   "Download Readest": "Scarica Readest",
   "Edit": "Modifica",
   "Enter your custom CSS here...": "Inserisci qui il tuo CSS personalizzato...",
@@ -112,7 +111,6 @@
   "Unknown": "Sconosciuto",
   "Untitled": "Senza titolo",
   "Updated:": "Aggiornato:",
-  "User avatar": "Avatar utente",
   "Version {{version}}": "Versione {{version}}",
   "Vertical Direction": "Direzione verticale",
   "Welcome to your library. You can import your books here and read them anytime.": "Benvenuto nella tua biblioteca. Puoi importare i tuoi libri qui e leggerli in qualsiasi momento.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Applica a tutti i libri",
   "Apply to This Book": "Applica a questo libro",
   "Unable to fetch the translation. Try again later.": "Impossibile recuperare la traduzione. Riprova più tardi.",
-  "Update Now!": "Aggiorna ora!",
-  "Update": "Aggiorna",
   "Check Update": "Controlla aggiornamento",
   "Already the latest version": "Già l'ultima versione",
   "Book Details": "Dettagli libro",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Importazione automatica all'apertura del file",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Scambia area click per voltare pagina",
   "No chapters detected.": "Nessun capitolo rilevato.",
   "Failed to parse the EPUB file.": "Impossibile analizzare il file EPUB.",
   "This book format is not supported.": "Questo formato di libro non è supportato.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} ora",
   "{{value}} hours": "{{value}} ore",
   "CJK Font": "Font CJK",
-  "Clear Search": "Cancella ricerca"
+  "Clear Search": "Cancella ricerca",
+  "Header & Footer": "Intestazione e piè di pagina",
+  "Apply also in Scrolled Mode": "Applica anche in modalità scorrimento",
+  "A new version of Readest is Available!": "È disponibile una nuova versione di Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} è disponibile (versione installata {{currentVersion}}).",
+  "Download and install now?": "Scarica e installa ora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Scaricando {{downloaded}} di {{contentLength}}",
+  "Download finished": "Download completato",
+  "DOWNLOAD & INSTALL": "SCARICA E INSTALLA",
+  "Changelog:": "Note di rilascio:",
+  "Software Update": "Aggiornamento software",
+  "Title": "Titolo",
+  "Date Read": "Data di lettura",
+  "Date Added": "Data aggiunta",
+  "Format": "Formato",
+  "Ascending": "Crescente",
+  "Descending": "Decrescente",
+  "Sort by...": "Ordina per...",
+  "Added:": "Aggiunto:",
+  "Format:": "Formato:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Descrizione:",
+  "No description available": "Nessuna descrizione disponibile",
+  "List": "Elenco",
+  "Grid": "Griglia",
+  "(from 'As You Like It', Act II)": "(da 'Come vi piace', Atto II)",
+  "Link Color": "Colore link",
+  "Volume Keys for Page Flip": "Tasti volume per girare pagina",
+  "Clicks for Page Flip": "Clic per girare pagina",
+  "Swap Clicks Area": "Inverti area dei clic",
+  "Screen": "Schermo",
+  "Orientation": "Orientamento",
+  "Portrait": "Ritratto",
+  "Landscape": "Paesaggio",
+  "Open Last Book on Start": "Apri ultimo libro all'avvio"
 }

apps/readest-app/public/locales/ja/translation.json

@@ -27,7 +27,6 @@
   "Delete": "削除",
   "Delete Highlight": "ハイライトを削除",
   "Dictionary": "辞書",
-  "Disable Click-to-Flip": "クリックめくりを無効化",
   "Download Readest": "Readestをダウンロード",
   "Edit": "編集",
   "Enter your custom CSS here...": "ここにカスタムCSSを入力...",
@@ -112,7 +111,6 @@
   "Unknown": "不明",
   "Untitled": "無題",
   "Updated:": "更新日：",
-  "User avatar": "ユーザーアバター",
   "Version {{version}}": "バージョン {{version}}",
   "Vertical Direction": "縦書",
   "Welcome to your library. You can import your books here and read them anytime.": "ライブラリーへようこそ。ここに書籍をインポートして、いつでも読むことができます。",
@@ -126,8 +124,6 @@
   "Apply to All Books": "すべての書籍に適用",
   "Apply to This Book": "この書籍に適用",
   "Unable to fetch the translation. Try again later.": "翻訳を取得できません。後で再試行してください。",
-  "Update Now!": "今すぐ更新！",
-  "Update": "更新",
   "Check Update": "更新を確認",
   "Already the latest version": "すでに最新バージョン",
   "Book Details": "書籍の詳細",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "ファイルを開くと自動インポート",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "クリックめくりエリアを入れ替え",
   "No chapters detected.": "章が検出されません。",
   "Failed to parse the EPUB file.": "EPUBファイルの解析に失敗しました。",
   "This book format is not supported.": "この書籍形式はサポートされていません。",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}}時間",
   "{{value}} hours": "{{value}}時間",
   "CJK Font": "CJKフォント",
-  "Clear Search": "検索をクリア"
+  "Clear Search": "検索をクリア",
+  "Header & Footer": "ヘッダーとフッター",
+  "Apply also in Scrolled Mode": "スクロールモードでも適用",
+  "A new version of Readest is Available!": "新しいバージョンのReadestが利用可能です！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}}が利用可能です（インストールされたバージョン{{currentVersion}}）。",
+  "Download and install now?": "今すぐダウンロードしてインストールしますか？",
+  "Downloading {{downloaded}} of {{contentLength}}": "ダウンロード中 {{downloaded}} / {{contentLength}}",
+  "Download finished": "ダウンロード完了",
+  "DOWNLOAD & INSTALL": "更新",
+  "Changelog:": "変更ログ：",
+  "Software Update": "ソフトウェアの更新",
+  "Title": "タイトル",
+  "Date Read": "読書日",
+  "Date Added": "追加日",
+  "Format": "形式",
+  "Ascending": "昇順",
+  "Descending": "降順",
+  "Sort by...": "並べ替え...",
+  "Added:": "追加日：",
+  "Format:": "形式：",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "説明：",
+  "No description available": "説明はありません",
+  "List": "リスト",
+  "Grid": "グリッド",
+  "(from 'As You Like It', Act II)": "(「お気に召すまま」第2幕)",
+  "Link Color": "リンクカラー",
+  "Volume Keys for Page Flip": "音量キーでページめくり",
+  "Clicks for Page Flip": "タップでページめくり",
+  "Swap Clicks Area": "タップ領域を入れ替え",
+  "Screen": "画面",
+  "Orientation": "向き",
+  "Portrait": "縦",
+  "Landscape": "横",
+  "Open Last Book on Start": "開始時に最後の書籍を開く"
 }

apps/readest-app/public/locales/ko/translation.json

@@ -27,7 +27,6 @@
   "Delete": "삭제",
   "Delete Highlight": "하이라이트 삭제",
   "Dictionary": "사전",
-  "Disable Click-to-Flip": "클릭 넘기기 비활성화",
   "Download Readest": "Readest 다운로드",
   "Edit": "편집",
   "Enter your custom CSS here...": "여기에 사용자 정의 CSS를 입력하세요...",
@@ -112,7 +111,6 @@
   "Unknown": "알 수 없음",
   "Untitled": "제목 없음",
   "Updated:": "업데이트일:",
-  "User avatar": "사용자 아바타",
   "Version {{version}}": "버전 {{version}}",
   "Vertical Direction": "수직 방향",
   "Welcome to your library. You can import your books here and read them anytime.": "내 서재에 오신 것을 환영합니다. 여기에서 책을 가져와 언제든지 읽을 수 있습니다.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "모든 책에 적용",
   "Apply to This Book": "이 책에 적용",
   "Unable to fetch the translation. Try again later.": "번역을 가져올 수 없습니다. 나중에 다시 시도하세요.",
-  "Update Now!": "지금 업데이트!",
-  "Update": "업데이트",
   "Check Update": "업데이트 확인",
   "Already the latest version": "이미 최신 버전",
   "Book Details": "책 세부 정보",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "파일 열 때 자동 가져오기",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "클릭-뒤집기 영역 교환",
   "No chapters detected.": "장 발견되지 않음.",
   "Failed to parse the EPUB file.": "EPUB 파일 구문 분석 실패.",
   "This book format is not supported.": "이 책 형식은 지원되지 않습니다.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} 시간",
   "{{value}} hours": "{{value}} 시간",
   "CJK Font": "CJK 글꼴",
-  "Clear Search": "검색 지우기"
+  "Clear Search": "검색 지우기",
+  "Header & Footer": "헤더 및 푸터",
+  "Apply also in Scrolled Mode": "스크롤 모드에서도 적용",
+  "A new version of Readest is Available!": "Readest의 새 버전이 있습니다!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}}가 사용 가능 (설치된 버전 {{currentVersion}}).",
+  "Download and install now?": "지금 다운로드하고 설치하시겠습니까?",
+  "Downloading {{downloaded}} of {{contentLength}}": "다운로드 중 {{downloaded}} / {{contentLength}}",
+  "Download finished": "다운로드 완료",
+  "DOWNLOAD & INSTALL": "다운로드 및 설치",
+  "Changelog:": "변경 로그:",
+  "Software Update": "소프트웨어 업데이트",
+  "Title": "제목",
+  "Date Read": "읽은 날짜",
+  "Date Added": "추가된 날짜",
+  "Format": "형식",
+  "Ascending": "오름차순",
+  "Descending": "내림차순",
+  "Sort by...": "정렬 기준...",
+  "Added:": "추가됨:",
+  "Format:": "형식:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "설명:",
+  "No description available": "설명 없음",
+  "List": "목록",
+  "Grid": "격자",
+  "(from 'As You Like It', Act II)": "(당신이 좋아하는 대로, 2막)",
+  "Link Color": "링크 색상",
+  "Volume Keys for Page Flip": "페이지 넘김을 위한 볼륨 키",
+  "Clicks for Page Flip": "페이지 넘김을 위한 클릭",
+  "Swap Clicks Area": "클릭 영역 교환",
+  "Screen": "화면",
+  "Orientation": "방향",
+  "Portrait": "세로",
+  "Landscape": "가로",
+  "Open Last Book on Start": "시작 시 마지막 책 열기"
 }

apps/readest-app/public/locales/pl/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Usuń",
   "Delete Highlight": "Usuń zaznaczenie",
   "Dictionary": "Słownik",
-  "Disable Click-to-Flip": "Wyłącz przewracanie kliknięciem",
   "Download Readest": "Pobierz Readest",
   "Edit": "Edytuj",
   "Enter your custom CSS here...": "Wprowadź własny CSS tutaj...",
@@ -112,7 +111,6 @@
   "Unknown": "Nieznane",
   "Untitled": "Bez tytułu",
   "Updated:": "Zaktualizowano:",
-  "User avatar": "Awatar użytkownika",
   "Version {{version}}": "Wersja {{version}}",
   "Vertical Direction": "Kierunek pionowy",
   "Welcome to your library. You can import your books here and read them anytime.": "Witaj w swojej bibliotece. Możesz tutaj zaimportować swoje książki i czytać je w dowolnym momencie.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Zastosuj do wszystkich książek",
   "Apply to This Book": "Zastosuj do tej książki",
   "Unable to fetch the translation. Try again later.": "Nie udało się pobrać tłumaczenia. Spróbuj ponownie później.",
-  "Update Now!": "Zaktualizuj teraz!",
-  "Update": "Zaktualizuj",
   "Check Update": "Sprawdź aktualizację",
   "Already the latest version": "Już najnowsza wersja",
   "Book Details": "Szczegóły książki",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Automatyczne importowanie przy otwieraniu pliku",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Zamień obszar kliknięcia na przewracanie",
   "No chapters detected.": "Nie wykryto rozdziałów.",
   "Failed to parse the EPUB file.": "Nie udało się przeanalizować pliku EPUB.",
   "This book format is not supported.": "Ten format książki nie jest obsługiwany.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} godzina",
   "{{value}} hours": "{{value}} godziny",
   "CJK Font": "Czcionka CJK",
-  "Clear Search": "Wyczyść wyszukiwanie"
+  "Clear Search": "Wyczyść wyszukiwanie",
+  "Header & Footer": "Nagłówek i stopka",
+  "Apply also in Scrolled Mode": "Zastosuj również w trybie przewijania",
+  "A new version of Readest is Available!": "Nowa wersja Readest jest dostępna!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} jest dostępny (zainstalowana wersja {{currentVersion}}).",
+  "Download and install now?": "Pobierz i zainstaluj teraz?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Pobieranie {{downloaded}} z {{contentLength}}",
+  "Download finished": "Pobieranie zakończone",
+  "DOWNLOAD & INSTALL": "POBIERZ I ZAINSTALUJ",
+  "Changelog:": "Dziennik zmian:",
+  "Software Update": "Aktualizacja oprogramowania",
+  "Title": "Tytuł",
+  "Date Read": "Data przeczytania",
+  "Date Added": "Data dodania",
+  "Format": "Format",
+  "Ascending": "Rosnąco",
+  "Descending": "Malejąco",
+  "Sort by...": "Sortuj według...",
+  "Added:": "Data dodania:",
+  "Format:": "Format:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Opis:",
+  "No description available": "Brak opisu",
+  "List": "Lista",
+  "Grid": "Siatka",
+  "(from 'As You Like It', Act II)": "(z „Jak wam się podoba”, Akt II)",
+  "Link Color": "Kolor linku",
+  "Volume Keys for Page Flip": "Klucze głośności do przewracania stron",
+  "Clicks for Page Flip": "Kliknięcia do przewracania stron",
+  "Swap Clicks Area": "Zamień obszar kliknięcia",
+  "Screen": "Ekran",
+  "Orientation": "Orientacja",
+  "Portrait": "Portret",
+  "Landscape": "Krajobraz",
+  "Open Last Book on Start": "Otwórz ostatnią książkę przy starcie"
 }

apps/readest-app/public/locales/pt/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Excluir",
   "Delete Highlight": "Excluir Destaque",
   "Dictionary": "Dicionário",
-  "Disable Click-to-Flip": "Desativar Clique para Virar",
   "Download Readest": "Baixar Readest",
   "Edit": "Editar",
   "Enter your custom CSS here...": "Insira seu CSS personalizado aqui...",
@@ -112,7 +111,6 @@
   "Unknown": "Desconhecido",
   "Untitled": "Sem Título",
   "Updated:": "Atualizado:",
-  "User avatar": "Avatar do usuário",
   "Version {{version}}": "Versão {{version}}",
   "Vertical Direction": "Direção Vertical",
   "Welcome to your library. You can import your books here and read them anytime.": "Bem-vindo à sua biblioteca. Você pode importar seus livros aqui e lê-los a qualquer momento.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Aplicar a todos os livros",
   "Apply to This Book": "Aplicar a este livro",
   "Unable to fetch the translation. Try again later.": "Não foi possível buscar a tradução. Tente novamente mais tarde.",
-  "Update Now!": "Atualizar Agora!",
-  "Update": "Atualizar",
   "Check Update": "Verificar atualização",
   "Already the latest version": "Já é a versão mais recente",
   "Book Details": "Detalhes do Livro",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Importação Automática ao Abrir Arquivo",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Trocar Área de Clique para Virar",
   "No chapters detected.": "Nenhum capítulo detectado.",
   "Failed to parse the EPUB file.": "Falha ao analisar o arquivo EPUB.",
   "This book format is not supported.": "Este formato de livro não é suportado.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} hora",
   "{{value}} hours": "{{value}} horas",
   "CJK Font": "Fonte CJK",
-  "Clear Search": "Limpar Pesquisa"
+  "Clear Search": "Limpar Pesquisa",
+  "Header & Footer": "Cabeçalho e Rodapé",
+  "Apply also in Scrolled Mode": "Aplicar também no Modo Rolado",
+  "A new version of Readest is Available!": "Uma nova versão do Readest está disponível!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} está disponível (versão instalada {{currentVersion}}).",
+  "Download and install now?": "Baixar e instalar agora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Baixando {{downloaded}} de {{contentLength}}",
+  "Download finished": "Download concluído",
+  "DOWNLOAD & INSTALL": "BAIXAR E INSTALAR",
+  "Changelog:": "Notas de versão:",
+  "Software Update": "Atualização de Software",
+  "Title": "Título",
+  "Date Read": "Data de leitura",
+  "Date Added": "Data de adição",
+  "Format": "Formato",
+  "Ascending": "Crescente",
+  "Descending": "Decrescente",
+  "Sort by...": "Ordenar por...",
+  "Added:": "Adicionado:",
+  "Format:": "Formato:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Descrição:",
+  "No description available": "Nenhuma descrição disponível",
+  "List": "Lista",
+  "Grid": "Grade",
+  "(from 'As You Like It', Act II)": "(de 'Como Gostais', Ato II)",
+  "Link Color": "Cor do Link",
+  "Volume Keys for Page Flip": "Teclas de Volume para Virar Página",
+  "Clicks for Page Flip": "Cliques para Virar Página",
+  "Swap Clicks Area": "Trocar Área de Cliques",
+  "Screen": "Tela",
+  "Orientation": "Orientação",
+  "Portrait": "Retrato",
+  "Landscape": "Paisagem",
+  "Open Last Book on Start": "Abrir o Último Livro ao Iniciar"
 }

apps/readest-app/public/locales/ru/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Удалить",
   "Delete Highlight": "Удалить выделение",
   "Dictionary": "Словарь",
-  "Disable Click-to-Flip": "Отключить переворот по клику",
   "Download Readest": "Скачать Readest",
   "Edit": "Редактировать",
   "Enter your custom CSS here...": "Введите ваш пользовательский CSS здесь...",
@@ -112,7 +111,6 @@
   "Unknown": "Неизвестно",
   "Untitled": "Без названия",
   "Updated:": "Обновлено:",
-  "User avatar": "Аватар пользователя",
   "Version {{version}}": "Версия {{version}}",
   "Vertical Direction": "Вертикальное направление",
   "Welcome to your library. You can import your books here and read them anytime.": "Добро пожаловать в вашу библиотеку. Вы можете импортировать сюда книги и читать их в любое время.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Применить ко всем книгам",
   "Apply to This Book": "Применить к этой книге",
   "Unable to fetch the translation. Try again later.": "Не удалось получить перевод. Попробуйте позже.",
-  "Update Now!": "Обновить сейчас!",
-  "Update": "Обновить",
   "Check Update": "Проверить обновление",
   "Already the latest version": "Уже последняя версия",
   "Book Details": "Детали книги",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Автоматический импорт при открытии файла",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Переключить область клика для переворота",
   "No chapters detected.": "Не обнаружено глав.",
   "Failed to parse the EPUB file.": "Не удалось разобрать файл EPUB.",
   "This book format is not supported.": "Этот формат книги не поддерживается.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} час",
   "{{value}} hours": "{{value}} часа",
   "CJK Font": "CJK Шрифт",
-  "Clear Search": "Очистить поиск"
+  "Clear Search": "Очистить поиск",
+  "Header & Footer": "Заголовок и нижний колонтитул",
+  "Apply also in Scrolled Mode": "Применить также в прокручиваемом режиме",
+  "A new version of Readest is Available!": "Доступна новая версия Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} доступен (установленная версия {{currentVersion}}).",
+  "Download and install now?": "Скачать и установить сейчас?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Скачано {{downloaded}} из {{contentLength}}",
+  "Download finished": "Загрузка завершена",
+  "DOWNLOAD & INSTALL": "СКАЧАТЬ И УСТАНОВИТЬ",
+  "Changelog:": "Изменения:",
+  "Software Update": "Обновление программного обеспечения",
+  "Title": "Название",
+  "Date Read": "Дата прочтения",
+  "Date Added": "Дата добавления",
+  "Format": "Формат",
+  "Ascending": "По возрастанию",
+  "Descending": "По убыванию",
+  "Sort by...": "Сортировать по...",
+  "Added:": "Добавлено:",
+  "Format:": "Формат:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Описание:",
+  "No description available": "Нет доступного описания",
+  "List": "Список",
+  "Grid": "Сетка",
+  "(from 'As You Like It', Act II)": "(из 'Как вам это понравится', Акт II)",
+  "Link Color": "Цвет ссылки",
+  "Volume Keys for Page Flip": "Клавиши громкости для перелистывания страниц",
+  "Clicks for Page Flip": "Клики для перелистывания страниц",
+  "Swap Clicks Area": "Переключить область кликов",
+  "Screen": "Экран",
+  "Orientation": "Ориентация",
+  "Portrait": "Портрет",
+  "Landscape": "Ландшафт",
+  "Open Last Book on Start": "Открыть последнюю книгу при запуске"
 }

apps/readest-app/public/locales/tr/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Sil",
   "Delete Highlight": "Vurguyu Sil",
   "Dictionary": "Sözlük",
-  "Disable Click-to-Flip": "Tıkla-Çevir'i Devre Dışı Bırak",
   "Download Readest": "Readest'i İndir",
   "Edit": "Düzenle",
   "Enter your custom CSS here...": "Özel CSS'nizi buraya girin...",
@@ -112,7 +111,6 @@
   "Unknown": "Bilinmiyor",
   "Untitled": "Başlıksız",
   "Updated:": "Güncellendi:",
-  "User avatar": "Kullanıcı avatarı",
   "Version {{version}}": "Sürüm {{version}}",
   "Vertical Direction": "Dikey Yön",
   "Welcome to your library. You can import your books here and read them anytime.": "Kütüphanenize hoş geldiniz. Buradan kitaplarınızı içe aktarabilir ve istediğiniz zaman okuyabilirsiniz.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Tüm kitaplara uygula",
   "Apply to This Book": "Bu kitaba uygula",
   "Unable to fetch the translation. Try again later.": "Çeviri alınamıyor. Daha sonra tekrar deneyin.",
-  "Update Now!": "Şimdi Güncelle!",
-  "Update": "Güncelle",
   "Check Update": "Güncellemeyi kontrol et",
   "Already the latest version": "Zaten en son sürüm",
   "Book Details": "Kitap Detayları",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Dosya Açıldığında Otomatik İçe Aktar",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Tıkla-Çevir Alanını Değiştir",
   "No chapters detected.": "Bölüm bulunamadı.",
   "Failed to parse the EPUB file.": "EPUB dosyası ayrıştırılamadı.",
   "This book format is not supported.": "Bu kitap formatı desteklenmiyor.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} saat",
   "{{value}} hours": "{{value}} saat",
   "CJK Font": "CJK Yazı Tipi",
-  "Clear Search": "Aramayı Temizle"
+  "Clear Search": "Aramayı Temizle",
+  "Header & Footer": "Başlık ve Altbilgi",
+  "Apply also in Scrolled Mode": "Kaydırılmış Modda da Uygula",
+  "A new version of Readest is Available!": "Yeni bir Readest sürümü mevcut!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} mevcut (yüklü sürüm {{currentVersion}}).",
+  "Download and install now?": "Şimdi indirip yükleyelim mi?",
+  "Downloading {{downloaded}} of {{contentLength}}": "İndiriliyor {{downloaded}}/{{contentLength}}",
+  "Download finished": "İndirme tamamlandı",
+  "DOWNLOAD & INSTALL": "İNDİR & YÜKLE",
+  "Changelog:": "Değişiklik Günlüğü:",
+  "Software Update": "Yazılım Güncellemesi",
+  "Title": "Başlık",
+  "Date Read": "Okunma Tarihi",
+  "Date Added": "Eklenme Tarihi",
+  "Format": "Biçim",
+  "Ascending": "Artan",
+  "Descending": "Azalan",
+  "Sort by...": "Şuna göre sırala...",
+  "Added:": "Eklenme:",
+  "Format:": "Biçim:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Tanım:",
+  "No description available": "Tanım mevcut değil",
+  "List": "Liste",
+  "Grid": "Izgara",
+  "(from 'As You Like It', Act II)": "(As You Like It, 2. Perde)",
+  "Link Color": "Bağlantı Rengi",
+  "Volume Keys for Page Flip": "Sayfa Çevirme için Ses Seviyesi Tuşları",
+  "Clicks for Page Flip": "Sayfa Çevirme için Tıklamalar",
+  "Swap Clicks Area": "Tıklama Alanını Değiştir",
+  "Screen": "Ekran",
+  "Orientation": "Yönlendirme",
+  "Portrait": "Portre",
+  "Landscape": "Yatay",
+  "Open Last Book on Start": "Açılışta Son Kitabı Aç"
 }

apps/readest-app/public/locales/uk/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Видалити",
   "Delete Highlight": "Видалити виділення",
   "Dictionary": "Словник",
-  "Disable Click-to-Flip": "Вимкнути гортання кліком",
   "Download Readest": "Завантажити Readest",
   "Edit": "Редагувати",
   "Enter your custom CSS here...": "Введіть ваш користувацький CSS тут...",
@@ -112,7 +111,6 @@
   "Unknown": "Невідомо",
   "Untitled": "Без назви",
   "Updated:": "Оновлено:",
-  "User avatar": "Аватар користувача",
   "Version {{version}}": "Версія {{version}}",
   "Vertical Direction": "Вертикальний напрямок",
   "Welcome to your library. You can import your books here and read them anytime.": "Ласкаво просимо до вашої бібліотеки. Ви можете імпортувати сюди свої книги та читати їх будь-коли.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Застосувати до всіх книг",
   "Apply to This Book": "Застосувати до цієї книги",
   "Unable to fetch the translation. Try again later.": "Не вдалося отримати переклад. Спробуйте пізніше.",
-  "Update Now!": "Оновити зараз!",
-  "Update": "Оновити",
   "Check Update": "Перевірити оновлення",
   "Already the latest version": "Вже остання версія",
   "Book Details": "Деталі книги",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Автоматичний імпорт при відкритті файлу",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Поміняти місцями область кліку для перевороту",
   "No chapters detected.": "Не виявлено жодного розділу.",
   "Failed to parse the EPUB file.": "Не вдалося розібрати файл EPUB.",
   "This book format is not supported.": "Цей формат книги не підтримується.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} година",
   "{{value}} hours": "{{value}} години",
   "CJK Font": "CJK шрифт",
-  "Clear Search": "Очистити пошук"
+  "Clear Search": "Очистити пошук",
+  "Header & Footer": "Заголовок і нижній колонтитул",
+  "Apply also in Scrolled Mode": "Застосувати також у прокрученому режимі",
+  "A new version of Readest is Available!": "Доступна нова версія Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} доступна (встановлена версія {{currentVersion}}).",
+  "Download and install now?": "Завантажити та встановити зараз?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Завантаження {{downloaded}} з {{contentLength}}",
+  "Download finished": "Завантаження завершено",
+  "DOWNLOAD & INSTALL": "ЗАВАНТАЖИТИ І ВСТАНОВИТИ",
+  "Changelog:": "Журнал змін:",
+  "Software Update": "Оновлення програмного забезпечення",
+  "Title": "Назва",
+  "Date Read": "Дата прочитання",
+  "Date Added": "Дата додавання",
+  "Format": "Формат",
+  "Ascending": "За зростанням",
+  "Descending": "За спаданням",
+  "Sort by...": "Сортувати за...",
+  "Added:": "Додано:",
+  "Format:": "Формат:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Опис:",
+  "No description available": "Опис недоступний",
+  "List": "Список",
+  "Grid": "Сітка",
+  "(from 'As You Like It', Act II)": "(з 'Як вам це подобається', Акт II)",
+  "Link Color": "Колір посилання",
+  "Volume Keys for Page Flip": "Клавіші гучності для перевороту сторінки",
+  "Clicks for Page Flip": "Клацання для перевороту сторінки",
+  "Swap Clicks Area": "Змінити область клацання",
+  "Screen": "Екран",
+  "Orientation": "Орієнтація",
+  "Portrait": "Портрет",
+  "Landscape": "Ландшафт",
+  "Open Last Book on Start": "Відкрити останню книгу при запуску"
 }

apps/readest-app/public/locales/vi/translation.json

@@ -27,7 +27,6 @@
   "Delete": "Xóa",
   "Delete Highlight": "Xóa văn bản được đánh dấu",
   "Dictionary": "Từ điển",
-  "Disable Click-to-Flip": "Tắt tính năng nhấp để lật trang",
   "Download Readest": "Tải Readest",
   "Edit": "Chỉnh sửa",
   "Enter your custom CSS here...": "Nhập CSS tùy chỉnh của bạn vào đây...",
@@ -112,7 +111,6 @@
   "Unknown": "Không xác định",
   "Untitled": "Không có tiêu đề",
   "Updated:": "Cập nhật:",
-  "User avatar": "Ảnh đại diện",
   "Version {{version}}": "Phiên bản {{version}}",
   "Vertical Direction": "Hướng dọc",
   "Welcome to your library. You can import your books here and read them anytime.": "Chào mừng đến với thư viện của bạn. Bạn có thể nhập sách vào đây và đọc bất cứ lúc nào.",
@@ -126,8 +124,6 @@
   "Apply to All Books": "Áp dụng cho tất cả sách",
   "Apply to This Book": "Áp dụng cho sách này",
   "Unable to fetch the translation. Try again later.": "Không thể tải dịch vụ. Vui lòng thử lại sau.",
-  "Update Now!": "Cập nhật ngay!",
-  "Update": "Cập nhật",
   "Check Update": "Kiểm tra cập nhật",
   "Already the latest version": "Đã là phiên bản mới nhất",
   "Book Details": "Chi tiết sách",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "Tự động nhập khi mở tệp",
   "LXGW WenKai GB Screen": "LXGW WenKai SC",
   "LXGW WenKai TC": "LXGW WenKai TC",
-  "Swap Click-to-Flip Area": "Hoán đổi khu vực nhấp để lật trang",
   "No chapters detected.": "Không phát hiện thấy chương nào.",
   "Failed to parse the EPUB file.": "Không thể phân tích tệp EPUB.",
   "This book format is not supported.": "Định dạng sách này không được hỗ trợ.",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}} giờ",
   "{{value}} hours": "{{value}} giờ",
   "CJK Font": "Phông chữ CJK",
-  "Clear Search": "Xóa tìm kiếm"
+  "Clear Search": "Xóa tìm kiếm",
+  "Header & Footer": "Đầu trang & Chân trang",
+  "Apply also in Scrolled Mode": "Áp dụng cũng trong chế độ cuộn",
+  "A new version of Readest is Available!": "Đã có phiên bản mới của Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} đã có sẵn (phiên bản đã cài đặt {{currentVersion}}).",
+  "Download and install now?": "Tải xuống và cài đặt ngay bây giờ?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Đang tải {{downloaded}} trong {{contentLength}}",
+  "Download finished": "Tải xuống hoàn tất",
+  "DOWNLOAD & INSTALL": "TẢI XUỐNG & CÀI ĐẶT",
+  "Changelog:": "Thay đổi:",
+  "Software Update": "Cập nhật phần mềm",
+  "Title": "Tiêu đề",
+  "Date Read": "Ngày đã đọc",
+  "Date Added": "Ngày thêm",
+  "Format": "Định dạng",
+  "Ascending": "Tăng dần",
+  "Descending": "Giảm dần",
+  "Sort by...": "Sắp xếp theo...",
+  "Added:": "Đã thêm:",
+  "Format:": "Định dạng:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Miêu tả:",
+  "No description available": "Không có mô tả nào",
+  "List": "Danh sách",
+  "Grid": "Lưới",
+  "(from 'As You Like It', Act II)": "(từ 'Như bạn thích', Hành động II)",
+  "Link Color": "Màu liên kết",
+  "Volume Keys for Page Flip": "Phím âm lượng để lật trang",
+  "Clicks for Page Flip": "Nhấp để lật trang",
+  "Swap Clicks Area": "Đổi khu vực nhấp",
+  "Screen": "Màn hình",
+  "Orientation": "Định hướng",
+  "Portrait": "Chân dung",
+  "Landscape": "Phong cảnh",
+  "Open Last Book on Start": "Mở sách cuối cùng khi khởi động"
 }

apps/readest-app/public/locales/zh-CN/translation.json

@@ -27,7 +27,6 @@
   "Delete": "删除",
   "Delete Highlight": "删除划线",
   "Dictionary": "词典",
-  "Disable Click-to-Flip": "禁用点击翻页",
   "Download Readest": "下载 Readest",
   "Edit": "编辑",
   "Enter your custom CSS here...": "在此处输入您的自定义 CSS...",
@@ -112,7 +111,6 @@
   "Unknown": "未知",
   "Untitled": "无标题",
   "Updated:": "更新日期",
-  "User avatar": "用户头像",
   "Version {{version}}": "版本 {{version}}",
   "Vertical Direction": "竖排",
   "Welcome to your library. You can import your books here and read them anytime.": "书库空空如也，您可以导入您的书籍并随时阅读。",
@@ -126,8 +124,6 @@
   "Apply to All Books": "应用于所有书籍",
   "Apply to This Book": "应用于此书籍",
   "Unable to fetch the translation. Try again later.": "无法获取翻译，请稍后重试。",
-  "Update Now!": "立即更新！",
-  "Update": "更新",
   "Check Update": "检查更新",
   "Already the latest version": "已经是最新版本",
   "Book Details": "书籍详情",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "打开文件时自动导入",
   "LXGW WenKai GB Screen": "霞鹜文楷",
   "LXGW WenKai TC": "霞鶩文楷",
-  "Swap Click-to-Flip Area": "交换点击翻页区域",
   "No chapters detected.": "未检测到章节。",
   "Failed to parse the EPUB file.": "无法解析 EPUB 文件。",
   "This book format is not supported.": "不支持此书籍格式。",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}}小时",
   "{{value}} hours": "{{value}}小时",
   "CJK Font": "中文字体",
-  "Clear Search": "清除搜索"
+  "Clear Search": "清除搜索",
+  "Header & Footer": "页眉页脚",
+  "Apply also in Scrolled Mode": "应用到滚动模式",
+  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} 可更新（已安装版本 {{currentVersion}}）。",
+  "Download and install now?": "立即下载并安装？",
+  "Downloading {{downloaded}} of {{contentLength}}": "正在下载 {{downloaded}} / {{contentLength}}",
+  "Download finished": "下载完成",
+  "DOWNLOAD & INSTALL": "下载并安装",
+  "Changelog:": "更新日志：",
+  "Software Update": "软件更新",
+  "Title": "书名",
+  "Date Read": "阅读日期",
+  "Date Added": "添加日期",
+  "Format": "格式",
+  "Ascending": "升序",
+  "Descending": "降序",
+  "Sort by...": "排序方式...",
+  "Added:": "添加日期",
+  "Format:": "格式",
+  "GuanKiapTsingKhai-T": "原俠正楷-T",
+  "Description:": "简介",
+  "No description available": "暂无简介",
+  "List": "列表",
+  "Grid": "网格",
+  "(from 'As You Like It', Act II)": "出自《皆大欢喜》，第二幕",
+  "Link Color": "链接颜色",
+  "Volume Keys for Page Flip": "音量键翻页",
+  "Clicks for Page Flip": "点击翻页",
+  "Swap Clicks Area": "交换点击区域",
+  "Screen": "屏幕",
+  "Orientation": "屏幕方向",
+  "Portrait": "竖屏",
+  "Landscape": "横屏",
+  "Open Last Book on Start": "启动时打开上次阅读的书籍"
 }

apps/readest-app/public/locales/zh-TW/translation.json

@@ -27,7 +27,6 @@
   "Delete": "刪除",
   "Delete Highlight": "刪除劃線",
   "Dictionary": "詞典",
-  "Disable Click-to-Flip": "禁用點擊翻頁",
   "Download Readest": "下載 Readest",
   "Edit": "編輯",
   "Enter your custom CSS here...": "在此處輸入您的自定義 CSS...",
@@ -112,7 +111,6 @@
   "Unknown": "未知",
   "Untitled": "無標題",
   "Updated:": "更新日期",
-  "User avatar": "用戶頭像",
   "Version {{version}}": "版本 {{version}}",
   "Vertical Direction": "豎排",
   "Welcome to your library. You can import your books here and read them anytime.": "書庫空空如也，您可以導入您的書籍並隨時閱讀。",
@@ -126,8 +124,6 @@
   "Apply to All Books": "應用於所有書籍",
   "Apply to This Book": "應用於此書籍",
   "Unable to fetch the translation. Try again later.": "無法獲取翻譯，請稍後再試。",
-  "Update Now!": "立即更新！",
-  "Update": "更新",
   "Check Update": "檢查更新",
   "Already the latest version": "已經是最新版本",
   "Book Details": "書籍詳情",
@@ -261,7 +257,6 @@
   "Auto Import on File Open": "打開文件時自動導入",
   "LXGW WenKai GB Screen": "霞鶩文楷 SC",
   "LXGW WenKai TC": "霞鶩文楷 TC",
-  "Swap Click-to-Flip Area": "交換點擊翻頁區域",
   "No chapters detected.": "未檢測到章節。",
   "Failed to parse the EPUB file.": "無法解析 EPUB 文件。",
   "This book format is not supported.": "不支援此書籍格式。",
@@ -274,5 +269,39 @@
   "{{value}} hour": "{{value}}小時",
   "{{value}} hours": "{{value}}小時",
   "CJK Font": "中文字體",
-  "Clear Search": "清除搜索"
+  "Clear Search": "清除搜索",
+  "Header & Footer": "頁眉頁腳",
+  "Apply also in Scrolled Mode": "滾動模式同樣適用",
+  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} 可更新（已安裝版本 {{currentVersion}}）。",
+  "Download and install now?": "立即下載並安裝？",
+  "Downloading {{downloaded}} of {{contentLength}}": "正在下載 {{downloaded}} / {{contentLength}}",
+  "Download finished": "下載完成",
+  "DOWNLOAD & INSTALL": "下載並安裝",
+  "Changelog:": "更新日誌：",
+  "Software Update": "軟體更新",
+  "Title": "書名",
+  "Date Read": "閱讀日期",
+  "Date Added": "添加日期",
+  "Format": "格式",
+  "Ascending": "升序",
+  "Descending": "降序",
+  "Sort by...": "排序方式...",
+  "Added:": "添加日期",
+  "Format:": "格式",
+  "GuanKiapTsingKhai-T": "原俠正楷-T",
+  "Description:": "簡介",
+  "No description available": "暫無簡介",
+  "List": "列表",
+  "Grid": "網格",
+  "(from 'As You Like It', Act II)": "（出自《皆大歡喜》，第二幕）",
+  "Link Color": "連結顏色",
+  "Volume Keys for Page Flip": "音量鍵翻頁",
+  "Clicks for Page Flip": "點擊翻頁",
+  "Swap Clicks Area": "交換點擊區域",
+  "Screen": "螢幕",
+  "Orientation": "螢幕方向",
+  "Portrait": "豎屏",
+  "Landscape": "橫屏",
+  "Open Last Book on Start": "啟動時打開上次閱讀的書籍"
 }

apps/readest-app/release-notes.json

@@ -1,5 +1,84 @@
 {
   "releases": {
+    "0.9.40": {
+      "date": "2025-05-08",
+      "notes": [
+        "Prevented oversized images from causing layout issues",
+        "Resolved issue with transient navigation bar on Android 9",
+        "Action bar now closes properly when the footbar is dismissed",
+        "Smoother experience when expanding Table of Contents sections",
+        "Reverted unintended style overrides"
+      ]
+    },
+    "0.9.39": {
+      "date": "2025-05-07",
+      "notes": [
+        "Enhanced Navigation: Added location information to the table of contents",
+        "Enhanced Navigation: Larger touch targets for table of contents expansion icons",
+        "Screen Orientation Lock: You can now lock your device's screen orientation when reading",
+        "Quick Access to Recent Books: Option to automatically open your last read book when starting the app",
+        "Better Language Support: Improved handling of CJK characters in search",
+        "Enhanced Text-to-Speech: More accurate language detection for TTS",
+        "Enhanced Text-to-Speech: Text-to-Speech now maintains your position in scroll mode",
+        "Enhanced Annotations: Better handling of annotations with ruby elements in Japanese books",
+        "Smoother Scrolling: We've made continuous scrolling more reliable for a seamless reading experience",
+        "Compact View: Reading view is more compact when header and footer are hidden",
+        "TXT Parsing: More robust handling of TXT book format"
+      ]
+    },
+    "0.9.38": {
+      "date": "2025-04-29",
+      "notes": [
+        "Page Turning with Volume Keys: You can now turn pages using your device’s volume buttons",
+        "Expanded English Voices: More English voices are available across all en locales",
+        "Theme Editor: Added a primary color picker for easier customization",
+        "System Fonts: Retrieve system fonts on iOS and Android, with improved font weight and style detection",
+        "Popup Footnotes: Popup footnotes now inherit the book's font for consistent appearance",
+        "Better Text Selection: Preserves text selection anchors when spanning paginated content",
+        "Android Compatibility: Navigation bar auto-hides correctly on Android 10 and below",
+        "Popup Dialogs: Back key now properly dismisses popup dialogs on Android"
+      ]
+    },
+    "0.9.37": {
+      "date": "2025-04-25",
+      "notes": [
+        "Full-Screen Toggle: You can now press F11 to quickly toggle full-screen mode",
+        "List View: A new list layout is available for your bookshelf",
+        "Book Details: Book descriptions from metadata are now shown in the details view",
+        "Enhanced Android behavior: better navigation bar handling and status bar dismissal when resuming",
+        "TTS now defaults to the book’s metadata language when needed",
+        "Synced custom themes reliably across sessions"
+      ]
+    },
+    "0.9.36": {
+      "date": "2025-04-20",
+      "notes": [
+        "📥 New download and upload buttons in the book detail dialog for easier file management",
+        "📂 You can now open files directly in Readest from your file manager on Android and iOS",
+        "🛠️ Fixed an issue where files with quotation marks in the filename could not be opened",
+        "📖 Improved the immersive reading experience on the reader page for Android and iOS",
+        "🌐 Added GuanKiapTsingKhai-T to the list of available CJK fonts"
+      ]
+    },
+    "0.9.35": {
+      "date": "2025-04-15",
+      "notes": [
+        "🛠️ Fixed an issue where books without cover images can not be synced across devices",
+        "📱 Added in-app update support for Android",
+        "📚 You can now sort books by title or author in your library"
+      ]
+    },
+    "0.9.33": {
+      "date": "2025-04-13",
+      "notes": [
+        "New: Redesigned update dialog with a progress bar during downloads for a smoother update experience.",
+        "New: You can now set header and footer visibility separately for paginated and scroll modes.",
+        "Fixed layout issues in the bottom configuration panel when using RTL (right-to-left) languages.",
+        "Fixed TXT file import issues on Android by improving support for content provider file paths.",
+        "Fixed transformed punctuations when highlighting text with vertical layout.",
+        "Improved login flow on macOS by handling OAuth with the native ASWebAuthenticationSession."
+      ]
+    },
     "0.9.32": {
       "date": "2025-04-09",
       "notes": [

apps/readest-app/src-tauri/Cargo.toml

@@ -48,13 +48,18 @@ tauri-plugin-haptics = "2.2.4"
 tauri-plugin-native-bridge = { path = "./plugins/tauri-plugin-native-bridge" }
 
 [target."cfg(target_os = \"macos\")".dependencies]
+rand = "0.8"
 cocoa = "0.25"
 objc = "0.2.7"
-rand = "0.8"
+objc-foundation = "0.1.1"
+objc_id = "0.1.1"
+block = "0.1.6"
+objc2 = "0.6"
+objc2-authentication-services = "0.3"
+objc2-foundation = { version = "0.3", features = ["NSError", "NSArray"] }
 
 [target.'cfg(any(target_os = "macos", windows, target_os = "linux"))'.dependencies]
 tauri-plugin-cli = "2"
 tauri-plugin-single-instance = "2.2.3"
 tauri-plugin-updater = "2.7.0"
 tauri-plugin-window-state = "2.2.2"
-font-enumeration = "0.9.0"

apps/readest-app/src-tauri/Info.plist

@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>ITSAppUsesNonExemptEncryption</key>
+    <false/>
+    <key>LSSupportsOpeningDocumentsInPlace</key>
+    <false/>
+    <key>UIViewControllerBasedStatusBarAppearance</key>
+    <false/>
+    <key>UIHomeIndicatorAutoHidden</key>
+    <true/>
+    <key>UIRequiresFullScreen</key>
+    <true/>
+    <key>CFBundleDocumentTypes</key>
+    <array>
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>EPUB Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>org.idpf.epub-container</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>PDF Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.adobe.pdf</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>FB2 Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.readest.fb2</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>CBZ Archive</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.readest.cbz</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>MOBI Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>org.mobipocket.mobi</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>AZW Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.amazon.azw</string>
+          <string>com.amazon.azw3</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>Text File</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>public.plain-text</string>
+        </array>
+      </dict>
+    </array>
+
+    <key>UTExportedTypeDeclarations</key>
+    <array>
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>org.idpf.epub-container</string>
+        <key>UTTypeDescription</key>
+        <string>EPUB Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.data</string>
+          <string>public.content</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>epub</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/epub+zip</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>com.readest.fb2</string>
+        <key>UTTypeDescription</key>
+        <string>FB2 Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.xml</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>fb2</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/xml</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>com.readest.cbz</string>
+        <key>UTTypeDescription</key>
+        <string>CBZ Archive</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.archive</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>cbz</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/x-cbz</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>org.mobipocket.mobi</string>
+        <key>UTTypeDescription</key>
+        <string>MOBI Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.data</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>mobi</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/x-mobipocket-ebook</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>com.amazon.azw</string>
+        <key>UTTypeDescription</key>
+        <string>AZW Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.data</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>azw</string>
+            <string>azw3</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/vnd.amazon.ebook</string>
+        </dict>
+      </dict>
+    </array>
+  </dict>
+</plist>

apps/readest-app/src-tauri/capabilities/default.json

@@ -2,7 +2,7 @@
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
   "description": "enables the default permissions",
-  "windows": ["main"],
+  "windows": ["main", "updater"],
   "permissions": [
     "core:default",
     "fs:default",
@@ -39,12 +39,26 @@
         }
       ]
     },
+    {
+      "identifier": "fs:allow-cache-read",
+      "allow": [
+        {
+          "path": "$CACHEDIR/**/*"
+        },
+        {
+          "path": "/private/var/mobile/Containers/Data/Application/**/*"
+        }
+      ]
+    },
     {
       "identifier": "http:default",
       "allow": [
         {
           "url": "https://*.deepl.com"
         },
+        {
+          "url": "https://github.com/readest/*"
+        },
         {
           "url": "https://*.cloudflarestorage.com"
         }
@@ -57,6 +71,7 @@
     "core:window:allow-center",
     "core:window:allow-minimize",
     "core:window:allow-maximize",
+    "core:window:allow-unmaximize",
     "core:window:allow-set-size",
     "core:window:allow-set-focus",
     "core:window:allow-is-maximized",
@@ -64,6 +79,8 @@
     "core:window:allow-toggle-maximize",
     "core:window:allow-set-fullscreen",
     "core:window:allow-set-always-on-top",
+    "core:webview:allow-create-webview-window",
+    "core:path:allow-resolve-directory",
     "log:default",
     "shell:default",
     "process:default",

apps/readest-app/src-tauri/capabilities/desktop.json

@@ -1,10 +1,7 @@
 {
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "desktop-capability",
-  "windows": ["main"],
+  "windows": ["main", "updater"],
   "platforms": ["linux", "macOS", "windows"],
-  "permissions": [
-    "updater:default",
-    "cli:default"
-   ]
+  "permissions": ["updater:default", "cli:default"]
 }

apps/readest-app/src-tauri/gen/android/app/src/main/AndroidManifest.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES"/>
     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
 
@@ -19,12 +20,43 @@
             android:label="@string/main_activity_title"
             android:name=".MainActivity"
             android:exported="true">
-	    <intent-filter android:label="oauth">
-		<action android:name="android.intent.action.VIEW" />
-		<category android:name="android.intent.category.DEFAULT" />
-		<category android:name="android.intent.category.BROWSABLE" />
-		<data android:scheme="readest" android:host="auth-callback" />
-	    </intent-filter>
+
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+
+                <data android:scheme="content" />
+                <data android:scheme="file" />
+
+                <data android:mimeType="application/epub+zip" />
+                <data android:mimeType="application/pdf" />
+                <data android:mimeType="application/fb2" />
+                <data android:mimeType="application/x-fb2" />
+                <data android:mimeType="application/vnd.amazon.mobi8-ebook" />
+                <data android:mimeType="application/vnd.comicbook+zip" />
+                <data android:mimeType="application/x-cbz" />
+                <data android:mimeType="application/x-mobipocket-ebook" />
+                <data android:mimeType="application/zip" />
+                <data android:mimeType="text/plain" />
+
+                <data android:pathPattern=".*\\.epub" />
+                <data android:pathPattern=".*\\.pdf" />
+                <data android:pathPattern=".*\\.fb2" />
+                <data android:pathPattern=".*\\.fb2.zip" />
+                <data android:pathPattern=".*\\.mobi" />
+                <data android:pathPattern=".*\\.azw" />
+                <data android:pathPattern=".*\\.cbz" />
+                <data android:pathPattern=".*\\.zip" />
+                <data android:pathPattern=".*\\.txt" />
+            </intent-filter>
+
+            <intent-filter android:label="oauth">
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+                <data android:scheme="readest" android:host="auth-callback" />
+            </intent-filter>
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />

apps/readest-app/src-tauri/gen/android/app/src/main/java/com/bilingify/readest/MainActivity.kt

@@ -1,51 +1,81 @@
 package com.bilingify.readest
 
-import android.os.Build
 import android.os.Bundle
-import android.content.Intent
-import android.net.Uri
-import android.view.View
-import android.view.WindowInsets
-import android.view.WindowInsetsController
 import androidx.activity.enableEdgeToEdge
-import app.tauri.plugin.JSObject
-import com.readest.native_bridge.NativeBridgePlugin
+import android.view.KeyEvent
+import android.webkit.WebView
+import android.util.Log
+import java.util.concurrent.CountDownLatch
+import java.util.concurrent.TimeUnit
+import java.util.concurrent.atomic.AtomicBoolean
+import com.readest.native_bridge.KeyDownInterceptor
+
+class MainActivity : TauriActivity(), KeyDownInterceptor {
+    private lateinit var wv: WebView
+    private var interceptVolumeKeysEnabled = false
+    private var interceptBackKeyEnabled = false
+
+    override fun onWebViewCreate(webView: WebView) {
+        wv = webView
+    }
+
+    private val keyEventMap = mapOf(
+        KeyEvent.KEYCODE_BACK to "Back",
+        KeyEvent.KEYCODE_VOLUME_DOWN to "VolumeDown",
+        KeyEvent.KEYCODE_VOLUME_UP to "VolumeUp"
+    )
+
+    override fun interceptVolumeKeys(enabled: Boolean) {
+        Log.d("MainActivity", "Intercept volume keys: $enabled")
+        interceptVolumeKeysEnabled = enabled
+    }
+
+    override fun interceptBackKey(enabled: Boolean) {
+        Log.d("MainActivity", "Intercept back key: $enabled")
+        interceptBackKeyEnabled = enabled
+    }
+
+    override fun onKeyDown(keyCode: Int, event: KeyEvent?): Boolean {
+        val keyName = keyEventMap[keyCode]
+        if (keyName != null) {
+            wv.evaluateJavascript(
+                """
+                try {
+                    window.onNativeKeyDown("$keyName", $keyCode)
+                } catch (err) {
+                    false
+                }
+                """.trimIndent()
+            ) { result ->
+              run {
+                if (result.equals("true", ignoreCase = true)) {
+                  Log.d("Key Event", "Key event $keyName intercepted")
+                }
+              }
+            }
+            return when (keyCode) {
+              KeyEvent.KEYCODE_VOLUME_UP, KeyEvent.KEYCODE_VOLUME_DOWN -> {
+                  if (interceptVolumeKeysEnabled) {
+                      true
+                  } else {
+                      super.onKeyDown(keyCode, event)
+                  }
+              }
+              KeyEvent.KEYCODE_BACK -> {
+                  if (interceptBackKeyEnabled) {
+                      true
+                  } else {
+                      super.onKeyDown(keyCode, event)
+                  }
+              }
+              else -> super.onKeyDown(keyCode, event)
+            }
+        }
+        return super.onKeyDown(keyCode, event)
+    }
 
-class MainActivity : TauriActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         enableEdgeToEdge()
         super.onCreate(savedInstanceState)
-	      
-        hideSystemUI()
-    }
-
-    override fun onNewIntent(intent: Intent) {
-        super.onNewIntent(intent)
-
-        val uri = intent.data ?: return
-        if (uri.scheme == "readest" && uri.host == "auth-callback") {
-            val result = JSObject().apply {
-                put("redirectUrl", uri.toString())
-            }
-
-            NativeBridgePlugin.pendingInvoke?.resolve(result)
-            NativeBridgePlugin.pendingInvoke = null
-        }
-  }
-
-    private fun hideSystemUI() {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
-            window.decorView.windowInsetsController?.let { controller ->
-                controller.hide(WindowInsets.Type.systemBars())
-                controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
-            }
-        } else {
-            @Suppress("DEPRECATION")
-            window.decorView.systemUiVisibility = (
-                View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
-                        or View.SYSTEM_UI_FLAG_FULLSCREEN
-                        or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
-            )
-        }
     }
 }

apps/readest-app/src-tauri/gen/android/app/src/main/res/values/themes.xml

@@ -2,8 +2,12 @@
   <!-- Base application theme. -->
   <style name="Theme.readest" parent="Theme.MaterialComponents.DayNight.NoActionBar">
     <!-- Customize your theme here. -->
+    <item name="android:statusBarColor">@android:color/transparent</item>
+    <item name="android:navigationBarColor">@android:color/transparent</item>
+    <item name="android:windowTranslucentStatus">false</item>
+    <item name="android:windowTranslucentNavigation">false</item>
+    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+    <item name="android:fitsSystemWindows">false</item>
     <item name="android:windowActionBar">false</item>
-    <item name="android:windowNoTitle">true</item>
-    <item name="android:windowFullscreen">true</item>
   </style>
 </resources>

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/Cargo.toml

@@ -17,3 +17,6 @@ schemars = "0.8"
 [build-dependencies]
 tauri-plugin = { version = "2.0.4", features = ["build"] }
 schemars = "0.8"
+
+[target.'cfg(any(target_os = "macos", windows, target_os = "linux"))'.dependencies]
+font-enumeration = "0.9.0"

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/android/src/main/java/NativeBridgePlugin.kt

@@ -4,6 +4,21 @@ import android.app.Activity
 import android.content.Intent
 import android.net.Uri
 import android.util.Log
+import android.os.Build
+import android.view.View
+import android.view.KeyEvent
+import android.view.WindowInsets
+import android.view.WindowManager
+import android.view.WindowInsetsController
+import android.graphics.Color
+import android.webkit.WebView
+import android.content.pm.ActivityInfo
+import android.graphics.fonts.SystemFonts
+import android.graphics.fonts.Font
+import androidx.core.view.WindowCompat
+import androidx.core.content.FileProvider
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.WindowInsetsControllerCompat
 import androidx.browser.customtabs.CustomTabsIntent
 import app.tauri.annotation.Command
 import app.tauri.annotation.InvokeArg
@@ -11,6 +26,7 @@ import app.tauri.annotation.TauriPlugin
 import app.tauri.plugin.JSObject
 import app.tauri.plugin.Plugin
 import app.tauri.plugin.Invoke
+import org.json.JSONArray
 import java.io.*
 
 @InvokeArg
@@ -24,6 +40,33 @@ class CopyURIRequestArgs {
   var dst: String? = null
 }
 
+@InvokeArg
+class InstallPackageRequestArgs {
+  var path: String? = null
+}
+
+@InvokeArg
+class SetSystemUIVisibilityRequestArgs {
+  var visible: Boolean? = false
+  var darkMode: Boolean? = false
+}
+
+@InvokeArg
+class InterceptKeysRequestArgs {
+  var volumeKeys: Boolean? = null
+  var backKey: Boolean? = null
+}
+
+@InvokeArg
+class LockScreenOrientationRequestArgs {
+  var orientation: String? = null
+}
+
+interface KeyDownInterceptor {
+    fun interceptVolumeKeys(enabled: Boolean)
+    fun interceptBackKey(enabled: Boolean)
+}
+
 @TauriPlugin
 class NativeBridgePlugin(private val activity: Activity): Plugin(activity) {
     private val implementation = NativeBridge()
@@ -34,6 +77,40 @@ class NativeBridgePlugin(private val activity: Activity): Plugin(activity) {
         var pendingInvoke: Invoke? = null
     }
 
+    override fun load(webView: WebView) {
+        super.load(webView)
+        handleIntent(activity.intent)
+    }
+
+    override fun onNewIntent(intent: Intent) {
+        handleIntent(intent)
+    }
+
+    private fun handleIntent(intent: Intent?) {
+        val uri = intent?.data ?: return
+        Log.e("NativeBridgePlugin", "Received intent: $uri")
+        when {
+          uri.scheme == "readest" && uri.host == "auth-callback" -> {
+              val result = JSObject().apply {
+                  put("redirectUrl", uri.toString())
+              }
+              pendingInvoke?.resolve(result)
+              pendingInvoke = null
+          }
+
+          intent.action == Intent.ACTION_VIEW -> {
+              try {
+                activity.contentResolver.takePersistableUriPermission(
+                      uri,
+                      Intent.FLAG_GRANT_READ_URI_PERMISSION
+                  )
+              } catch (e: SecurityException) {
+                Log.e("NativeBridgePlugin", "Failed to take persistable URI permission: ${e.message}")
+              }
+          }
+        }
+    }
+
     @Command
     fun auth_with_custom_tab(invoke: Invoke) {
         val args = invoke.parseArgs(AuthRequestArgs::class.java)
@@ -74,4 +151,216 @@ class NativeBridgePlugin(private val activity: Activity): Plugin(activity) {
         }
         invoke.resolve(ret)
     }
+
+    @Command
+    fun install_package(invoke: Invoke) {
+        val args = invoke.parseArgs(InstallPackageRequestArgs::class.java)
+        val ret = JSObject()
+        try {
+            val file = File(args.path ?: "")
+            if (file.exists()) {
+                val intent = Intent(Intent.ACTION_VIEW)
+                val apkUri = FileProvider.getUriForFile(activity, "${activity.packageName}.fileprovider", file)
+                intent.setDataAndType(apkUri, "application/vnd.android.package-archive")
+                intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION or Intent.FLAG_ACTIVITY_NEW_TASK)
+                val packageManager = activity.packageManager
+                val resolveInfos = packageManager.queryIntentActivities(intent, 0)
+                for (resolveInfo in resolveInfos) {
+                    val packageName = resolveInfo.activityInfo.packageName
+                    activity.grantUriPermission(packageName, apkUri, Intent.FLAG_GRANT_READ_URI_PERMISSION)
+                }
+                activity.startActivity(intent)
+                ret.put("success", true)
+            } else {
+                ret.put("success", false)
+                ret.put("error", "File does not exist")
+            }
+        } catch (e: Exception) {
+            ret.put("success", false)
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun set_system_ui_visibility(invoke: Invoke) {
+        val args = invoke.parseArgs(SetSystemUIVisibilityRequestArgs::class.java)
+        val visible = args.visible ?: false
+        var isDarkMode = args.darkMode ?: false
+        val ret = JSObject()
+        try {
+            val window = activity.window
+            val decorView = window.decorView
+            if (!visible) {
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+                    window.attributes.layoutInDisplayCutoutMode =
+                        WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
+                }
+            }
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                window.setDecorFitsSystemWindows(false)
+                val controller = window.insetsController
+                if (controller != null) {
+                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+                        controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+                    } else {
+                        val compatController = WindowCompat.getInsetsController(window, decorView)
+                        compatController.systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+                    }
+
+                    if (isDarkMode) {
+                        controller.setSystemBarsAppearance(
+                            0,
+                            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS
+                        )
+                    } else {
+                        controller.setSystemBarsAppearance(
+                            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS,
+                            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS
+                        )
+                    }
+                    if (visible) {
+                        controller.show(WindowInsets.Type.statusBars())
+                    } else {
+                        controller.hide(WindowInsets.Type.systemBars())
+                    }
+                }
+            } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+                val compatController = WindowCompat.getInsetsController(window, decorView)
+                compatController?.let {
+                    it.systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+                    if (!isDarkMode) {
+                        it.isAppearanceLightStatusBars = true
+                    } else {
+                        it.isAppearanceLightStatusBars = false
+                    }
+                    if (visible) {
+                        it.show(WindowInsetsCompat.Type.statusBars())
+                    } else {
+                        it.hide(WindowInsetsCompat.Type.systemBars())
+                    }
+                }
+            } else {
+                @Suppress("DEPRECATION")
+                decorView.systemUiVisibility = when {
+                    visible && !isDarkMode -> View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR or
+                                              View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
+                                              View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                    visible -> View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
+                               View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                    else -> View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or
+                            View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
+                            View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
+                            View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or
+                            View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or
+                            View.SYSTEM_UI_FLAG_FULLSCREEN
+                }
+            }
+            window.statusBarColor = Color.TRANSPARENT
+            window.navigationBarColor = Color.TRANSPARENT
+            ret.put("success", true)
+        } catch (e: Exception) {
+            ret.put("success", false)
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun get_status_bar_height(invoke: Invoke) {
+        val ret = JSObject()
+        try {
+            val resourceId = activity.resources.getIdentifier("status_bar_height", "dimen", "android")
+            val height = if (resourceId > 0) {
+                activity.resources.getDimensionPixelSize(resourceId)
+            } else {
+                0
+            }
+            ret.put("height", height)
+        } catch (e: Exception) {
+            ret.put("height", -1)
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun get_sys_fonts_list(invoke: Invoke) {
+        val ret = JSObject()
+        try {
+            val fontList = mutableListOf<String>()
+            val fontFileList = mutableListOf<String>()
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+                val systemFonts = SystemFonts.getAvailableFonts()
+                for (font in systemFonts) {
+                    val file = font.getFile()?: continue
+                    if (file.isFile && (file.name.endsWith(".ttf", true) || file.name.endsWith(".otf", true))) {
+                        fontFileList.add(file.name)
+                    }
+                }
+            } else {
+                val fontDirs = listOf("/system/fonts", "/system/font", "/data/fonts")
+                for (dirPath in fontDirs) {
+                  val dir = File(dirPath)
+                  if (dir.exists() && dir.isDirectory) {
+                      dir.listFiles()?.forEach { file ->
+                          if (file.isFile && (file.name.endsWith(".ttf", true) || file.name.endsWith(".otf", true))) {
+                              fontFileList.add(file.name)
+                          }
+                      }
+                  }
+                }
+            }
+            for (fileFileName in fontFileList) {
+                var fontName = fileFileName
+                    .replace(Regex("\\.(ttf|otf)$", RegexOption.IGNORE_CASE), "")
+                    .trim()
+                fontList.add(fontName)
+            }
+            var fontDict = JSObject()
+            for (fontName in fontList) {
+                fontDict.put(fontName, fontName)
+            }
+            ret.put("fonts", fontDict)
+        } catch (e: Exception) {
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun intercept_keys(invoke: Invoke) {
+        val args = invoke.parseArgs(InterceptKeysRequestArgs::class.java)
+        if (activity is KeyDownInterceptor) {
+          when (args.backKey) {
+              true -> (activity as KeyDownInterceptor).interceptBackKey(true)
+              false -> (activity as KeyDownInterceptor).interceptBackKey(false)
+              else -> {}
+          }
+          when (args.volumeKeys) {
+              true -> (activity as KeyDownInterceptor).interceptVolumeKeys(true)
+              false -> (activity as KeyDownInterceptor).interceptVolumeKeys(false)
+              else -> {}
+          }
+        } else {
+            Log.e("NativeBridgePlugin", "Activity does not implement KeyDownInterceptor")
+        }
+        invoke.resolve()
+    }
+
+    @Command
+    fun lock_screen_orientation(invoke: Invoke) {
+      val args = invoke.parseArgs(LockScreenOrientationRequestArgs::class.java)
+      val orientation = args.orientation ?: "auto"
+      when (orientation) {
+          "portrait" -> activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+          "landscape" -> activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
+          "auto" -> activity.requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_SENSOR
+          else -> {
+              invoke.reject("Invalid orientation mode")
+              return
+          }
+      }
+      invoke.resolve()
+    }
 }

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/build.rs

@@ -3,6 +3,12 @@ const COMMANDS: &[&str] = &[
     "auth_with_custom_tab",
     "copy_uri_to_path",
     "use_background_audio",
+    "install_package",
+    "set_system_ui_visibility",
+    "get_status_bar_height",
+    "get_sys_fonts_list",
+    "intercept_keys",
+    "lock_screen_orientation",
 ];
 
 fn main() {

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/ios/Package.swift

@@ -4,29 +4,29 @@
 import PackageDescription
 
 let package = Package(
-    name: "tauri-plugin-native-bridge",
-    platforms: [
-        .macOS(.v10_13),
-        .iOS(.v13),
-    ],
-    products: [
-        // Products define the executables and libraries a package produces, and make them visible to other packages.
-        .library(
-            name: "tauri-plugin-native-bridge",
-            type: .static,
-            targets: ["tauri-plugin-native-bridge"]),
-    ],
-    dependencies: [
-        .package(name: "Tauri", path: "../.tauri/tauri-api")
-    ],
-    targets: [
-        // Targets are the basic building blocks of a package. A target can define a module or a test suite.
-        // Targets can depend on other targets in this package, and on products in packages this package depends on.
-        .target(
-            name: "tauri-plugin-native-bridge",
-            dependencies: [
-                .byName(name: "Tauri")
-            ],
-            path: "Sources")
-    ]
+  name: "tauri-plugin-native-bridge",
+  platforms: [
+    .macOS(.v10_13),
+    .iOS(.v14),
+  ],
+  products: [
+    // Products define the executables and libraries a package produces, and make them visible to other packages.
+    .library(
+      name: "tauri-plugin-native-bridge",
+      type: .static,
+      targets: ["tauri-plugin-native-bridge"])
+  ],
+  dependencies: [
+    .package(name: "Tauri", path: "../.tauri/tauri-api")
+  ],
+  targets: [
+    // Targets are the basic building blocks of a package. A target can define a module or a test suite.
+    // Targets can depend on other targets in this package, and on products in packages this package depends on.
+    .target(
+      name: "tauri-plugin-native-bridge",
+      dependencies: [
+        .byName(name: "Tauri")
+      ],
+      path: "Sources")
+  ]
 )

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/ios/Sources/NativeBridgePlugin.swift

@@ -1,10 +1,30 @@
-import AuthenticationServices
 import AVFoundation
+import AuthenticationServices
+import CoreText
 import MediaPlayer
+import ObjectiveC
 import SwiftRs
 import Tauri
 import UIKit
 import WebKit
+import os
+
+private let logger = Logger(subsystem: Bundle.main.bundleIdentifier!, category: "NativeBridge")
+
+func getLocalizedDisplayName(familyName: String) -> String? {
+  let fontDescriptor = CTFontDescriptorCreateWithAttributes(
+    [
+      kCTFontFamilyNameAttribute: familyName
+    ] as CFDictionary)
+
+  let font = CTFontCreateWithFontDescriptor(fontDescriptor, 0.0, nil)
+
+  var actualLanguage: Unmanaged<CFString>?
+  if let localizedName = CTFontCopyLocalizedName(font, kCTFontFamilyNameKey, &actualLanguage) {
+    return localizedName as String
+  }
+  return nil
+}
 
 class SafariAuthRequestArgs: Decodable {
   let authUrl: String
@@ -14,8 +34,207 @@ class UseBackgroundAudioRequestArgs: Decodable {
   let enabled: Bool
 }
 
+class SetSystemUIVisibilityRequestArgs: Decodable {
+  let visible: Bool
+  let darkMode: Bool
+}
+
+class InterceptKeysRequestArgs: Decodable {
+  let backKey: Bool?
+  let volumeKeys: Bool?
+}
+
+class LockScreenOrientationRequestArgs: Decodable {
+  let orientation: String?
+}
+
+class VolumeKeyHandler: NSObject {
+  private var audioSession: AVAudioSession?
+  private var originalVolume: Float = 0.0
+  private var referenceVolume: Float = 0.5
+  private var previousVolume: Float = 0.5
+  private var volumeView: MPVolumeView?
+  private(set) var isIntercepting = false
+  private var webView: WKWebView?
+  private var volumeSlider: UISlider?
+
+  func startInterception(webView: WKWebView) {
+    if isIntercepting {
+      stopInterception()
+    }
+
+    logger.log("Starting volume key interception")
+    self.webView = webView
+    isIntercepting = true
+
+    audioSession = AVAudioSession.sharedInstance()
+    do {
+      try audioSession?.setCategory(.playback, mode: .default, options: [.mixWithOthers])
+      try audioSession?.setActive(true)
+    } catch {
+      logger.error("Failed to activate audio session: \(error)")
+    }
+
+    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
+      guard let self = self else { return }
+      self.originalVolume = self.audioSession?.outputVolume ?? 0.1
+      if self.originalVolume > 0.9 {
+        self.referenceVolume = 0.9
+      } else if self.originalVolume < 0.1 {
+        self.referenceVolume = 0.1
+      } else {
+        self.referenceVolume = self.originalVolume
+      }
+      logger.log("Reference volume set to \(self.referenceVolume)")
+      self.previousVolume = self.referenceVolume
+      self.setSessionVolume(self.referenceVolume)
+      self.setupHiddenVolumeView()
+      self.audioSession?.addObserver(
+        self, forKeyPath: "outputVolume", options: [.new], context: nil)
+    }
+
+    audioSession?.addObserver(self, forKeyPath: "outputVolume", options: [.new], context: nil)
+  }
+
+  func stopInterception() {
+    if !isIntercepting {
+      return
+    }
+
+    logger.log("Stopping volume key interception")
+    isIntercepting = false
+    audioSession?.removeObserver(self, forKeyPath: "outputVolume")
+    DispatchQueue.main.async { [weak self] in
+      self?.setSessionVolume(self?.originalVolume ?? 0.1)
+      self?.volumeView?.removeFromSuperview()
+      self?.volumeView = nil
+      self?.volumeSlider = nil
+    }
+  }
+
+  private func setSessionVolume(_ volume: Float) {
+    DispatchQueue.main.async { [weak self] in
+      self?.volumeSlider?.value = volume
+    }
+  }
+
+  private func setupHiddenVolumeView() {
+    assert(Thread.isMainThread, "setupHiddenVolumeView must be called on main thread")
+    let frame = CGRect(x: -1000, y: -1000, width: 1, height: 1)
+    volumeView = MPVolumeView(frame: frame)
+    volumeSlider = volumeView?.subviews.first(where: { $0 is UISlider }) as? UISlider
+    if let window = UIApplication.shared.windows.first {
+      window.addSubview(volumeView!)
+    }
+  }
+
+  override func observeValue(
+    forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey: Any]?,
+    context: UnsafeMutableRawPointer?
+  ) {
+    if keyPath == "outputVolume", let audioSession = self.audioSession, isIntercepting {
+      let currentVolume = audioSession.outputVolume
+      if currentVolume > self.previousVolume {
+        DispatchQueue.main.async { [weak self] in
+          self?.webView?.evaluateJavaScript(
+            "window.onNativeKeyDown('VolumeUp');", completionHandler: nil)
+        }
+      } else if currentVolume < self.previousVolume {
+        DispatchQueue.main.async { [weak self] in
+          self?.webView?.evaluateJavaScript(
+            "window.onNativeKeyDown('VolumeDown');", completionHandler: nil)
+        }
+      }
+      self.previousVolume = currentVolume
+      self.setSessionVolume(self.referenceVolume)
+    }
+  }
+}
+
 class NativeBridgePlugin: Plugin {
+  private var webView: WKWebView?
   private var authSession: ASWebAuthenticationSession?
+  private var isOrientationLocked = false
+  private var currentOrientationMask: UIInterfaceOrientationMask = .all
+  private var orientationObserver: NSObjectProtocol?
+
+  @objc public override func load(webview: WKWebView) {
+    self.webView = webview
+    logger.log("NativeBridgePlugin loaded")
+
+    NotificationCenter.default.addObserver(
+      self,
+      selector: #selector(appDidBecomeActive),
+      name: UIApplication.didBecomeActiveNotification,
+      object: nil
+    )
+
+    NotificationCenter.default.addObserver(
+      self,
+      selector: #selector(appDidEnterBackground),
+      name: UIApplication.didEnterBackgroundNotification,
+      object: nil
+    )
+  }
+
+  @objc func appDidBecomeActive() {
+    if volumeKeyHandler != nil {
+      activateVolumeKeyInterception()
+    }
+
+    if orientationObserver != nil {
+      self.setupOrientationObserver()
+    }
+  }
+
+  @objc func appDidEnterBackground() {
+    if let handler = volumeKeyHandler, handler.isIntercepting {
+      handler.stopInterception()
+    }
+  }
+
+  func activateVolumeKeyInterception() {
+    if volumeKeyHandler == nil {
+      volumeKeyHandler = VolumeKeyHandler()
+    }
+
+    if let webView = self.webView {
+      volumeKeyHandler?.stopInterception()
+      volumeKeyHandler?.startInterception(webView: webView)
+    } else {
+      logger.warning("Cannot activate volume key interception: webView is nil")
+    }
+  }
+
+  deinit {
+    NotificationCenter.default.removeObserver(self)
+  }
+
+  private struct AssociatedKeys {
+    static var volumeKeyHandler = "volumeKeyHandler"
+    static var interceptingVolumeKeys = "interceptingVolumeKeys"
+  }
+
+  private var volumeKeyHandler: VolumeKeyHandler? {
+    get {
+      return objc_getAssociatedObject(self, &AssociatedKeys.volumeKeyHandler) as? VolumeKeyHandler
+    }
+    set {
+      objc_setAssociatedObject(
+        self, &AssociatedKeys.volumeKeyHandler, newValue, .OBJC_ASSOCIATION_RETAIN)
+    }
+  }
+
+  private var interceptingVolumeKeys: Bool {
+    get {
+      return objc_getAssociatedObject(self, &AssociatedKeys.interceptingVolumeKeys) as? Bool
+        ?? false
+    }
+    set {
+      objc_setAssociatedObject(
+        self, &AssociatedKeys.interceptingVolumeKeys, newValue, .OBJC_ASSOCIATION_RETAIN)
+    }
+  }
 
   @objc public func use_background_audio(_ invoke: Invoke) {
     do {
@@ -25,15 +244,15 @@ class NativeBridgePlugin: Plugin {
       if enabled {
         try session.setCategory(.playback, mode: .default, options: [.mixWithOthers])
         try session.setActive(true)
-        print("AVAudioSession activated")
+        logger.log("AVAudioSession activated")
       } else {
         try session.setActive(false)
         MPNowPlayingInfoCenter.default().nowPlayingInfo = nil
-        print("AVAudioSession deactivated")
+        logger.log("AVAudioSession deactivated")
       }
       invoke.resolve()
     } catch {
-      print("Failed to set up audio session:", error)
+      logger.error("Failed to set up audio session: \(error)")
     }
   }
 
@@ -46,13 +265,12 @@ class NativeBridgePlugin: Plugin {
       guard let strongSelf = self else { return }
 
       if let error = error {
-        Logger.error("Auth session error: \(error.localizedDescription)")
+        logger.error("Auth session error: \(error.localizedDescription)")
         invoke.reject(error.localizedDescription)
         return
       }
 
       if let callbackURL = callbackURL {
-        Logger.info("Auth session callback URL: \(callbackURL.absoluteString)")
         strongSelf.authSession?.cancel()
         strongSelf.authSession = nil
         invoke.resolve(["redirectUrl": callbackURL.absoluteString])
@@ -64,7 +282,141 @@ class NativeBridgePlugin: Plugin {
     }
 
     let started = authSession?.start() ?? false
-    Logger.info("Auth session start result: \(started)")
+    logger.log("Auth session start result: \(started)")
+  }
+
+  @objc public func set_system_ui_visibility(_ invoke: Invoke) throws {
+    let args = try invoke.parseArgs(SetSystemUIVisibilityRequestArgs.self)
+    let visible = args.visible
+    let darkMode = args.darkMode
+
+    DispatchQueue.main.async {
+      UIApplication.shared.isIdleTimerDisabled = !visible
+      UIApplication.shared.setStatusBarHidden(!visible, with: .none)
+
+      let windows = UIApplication.shared.connectedScenes
+        .compactMap { $0 as? UIWindowScene }
+        .flatMap { $0.windows }
+
+      let keyWindow = windows.first(where: { $0.isKeyWindow }) ?? windows.first
+      if let keyWindow = keyWindow {
+        keyWindow.overrideUserInterfaceStyle = darkMode ? .dark : .light
+        keyWindow.layoutIfNeeded()
+      } else {
+        logger.error("No key window found")
+      }
+    }
+    invoke.resolve(["success": true])
+  }
+
+  @objc public func get_sys_fonts_list(_ invoke: Invoke) throws {
+    var fontDict: [String: String] = [:]
+
+    for family in UIFont.familyNames.sorted() {
+      if let localized = getLocalizedDisplayName(familyName: family) {
+        fontDict[family] = localized
+      } else {
+        let fontNames = UIFont.fontNames(forFamilyName: family)
+        if fontNames.isEmpty {
+          fontDict[family] = family
+        } else {
+          for fontName in fontNames {
+            fontDict[fontName] = family
+          }
+        }
+      }
+    }
+
+    invoke.resolve(["fonts": fontDict])
+  }
+
+  @objc public func intercept_keys(_ invoke: Invoke) {
+    do {
+      let args = try invoke.parseArgs(InterceptKeysRequestArgs.self)
+
+      if let volumeKeys = args.volumeKeys {
+        if volumeKeys {
+          self.activateVolumeKeyInterception()
+        } else {
+          self.volumeKeyHandler?.stopInterception()
+          DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
+            self?.volumeKeyHandler = nil
+          }
+        }
+      }
+      invoke.resolve()
+    } catch {
+      invoke.reject(error.localizedDescription)
+    }
+  }
+
+  @objc public func lock_screen_orientation(_ invoke: Invoke) throws {
+    guard let args = try? invoke.parseArgs(LockScreenOrientationRequestArgs.self) else {
+      return invoke.reject("Invalid arguments")
+    }
+
+    DispatchQueue.main.async {
+      UIDevice.current.beginGeneratingDeviceOrientationNotifications()
+      let orientation = args.orientation ?? "auto"
+      switch orientation.lowercased() {
+      case "portrait":
+        self.isOrientationLocked = true
+        self.currentOrientationMask = .portrait
+        self.forceOrientation(.portrait)
+        self.setupOrientationObserver()
+      case "landscape":
+        self.isOrientationLocked = true
+        self.currentOrientationMask = .landscape
+        self.forceOrientation(.landscapeRight)
+        self.setupOrientationObserver()
+      case "auto":
+        self.isOrientationLocked = false
+        self.currentOrientationMask = .all
+      default:
+        invoke.reject("Invalid orientation mode")
+        return
+      }
+
+      invoke.resolve()
+    }
+  }
+
+  private func forceOrientation(_ orientation: UIInterfaceOrientation) {
+    if #available(iOS 16.0, *) {
+      if let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene {
+        let orientationMask: UIInterfaceOrientationMask =
+          orientation.isPortrait ? .portrait : .landscape
+
+        for window in windowScene.windows {
+          if let rootVC = window.rootViewController {
+            rootVC.setNeedsUpdateOfSupportedInterfaceOrientations()
+          }
+        }
+
+        windowScene.requestGeometryUpdate(.iOS(interfaceOrientations: orientationMask)) { error in
+          print("Orientation update error: \(error.localizedDescription)")
+        }
+      }
+    } else {
+      UIDevice.current.setValue(orientation.rawValue, forKey: "orientation")
+      UIViewController.attemptRotationToDeviceOrientation()
+    }
+  }
+
+  private func setupOrientationObserver() {
+    orientationObserver = NotificationCenter.default.addObserver(
+      forName: UIDevice.orientationDidChangeNotification,
+      object: nil,
+      queue: .main
+    ) { [weak self] _ in
+      guard let self = self, self.isOrientationLocked else { return }
+
+      if self.currentOrientationMask == .portrait {
+        self.forceOrientation(.portrait)
+      } else if self.currentOrientationMask == .landscape {
+        self.forceOrientation(.landscapeRight)
+      }
+    }
   }
 }
 
@@ -78,4 +430,4 @@ extension NativeBridgePlugin: ASWebAuthenticationPresentationContextProviding {
   func presentationAnchor(for session: ASWebAuthenticationSession) -> ASPresentationAnchor {
     return UIApplication.shared.windows.first ?? UIWindow()
   }
-}
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/commands/get_status_bar_height.toml

@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-get-status-bar-height"
+description = "Enables the get_status_bar_height command without any pre-configured scope."
+commands.allow = ["get_status_bar_height"]
+
+[[permission]]
+identifier = "deny-get-status-bar-height"
+description = "Denies the get_status_bar_height command without any pre-configured scope."
+commands.deny = ["get_status_bar_height"]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/commands/get_sys_fonts_list.toml

@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-get-sys-fonts-list"
+description = "Enables the get_sys_fonts_list command without any pre-configured scope."
+commands.allow = ["get_sys_fonts_list"]
+
+[[permission]]
+identifier = "deny-get-sys-fonts-list"
+description = "Denies the get_sys_fonts_list command without any pre-configured scope."
+commands.deny = ["get_sys_fonts_list"]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/commands/install_package.toml

@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-install-package"
+description = "Enables the install_package command without any pre-configured scope."
+commands.allow = ["install_package"]
+
+[[permission]]
+identifier = "deny-install-package"
+description = "Denies the install_package command without any pre-configured scope."
+commands.deny = ["install_package"]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/commands/intercept_keys.toml

@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-intercept-keys"
+description = "Enables the intercept_keys command without any pre-configured scope."
+commands.allow = ["intercept_keys"]
+
+[[permission]]
+identifier = "deny-intercept-keys"
+description = "Denies the intercept_keys command without any pre-configured scope."
+commands.deny = ["intercept_keys"]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/commands/lock_screen_orientation.toml

@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-lock-screen-orientation"
+description = "Enables the lock_screen_orientation command without any pre-configured scope."
+commands.allow = ["lock_screen_orientation"]
+
+[[permission]]
+identifier = "deny-lock-screen-orientation"
+description = "Denies the lock_screen_orientation command without any pre-configured scope."
+commands.deny = ["lock_screen_orientation"]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/commands/set_system_ui_visibility.toml

@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-set-system-ui-visibility"
+description = "Enables the set_system_ui_visibility command without any pre-configured scope."
+commands.allow = ["set_system_ui_visibility"]
+
+[[permission]]
+identifier = "deny-set-system-ui-visibility"
+description = "Denies the set_system_ui_visibility command without any pre-configured scope."
+commands.deny = ["set_system_ui_visibility"]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/autogenerated/reference.md

@@ -8,6 +8,12 @@ Default permissions for the plugin
 - `allow-auth-with-custom-tab`
 - `allow-copy-uri-to-path`
 - `allow-use-background-audio`
+- `allow-install-package`
+- `allow-set-system-ui-visibility`
+- `allow-get-status-bar-height`
+- `allow-get-sys-fonts-list`
+- `allow-intercept-keys`
+- `allow-lock-screen-orientation`
 
 ## Permission Table
 
@@ -99,6 +105,162 @@ Denies the copy_uri_to_path command without any pre-configured scope.
 <tr>
 <td>
 
+`native-bridge:allow-get-status-bar-height`
+
+</td>
+<td>
+
+Enables the get_status_bar_height command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-get-status-bar-height`
+
+</td>
+<td>
+
+Denies the get_status_bar_height command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-get-sys-fonts-list`
+
+</td>
+<td>
+
+Enables the get_sys_fonts_list command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-get-sys-fonts-list`
+
+</td>
+<td>
+
+Denies the get_sys_fonts_list command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-install-package`
+
+</td>
+<td>
+
+Enables the install_package command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-install-package`
+
+</td>
+<td>
+
+Denies the install_package command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-intercept-keys`
+
+</td>
+<td>
+
+Enables the intercept_keys command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-intercept-keys`
+
+</td>
+<td>
+
+Denies the intercept_keys command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-lock-screen-orientation`
+
+</td>
+<td>
+
+Enables the lock_screen_orientation command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-lock-screen-orientation`
+
+</td>
+<td>
+
+Denies the lock_screen_orientation command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-set-system-ui-visibility`
+
+</td>
+<td>
+
+Enables the set_system_ui_visibility command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-set-system-ui-visibility`
+
+</td>
+<td>
+
+Denies the set_system_ui_visibility command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
 `native-bridge:allow-use-background-audio`
 
 </td>

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/default.toml

@@ -1,3 +1,14 @@
 [default]
 description = "Default permissions for the plugin"
-permissions = ["allow-auth-with-safari", "allow-auth-with-custom-tab", "allow-copy-uri-to-path", "allow-use-background-audio"]
+permissions = [
+  "allow-auth-with-safari",
+  "allow-auth-with-custom-tab",
+  "allow-copy-uri-to-path",
+  "allow-use-background-audio",
+  "allow-install-package",
+  "allow-set-system-ui-visibility",
+  "allow-get-status-bar-height",
+  "allow-get-sys-fonts-list",
+  "allow-intercept-keys",
+  "allow-lock-screen-orientation",
+]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/permissions/schemas/schema.json

@@ -330,6 +330,78 @@
           "const": "deny-copy-uri-to-path",
           "markdownDescription": "Denies the copy_uri_to_path command without any pre-configured scope."
         },
+        {
+          "description": "Enables the get_status_bar_height command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-get-status-bar-height",
+          "markdownDescription": "Enables the get_status_bar_height command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the get_status_bar_height command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-get-status-bar-height",
+          "markdownDescription": "Denies the get_status_bar_height command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the get_sys_fonts_list command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-get-sys-fonts-list",
+          "markdownDescription": "Enables the get_sys_fonts_list command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the get_sys_fonts_list command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-get-sys-fonts-list",
+          "markdownDescription": "Denies the get_sys_fonts_list command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the install_package command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-install-package",
+          "markdownDescription": "Enables the install_package command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the install_package command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-install-package",
+          "markdownDescription": "Denies the install_package command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the intercept_keys command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-intercept-keys",
+          "markdownDescription": "Enables the intercept_keys command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the intercept_keys command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-intercept-keys",
+          "markdownDescription": "Denies the intercept_keys command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the lock_screen_orientation command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-lock-screen-orientation",
+          "markdownDescription": "Enables the lock_screen_orientation command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the lock_screen_orientation command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-lock-screen-orientation",
+          "markdownDescription": "Denies the lock_screen_orientation command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the set_system_ui_visibility command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-set-system-ui-visibility",
+          "markdownDescription": "Enables the set_system_ui_visibility command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the set_system_ui_visibility command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-set-system-ui-visibility",
+          "markdownDescription": "Denies the set_system_ui_visibility command without any pre-configured scope."
+        },
         {
           "description": "Enables the use_background_audio command without any pre-configured scope.",
           "type": "string",
@@ -343,10 +415,10 @@
           "markdownDescription": "Denies the use_background_audio command without any pre-configured scope."
         },
         {
-          "description": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`",
+          "description": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`\n- `allow-install-package`\n- `allow-set-system-ui-visibility`\n- `allow-get-status-bar-height`\n- `allow-get-sys-fonts-list`\n- `allow-intercept-keys`\n- `allow-lock-screen-orientation`",
           "type": "string",
           "const": "default",
-          "markdownDescription": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`"
+          "markdownDescription": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`\n- `allow-install-package`\n- `allow-set-system-ui-visibility`\n- `allow-get-status-bar-height`\n- `allow-get-sys-fonts-list`\n- `allow-intercept-keys`\n- `allow-lock-screen-orientation`"
         }
       ]
     }

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/src/commands.rs

@@ -35,3 +35,49 @@ pub(crate) async fn use_background_audio<R: Runtime>(
 ) -> Result<()> {
     app.native_bridge().use_background_audio(payload)
 }
+
+#[command]
+pub(crate) async fn install_package<R: Runtime>(
+    app: AppHandle<R>,
+    payload: InstallPackageRequest,
+) -> Result<InstallPackageResponse> {
+    app.native_bridge().install_package(payload)
+}
+
+#[command]
+pub(crate) async fn set_system_ui_visibility<R: Runtime>(
+    app: AppHandle<R>,
+    payload: SetSystemUIVisibilityRequest,
+) -> Result<SetSystemUIVisibilityResponse> {
+    app.native_bridge().set_system_ui_visibility(payload)
+}
+
+#[command]
+pub(crate) async fn get_status_bar_height<R: Runtime>(
+    app: AppHandle<R>,
+) -> Result<GetStatusBarHeightResponse> {
+    app.native_bridge().get_status_bar_height()
+}
+
+#[command]
+pub(crate) async fn get_sys_fonts_list<R: Runtime>(
+    app: AppHandle<R>,
+) -> Result<GetSysFontsListResponse> {
+    app.native_bridge().get_sys_fonts_list()
+}
+
+#[command]
+pub(crate) async fn intercept_keys<R: Runtime>(
+    app: AppHandle<R>,
+    payload: InterceptKeysRequest,
+) -> Result<()> {
+    app.native_bridge().intercept_keys(payload)
+}
+
+#[command]
+pub(crate) async fn lock_screen_orientation<R: Runtime>(
+    app: AppHandle<R>,
+    payload: LockScreenOrientationRequest,
+) -> Result<()> {
+    app.native_bridge().lock_screen_orientation(payload)
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/src/desktop.rs

@@ -1,4 +1,5 @@
 use serde::de::DeserializeOwned;
+use std::collections::HashMap;
 use tauri::{plugin::PluginApi, AppHandle, Runtime};
 
 use crate::models::*;
@@ -29,4 +30,47 @@ impl<R: Runtime> NativeBridge<R> {
     pub fn use_background_audio(&self, _payload: UseBackgroundAudioRequest) -> crate::Result<()> {
         Err(crate::Error::UnsupportedPlatformError)
     }
+
+    pub fn install_package(
+        &self,
+        _payload: InstallPackageRequest,
+    ) -> crate::Result<InstallPackageResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn set_system_ui_visibility(
+        &self,
+        _payload: SetSystemUIVisibilityRequest,
+    ) -> crate::Result<SetSystemUIVisibilityResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn get_status_bar_height(&self) -> crate::Result<GetStatusBarHeightResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn get_sys_fonts_list(&self) -> crate::Result<GetSysFontsListResponse> {
+        let font_collection = font_enumeration::Collection::new().unwrap();
+        let mut fonts = HashMap::new();
+        for font in font_collection.all() {
+            if cfg!(target_os = "windows") {
+                // FIXME: temporarily disable font name with style for windows
+                fonts.insert(font.family_name.clone(), font.family_name.clone());
+            } else {
+                fonts.insert(font.font_name.clone(), font.family_name.clone());
+            }
+        }
+        Ok(GetSysFontsListResponse { fonts, error: None })
+    }
+
+    pub fn intercept_keys(&self, _payload: InterceptKeysRequest) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn lock_screen_orientation(
+        &self,
+        _payload: LockScreenOrientationRequest,
+    ) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
 }

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/src/lib.rs

@@ -41,6 +41,12 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
             commands::auth_with_custom_tab,
             commands::copy_uri_to_path,
             commands::use_background_audio,
+            commands::install_package,
+            commands::set_system_ui_visibility,
+            commands::get_status_bar_height,
+            commands::get_sys_fonts_list,
+            commands::intercept_keys,
+            commands::lock_screen_orientation,
         ])
         .setup(|app, api| {
             #[cfg(mobile)]

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/src/mobile.rs

@@ -55,3 +55,60 @@ impl<R: Runtime> NativeBridge<R> {
             .map_err(Into::into)
     }
 }
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn install_package(
+        &self,
+        payload: InstallPackageRequest,
+    ) -> crate::Result<InstallPackageResponse> {
+        self.0
+            .run_mobile_plugin("install_package", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn set_system_ui_visibility(
+        &self,
+        payload: SetSystemUIVisibilityRequest,
+    ) -> crate::Result<SetSystemUIVisibilityResponse> {
+        self.0
+            .run_mobile_plugin("set_system_ui_visibility", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn get_status_bar_height(&self) -> crate::Result<GetStatusBarHeightResponse> {
+        self.0
+            .run_mobile_plugin("get_status_bar_height", ())
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn get_sys_fonts_list(&self) -> crate::Result<GetSysFontsListResponse> {
+        self.0
+            .run_mobile_plugin("get_sys_fonts_list", ())
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn intercept_keys(&self, payload: InterceptKeysRequest) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("intercept_keys", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn lock_screen_orientation(
+        &self,
+        payload: LockScreenOrientationRequest,
+    ) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("lock_screen_orientation", payload)
+            .map_err(Into::into)
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/src/models.rs

@@ -1,4 +1,5 @@
 use serde::{Deserialize, Serialize};
+use std::collections::HashMap;
 
 #[derive(Debug, Deserialize, Serialize)]
 #[serde(rename_all = "camelCase")]
@@ -31,3 +32,57 @@ pub struct CopyURIResponse {
 pub struct UseBackgroundAudioRequest {
     pub enabled: bool,
 }
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct InstallPackageRequest {
+    pub path: String,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct InstallPackageResponse {
+    pub success: bool,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetSystemUIVisibilityRequest {
+    pub visible: bool,
+    pub dark_mode: bool,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetSystemUIVisibilityResponse {
+    pub success: bool,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct GetStatusBarHeightResponse {
+    pub height: u32,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct GetSysFontsListResponse {
+    pub fonts: HashMap<String, String>,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct InterceptKeysRequest {
+    pub volume_keys: Option<bool>,
+    pub back_key: Option<bool>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct LockScreenOrientationRequest {
+    pub orientation: String,
+}

apps/readest-app/src-tauri/src/lib.rs

@@ -6,13 +6,6 @@ extern crate cocoa;
 #[macro_use]
 extern crate objc;
 
-#[cfg(target_os = "macos")]
-mod menu;
-#[cfg(target_os = "macos")]
-mod traffic_light;
-#[cfg(target_os = "macos")]
-use traffic_light::set_traffic_lights;
-
 #[cfg(target_os = "macos")]
 use tauri::TitleBarStyle;
 
@@ -23,6 +16,8 @@ use tauri::{AppHandle, Listener, Manager, Url};
 #[cfg(desktop)]
 use tauri_plugin_fs::FsExt;
 
+#[cfg(target_os = "macos")]
+mod macos;
 mod transfer_file;
 use tauri::{command, Emitter, WebviewUrl, WebviewWindowBuilder, Window};
 use tauri_plugin_oauth::start;
@@ -76,7 +71,10 @@ fn set_window_open_with_files(app: &AppHandle, files: Vec<PathBuf>) {
     let files = files
         .into_iter()
         .map(|f| {
-            let file = f.to_string_lossy().replace("\\", "\\\\");
+            let file = f
+                .to_string_lossy()
+                .replace("\\", "\\\\")
+                .replace("\"", "\\\"");
             format!("\"{file}\"",)
         })
         .collect::<Vec<_>>()
@@ -107,17 +105,6 @@ async fn start_server(window: Window) -> Result<u16, String> {
     .map_err(|err| err.to_string())
 }
 
-#[cfg(desktop)]
-#[command]
-async fn list_fonts() -> Result<Vec<String>, String> {
-    let font_collection = font_enumeration::Collection::new().unwrap();
-    let mut fonts = Vec::new();
-    for font in font_collection.all() {
-        fonts.push(font.family_name.clone());
-    }
-    Ok(fonts)
-}
-
 #[derive(Clone, serde::Serialize)]
 #[allow(dead_code)]
 struct Payload {
@@ -135,9 +122,11 @@ pub fn run() {
             download_file,
             upload_file,
             #[cfg(target_os = "macos")]
-            set_traffic_lights,
-            #[cfg(desktop)]
-            list_fonts
+            macos::safari_auth::auth_with_safari,
+            #[cfg(target_os = "macos")]
+            macos::apple_auth::start_apple_sign_in,
+            #[cfg(target_os = "macos")]
+            macos::traffic_light::set_traffic_lights,
         ])
         .plugin(tauri_plugin_shell::init())
         .plugin(tauri_plugin_opener::init())
@@ -170,7 +159,10 @@ pub fn run() {
     let builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());
 
     #[cfg(target_os = "macos")]
-    let builder = builder.plugin(traffic_light::init());
+    let builder = builder.plugin(macos::traffic_light::init());
+
+    #[cfg(target_os = "macos")]
+    let builder = builder.plugin(macos::safari_auth::init());
 
     #[cfg(target_os = "ios")]
     let builder = builder.plugin(tauri_plugin_sign_in_with_apple::init());
@@ -199,36 +191,58 @@ pub fn run() {
 
                 let app_handle = app.handle().clone();
                 app.listen("window-ready", move |_| {
-                    app_handle.get_webview_window("main").unwrap()
-                        .eval("window.__READEST_CLI_ACCESS = true; window.__READEST_UPDATER_ACCESS = true;")
+                    app_handle
+                        .get_webview_window("main")
+                        .unwrap()
+                        .eval("window.__READEST_CLI_ACCESS = true;")
                         .expect("Failed to set cli access config");
 
                     set_rounded_window(&app_handle, true);
                     #[cfg(target_os = "windows")]
-                    if tauri_plugin_os::version() <= tauri_plugin_os::Version::from_string("10.0.19045") {
+                    if tauri_plugin_os::version()
+                        <= tauri_plugin_os::Version::from_string("10.0.19045")
+                    {
                         set_rounded_window(&app_handle, false);
                     }
                 });
             }
 
-            #[cfg(any(windows, target_os = "linux"))]
+            #[cfg(target_os = "windows")]
             {
                 use tauri_plugin_deep_link::DeepLinkExt;
                 app.deep_link().register_all()?;
             }
 
-            app.handle().plugin(
+            #[cfg(target_os = "linux")]
+            {
+                fn has_xdg_mime() -> bool {
+                    std::process::Command::new("which")
+                        .arg("xdg-mime")
+                        .output()
+                        .map(|output| output.status.success())
+                        .unwrap_or(false)
+                }
+
+                if has_xdg_mime() {
+                    use tauri_plugin_deep_link::DeepLinkExt;
+                    app.deep_link().register_all()?;
+                } else {
+                    println!("xdg-mime not found; skipping deep link setup on Linux.");
+                }
+            }
+
+            if let Err(e) = app.handle().plugin(
                 tauri_plugin_log::Builder::default()
                     .level(log::LevelFilter::Info)
                     .build(),
-            )?;
+            ) {
+                eprintln!("Failed to initialize tauri_plugin_log: {}", e);
+            };
 
             let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default());
 
             #[cfg(desktop)]
-            let win_builder = win_builder
-                .inner_size(800.0, 600.0)
-                .resizable(true);
+            let win_builder = win_builder.inner_size(800.0, 600.0).resizable(true);
 
             #[cfg(target_os = "macos")]
             let win_builder = win_builder
@@ -245,7 +259,9 @@ pub fn run() {
                     .title("Readest");
 
                 if cfg!(target_os = "windows") {
-                    if tauri_plugin_os::version() <= tauri_plugin_os::Version::from_string("10.0.19045") {
+                    if tauri_plugin_os::version()
+                        <= tauri_plugin_os::Version::from_string("10.0.19045")
+                    {
                         win_builder = win_builder.shadow(false);
                     } else {
                         win_builder = win_builder.shadow(true);
@@ -262,7 +278,7 @@ pub fn run() {
             // win.open_devtools();
 
             #[cfg(target_os = "macos")]
-            menu::setup_macos_menu(app.handle())?;
+            macos::menu::setup_macos_menu(app.handle())?;
 
             app.handle().emit("window-ready", ()).unwrap();
 

apps/readest-app/src-tauri/src/macos/apple_auth.rs

@@ -0,0 +1,203 @@
+use std::cell::RefCell;
+
+use objc2::rc::Retained;
+use objc2::runtime::ProtocolObject;
+use objc2::{
+    define_class, msg_send, AllocAnyThread, DefinedClass, MainThreadMarker, MainThreadOnly,
+};
+use objc2_authentication_services::{
+    ASAuthorization, ASAuthorizationAppleIDCredential, ASAuthorizationAppleIDProvider,
+    ASAuthorizationController, ASAuthorizationControllerDelegate, ASAuthorizationRequest,
+    ASAuthorizationScopeEmail, ASAuthorizationScopeFullName,
+};
+use objc2_foundation::{NSArray, NSError, NSObject, NSObjectProtocol, NSString};
+
+use serde::{Deserialize, Serialize};
+use serde_json::json;
+
+use tauri::{command, AppHandle, Emitter};
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct AppleIDAuthorizationRequest {
+    pub scope: Vec<String>,
+    pub nonce: Option<String>,
+    pub state: Option<String>,
+}
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct AppleIDAuthorizationResponse {
+    pub user_identifier: Option<String>,
+    pub given_name: Option<String>,
+    pub family_name: Option<String>,
+    pub email: Option<String>,
+    pub authorization_code: Option<String>,
+    pub identity_token: Option<String>,
+    pub state: Option<String>,
+}
+
+thread_local! {
+    static APPLE_SIGN_IN_DELEGATE: RefCell<Option<Retained<ASAuthorizationControllerDelegateImpl>>> = RefCell::new(None);
+    static AUTHORIZATION_CONTROLLER: RefCell<Option<Retained<ASAuthorizationController>>> = RefCell::new(None);
+}
+
+#[derive(Clone)]
+pub struct Ivars {
+    app: AppHandle,
+}
+
+define_class!(
+    #[unsafe(super(NSObject))]
+    #[thread_kind = MainThreadOnly]
+    #[name = "ASAuthorizationControllerDelegateImpl"]
+    #[ivars = Ivars]
+    pub struct ASAuthorizationControllerDelegateImpl;
+
+    unsafe impl NSObjectProtocol for ASAuthorizationControllerDelegateImpl {}
+
+    unsafe impl ASAuthorizationControllerDelegate for ASAuthorizationControllerDelegateImpl {
+        #[unsafe(method(authorizationController:didCompleteWithAuthorization:))]
+        #[allow(non_snake_case)]
+        unsafe fn authorizationController_didCompleteWithAuthorization(
+            &self,
+            _controller: &ASAuthorizationController,
+            authorization: &ASAuthorization,
+        ) {
+            if let Ok(credential) = authorization
+                .credential()
+                .downcast::<ASAuthorizationAppleIDCredential>()
+            {
+                let user_identifier = {
+                    let user = credential.user();
+                    if user.len() > 0 {
+                        Some(user.to_string())
+                    } else {
+                        None
+                    }
+                };
+                let given_name = credential
+                    .fullName()
+                    .and_then(|name| name.givenName())
+                    .map(|nsstr| nsstr.to_string());
+                let family_name = credential
+                    .fullName()
+                    .and_then(|name| name.familyName())
+                    .map(|nsstr| nsstr.to_string());
+                let email = credential.email().map(|nsstr| nsstr.to_string());
+
+                let authorization_code = credential
+                    .authorizationCode()
+                    .and_then(|code_data| String::from_utf8(code_data.to_vec()).ok());
+
+                let identity_token = credential
+                    .identityToken()
+                    .and_then(|token_data| String::from_utf8(token_data.to_vec()).ok());
+
+                let state = credential.state().map(|nsstr| nsstr.to_string());
+
+                let resp = AppleIDAuthorizationResponse {
+                    user_identifier,
+                    given_name,
+                    family_name,
+                    email,
+                    authorization_code,
+                    identity_token,
+                    state,
+                };
+                let _ = self.ivars().app.emit("apple-sign-in-complete", json!(resp));
+                log::info!("Apple authorization complete");
+            } else {
+                let _ = self
+                    .ivars()
+                    .app
+                    .emit("apple-sign-in-error", "Invalid credential type");
+                log::error!("Invalid credential type received");
+            }
+        }
+
+        #[unsafe(method(authorizationController:didCompleteWithError:))]
+        #[allow(non_snake_case)]
+        unsafe fn authorizationController_didCompleteWithError(
+            &self,
+            _controller: &ASAuthorizationController,
+            error: &NSError,
+        ) {
+            let code = error.code();
+            let description = error.localizedDescription().to_string();
+            let _ = self.ivars().app.emit(
+                "apple-sign-in-error",
+                json!({
+                    "code": code,
+                    "description": description,
+                }),
+            );
+
+            log::error!(
+                "Authorization error: code={}, description={}",
+                code,
+                description
+            );
+        }
+    }
+);
+
+impl ASAuthorizationControllerDelegateImpl {
+    fn new(app: AppHandle) -> Retained<Self> {
+        let mtm = MainThreadMarker::new().expect("must run on main thread");
+        let this = Self::alloc(mtm).set_ivars(Ivars { app });
+        unsafe { msg_send![super(this), init] }
+    }
+}
+
+#[command]
+pub fn start_apple_sign_in(app: AppHandle, payload: AppleIDAuthorizationRequest) {
+    unsafe {
+        let provider = ASAuthorizationAppleIDProvider::new();
+        let request = provider.createRequest();
+
+        if let Some(ref nonce) = payload.nonce {
+            let ns_nonce = NSString::from_str(nonce);
+            request.setNonce(Some(&ns_nonce));
+        }
+
+        if let Some(ref state) = payload.state {
+            let ns_state = NSString::from_str(state);
+            request.setState(Some(&ns_state));
+        }
+
+        let mut scopes = Vec::new();
+        for scope in payload.scope.iter() {
+            match scope.as_str() {
+                "email" => scopes.push(ASAuthorizationScopeEmail),
+                "fullName" => scopes.push(ASAuthorizationScopeFullName),
+                _ => {
+                    log::warn!("[Apple Sign-In] Unsupported scope: {}", scope);
+                }
+            }
+        }
+        if !scopes.is_empty() {
+            request.setRequestedScopes(Some(&*NSArray::from_slice(&scopes)));
+        }
+
+        let auth_request = &request as &ASAuthorizationRequest;
+        let controller = ASAuthorizationController::initWithAuthorizationRequests(
+            ASAuthorizationController::alloc(),
+            &*NSArray::from_slice(&[auth_request]),
+        );
+
+        let delegate = ASAuthorizationControllerDelegateImpl::new(app.clone());
+        APPLE_SIGN_IN_DELEGATE.with(|cell| {
+            *cell.borrow_mut() = Some(delegate.clone());
+        });
+
+        AUTHORIZATION_CONTROLLER.with(|cell| {
+            *cell.borrow_mut() = Some(controller.clone());
+        });
+
+        controller.setDelegate(Some(ProtocolObject::from_ref(&*delegate)));
+
+        log::info!("Starting Apple Sign-In authorization request");
+        controller.performRequests();
+    }
+}

apps/readest-app/src-tauri/src/macos/mod.rs

@@ -0,0 +1,4 @@
+pub mod apple_auth;
+pub mod menu;
+pub mod safari_auth;
+pub mod traffic_light;

apps/readest-app/src-tauri/src/macos/safari_auth.rs

@@ -0,0 +1,255 @@
+use std::ffi::CStr;
+use std::marker::PhantomData;
+use std::sync::{Arc, Mutex};
+
+use block::ConcreteBlock;
+use objc::declare::ClassDecl;
+use objc::runtime::{Class, Object, Sel, BOOL, YES};
+use objc::{class, msg_send, sel, sel_impl};
+use objc_foundation::{INSString, NSString};
+use objc_id::Id;
+use serde::{Deserialize, Serialize};
+
+use tauri::{
+    command,
+    plugin::{Builder, TauriPlugin},
+    Emitter, Manager, Runtime, State, Window,
+};
+
+pub struct ThreadSafeObjcPointer(*mut Object, PhantomData<*mut Object>);
+
+unsafe impl Send for ThreadSafeObjcPointer {}
+unsafe impl Sync for ThreadSafeObjcPointer {}
+
+impl ThreadSafeObjcPointer {
+    pub fn new(ptr: *mut Object) -> Self {
+        Self(ptr, PhantomData)
+    }
+
+    pub fn as_ptr(&self) -> *mut Object {
+        self.0
+    }
+
+    pub fn is_null(&self) -> bool {
+        self.0.is_null()
+    }
+}
+
+pub struct AuthSession {
+    auth_session: Option<ThreadSafeObjcPointer>,
+}
+
+impl Default for AuthSession {
+    fn default() -> Self {
+        Self { auth_session: None }
+    }
+}
+
+impl Drop for AuthSession {
+    fn drop(&mut self) {
+        if let Some(session) = &self.auth_session {
+            if !session.is_null() {
+                unsafe {
+                    let _: () = msg_send![session.as_ptr(), cancel];
+                }
+            }
+        }
+    }
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SafariAuthRequestArgs {
+    auth_url: String,
+}
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct AuthResult {
+    redirect_url: String,
+}
+
+fn setup_presentation_context_provider() -> &'static Class {
+    let class_name = "TauriPresentationContextProvider";
+    let mut decl = match Class::get(class_name) {
+        Some(class) => return class,
+        None => ClassDecl::new(class_name, class!(NSObject)).unwrap(),
+    };
+
+    extern "C" fn presentation_anchor_for_web_auth_session(
+        this: &Object,
+        _sel: Sel,
+        _session: *mut Object,
+    ) -> *mut Object {
+        unsafe {
+            let window: *mut Object = *this.get_ivar("window");
+            window
+        }
+    }
+
+    unsafe {
+        decl.add_ivar::<*mut Object>("window");
+
+        let sel = sel!(presentationAnchorForWebAuthenticationSession:);
+        decl.add_method(
+            sel,
+            presentation_anchor_for_web_auth_session
+                as extern "C" fn(&Object, Sel, *mut Object) -> *mut Object,
+        );
+    }
+
+    decl.register()
+}
+
+unsafe fn create_provider(window: *mut Object) -> *mut Object {
+    let class = setup_presentation_context_provider();
+    let provider: *mut Object = msg_send![class, alloc];
+    let provider: *mut Object = msg_send![provider, init];
+
+    (*provider).set_ivar("window", window);
+
+    provider
+}
+
+unsafe fn nsstring_to_string(ns_string: *mut Object) -> String {
+    if ns_string.is_null() {
+        return String::new();
+    }
+
+    let utf8_ptr: *const i8 = msg_send![ns_string, UTF8String];
+    if utf8_ptr.is_null() {
+        return String::new();
+    }
+
+    CStr::from_ptr(utf8_ptr).to_string_lossy().into_owned()
+}
+
+#[command]
+pub async fn auth_with_safari<R: Runtime>(
+    window: Window<R>,
+    state: State<'_, Arc<Mutex<AuthSession>>>,
+    payload: SafariAuthRequestArgs,
+) -> Result<AuthResult, String> {
+    let auth_url_str = NSString::from_str(&payload.auth_url);
+    let url_class = Class::get("NSURL").unwrap();
+    let auth_url: Id<Object> = unsafe {
+        let url: *mut Object = msg_send![url_class, URLWithString:auth_url_str];
+        if url.is_null() {
+            return Err("Failed to create URL".to_string());
+        }
+        Id::from_ptr(url)
+    };
+
+    let auth_session_class = match Class::get("ASWebAuthenticationSession") {
+        Some(class) => class,
+        None => {
+            return Err(
+                "ASWebAuthenticationSession class not found. This requires macOS 10.15+"
+                    .to_string(),
+            )
+        }
+    };
+
+    let window_clone = window.clone();
+    let state_clone = Arc::clone(&*state);
+    let completion_block =
+        ConcreteBlock::new(move |callback_url: *mut Object, error: *mut Object| {
+            let mut auth_session = match state_clone.lock() {
+                Ok(guard) => guard,
+                Err(_) => return,
+            };
+
+            if !error.is_null() {
+                unsafe {
+                    let description: *mut Object = msg_send![error, localizedDescription];
+                    let error_description = nsstring_to_string(description);
+                    log::error!("Auth session error: {}", error_description);
+                }
+                return;
+            }
+
+            if !callback_url.is_null() {
+                let url_string_value = unsafe {
+                    let abs_str: *mut Object = msg_send![callback_url, absoluteString];
+                    nsstring_to_string(abs_str)
+                };
+
+                log::info!("Auth session callback URL: {}", url_string_value);
+
+                if let Some(session) = &auth_session.auth_session {
+                    unsafe {
+                        let _: () = msg_send![session.as_ptr(), cancel];
+                    }
+                }
+
+                auth_session.auth_session = None;
+
+                let result = AuthResult {
+                    redirect_url: url_string_value,
+                };
+
+                let _ = window_clone.emit("safari-auth-complete", result);
+            }
+        });
+
+    let completion_block = completion_block.copy();
+
+    let callback_scheme = NSString::from_str("readest");
+    let auth_session_ptr: *mut Object = unsafe {
+        let alloc: *mut Object = msg_send![auth_session_class, alloc];
+        if alloc.is_null() {
+            return Err("Failed to allocate ASWebAuthenticationSession".to_string());
+        }
+
+        let init: *mut Object = msg_send![
+            alloc,
+            initWithURL:auth_url
+            callbackURLScheme:callback_scheme
+            completionHandler:&*completion_block
+        ];
+
+        if init.is_null() {
+            return Err("Failed to initialize ASWebAuthenticationSession".to_string());
+        }
+        init
+    };
+
+    unsafe {
+        match window.ns_window() {
+            Ok(ns_window) => {
+                let ns_window = ns_window as *mut Object;
+                let provider = create_provider(ns_window);
+
+                let _: () = msg_send![auth_session_ptr, setPresentationContextProvider:provider];
+            }
+            Err(err) => {
+                log::warn!("Failed to get NSWindow for presentation context: {}", err);
+            }
+        }
+    }
+
+    let started: BOOL = unsafe { msg_send![auth_session_ptr, start] };
+
+    log::info!("Auth session start result: {}", started == YES);
+
+    if started != YES {
+        return Err("Failed to start authentication session".to_string());
+    }
+
+    let mut auth_session_guard = state.lock().unwrap();
+    auth_session_guard.auth_session = Some(ThreadSafeObjcPointer::new(auth_session_ptr));
+
+    Ok(AuthResult {
+        redirect_url: "pending".to_string(),
+    })
+}
+
+pub fn init<R: Runtime>() -> TauriPlugin<R> {
+    Builder::new("safari_auth")
+        .setup(|app, _| {
+            app.manage(Arc::new(Mutex::new(AuthSession::default())));
+            Ok(())
+        })
+        .invoke_handler(tauri::generate_handler![auth_with_safari])
+        .build()
+}

apps/readest-app/src-tauri/src/macos/traffic_light.rs

@@ -30,7 +30,6 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
         .build()
 }
 
-#[cfg(target_os = "macos")]
 #[command]
 pub fn set_traffic_lights(window: Window, visible: bool, x: f64, y: f64) {
     unsafe {
@@ -47,7 +46,6 @@ pub fn set_traffic_lights(window: Window, visible: bool, x: f64, y: f64) {
     }
 }
 
-#[cfg(target_os = "macos")]
 fn position_traffic_lights(ns_window_handle: UnsafeWindowHandle, visible: bool, x: f64, y: f64) {
     use cocoa::appkit::{NSView, NSWindow, NSWindowButton};
     use cocoa::foundation::NSRect;
@@ -83,13 +81,11 @@ fn position_traffic_lights(ns_window_handle: UnsafeWindowHandle, visible: bool,
     }
 }
 
-#[cfg(target_os = "macos")]
 #[derive(Debug)]
 struct WindowState<R: Runtime> {
     window: Window<R>,
 }
 
-#[cfg(target_os = "macos")]
 pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
     use cocoa::appkit::NSWindow;
     use cocoa::base::{id, BOOL};
@@ -148,13 +144,14 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
                         .expect("NS window should exist on state to handle resize")
                         as id;
 
-                    #[cfg(target_os = "macos")]
-                    position_traffic_lights(
-                        UnsafeWindowHandle(id as *mut std::ffi::c_void),
-                        TRAFFIC_LIGHTS_VISIBLE,
-                        WINDOW_CONTROL_PAD_X,
-                        WINDOW_CONTROL_PAD_Y,
-                    );
+                    if state.window.label() == "main" {
+                        position_traffic_lights(
+                            UnsafeWindowHandle(id as *mut std::ffi::c_void),
+                            TRAFFIC_LIGHTS_VISIBLE,
+                            WINDOW_CONTROL_PAD_X,
+                            WINDOW_CONTROL_PAD_Y,
+                        );
+                    }
                 });
 
                 let super_del: id = *this.get_ivar("super_delegate");
@@ -281,12 +278,14 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
                         .expect("Failed to emit event");
 
                     let id = state.window.ns_window().expect("Failed to emit event") as id;
-                    position_traffic_lights(
-                        UnsafeWindowHandle(id as *mut std::ffi::c_void),
-                        TRAFFIC_LIGHTS_VISIBLE,
-                        WINDOW_CONTROL_PAD_X,
-                        WINDOW_CONTROL_PAD_Y,
-                    );
+                    if state.window.label() == "main" {
+                        position_traffic_lights(
+                            UnsafeWindowHandle(id as *mut std::ffi::c_void),
+                            TRAFFIC_LIGHTS_VISIBLE,
+                            WINDOW_CONTROL_PAD_X,
+                            WINDOW_CONTROL_PAD_Y,
+                        );
+                    }
                 });
 
                 let super_del: id = *this.get_ivar("super_delegate");

apps/readest-app/src-tauri/tauri.conf.json

@@ -17,15 +17,20 @@
         "default-src": "'self' 'unsafe-inline' blob: data: customprotocol: asset: http://asset.localhost ipc: http://ipc.localhost",
         "connect-src": "'self' blob: data: asset: http://asset.localhost ipc: http://ipc.localhost https://*.sentry.io https://*.posthog.com https://*.deepl.com https://*.wikipedia.org https://*.wiktionary.org https://*.supabase.co https://*.readest.com wss://speech.platform.bing.com https://*.cloudflarestorage.com",
         "img-src": "'self' blob: data: asset: http://asset.localhost https://*",
-        "style-src": "'self' 'unsafe-inline' blob: asset: http://asset.localhost https://cdn.jsdelivr.net https://fonts.googleapis.com",
-        "font-src": "'self' blob: data: asset: http://asset.localhost tauri: https://fonts.gstatic.com https://db.onlinewebfonts.com https://cdn.jsdelivr.net",
+        "style-src": "'self' 'unsafe-inline' blob: asset: http://asset.localhost https://cdn.jsdelivr.net https://fonts.googleapis.com https://fontsapi.zeoseven.com",
+        "font-src": "'self' blob: data: asset: http://asset.localhost tauri: https://db.onlinewebfonts.com https://cdn.jsdelivr.net https://fonts.gstatic.com https://fontsapi.zeoseven.com",
         "frame-src": "'self' blob: asset: http://asset.localhost",
         "script-src": "'self' 'unsafe-inline' 'unsafe-eval' blob: asset: http://asset.localhost https://*.sentry.io https://*.posthog.com"
       },
       "assetProtocol": {
         "enable": true,
         "scope": {
-          "allow": ["$RESOURCE/**", "$APPDATA/**/*", "$TEMP/**/*"],
+          "allow": [
+            "$RESOURCE/**",
+            "$APPDATA/**/*",
+            "$TEMP/**/*",
+            "/private/var/mobile/Containers/Data/Application/**/*"
+          ],
           "deny": []
         }
       }
@@ -60,7 +65,8 @@
       "minSdkVersion": 26
     },
     "iOS": {
-      "developmentTeam": "J5W48D69VR"
+      "developmentTeam": "J5W48D69VR",
+      "minimumSystemVersion": "14.0"
     },
     "fileAssociations": [
       {

apps/readest-app/src/app/auth/error/page.tsx

@@ -6,7 +6,7 @@ import { useTheme } from '@/hooks/useTheme';
 
 export default function AuthErrorPage() {
   const router = useRouter();
-  useTheme();
+  useTheme({ systemUIVisible: false });
 
   useEffect(() => {
     const timer = setTimeout(() => {

apps/readest-app/src/app/auth/page.tsx

@@ -13,6 +13,7 @@ import { IoArrowBack } from 'react-icons/io5';
 import { useAuth } from '@/context/AuthContext';
 import { supabase } from '@/utils/supabase';
 import { useEnv } from '@/context/EnvContext';
+import { useTheme } from '@/hooks/useTheme';
 import { useThemeStore } from '@/store/themeStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
@@ -43,6 +44,7 @@ interface ProviderLoginProp {
 
 const WEB_AUTH_CALLBACK = `${READEST_WEB_BASE_URL}/auth/callback`;
 const DEEPLINK_CALLBACK = 'readest://auth-callback';
+const USE_APPLE_SIGN_IN = process.env['NEXT_PUBLIC_USE_APPLE_SIGN_IN'] === 'true';
 
 const ProviderLogin: React.FC<ProviderLoginProp> = ({ provider, handleSignIn, Icon, label }) => {
   return (
@@ -73,14 +75,19 @@ export default function AuthPage() {
 
   const headerRef = useRef<HTMLDivElement>(null);
 
+  useTheme({ systemUIVisible: false });
+
   const getTauriRedirectTo = (isOAuth: boolean) => {
-    if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
+    if (process.env.NODE_ENV === 'production' || appService?.isMobile || USE_APPLE_SIGN_IN) {
       if (appService?.isMobile) {
         return isOAuth ? DEEPLINK_CALLBACK : WEB_AUTH_CALLBACK;
       }
       return DEEPLINK_CALLBACK;
     }
-    return `http://localhost:${port}`; // only for development env on Desktop
+    // For development env on Desktop, use a custom OAuth callback server
+    // it's possible to register a custom URL scheme for the app
+    // but this is not supported by macOS, so we use a local server instead
+    return `http://localhost:${port}`;
   };
 
   const getWebRedirectTo = () => {
@@ -97,15 +104,19 @@ export default function AuthPage() {
     const request = {
       scope: ['fullName', 'email'] as Scope[],
     };
-    const appleAuthResponse = await getAppleIdAuth(request);
-    if (appleAuthResponse.identityToken) {
-      const { error } = await supabase.auth.signInWithIdToken({
-        provider: 'apple',
-        token: appleAuthResponse.identityToken,
-      });
-      if (error) {
-        console.error('Authentication error:', error);
+    if (appService?.isIOSApp || USE_APPLE_SIGN_IN) {
+      const appleAuthResponse = await getAppleIdAuth(request);
+      if (appleAuthResponse.identityToken) {
+        const { error } = await supabase.auth.signInWithIdToken({
+          provider: 'apple',
+          token: appleAuthResponse.identityToken,
+        });
+        if (error) {
+          console.error('Authentication error:', error);
+        }
       }
+    } else {
+      console.log('Sign in with Apple on this platform is not supported yet');
     }
   };
 
@@ -128,7 +139,7 @@ export default function AuthPage() {
     }
     // Open the OAuth URL in a ASWebAuthenticationSession on iOS to comply with Apple's guidelines
     // for other platforms, open the OAuth URL in the default browser
-    if (appService?.isIOSApp) {
+    if (appService?.isIOSApp || appService?.isMacOSApp) {
       const res = await authWithSafari({ authUrl: data.url });
       if (res) {
         handleOAuthUrl(res.redirectUrl);
@@ -161,7 +172,7 @@ export default function AuthPage() {
 
   const startTauriOAuth = async () => {
     try {
-      if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
+      if (process.env.NODE_ENV === 'production' || appService?.isMobile || USE_APPLE_SIGN_IN) {
         const { getCurrentWindow } = await import('@tauri-apps/api/window');
         const currentWindow = getCurrentWindow();
         currentWindow.listen('single-instance', ({ event, payload }) => {
@@ -345,7 +356,7 @@ export default function AuthPage() {
         />
         <ProviderLogin
           provider='apple'
-          handleSignIn={appService?.isIOSApp ? tauriSignInApple : tauriSignIn}
+          handleSignIn={appService?.isIOSApp || USE_APPLE_SIGN_IN ? tauriSignInApple : tauriSignIn}
           Icon={FaApple}
           label={_('Sign in with Apple')}
         />

apps/readest-app/src/app/auth/utils/appleIdAuth.ts

@@ -1,4 +1,6 @@
 import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
+import { type as osType } from '@tauri-apps/plugin-os';
 
 export type Scope = 'fullName' | 'email';
 export interface AppleIDAuthorizationRequest {
@@ -23,12 +25,46 @@ export interface AppleIDAuthorizationResponse {
 export async function getAppleIdAuth(
   request: AppleIDAuthorizationRequest,
 ): Promise<AppleIDAuthorizationResponse> {
-  const result = await invoke<AppleIDAuthorizationResponse>(
-    'plugin:sign-in-with-apple|get_apple_id_credential',
-    {
-      payload: request,
-    },
-  );
+  const OS_TYPE = osType();
+  if (OS_TYPE === 'ios') {
+    const result = await invoke<AppleIDAuthorizationResponse>(
+      'plugin:sign-in-with-apple|get_apple_id_credential',
+      {
+        payload: request,
+      },
+    );
 
-  return result;
+    return result;
+  } else if (OS_TYPE === 'macos') {
+    return new Promise<AppleIDAuthorizationResponse>(async (resolve, reject) => {
+      const unlistenComplete = await listen<AppleIDAuthorizationResponse>(
+        'apple-sign-in-complete',
+        ({ payload }) => {
+          cleanup();
+          resolve(payload);
+        },
+      );
+
+      const unlistenError = await listen<string>('apple-sign-in-error', ({ payload }) => {
+        cleanup();
+        reject(
+          typeof payload === 'string' ? new Error(payload) : new Error('Apple sign‑in failed'),
+        );
+      });
+
+      function cleanup() {
+        unlistenComplete();
+        unlistenError();
+      }
+
+      try {
+        await invoke('start_apple_sign_in', { payload: request });
+      } catch (err) {
+        cleanup();
+        reject(err);
+      }
+    });
+  } else {
+    throw new Error('Unsupported platform');
+  }
 }

apps/readest-app/src/app/auth/utils/nativeAuth.ts

@@ -1,4 +1,6 @@
 import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
+import { type as osType } from '@tauri-apps/plugin-os';
 
 export interface AuthRequest {
   authUrl: string;
@@ -9,11 +11,33 @@ export interface AuthResponse {
 }
 
 export async function authWithSafari(request: AuthRequest): Promise<AuthResponse> {
-  const result = await invoke<AuthResponse>('plugin:native-bridge|auth_with_safari', {
-    payload: request,
-  });
+  const OS_TYPE = osType();
+  if (OS_TYPE === 'ios') {
+    const result = await invoke<AuthResponse>('plugin:native-bridge|auth_with_safari', {
+      payload: request,
+    });
+    return result;
+  } else if (OS_TYPE === 'macos') {
+    return new Promise<AuthResponse>(async (resolve, reject) => {
+      const unlistenComplete = await listen<AuthResponse>('safari-auth-complete', ({ payload }) => {
+        cleanup();
+        resolve(payload);
+      });
 
-  return result;
+      function cleanup() {
+        unlistenComplete();
+      }
+
+      try {
+        await invoke<AuthResponse>('auth_with_safari', { payload: request });
+      } catch (err) {
+        cleanup();
+        reject(err);
+      }
+    });
+  } else {
+    throw new Error('Unsupported OS type');
+  }
 }
 
 export async function authWithCustomTab(request: AuthRequest): Promise<AuthResponse> {

apps/readest-app/src/app/library/components/BookItem.tsx

@@ -6,10 +6,13 @@ import { LiaCloudUploadAltSolid, LiaCloudDownloadAltSolid } from 'react-icons/li
 import { Book } from '@/types/book';
 import { useEnv } from '@/context/EnvContext';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { LibraryViewModeType } from '@/types/settings';
+import { formatAuthors } from '@/utils/book';
 import ReadingProgress from './ReadingProgress';
-import BookCover from './BookCover';
+import BookCover from '@/components/BookCover';
 
 interface BookItemProps {
+  mode: LibraryViewModeType;
   book: Book;
   isSelectMode: boolean;
   selectedBooks: string[];
@@ -20,6 +23,7 @@ interface BookItemProps {
 }
 
 const BookItem: React.FC<BookItemProps> = ({
+  mode,
   book,
   isSelectMode,
   selectedBooks,
@@ -39,12 +43,19 @@ const BookItem: React.FC<BookItemProps> = ({
   return (
     <div
       className={clsx(
-        'book-item flex h-full flex-col',
+        'book-item flex',
+        mode === 'grid' && 'h-full flex-col',
+        mode === 'list' && 'h-28 flex-row gap-4 overflow-hidden',
         appService?.hasContextMenu ? 'cursor-pointer' : '',
       )}
     >
-      <div className='bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden shadow-md'>
-        <BookCover book={book} />
+      <div
+        className={clsx(
+          'bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden shadow-md',
+          mode === 'list' && 'min-w-20',
+        )}
+      >
+        <BookCover mode={mode} book={book} />
         {selectedBooks.includes(book.hash) && (
           <div className='absolute inset-0 bg-black opacity-30 transition-opacity duration-300'></div>
         )}
@@ -58,11 +69,28 @@ const BookItem: React.FC<BookItemProps> = ({
           </div>
         )}
       </div>
-      <div className={clsx('flex w-full flex-col p-0 pt-2')}>
-        <div className='min-w-0 flex-1'>
-          <h4 className='block overflow-hidden text-ellipsis whitespace-nowrap text-[0.6em] text-xs font-semibold'>
+      <div
+        className={clsx(
+          'flex w-full flex-col p-0',
+          mode === 'grid' && 'pt-2',
+          mode === 'list' && 'py-2',
+        )}
+      >
+        <div className={clsx('min-w-0 flex-1', mode === 'list' && 'flex flex-col gap-2')}>
+          <h4
+            className={clsx(
+              'overflow-hidden text-ellipsis font-semibold',
+              mode === 'grid' && 'block whitespace-nowrap text-[0.6em] text-xs',
+              mode === 'list' && 'line-clamp-2 text-base',
+            )}
+          >
             {book.title}
           </h4>
+          {mode === 'list' && (
+            <p className='text-neutral-content line-clamp-1 text-sm'>
+              {formatAuthors(book.author, book.primaryLanguage) || ''}
+            </p>
+          )}
         </div>
         <div
           className={clsx('flex items-center', book.progress ? 'justify-between' : 'justify-end')}

apps/readest-app/src/app/library/components/Bookshelf.tsx

@@ -6,7 +6,9 @@ import { MdDelete, MdOpenInNew, MdOutlineCancel } from 'react-icons/md';
 import { LuFolderPlus } from 'react-icons/lu';
 import { PiPlus } from 'react-icons/pi';
 import { Book, BooksGroup } from '@/types/book';
+import { LibraryViewModeType } from '@/types/settings';
 import { useEnv } from '@/context/EnvContext';
+import { useSettingsStore } from '@/store/settingsStore';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { navigateToLibrary, navigateToReader } from '@/utils/nav';
@@ -15,7 +17,7 @@ import { isMd5 } from '@/utils/md5';
 
 import Alert from '@/components/Alert';
 import Spinner from '@/components/Spinner';
-import BookshelfItem, { generateBookshelfItems } from './BookshelfItem';
+import BookshelfItem, { generateGridItems, generateListItems } from './BookshelfItem';
 import GroupingModal from './GroupingModal';
 
 interface BookshelfProps {
@@ -45,6 +47,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
   const router = useRouter();
   const searchParams = useSearchParams();
   const { appService } = useEnv();
+  const { settings } = useSettingsStore();
   const [loading, setLoading] = useState(false);
   const [selectedBooks, setSelectedBooks] = useState<string[]>([]);
   const [showSelectModeActions, setShowSelectModeActions] = useState(false);
@@ -53,10 +56,16 @@ const Bookshelf: React.FC<BookshelfProps> = ({
   const [queryTerm, setQueryTerm] = useState<string | null>(null);
   const [navBooksGroup, setNavBooksGroup] = useState<BooksGroup | null>(null);
   const [importBookUrl] = useState(searchParams?.get('url') || '');
+  const [viewMode, setViewMode] = useState(searchParams?.get('view') || settings.libraryViewMode);
+  const [sortBy, setSortBy] = useState(searchParams?.get('sort') || settings.librarySortBy);
+  const [sortOrder, setSortOrder] = useState(
+    searchParams?.get('order') || (settings.librarySortAscending ? 'asc' : 'desc'),
+  );
   const isImportingBook = useRef(false);
 
   const { setLibrary } = useLibraryStore();
-  const allBookshelfItems = generateBookshelfItems(libraryBooks);
+  const allBookshelfItems =
+    viewMode === 'grid' ? generateGridItems(libraryBooks) : generateListItems(libraryBooks);
 
   useEffect(() => {
     if (isSelectMode) {
@@ -89,23 +98,55 @@ const Bookshelf: React.FC<BookshelfProps> = ({
   useEffect(() => {
     const group = searchParams?.get('group') || '';
     const query = searchParams?.get('q') || '';
+    const view = searchParams?.get('view') || settings.libraryViewMode;
+    const sort = searchParams?.get('sort') || settings.librarySortBy;
+    const order = searchParams?.get('order') || (settings.librarySortAscending ? 'asc' : 'desc');
+    const params = new URLSearchParams(searchParams?.toString());
     if (query) {
+      params.set('q', query);
       setQueryTerm(query);
     } else {
+      params.delete('q');
       setQueryTerm(null);
     }
+    if (sort) {
+      params.set('sort', sort);
+      setSortBy(sort);
+    } else {
+      params.delete('sort');
+    }
+    if (order) {
+      params.set('order', order);
+      setSortOrder(order);
+    } else {
+      params.delete('order');
+    }
+    if (view) {
+      params.set('view', view);
+      setViewMode(view);
+    } else {
+      params.delete('view');
+    }
+    if (sort === 'updated' && order === 'desc' && view === 'grid') {
+      params.delete('sort');
+      params.delete('order');
+      params.delete('view');
+    }
     if (group) {
       const booksGroup = allBookshelfItems.find(
         (item) => 'name' in item && item.id === group,
       ) as BooksGroup;
       if (booksGroup) {
         setNavBooksGroup(booksGroup);
+        params.set('group', group);
       } else {
-        navigateToLibrary(router, query ? `q=${query}` : undefined);
+        params.delete('group');
+        navigateToLibrary(router, `${params.toString()}`);
       }
     } else {
       setNavBooksGroup(null);
-      navigateToLibrary(router, query ? `q=${query}` : undefined);
+      params.delete('group');
+      navigateToLibrary(router, `${params.toString()}`);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchParams, libraryBooks, showGroupingModal]);
@@ -152,23 +193,65 @@ const Bookshelf: React.FC<BookshelfProps> = ({
     const authors = formatAuthors(item.author);
     return searchTerm.test(title) || searchTerm.test(authors);
   };
-  const filteredBookshelfItems = currentBookshelfItems.filter((item) => {
-    if ('name' in item) return item.books.some((book) => bookFilter(book, queryTerm || ''));
-    else if (queryTerm) return bookFilter(item, queryTerm);
-    return true;
-  });
+  const bookSorter = (a: Book, b: Book) => {
+    const uiLanguage = localStorage?.getItem('i18nextLng') || '';
+    switch (sortBy) {
+      case 'title':
+        const aTitle = formatTitle(a.title);
+        const bTitle = formatTitle(b.title);
+        return aTitle.localeCompare(bTitle, uiLanguage || navigator.language);
+      case 'author':
+        const aAuthors = formatAuthors(a.author);
+        const bAuthors = formatAuthors(b.author);
+        return aAuthors.localeCompare(bAuthors, uiLanguage || navigator.language);
+      case 'updated':
+        return new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime();
+      case 'created':
+        return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+      case 'format':
+        return a.format.localeCompare(b.format, uiLanguage || navigator.language);
+      default:
+        return new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime();
+    }
+  };
+  const sortOrderMultiplier = sortOrder === 'asc' ? 1 : -1;
+  const filteredBookshelfItems = currentBookshelfItems
+    .filter((item) => {
+      if ('name' in item) return item.books.some((book) => bookFilter(book, queryTerm || ''));
+      else if (queryTerm) return bookFilter(item, queryTerm);
+      return true;
+    })
+    .sort((a, b) => {
+      const uiLanguage = localStorage?.getItem('i18nextLng') || '';
+      if (sortBy === 'updated') {
+        return (
+          (new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime()) * sortOrderMultiplier
+        );
+      } else if ('name' in a || 'name' in b) {
+        const aName = 'name' in a ? a.name : formatTitle(a.title);
+        const bName = 'name' in b ? b.name : formatTitle(b.title);
+        return aName.localeCompare(bName, uiLanguage || navigator.language) * sortOrderMultiplier;
+      } else if (!('name' in a || 'name' in b)) {
+        return bookSorter(a, b) * sortOrderMultiplier;
+      } else {
+        return 0;
+      }
+    });
 
   return (
     <div className='bookshelf'>
       <div
         className={clsx(
-          'transform-wrapper grid flex-1 gap-x-4 sm:gap-x-0',
-          'grid-cols-3 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12',
+          'transform-wrapper',
+          viewMode === 'grid' && 'grid flex-1 grid-cols-3 gap-x-4 px-4 sm:gap-x-0 sm:px-2',
+          viewMode === 'grid' && 'sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12',
+          viewMode === 'list' && 'flex flex-col',
         )}
       >
         {filteredBookshelfItems.map((item, index) => (
           <BookshelfItem
             key={`library-item-${index}`}
+            mode={viewMode as LibraryViewModeType}
             item={item}
             isSelectMode={isSelectMode}
             selectedBooks={selectedBooks}
@@ -184,7 +267,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
             }
           />
         ))}
-        {!navBooksGroup && allBookshelfItems.length > 0 && (
+        {viewMode === 'grid' && !navBooksGroup && allBookshelfItems.length > 0 && (
           <div
             className={clsx(
               'border-1 bg-base-100 hover:bg-base-300/50 flex items-center justify-center',

apps/readest-app/src/app/library/components/BookshelfItem.tsx

@@ -10,6 +10,7 @@ import { Menu, MenuItem } from '@tauri-apps/api/menu';
 import { revealItemInDir } from '@tauri-apps/plugin-opener';
 import { getOSPlatform } from '@/utils/misc';
 import { getLocalBookFilename } from '@/utils/book';
+import { LibraryViewModeType } from '@/types/settings';
 import { BOOK_UNGROUPED_ID, BOOK_UNGROUPED_NAME } from '@/services/constants';
 import { FILE_REVEAL_LABELS, FILE_REVEAL_PLATFORMS } from '@/utils/os';
 import { Book, BookGroupType, BooksGroup } from '@/types/book';
@@ -18,7 +19,7 @@ import GroupItem from './GroupItem';
 
 export type BookshelfItem = Book | BooksGroup;
 
-export const generateBookshelfItems = (books: Book[]): (Book | BooksGroup)[] => {
+export const generateGridItems = (books: Book[]): (Book | BooksGroup)[] => {
   const groups: BooksGroup[] = books.reduce((acc: BooksGroup[], book: Book) => {
     if (book.deletedAt) return acc;
     book.groupId = book.groupId || BOOK_UNGROUPED_ID;
@@ -47,6 +48,10 @@ export const generateBookshelfItems = (books: Book[]): (Book | BooksGroup)[] =>
   return [...ungroupedBooks, ...groupedBooks].sort((a, b) => b.updatedAt - a.updatedAt);
 };
 
+export const generateListItems = (books: Book[]): (Book | BooksGroup)[] => {
+  return books.filter((book) => !book.deletedAt).sort((a, b) => b.updatedAt - a.updatedAt);
+};
+
 export const generateGroupsList = (items: Book[]): BookGroupType[] => {
   return items
     .sort((a, b) => b.updatedAt - a.updatedAt)
@@ -66,6 +71,7 @@ export const generateGroupsList = (items: Book[]): BookGroupType[] => {
 };
 
 interface BookshelfItemProps {
+  mode: LibraryViewModeType;
   item: BookshelfItem;
   isSelectMode: boolean;
   selectedBooks: string[];
@@ -80,6 +86,7 @@ interface BookshelfItemProps {
 }
 
 const BookshelfItem: React.FC<BookshelfItemProps> = ({
+  mode,
   item,
   isSelectMode,
   selectedBooks,
@@ -248,30 +255,35 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
   });
 
   return (
-    <div
-      className={clsx(
-        'sm:hover:bg-base-300/50 group flex h-full flex-col px-0 py-4 sm:px-4',
-        pressing ? 'scale-95' : 'scale-100',
-      )}
-      style={{
-        transition: 'transform 0.2s',
-      }}
-      {...handlers}
-    >
-      <div className='flex-grow'>
-        {'format' in item ? (
-          <BookItem
-            book={item}
-            isSelectMode={isSelectMode}
-            selectedBooks={selectedBooks}
-            transferProgress={transferProgress}
-            handleBookUpload={handleBookUpload}
-            handleBookDownload={handleBookDownload}
-            showBookDetailsModal={showBookDetailsModal}
-          />
-        ) : (
-          <GroupItem group={item} isSelectMode={isSelectMode} selectedBooks={selectedBooks} />
+    <div className={clsx(mode === 'list' && 'sm:hover:bg-base-300/50 px-4 sm:px-6')}>
+      <div
+        className={clsx(
+          'group',
+          mode === 'grid' && 'sm:hover:bg-base-300/50 flex h-full flex-col px-0 py-4 sm:px-4',
+          mode === 'list' && 'border-base-300 flex flex-col border-b py-2',
+          pressing ? (mode === 'grid' ? 'scale-95' : 'scale-98') : 'scale-100',
         )}
+        style={{
+          transition: 'transform 0.2s',
+        }}
+        {...handlers}
+      >
+        <div className='flex-grow'>
+          {'format' in item ? (
+            <BookItem
+              mode={mode}
+              book={item}
+              isSelectMode={isSelectMode}
+              selectedBooks={selectedBooks}
+              transferProgress={transferProgress}
+              handleBookUpload={handleBookUpload}
+              handleBookDownload={handleBookDownload}
+              showBookDetailsModal={showBookDetailsModal}
+            />
+          ) : (
+            <GroupItem group={item} isSelectMode={isSelectMode} selectedBooks={selectedBooks} />
+          )}
+        </div>
       </div>
     </div>
   );

apps/readest-app/src/app/library/components/GroupItem.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import { MdCheckCircle, MdCheckCircleOutline } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
 import { BooksGroup } from '@/types/book';
-import BookCover from './BookCover';
+import BookCover from '@/components/BookCover';
 
 interface GroupItemProps {
   group: BooksGroup;

apps/readest-app/src/app/library/components/LibraryHeader.tsx

@@ -4,20 +4,23 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { FaSearch } from 'react-icons/fa';
 import { PiPlus } from 'react-icons/pi';
 import { PiSelectionAllDuotone } from 'react-icons/pi';
+import { PiDotsThreeCircle } from 'react-icons/pi';
 import { MdOutlineMenu, MdArrowBackIosNew } from 'react-icons/md';
 import { IoMdCloseCircle } from 'react-icons/io';
 
 import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { navigateToLibrary } from '@/utils/nav';
 import { throttle } from '@/utils/throttle';
+import useShortcuts from '@/hooks/useShortcuts';
 import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
 import SettingsMenu from './SettingsMenu';
 import ImportMenu from './ImportMenu';
-import useShortcuts from '@/hooks/useShortcuts';
+import SortMenu from './SortMenu';
 
 interface LibraryHeaderProps {
   isSelectMode: boolean;
@@ -34,6 +37,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
   const router = useRouter();
   const searchParams = useSearchParams();
   const { appService } = useEnv();
+  const { statusBarHeight } = useThemeStore();
   const {
     isTrafficLightVisible,
     initializeTrafficLightStore,
@@ -44,7 +48,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
   const [searchQuery, setSearchQuery] = useState(searchParams?.get('q') ?? '');
 
   const headerRef = useRef<HTMLDivElement>(null);
-  const iconSize16 = useResponsiveSize(16);
+  const iconSize18 = useResponsiveSize(18);
   const iconSize20 = useResponsiveSize(20);
 
   useShortcuts({
@@ -90,10 +94,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
     <div
       ref={headerRef}
       className={clsx(
-        'titlebar z-10 flex h-[52px] w-full items-center py-2 pr-4 sm:h-[48px] sm:pr-6',
-        appService?.hasSafeAreaInset && 'mt-[env(safe-area-inset-top)]',
+        'titlebar bg-base-200 z-10 flex h-[52px] w-full items-center py-2 pr-4 sm:h-[48px] sm:pr-6',
         isTrafficLightVisible ? 'pl-16' : 'pl-0 sm:pl-2',
       )}
+      style={{
+        marginTop: appService?.hasSafeAreaInset
+          ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
+          : '',
+      }}
     >
       <div className='flex w-full items-center justify-between space-x-6 sm:space-x-12'>
         <div className='exclude-title-bar-mousedown relative flex w-full items-center pl-4'>
@@ -173,7 +181,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
           <Dropdown
             className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
             buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
-            toggleButton={<MdOutlineMenu size={iconSize16} />}
+            toggleButton={<PiDotsThreeCircle size={iconSize18} />}
+          >
+            <SortMenu />
+          </Dropdown>
+          <Dropdown
+            className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
+            buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
+            toggleButton={<MdOutlineMenu size={iconSize18} />}
           >
             <SettingsMenu />
           </Dropdown>

apps/readest-app/src/app/library/components/SettingsMenu.tsx

@@ -1,29 +1,30 @@
 import React, { useEffect, useState } from 'react';
-import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { PiUserCircle } from 'react-icons/pi';
 import { PiUserCircleCheck } from 'react-icons/pi';
 import { MdCheck } from 'react-icons/md';
 
 import { setAboutDialogVisible } from '@/components/AboutWindow';
-import { hasUpdater, isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';
+import { isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';
 import { DOWNLOAD_READEST_URL } from '@/services/constants';
 import { useAuth } from '@/context/AuthContext';
 import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { getStoragePlanData } from '@/utils/access';
 import { navigateToLogin, navigateToProfile } from '@/utils/nav';
 import { tauriHandleSetAlwaysOnTop, tauriHandleToggleFullScreen } from '@/utils/window';
 import { QuotaType } from '@/types/user';
+import UserAvatar from '@/components/UserAvatar';
 import MenuItem from '@/components/MenuItem';
 import Quota from '@/components/Quota';
 
-interface BookMenuProps {
+interface SettingsMenuProps {
   setIsDropdownOpen?: (isOpen: boolean) => void;
 }
 
-const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
+const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
   const _ = useTranslation();
   const router = useRouter();
   const { envConfig, appService } = useEnv();
@@ -34,9 +35,11 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
   const [isAutoCheckUpdates, setIsAutoCheckUpdates] = useState(settings.autoCheckUpdates);
   const [isAlwaysOnTop, setIsAlwaysOnTop] = useState(settings.alwaysOnTop);
   const [isScreenWakeLock, setIsScreenWakeLock] = useState(settings.screenWakeLock);
+  const [isOpenLastBooks, setIsOpenLastBooks] = useState(settings.openLastBooks);
   const [isAutoImportBooksOnOpen, setIsAutoImportBooksOnOpen] = useState(
     settings.autoImportBooksOnOpen,
   );
+  const iconSize = useResponsiveSize(16);
 
   const showAboutReadest = () => {
     setAboutDialogVisible(true);
@@ -108,6 +111,13 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
     setIsScreenWakeLock(settings.screenWakeLock);
   };
 
+  const toggleOpenLastBooks = () => {
+    settings.openLastBooks = !settings.openLastBooks;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsOpenLastBooks(settings.openLastBooks);
+  };
+
   useEffect(() => {
     if (!user || !token) return;
     const storagPlan = getStoragePlanData(token);
@@ -132,7 +142,7 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
   return (
     <div
       tabIndex={0}
-      className='settings-menu dropdown-content no-triangle border-base-100 z-20 mt-3 w-72 shadow-2xl'
+      className='settings-menu dropdown-content no-triangle border-base-100 z-20 mt-2 shadow-2xl'
     >
       {user ? (
         <MenuItem
@@ -142,45 +152,43 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
               : _('Logged in')
           }
           labelClass='!max-w-40'
-          icon={
+          Icon={
             avatarUrl ? (
-              <Image
-                src={avatarUrl}
-                alt={_('User avatar')}
-                className='h-5 w-5 rounded-full'
-                referrerPolicy='no-referrer'
-                width={20}
-                height={20}
-              />
+              <UserAvatar url={avatarUrl} size={iconSize} DefaultIcon={PiUserCircleCheck} />
             ) : (
-              <PiUserCircleCheck />
+              PiUserCircleCheck
             )
           }
         >
           <ul>
-            <Quota quotas={quotas} className='h-10 pl-4 pr-2' />
+            <Quota quotas={quotas} className='h-10 pl-3 pr-2' />
             <MenuItem label={_('Account')} noIcon onClick={handleUserProfile} />
           </ul>
         </MenuItem>
       ) : (
-        <MenuItem label={_('Sign In')} icon={<PiUserCircle />} onClick={handleUserLogin}></MenuItem>
+        <MenuItem label={_('Sign In')} Icon={PiUserCircle} onClick={handleUserLogin}></MenuItem>
       )}
       <MenuItem
         label={_('Auto Upload Books to Cloud')}
-        icon={isAutoUpload ? <MdCheck className='text-base-content' /> : undefined}
+        Icon={isAutoUpload ? MdCheck : undefined}
         onClick={toggleAutoUploadBooks}
       />
       {isTauriAppPlatform() && !appService?.isMobile && (
         <MenuItem
           label={_('Auto Import on File Open')}
-          icon={isAutoImportBooksOnOpen ? <MdCheck className='text-base-content' /> : undefined}
+          Icon={isAutoImportBooksOnOpen ? MdCheck : undefined}
           onClick={toggleAutoImportBooksOnOpen}
         />
       )}
-      {hasUpdater() && (
+      <MenuItem
+        label={_('Open Last Book on Start')}
+        Icon={isOpenLastBooks ? MdCheck : undefined}
+        onClick={toggleOpenLastBooks}
+      />
+      {appService?.hasUpdater && (
         <MenuItem
           label={_('Check Updates on Start')}
-          icon={isAutoCheckUpdates ? <MdCheck className='text-base-content' /> : undefined}
+          Icon={isAutoCheckUpdates ? MdCheck : undefined}
           onClick={toggleAutoCheckUpdates}
         />
       )}
@@ -189,13 +197,13 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
       {appService?.hasWindow && (
         <MenuItem
           label={_('Always on Top')}
-          icon={isAlwaysOnTop ? <MdCheck className='text-base-content' /> : undefined}
+          Icon={isAlwaysOnTop ? MdCheck : undefined}
           onClick={toggleAlwaysOnTop}
         />
       )}
       <MenuItem
         label={_('Keep Screen Awake')}
-        icon={isScreenWakeLock ? <MdCheck className='text-base-content' /> : undefined}
+        Icon={isScreenWakeLock ? MdCheck : undefined}
         onClick={toggleScreenWakeLock}
       />
       <MenuItem label={_('Reload Page')} onClick={handleReloadPage} />

apps/readest-app/src/app/library/components/SortMenu.tsx

@@ -0,0 +1,121 @@
+import React from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { MdCheck } from 'react-icons/md';
+import { useEnv } from '@/context/EnvContext';
+import { useSettingsStore } from '@/store/settingsStore';
+import { useTranslation } from '@/hooks/useTranslation';
+import { LibrarySortByType, LibraryViewModeType } from '@/types/settings';
+import { navigateToLibrary } from '@/utils/nav';
+import MenuItem from '@/components/MenuItem';
+
+interface SortMenuProps {
+  setIsDropdownOpen?: (isOpen: boolean) => void;
+}
+
+const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
+  const _ = useTranslation();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { envConfig } = useEnv();
+  const { settings, setSettings, saveSettings } = useSettingsStore();
+
+  const viewMode = settings.libraryViewMode;
+  const sortBy = settings.librarySortBy;
+  const isAscending = settings.librarySortAscending;
+
+  const viewOptions = [
+    { label: _('List'), value: 'list' },
+    { label: _('Grid'), value: 'grid' },
+  ];
+
+  const sortByOptions = [
+    { label: _('Title'), value: 'title' },
+    { label: _('Author'), value: 'author' },
+    { label: _('Format'), value: 'format' },
+    { label: _('Date Read'), value: 'updated' },
+    { label: _('Date Added'), value: 'created' },
+  ];
+
+  const sortingOptions = [
+    { label: _('Ascending'), value: true },
+    { label: _('Descending'), value: false },
+  ];
+
+  const handleSetViewMode = (value: LibraryViewModeType) => {
+    settings.libraryViewMode = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('view', value);
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
+  const handleSetSortBy = (value: LibrarySortByType) => {
+    settings.librarySortBy = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('sort', value);
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
+  const handleSetSortAscending = (value: boolean) => {
+    settings.librarySortAscending = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('order', value ? 'asc' : 'desc');
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
+  return (
+    <div
+      tabIndex={0}
+      className='settings-menu dropdown-content no-triangle border-base-100 z-20 mt-2 shadow-2xl'
+    >
+      {viewOptions.map((option) => (
+        <MenuItem
+          key={option.value}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={viewMode === option.value ? MdCheck : undefined}
+          onClick={() => handleSetViewMode(option.value as LibraryViewModeType)}
+        />
+      ))}
+      <hr className='border-base-200 my-1' />
+      <MenuItem
+        label={_('Sort by...')}
+        buttonClass='h-8'
+        labelClass='text-sm sm:text-xs'
+        disabled
+      />
+      {sortByOptions.map((option) => (
+        <MenuItem
+          key={option.value}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={sortBy === option.value ? MdCheck : undefined}
+          onClick={() => handleSetSortBy(option.value as LibrarySortByType)}
+        />
+      ))}
+      <hr className='border-base-200 my-1' />
+      {sortingOptions.map((option) => (
+        <MenuItem
+          key={option.value.toString()}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={isAscending === option.value ? MdCheck : undefined}
+          onClick={() => handleSetSortAscending(option.value)}
+        />
+      ))}
+    </div>
+  );
+};
+
+export default SortMenu;

apps/readest-app/src/app/library/hooks/useBooksSync.ts

@@ -98,11 +98,12 @@ export const useBooksSync = ({ onSyncStart, onSyncEnd }: UseBooksSyncProps) => {
         if (newBook.uploadedAt && !newBook.deletedAt) {
           try {
             await appService?.downloadBook(newBook, true);
+          } catch {
+            console.error('Failed to download book:', newBook);
+          } finally {
             newBook.coverImageUrl = await appService?.generateCoverImageUrl(newBook);
             updatedLibrary.push(newBook);
             setLibrary(updatedLibrary);
-          } catch {
-            console.error('Failed to download book:', newBook);
           }
         }
       }

apps/readest-app/src/app/library/hooks/useDemoBooks.ts

@@ -19,7 +19,6 @@ interface DemoBooks {
 
 export const useDemoBooks = () => {
   const { envConfig } = useEnv();
-  const userLang = getUserLang() as keyof typeof libraries;
   const [books, setBooks] = useState<Book[]>([]);
   const isLoading = useRef(false);
 
@@ -27,6 +26,7 @@ export const useDemoBooks = () => {
     if (isLoading.current) return;
     isLoading.current = true;
 
+    const userLang = getUserLang() as keyof typeof libraries;
     const fetchDemoBooks = async () => {
       try {
         const appService = await envConfig.getAppService();

apps/readest-app/src/app/library/page.tsx

@@ -12,8 +12,8 @@ import { getFilename, listFormater } from '@/utils/book';
 import { eventDispatcher } from '@/utils/event';
 import { ProgressPayload } from '@/utils/transfer';
 import { throttle } from '@/utils/throttle';
-import { parseOpenWithFiles } from '@/helpers/cli';
-import { isTauriAppPlatform, hasUpdater } from '@/services/environment';
+import { parseOpenWithFiles } from '@/helpers/openWith';
+import { isTauriAppPlatform } from '@/services/environment';
 import { checkForAppUpdates } from '@/helpers/updater';
 import { FILE_ACCEPT_FORMATS, SUPPORTED_FILE_EXTS } from '@/services/constants';
 import { impactFeedback } from '@tauri-apps/plugin-haptics';
@@ -21,7 +21,6 @@ import { getCurrentWebview } from '@tauri-apps/api/webview';
 
 import { useEnv } from '@/context/EnvContext';
 import { useAuth } from '@/context/AuthContext';
-import { useThemeStore } from '@/store/themeStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useSettingsStore } from '@/store/settingsStore';
@@ -29,11 +28,18 @@ import { usePullToRefresh } from '@/hooks/usePullToRefresh';
 import { useTheme } from '@/hooks/useTheme';
 import { useDemoBooks } from './hooks/useDemoBooks';
 import { useBooksSync } from './hooks/useBooksSync';
+import { useThemeStore } from '@/store/themeStore';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
-import { tauriHandleSetAlwaysOnTop, tauriQuitApp } from '@/utils/window';
+import { lockScreenOrientation } from '@/utils/bridge';
+import {
+  tauriHandleSetAlwaysOnTop,
+  tauriHandleToggleFullScreen,
+  tauriQuitApp,
+} from '@/utils/window';
 
 import { AboutWindow } from '@/components/AboutWindow';
+import { UpdaterWindow } from '@/components/UpdaterWindow';
 import { Toast } from '@/components/Toast';
 import Spinner from '@/components/Spinner';
 import LibraryHeader from './components/LibraryHeader';
@@ -56,12 +62,14 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     updateBook,
     setLibrary,
     checkOpenWithBooks,
+    checkLastOpenBooks,
     setCheckOpenWithBooks,
+    setCheckLastOpenBooks,
   } = useLibraryStore();
   const _ = useTranslation();
-  useTheme();
-  const { updateAppTheme } = useThemeStore();
+  useTheme({ systemUIVisible: true, appThemeColor: 'base-200' });
   const { settings, setSettings, saveSettings } = useSettingsStore();
+  const { statusBarHeight } = useThemeStore();
   const [loading, setLoading] = useState(false);
   const isInitiating = useRef(false);
   const [libraryLoaded, setLibraryLoaded] = useState(false);
@@ -86,6 +94,11 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
   useScreenWakeLock(settings.screenWakeLock);
 
   useShortcuts({
+    onToggleFullscreen: async () => {
+      if (isTauriAppPlatform()) {
+        await tauriHandleToggleFullScreen();
+      }
+    },
     onQuitApp: async () => {
       if (isTauriAppPlatform()) {
         await tauriQuitApp();
@@ -93,14 +106,9 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     },
   });
 
-  useEffect(() => {
-    updateAppTheme('base-200');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
   useEffect(() => {
     const doCheckAppUpdates = async () => {
-      if (hasUpdater() && settings.autoCheckUpdates) {
+      if (appService?.hasUpdater && settings.autoCheckUpdates) {
         await checkForAppUpdates(_);
       }
     };
@@ -111,6 +119,12 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [settings]);
 
+  useEffect(() => {
+    if (appService?.isMobileApp) {
+      lockScreenOrientation({ orientation: 'auto' });
+    }
+  }, [appService]);
+
   const handleDropedFiles = async (files: File[] | string[]) => {
     if (files.length === 0) return;
     const supportedFiles = files.filter((file) => {
@@ -203,7 +217,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
       for (const file of openWithFiles) {
         console.log('Open with book:', file);
         try {
-          const temp = !settings.autoImportBooksOnOpen;
+          const temp = appService.isMobile ? false : !settings.autoImportBooksOnOpen;
           const book = await appService.importBook(file, libraryBooks, true, true, false, temp);
           if (book) {
             bookIds.push(book.hash);
@@ -226,6 +240,27 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     [],
   );
 
+  const handleOpenLastBooks = async (
+    appService: AppService,
+    lastBookIds: string[],
+    libraryBooks: Book[],
+  ) => {
+    if (lastBookIds.length === 0) return;
+    const bookIds: string[] = [];
+    for (const bookId of lastBookIds) {
+      const book = libraryBooks.find((b) => b.hash === bookId);
+      if (book && (await appService.isBookAvailable(book))) {
+        bookIds.push(book.hash);
+      }
+      console.log('Opening last books:', bookIds);
+      if (bookIds.length > 0) {
+        setTimeout(() => {
+          navigateToReader(router, bookIds);
+        }, 0);
+      }
+    }
+  };
+
   useEffect(() => {
     if (isInitiating.current) return;
     isInitiating.current = true;
@@ -251,13 +286,19 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
       setSettings(settings);
 
       const libraryBooks = await appService.loadLibraryBooks();
-      if (checkOpenWithBooks && isTauriAppPlatform()) {
+      if (checkOpenWithBooks) {
         await handleOpenWithBooks(appService, libraryBooks);
       } else {
         setCheckOpenWithBooks(false);
         setLibrary(libraryBooks);
       }
 
+      if (checkLastOpenBooks && settings.openLastBooks) {
+        await handleOpenLastBooks(appService, settings.lastOpenBooks, libraryBooks);
+      } else {
+        setCheckLastOpenBooks(false);
+      }
+
       setLibraryLoaded(true);
       if (loadingTimeout) clearTimeout(loadingTimeout);
       setLoading(false);
@@ -278,6 +319,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     initLibrary();
     return () => {
       setCheckOpenWithBooks(false);
+      setCheckLastOpenBooks(false);
       isInitiating.current = false;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -496,7 +538,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     return null;
   }
 
-  if (checkOpenWithBooks) {
+  if (checkOpenWithBooks || checkLastOpenBooks) {
     return (
       loading && (
         <div className='fixed inset-0 z-50 flex items-center justify-center'>
@@ -532,11 +574,16 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
           <div
             ref={containerRef}
             className={clsx(
-              'scroll-container drop-zone mt-[48px] flex-grow overflow-y-auto px-4 sm:px-2',
-              appService?.hasSafeAreaInset && 'mt-[calc(52px+env(safe-area-inset-top))]',
+              'scroll-container drop-zone flex-grow overflow-y-auto',
+              appService?.hasSafeAreaInset && 'pt-[52px]',
               appService?.hasSafeAreaInset && 'pb-[calc(env(safe-area-inset-bottom))]',
               isDragging && 'drag-over',
             )}
+            style={{
+              marginTop: appService?.hasSafeAreaInset
+                ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
+                : '48px',
+            }}
           >
             <DropIndicator />
             <Bookshelf
@@ -574,9 +621,13 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
           isOpen={!!showDetailsBook}
           book={showDetailsBook}
           onClose={() => setShowDetailsBook(null)}
+          handleBookUpload={handleBookUpload}
+          handleBookDownload={handleBookDownload}
+          handleBookDelete={handleBookDelete}
         />
       )}
       <AboutWindow />
+      {appService?.isAndroidApp && <UpdaterWindow />}
       <Toast />
     </div>
   );

apps/readest-app/src/app/reader/components/BooksGrid.tsx

@@ -27,7 +27,7 @@ interface BooksGridProps {
 const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
   const { appService } = useEnv();
   const { getConfig, getBookData } = useBookDataStore();
-  const { getProgress, getViewState, getViewSettings } = useReaderStore();
+  const { getProgress, getViewState, getViewSettings, hoveredBookKey } = useReaderStore();
   const { isSideBarVisible, sideBarBookKey } = useSidebarStore();
   const { isFontLayoutSettingsDialogOpen, setFontLayoutSettingsDialogOpen } = useSettingsStore();
   const gridTemplate = getGridTemplate(bookKeys.length, window.innerWidth / window.innerHeight);
@@ -42,10 +42,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
 
   return (
     <div
-      className={clsx(
-        'grid h-full flex-grow',
-        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
-      )}
+      className={clsx('grid h-full flex-grow')}
       style={{
         gridTemplateColumns: gridTemplate.columns,
         gridTemplateRows: gridTemplate.rows,
@@ -63,6 +60,10 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
         const isBookmarked = getViewState(bookKey)?.ribbonVisible;
         const horizontalGapPercent = viewSettings.gapPercent;
         const verticalMarginPixels = viewSettings.marginPx;
+        const scrolled = viewSettings.scrolled;
+        const showBarsOnScroll = viewSettings.showBarsOnScroll;
+        const showHeader = viewSettings.showHeader && (scrolled ? showBarsOnScroll : true);
+        const showFooter = viewSettings.showFooter && (scrolled ? showBarsOnScroll : true);
 
         return (
           <div
@@ -70,10 +71,14 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
             key={bookKey}
             className={clsx(
               'relative h-full w-full overflow-hidden',
+              index === 0 &&
+                !viewSettings?.scrolled &&
+                appService?.hasSafeAreaInset &&
+                'pt-[env(safe-area-inset-top)]',
               !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window',
             )}
           >
-            {isBookmarked && <Ribbon width={`${horizontalGapPercent}%`} />}
+            {isBookmarked && !hoveredBookKey && <Ribbon width={`${horizontalGapPercent}%`} />}
             <HeaderBar
               bookKey={bookKey}
               bookTitle={book.title}
@@ -85,32 +90,36 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
             <FoliateViewer bookKey={bookKey} bookDoc={bookDoc} config={config} />
             {viewSettings.vertical && viewSettings.scrolled && (
               <>
-                <div
-                  className='bg-base-100 absolute left-0 top-0 h-full'
-                  style={{
-                    width: `calc(${horizontalGapPercent}%)`,
-                    height: `calc(100% - ${verticalMarginPixels}px)`,
-                  }}
-                />
-                <div
-                  className='bg-base-100 absolute right-0 top-0 h-full'
-                  style={{
-                    width: `calc(${horizontalGapPercent}%)`,
-                    height: `calc(100% - ${verticalMarginPixels}px)`,
-                  }}
-                />
+                {(showFooter || viewSettings.doubleBorder) && (
+                  <div
+                    className='bg-base-100 absolute left-0 top-0 h-full'
+                    style={{
+                      width: `calc(${horizontalGapPercent}%)`,
+                      height: `calc(100% - ${verticalMarginPixels}px)`,
+                    }}
+                  />
+                )}
+                {(showHeader || viewSettings.doubleBorder) && (
+                  <div
+                    className='bg-base-100 absolute right-0 top-0 h-full'
+                    style={{
+                      width: `calc(${horizontalGapPercent}%)`,
+                      height: `calc(100% - ${verticalMarginPixels}px)`,
+                    }}
+                  />
+                )}
               </>
             )}
             {viewSettings.vertical && viewSettings.doubleBorder && (
               <DoubleBorder
-                showHeader={viewSettings.showHeader}
-                showFooter={viewSettings.showFooter}
+                showHeader={showHeader}
+                showFooter={showFooter}
                 borderColor={viewSettings.borderColor}
                 horizontalGap={horizontalGapPercent}
                 verticalMargin={verticalMarginPixels}
               />
             )}
-            {viewSettings.showHeader && (
+            {showHeader && (
               <SectionInfo
                 section={sectionLabel}
                 showDoubleBorder={viewSettings.vertical && viewSettings.doubleBorder}
@@ -127,7 +136,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
               horizontalGap={horizontalGapPercent}
               verticalMargin={verticalMarginPixels}
             />
-            {viewSettings.showFooter && (
+            {showFooter && (
               <PageInfoView
                 bookFormat={book.format}
                 section={section}

apps/readest-app/src/app/reader/components/FoliateViewer.tsx

@@ -2,10 +2,12 @@ import React, { useEffect, useRef, useState } from 'react';
 import { BookDoc, getDirection } from '@/libs/document';
 import { BookConfig } from '@/types/book';
 import { FoliateView, wrappedFoliateView } from '@/types/view';
+import { useEnv } from '@/context/EnvContext';
 import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
 import { useParallelViewStore } from '@/store/parallelViewStore';
-import { useClickEvent, useTouchEvent } from '../hooks/useIframeEvents';
+import { useMouseEvent, useTouchEvent } from '../hooks/useIframeEvents';
+import { usePagination } from '../hooks/usePagination';
 import { useFoliateEvents } from '../hooks/useFoliateEvents';
 import { useProgressSync } from '../hooks/useProgressSync';
 import { useProgressAutoSave } from '../hooks/useProgressAutoSave';
@@ -23,13 +25,16 @@ import {
   handleTouchEnd,
 } from '../utils/iframeEventHandlers';
 import { getMaxInlineSize } from '@/utils/config';
+import { getDirFromUILanguage } from '@/utils/rtl';
 import { transformContent } from '@/services/transformService';
+import { lockScreenOrientation } from '@/utils/bridge';
 
 const FoliateViewer: React.FC<{
   bookKey: string;
   bookDoc: BookDoc;
   config: BookConfig;
 }> = ({ bookKey, bookDoc, config }) => {
+  const { appService } = useEnv();
   const containerRef = useRef<HTMLDivElement>(null);
   const viewRef = useRef<FoliateView | null>(null);
   const isViewCreated = useRef(false);
@@ -54,26 +59,30 @@ const FoliateViewer: React.FC<{
     setProgress(bookKey, detail.cfi, detail.tocItem, detail.section, detail.location, detail.range);
   };
 
-  const docTransformHandler = (event: Event) => {
-    const { detail } = event as CustomEvent;
-    detail.data = Promise.resolve(detail.data)
-      .then((data) => {
-        const viewSettings = getViewSettings(bookKey);
-        if (detail.type === 'text/css') return transformStylesheet(data);
-        if (viewSettings && detail.type === 'application/xhtml+xml') {
-          const ctx = {
-            bookKey,
-            viewSettings,
-            content: data,
-          };
-          return Promise.resolve(transformContent(ctx));
-        }
-        return data;
-      })
-      .catch((e) => {
-        console.error(new Error(`Failed to load ${detail.name}`, { cause: e }));
-        return '';
-      });
+  const getDocTransformHandler = ({ width, height }: { width: number; height: number }) => {
+    return (event: Event) => {
+      const { detail } = event as CustomEvent;
+      detail.data = Promise.resolve(detail.data)
+        .then((data) => {
+          const viewSettings = getViewSettings(bookKey);
+          if (viewSettings && detail.type === 'text/css')
+            return transformStylesheet(viewSettings, width, height, data);
+          if (viewSettings && detail.type === 'application/xhtml+xml') {
+            const ctx = {
+              bookKey,
+              viewSettings,
+              content: data,
+              transformers: ['punctuation'],
+            };
+            return Promise.resolve(transformContent(ctx));
+          }
+          return data;
+        })
+        .catch((e) => {
+          console.error(new Error(`Failed to load ${detail.name}`, { cause: e }));
+          return '';
+        });
+    };
   };
 
   const docLoadHandler = (event: Event) => {
@@ -84,12 +93,19 @@ const FoliateViewer: React.FC<{
       const viewSettings = getViewSettings(bookKey)!;
       viewSettings.vertical =
         writingDir?.vertical || viewSettings.writingMode.includes('vertical') || false;
-      viewSettings.rtl = writingDir?.rtl || viewSettings.writingMode.includes('rl') || false;
+      viewSettings.rtl =
+        writingDir?.rtl ||
+        getDirFromUILanguage() === 'rtl' ||
+        viewSettings.writingMode.includes('rl') ||
+        false;
       setViewSettings(bookKey, { ...viewSettings });
 
       mountAdditionalFonts(detail.doc);
 
       if (!detail.doc.isEventListenersAdded) {
+        // listened events in iframes are posted to the main window
+        // and then used by useMouseEvent and useTouchEvent
+        // and more gesture events can be detected in the iframeEventHandlers
         detail.doc.isEventListenersAdded = true;
         detail.doc.addEventListener('keydown', handleKeydown.bind(null, bookKey));
         detail.doc.addEventListener('mousedown', handleMousedown.bind(null, bookKey));
@@ -107,18 +123,6 @@ const FoliateViewer: React.FC<{
     const detail = (event as CustomEvent).detail;
     if (detail.reason !== 'scroll' && detail.reason !== 'page') return;
 
-    if (detail.reason === 'scroll') {
-      const renderer = viewRef.current?.renderer;
-      const viewSettings = getViewSettings(bookKey)!;
-      if (renderer && viewSettings.continuousScroll) {
-        if (renderer.start <= 0) {
-          viewRef.current?.prev(1);
-          // sometimes viewSize has subpixel value that the end never reaches
-        } else if (renderer.end + 1 >= renderer.viewSize) {
-          viewRef.current?.next(1);
-        }
-      }
-    }
     const parallelViews = getParallels(bookKey);
     if (parallelViews && parallelViews.size > 0) {
       parallelViews.forEach((key) => {
@@ -132,8 +136,9 @@ const FoliateViewer: React.FC<{
     }
   };
 
-  useTouchEvent(bookKey, viewRef);
-  const { handleTurnPage } = useClickEvent(bookKey, viewRef, containerRef);
+  const { handlePageFlip, handleContinuousScroll } = usePagination(bookKey, viewRef, containerRef);
+  const mouseHandlers = useMouseEvent(bookKey, handlePageFlip, handleContinuousScroll);
+  const touchHandlers = useTouchEvent(bookKey, handleContinuousScroll);
 
   useFoliateEvents(viewRef.current, {
     onLoad: docLoadHandler,
@@ -161,6 +166,10 @@ const FoliateViewer: React.FC<{
       document.body.append(view);
       containerRef.current?.appendChild(view);
 
+      const containerRect = containerRef.current?.getBoundingClientRect();
+      const width = containerRect?.width || window.innerWidth;
+      const height = containerRect?.height || window.innerHeight;
+
       const writingMode = viewSettings.writingMode;
       if (writingMode) {
         const settingsDir = getBookDirFromWritingMode(writingMode);
@@ -179,16 +188,23 @@ const FoliateViewer: React.FC<{
 
       const { book } = view;
 
-      book.transformTarget?.addEventListener('data', docTransformHandler);
+      book.transformTarget?.addEventListener('data', getDocTransformHandler({ width, height }));
       view.renderer.setStyles?.(getStyles(viewSettings));
 
       const isScrolled = viewSettings.scrolled!;
-      const marginPx = viewSettings.marginPx!;
-      const gapPercent = viewSettings.gapPercent!;
+      const showHeader = viewSettings.showHeader!;
+      const showFooter = viewSettings.showFooter!;
+      const isCompact = !showHeader && !showFooter;
+      const marginPx = isCompact ? viewSettings.compactMarginPx : viewSettings.marginPx;
+      const gapPercent = isCompact ? viewSettings.compactGapPercent : viewSettings.gapPercent;
       const animated = viewSettings.animated!;
       const maxColumnCount = viewSettings.maxColumnCount!;
       const maxInlineSize = getMaxInlineSize(viewSettings);
       const maxBlockSize = viewSettings.maxBlockSize!;
+      const screenOrientation = viewSettings.screenOrientation!;
+      if (appService?.isMobileApp) {
+        await lockScreenOrientation({ orientation: screenOrientation });
+      }
       if (animated) {
         view.renderer.setAttribute('animated', '');
       } else {
@@ -216,9 +232,10 @@ const FoliateViewer: React.FC<{
   return (
     <>
       <div
-        className='foliate-viewer h-[100%] w-[100%]'
-        onClick={(event) => handleTurnPage(event)}
         ref={containerRef}
+        className='foliate-viewer h-[100%] w-[100%]'
+        {...mouseHandlers}
+        {...touchHandlers}
       />
     </>
   );

apps/readest-app/src/app/reader/components/FooterBar.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import clsx from 'clsx';
 import { RiArrowLeftWideLine, RiArrowRightWideLine } from 'react-icons/ri';
 import { RiArrowGoBackLine, RiArrowGoForwardLine } from 'react-icons/ri';
@@ -103,7 +103,6 @@ const FooterBar: React.FC<FooterBarProps> = ({
   };
 
   const handleSetActionTab = (tab: string) => {
-    console.log('handleSetActionTab', tab);
     setActionTab(actionTab === tab ? '' : tab);
     if (tab === 'tts') {
       setHoveredBookKey('');
@@ -123,6 +122,12 @@ const FooterBar: React.FC<FooterBarProps> = ({
     }
   };
 
+  useEffect(() => {
+    if (hoveredBookKey !== bookKey) {
+      setActionTab('');
+    }
+  }, [hoveredBookKey, bookKey]);
+
   const getMarginProgressValue = (marginPx: number, gapPercent: number) => {
     return (marginPx / 88 + gapPercent / 10) * 50;
   };
@@ -130,9 +135,10 @@ const FooterBar: React.FC<FooterBarProps> = ({
   const isVisible = hoveredBookKey === bookKey;
   const progressInfo = bookFormat === 'PDF' ? section : pageinfo;
   const progressValid = !!progressInfo;
-  const progressFraction = progressValid
-    ? ((progressInfo!.next ?? progressInfo!.current) + 1) / progressInfo!.total
-    : 0;
+  const progressFraction =
+    progressValid && progressInfo?.total > 0
+      ? (progressInfo!.current + 1) / progressInfo!.total || 0
+      : 0;
 
   return (
     <>
@@ -149,7 +155,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
         className={clsx(
           'footer-bar shadow-xs absolute bottom-0 z-50 flex w-full flex-col',
           'sm:h-[52px] sm:justify-center',
-          'sm:bg-base-100 border-base-300/50 border sm:border-none',
+          'sm:bg-base-100 border-base-300/50 border-t sm:border-none',
           'transition-[opacity,transform] duration-300',
           appService?.hasRoundedWindow && 'rounded-window-bottom-right',
           !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-bottom-left',

apps/readest-app/src/app/reader/components/FootnotePopup.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { BookDoc } from '@/libs/document';
 import { useReaderStore } from '@/store/readerStore';
 import { useFoliateEvents } from '../hooks/useFoliateEvents';
-import { getFootnoteStyles, getStyles, getThemeCode } from '@/utils/style';
+import { getFootnoteStyles, getStyles, getThemeCode, mountAdditionalFonts } from '@/utils/style';
 import { getPopupPosition, getPosition, Position } from '@/utils/sel';
 import { eventDispatcher } from '@/utils/event';
 import { FoliateView } from '@/types/view';
@@ -53,6 +53,10 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
           getView(bookKey)?.goTo(popupLinkDetail.href);
         });
       });
+      view.addEventListener('load', (e: CustomEvent) => {
+        const { doc } = e.detail;
+        mountAdditionalFonts(doc);
+      });
       footnoteViewRef.current = view;
       footnoteRef.current?.replaceChildren(view);
       const { renderer } = view;
@@ -131,6 +135,11 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
     setGridRect(rect);
     setTrianglePosition(triangPos);
 
+    const { a: anchor } = detail as { a: HTMLAnchorElement };
+    const footnoteClasses = ['duokan-footnote', 'footnote-link', 'footnote'];
+    if (footnoteClasses.some((cls) => anchor.classList.contains(cls))) {
+      detail['follow'] = true;
+    }
     footnoteHandler.handle(bookDoc, event)?.catch((err) => {
       console.warn(err);
       const detail = (event as CustomEvent).detail;

apps/readest-app/src/app/reader/components/HeaderBar.tsx

@@ -3,6 +3,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { PiDotsThreeVerticalBold } from 'react-icons/pi';
 
 import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
@@ -42,7 +43,8 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
     cleanupTrafficLightListeners,
   } = useTrafficLightStore();
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-  const { hoveredBookKey, setHoveredBookKey, bookKeys } = useReaderStore();
+  const { bookKeys, hoveredBookKey, setHoveredBookKey } = useReaderStore();
+  const { systemUIVisible, statusBarHeight } = useThemeStore();
   const { isSideBarVisible } = useSidebarStore();
   const iconSize16 = useResponsiveSize(16);
 
@@ -70,56 +72,88 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isSideBarVisible]);
 
+  const isVisible = hoveredBookKey === bookKey || isDropdownOpen;
+
   return (
     <div
-      ref={headerRef}
       className={clsx(
-        `header-bar absolute top-0 z-10 flex h-11 w-full items-center pr-4`,
-        isTrafficLightVisible && isTopLeft && !isSideBarVisible ? 'pl-16' : 'pl-4',
-        `shadow-xs bg-base-100 transition-opacity duration-300`,
-        appService?.hasRoundedWindow && 'rounded-window-top-right',
-        !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-top-left',
-        isHoveredAnim && 'hover-bar-anim',
-        hoveredBookKey === bookKey || isDropdownOpen ? `visible` : `opacity-0`,
-        isDropdownOpen && 'header-bar-pinned',
+        'bg-base-100 absolute top-0 w-full',
+        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
       )}
-      onMouseEnter={() => setHoveredBookKey(bookKey)}
-      onMouseLeave={() => setHoveredBookKey('')}
     >
-      <div className='sidebar-bookmark-toggler bg-base-100 z-20 flex h-full items-center gap-x-4'>
-        <div className='hidden sm:flex'>
-          <SidebarToggler bookKey={bookKey} />
+      <div
+        className={clsx('absolute top-0 z-10 hidden h-11 w-full sm:flex')}
+        onMouseEnter={() => !appService?.isMobile && setHoveredBookKey(bookKey)}
+        onTouchStart={() => !appService?.isMobile && setHoveredBookKey(bookKey)}
+      />
+      <div
+        className={clsx(
+          'bg-base-100 absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          isVisible ? 'visible' : 'hidden',
+        )}
+        style={{
+          height: systemUIVisible ? `max(env(safe-area-inset-top), ${statusBarHeight}px)` : '',
+        }}
+      />
+      <div
+        ref={headerRef}
+        className={clsx(
+          `header-bar bg-base-100 absolute top-0 z-10 flex h-11 w-full items-center pr-4`,
+          `shadow-xs transition-[opacity,margin-top] duration-300`,
+          isTrafficLightVisible && isTopLeft && !isSideBarVisible ? 'pl-16' : 'pl-4',
+          appService?.hasRoundedWindow && 'rounded-window-top-right',
+          !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-top-left',
+          isHoveredAnim && 'hover-bar-anim',
+          isVisible ? 'pointer-events-auto visible' : 'pointer-events-none opacity-0',
+          isDropdownOpen && 'header-bar-pinned',
+        )}
+        style={{
+          marginTop: systemUIVisible
+            ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
+            : 'env(safe-area-inset-top)',
+        }}
+        onMouseLeave={() => !appService?.isMobile && setHoveredBookKey('')}
+      >
+        <div className='sidebar-bookmark-toggler z-20 flex h-full items-center gap-x-4'>
+          <div className='hidden sm:flex'>
+            <SidebarToggler bookKey={bookKey} />
+          </div>
+          <BookmarkToggler bookKey={bookKey} />
         </div>
-        <BookmarkToggler bookKey={bookKey} />
-      </div>
 
-      <div className='header-title z-15 pointer-events-none absolute inset-0 hidden items-center justify-center sm:flex'>
-        <h2 className='line-clamp-1 max-w-[50%] text-center text-xs font-semibold'>{bookTitle}</h2>
-      </div>
+        <div className='header-title z-15 bg-base-100 pointer-events-none absolute inset-0 hidden items-center justify-center sm:flex'>
+          <h2 className='line-clamp-1 max-w-[50%] text-center text-xs font-semibold'>
+            {bookTitle}
+          </h2>
+        </div>
 
-      <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4'>
-        <SettingsToggler />
-        <NotebookToggler bookKey={bookKey} />
-        <Dropdown
-          className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
-          buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
-          toggleButton={<PiDotsThreeVerticalBold size={iconSize16} />}
-          onToggle={handleToggleDropdown}
-        >
-          <ViewMenu bookKey={bookKey} onSetSettingsDialogOpen={onSetSettingsDialogOpen} />
-        </Dropdown>
+        <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4'>
+          <SettingsToggler />
+          <NotebookToggler bookKey={bookKey} />
+          <Dropdown
+            className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
+            buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
+            toggleButton={<PiDotsThreeVerticalBold size={iconSize16} />}
+            onToggle={handleToggleDropdown}
+          >
+            <ViewMenu bookKey={bookKey} onSetSettingsDialogOpen={onSetSettingsDialogOpen} />
+          </Dropdown>
 
-        <WindowButtons
-          className='window-buttons flex h-full items-center'
-          headerRef={headerRef}
-          showMinimize={
-            bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
-          }
-          showMaximize={
-            bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
-          }
-          onClose={() => onCloseBook(bookKey)}
-        />
+          <WindowButtons
+            className='window-buttons flex h-full items-center'
+            headerRef={headerRef}
+            showMinimize={
+              bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
+            }
+            showMaximize={
+              bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
+            }
+            onClose={() => {
+              setHoveredBookKey(null);
+              onCloseBook(bookKey);
+            }}
+          />
+        </div>
       </div>
     </div>
   );

apps/readest-app/src/app/reader/components/HintInfo.tsx

@@ -45,26 +45,35 @@ const HintInfo: React.FC<SectionInfoProps> = ({
   }, [hintMessage]);
 
   return (
-    <div
-      className={clsx(
-        'hintinfo absolute flex items-center justify-end overflow-hidden',
-        hintMessage ? 'bg-base-100' : 'bg-transparent',
-        isVertical ? 'writing-vertical-rl max-h-[50%]' : 'top-0 h-[44px] max-w-[50%]',
-      )}
-      style={
-        isVertical
-          ? {
-              bottom: `${verticalMargin * 1.5}px`,
-              left: `calc(100% - ${horizontalGap}%)`,
-              width: showDoubleBorder ? '30px' : `${horizontalGap}%`,
-            }
-          : { insetInlineEnd: `${horizontalGap}%` }
-      }
-    >
-      <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
-        {hintMessage || ''}
-      </h2>
-    </div>
+    <>
+      <div
+        className={clsx(
+          'absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          hintMessage ? 'bg-base-100' : 'bg-transparent',
+        )}
+      />
+      <div
+        className={clsx(
+          'hintinfo absolute flex items-center justify-end overflow-hidden ps-2',
+          'mt-[env(safe-area-inset-top)]',
+          hintMessage ? 'bg-base-100' : 'bg-transparent',
+          isVertical ? 'writing-vertical-rl max-h-[50%]' : 'top-0 h-[44px] max-w-[50%]',
+        )}
+        style={
+          isVertical
+            ? {
+                bottom: `${verticalMargin * 1.5}px`,
+                left: `calc(100% - ${horizontalGap}%)`,
+                width: showDoubleBorder ? '30px' : `${horizontalGap}%`,
+              }
+            : { insetInlineEnd: `${horizontalGap}%` }
+        }
+      >
+        <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
+          {hintMessage || ''}
+        </h2>
+      </div>
+    </>
   );
 };
 

apps/readest-app/src/app/reader/components/NotebookToggler.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { LuNotebookPen } from 'react-icons/lu';
 
+import { useEnv } from '@/context/EnvContext';
+import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useNotebookStore } from '@/store/notebookStore';
 import { useTranslation } from '@/hooks/useTranslation';
@@ -13,11 +15,16 @@ interface NotebookTogglerProps {
 
 const NotebookToggler: React.FC<NotebookTogglerProps> = ({ bookKey }) => {
   const _ = useTranslation();
+  const { appService } = useEnv();
+  const { setHoveredBookKey } = useReaderStore();
   const { sideBarBookKey, setSideBarBookKey } = useSidebarStore();
   const { isNotebookVisible, toggleNotebook } = useNotebookStore();
   const iconSize16 = useResponsiveSize(16);
 
   const handleToggleSidebar = () => {
+    if (appService?.isMobile) {
+      setHoveredBookKey('');
+    }
     if (sideBarBookKey === bookKey) {
       toggleNotebook();
     } else {

apps/readest-app/src/app/reader/components/PageInfo.tsx

@@ -35,7 +35,7 @@ const PageInfoView: React.FC<PageInfoProps> = ({
       : ''
     : pageinfo
       ? _(isVertical ? '{{currentPage}} · {{totalPage}}' : 'Loc. {{currentPage}} / {{totalPage}}', {
-          currentPage: (pageinfo.next ?? pageinfo.current) + 1,
+          currentPage: pageinfo.current + 1,
           totalPage: pageinfo.total,
         })
       : '';
@@ -57,7 +57,9 @@ const PageInfoView: React.FC<PageInfoProps> = ({
             }
           : {
               insetInlineEnd: `${horizontalGap}%`,
-              paddingBottom: appService?.hasSafeAreaInset ? 'env(safe-area-inset-bottom)' : 0,
+              paddingBottom: appService?.hasSafeAreaInset
+                ? 'calc(env(safe-area-inset-bottom)*0.67)'
+                : 0,
             }
       }
     >

apps/readest-app/src/app/reader/components/Reader.tsx

@@ -2,32 +2,83 @@
 
 import clsx from 'clsx';
 import * as React from 'react';
-import { useEffect, Suspense, useRef } from 'react';
+import { useEffect, Suspense, useRef, useState } from 'react';
 
 import { useEnv } from '@/context/EnvContext';
 import { useTheme } from '@/hooks/useTheme';
 import { useThemeStore } from '@/store/themeStore';
+import { useReaderStore } from '@/store/readerStore';
 import { useLibraryStore } from '@/store/libraryStore';
+import { useSidebarStore } from '@/store/sidebarStore';
+import { useNotebookStore } from '@/store/notebookStore';
 import { useSettingsStore } from '@/store/settingsStore';
+import { useDeviceControlStore } from '@/store/deviceStore';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
+import { eventDispatcher } from '@/utils/event';
+import { setSystemUIVisibility } from '@/utils/bridge';
 import { AboutWindow } from '@/components/AboutWindow';
+import { UpdaterWindow } from '@/components/UpdaterWindow';
 import { Toast } from '@/components/Toast';
 import ReaderContent from './ReaderContent';
-import { useSidebarStore } from '@/store/sidebarStore';
 
 const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
   const { envConfig, appService } = useEnv();
+  const { setLibrary } = useLibraryStore();
+  const { hoveredBookKey } = useReaderStore();
   const { settings, setSettings } = useSettingsStore();
-  const { isSideBarVisible } = useSidebarStore();
-  const { getVisibleLibrary, setLibrary } = useLibraryStore();
+  const { isSideBarVisible, setSideBarVisible } = useSidebarStore();
+  const { isNotebookVisible, setNotebookVisible } = useNotebookStore();
+  const { isDarkMode, showSystemUI, dismissSystemUI } = useThemeStore();
+  const { acquireBackKeyInterception, releaseBackKeyInterception } = useDeviceControlStore();
+  const [libraryLoaded, setLibraryLoaded] = useState(false);
   const isInitiating = useRef(false);
 
-  const { updateAppTheme } = useThemeStore();
-  useTheme();
+  useTheme({ systemUIVisible: false, appThemeColor: 'base-100' });
   useScreenWakeLock(settings.screenWakeLock);
 
   useEffect(() => {
-    updateAppTheme('base-100');
+    const handleVisibilityChange = () => {
+      if (appService?.isMobileApp && !document.hidden) {
+        dismissSystemUI();
+        setSystemUIVisibility({ visible: false, darkMode: isDarkMode });
+      }
+    };
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    return () => {
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [appService, isDarkMode]);
+
+  const handleKeyDown = (event: CustomEvent) => {
+    if (event.detail.keyName === 'Back') {
+      setSideBarVisible(false);
+      setNotebookVisible(false);
+      return true;
+    }
+    return false;
+  };
+
+  useEffect(() => {
+    if (!appService?.isAndroidApp) return;
+    if (isSideBarVisible || isNotebookVisible) {
+      acquireBackKeyInterception();
+      eventDispatcher.onSync('native-key-down', handleKeyDown);
+    }
+    if (!isSideBarVisible && !isNotebookVisible) {
+      releaseBackKeyInterception();
+      eventDispatcher.offSync('native-key-down', handleKeyDown);
+    }
+    return () => {
+      if (appService?.isAndroidApp) {
+        releaseBackKeyInterception();
+        eventDispatcher.offSync('native-key-down', handleKeyDown);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSideBarVisible, isNotebookVisible]);
+
+  useEffect(() => {
     if (isInitiating.current) return;
     isInitiating.current = true;
     const initLibrary = async () => {
@@ -35,14 +86,27 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
       const settings = await appService.loadSettings();
       setSettings(settings);
       setLibrary(await appService.loadLibraryBooks());
+      setLibraryLoaded(true);
     };
 
     initLibrary();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  useEffect(() => {
+    if (!appService?.isMobile) return;
+    const systemUIVisible = !!hoveredBookKey;
+    setSystemUIVisibility({ visible: systemUIVisible, darkMode: isDarkMode });
+    if (systemUIVisible) {
+      showSystemUI();
+    } else {
+      dismissSystemUI();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hoveredBookKey]);
+
   return (
-    getVisibleLibrary().length > 0 &&
+    libraryLoaded &&
     settings.globalReadSettings && (
       <div
         className={clsx(
@@ -53,6 +117,7 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
         <Suspense>
           <ReaderContent ids={ids} settings={settings} />
           <AboutWindow />
+          {appService?.isAndroidApp && <UpdaterWindow />}
           <Toast />
         </Suspense>
       </div>

apps/readest-app/src/app/reader/components/ReaderContent.tsx

@@ -12,7 +12,7 @@ import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { Book } from '@/types/book';
 import { SystemSettings } from '@/types/settings';
-import { parseOpenWithFiles } from '@/helpers/cli';
+import { parseOpenWithFiles } from '@/helpers/openWith';
 import { tauriHandleClose, tauriHandleOnCloseWindow } from '@/utils/window';
 import { isTauriAppPlatform } from '@/services/environment';
 import { uniqueId } from '@/utils/misc';
@@ -77,6 +77,12 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
   }, []);
 
   useEffect(() => {
+    if (bookKeys && bookKeys.length > 0) {
+      const settings = useSettingsStore.getState().settings;
+      settings.lastOpenBooks = bookKeys.map((key) => key.split('-')[0]!);
+      saveSettings(envConfig, settings);
+    }
+
     if (isTauriAppPlatform()) tauriHandleOnCloseWindow(handleCloseBooks);
     window.addEventListener('beforeunload', handleCloseBooks);
     eventDispatcher.on('quit-app', handleCloseBooks);
@@ -135,7 +141,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
     dismissBook(bookKey);
     if (bookKeys.filter((key) => key !== bookKey).length == 0) {
       const openWithFiles = (await parseOpenWithFiles()) || [];
-      if (openWithFiles.length > 0) {
+      if (openWithFiles.length > 0 && !appService?.isMobile) {
         tauriHandleClose();
       } else {
         saveSettingsAndGoToLibrary();

apps/readest-app/src/app/reader/components/Ribbon.tsx

@@ -5,22 +5,24 @@ interface RibbonProps {
   width: string;
 }
 
-const Ribbon: React.FC<RibbonProps> = ({ width }) => {
+const Ribbon: React.FC<RibbonProps> = ({}) => {
   return (
     <div
-      className={clsx('absolute inset-0 z-10 flex h-11 justify-center')}
-      style={{ width: width }}
+      className={clsx(
+        'fixed inset-0 z-10 flex w-8 justify-center sm:w-6',
+        'h-[calc(env(safe-area-inset-top)+44px)]',
+      )}
     >
       <svg
-        stroke='currentColor'
-        fill='currentColor'
-        strokeWidth='0'
-        version='1'
-        viewBox='0 0 20 45'
-        enableBackground='new 0 0 20 45'
+        width='100%'
+        height='100%'
+        preserveAspectRatio='none'
+        viewBox='0 0 100 100'
         xmlns='http://www.w3.org/2000/svg'
+        shapeRendering='geometricPrecision'
+        imageRendering='optimizeQuality'
       >
-        <path fill='#F44336' d='M 20 45 L 10 35 L 0 45 L 0 0 L 20 0'></path>
+        <polygon fill='#F44336' points='100 100, 50 78, 0 100, 0 0, 100 0' />
       </svg>
     </div>
   );

apps/readest-app/src/app/reader/components/SectionInfo.tsx

@@ -19,32 +19,41 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
   verticalMargin,
 }) => {
   return (
-    <div
-      className={clsx(
-        'sectioninfo absolute flex items-center overflow-hidden',
-        isVertical ? 'writing-vertical-rl max-h-[85%]' : 'top-0 h-[44px]',
-        isScrolled && !isVertical && 'bg-base-100',
-      )}
-      style={
-        isVertical
-          ? {
-              top: `${verticalMargin * 1.5}px`,
-              left: `calc(100% - ${horizontalGap}%)`,
-              width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
-              height: `calc(100% - ${verticalMargin * 2}px)`,
-            }
-          : { insetInlineStart: `${horizontalGap}%`, width: `calc(100% - ${horizontalGap * 2}%)` }
-      }
-    >
-      <h2
+    <>
+      <div
         className={clsx(
-          'text-neutral-content text-center font-sans text-xs font-light',
-          isVertical ? '' : 'line-clamp-1',
+          'absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          isScrolled && !isVertical && 'bg-base-100',
         )}
+      />
+      <div
+        className={clsx(
+          'sectioninfo absolute flex items-center overflow-hidden',
+          'mt-[env(safe-area-inset-top)]',
+          isVertical ? 'writing-vertical-rl max-h-[85%]' : 'top-0 h-[44px]',
+          isScrolled && !isVertical && 'bg-base-100',
+        )}
+        style={
+          isVertical
+            ? {
+                top: `${verticalMargin * 1.5}px`,
+                left: `calc(100% - ${horizontalGap}%)`,
+                width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
+                height: `calc(100% - ${verticalMargin * 2}px)`,
+              }
+            : { insetInlineStart: `${horizontalGap}%`, width: `calc(100% - ${horizontalGap * 2}%)` }
+        }
       >
-        {section || ''}
-      </h2>
-    </div>
+        <h2
+          className={clsx(
+            'text-neutral-content text-center font-sans text-xs font-light',
+            isVertical ? '' : 'line-clamp-1',
+          )}
+        >
+          {section || ''}
+        </h2>
+      </div>
+    </>
   );
 };
 

apps/readest-app/src/app/reader/components/ViewMenu.tsx

@@ -117,7 +117,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
       <MenuItem
         label={_('Scrolled Mode')}
         shortcut='Shift+J'
-        icon={isScrolledMode ? <MdCheck /> : undefined}
+        Icon={isScrolledMode ? MdCheck : undefined}
         onClick={toggleScrolledMode}
       />
 
@@ -132,7 +132,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
               ? _('Light Mode')
               : _('Auto Mode')
         }
-        icon={themeMode === 'dark' ? <BiMoon /> : themeMode === 'light' ? <BiSun /> : <TbSunMoon />}
+        Icon={themeMode === 'dark' ? BiMoon : themeMode === 'light' ? BiSun : TbSunMoon}
         onClick={cycleThemeMode}
       />
     </div>

apps/readest-app/src/app/reader/components/annotator/Annotator.tsx

@@ -22,9 +22,16 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { useFoliateEvents } from '../../hooks/useFoliateEvents';
 import { useNotesSync } from '../../hooks/useNotesSync';
-import { getPopupPosition, getPosition, Position, TextSelection } from '@/utils/sel';
+import {
+  getPopupPosition,
+  getPosition,
+  getTextFromRange,
+  Position,
+  TextSelection,
+} from '@/utils/sel';
 import { eventDispatcher } from '@/utils/event';
 import { findTocItemBS } from '@/utils/toc';
+import { transformContent } from '@/services/transformService';
 import { HIGHLIGHT_COLOR_HEX } from '@/services/constants';
 import AnnotationPopup from './AnnotationPopup';
 import WiktionaryPopup from './WiktionaryPopup';
@@ -47,11 +54,14 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const bookData = getBookData(bookKey)!;
   const view = getView(bookKey);
   const viewSettings = getViewSettings(bookKey)!;
+  const primaryLang = bookData.book?.primaryLanguage || 'en';
 
   const isShowingPopup = useRef(false);
   const isTextSelected = useRef(false);
   const isUpToShowPopup = useRef(false);
   const isTouchstarted = useRef(false);
+  const selectionStartRef = useRef<number | null>(null);
+  const selectionAnchorRef = useRef<{ node: Node; offset: number } | null>(null);
   const [selection, setSelection] = useState<TextSelection | null>();
   const [showAnnotPopup, setShowAnnotPopup] = useState(false);
   const [showWiktionaryPopup, setShowWiktionaryPopup] = useState(false);
@@ -88,28 +98,43 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     const isValidSelection = (sel: Selection) => {
       return sel && sel.toString().trim().length > 0 && sel.rangeCount > 0;
     };
-    const makeSelection = (sel: Selection, rebuildRange = false) => {
+    const transformCtx = {
+      bookKey,
+      viewSettings: getViewSettings(bookKey)!,
+      content: '',
+      transformers: ['punctuation'],
+      reversePunctuationTransform: true,
+    };
+    const getAnnotationText = (range: Range) => {
+      return getTextFromRange(range, primaryLang.startsWith('ja') ? ['rt'] : []);
+    };
+    const makeSelection = async (sel: Selection, rebuildRange = false) => {
       isTextSelected.current = true;
       const range = sel.getRangeAt(0);
       if (rebuildRange) {
         sel.removeAllRanges();
         sel.addRange(range);
       }
-      setSelection({ key: bookKey, text: sel.toString(), range, index });
+      transformCtx['content'] = getAnnotationText(range);
+      setSelection({ key: bookKey, text: await transformContent(transformCtx), range, index });
     };
     // FIXME: extremely hacky way to dismiss system selection tools on iOS
-    const makeSelectionOnIOS = (sel: Selection) => {
+    const makeSelectionOnIOS = async (sel: Selection) => {
       isTextSelected.current = true;
       const range = sel.getRangeAt(0);
       setTimeout(() => {
         sel.removeAllRanges();
-        setTimeout(() => {
+        setTimeout(async () => {
           if (!isTextSelected.current) return;
           sel.addRange(range);
-          setSelection({ key: bookKey, text: range.toString(), range, index });
+          transformCtx['content'] = getAnnotationText(range);
+          setSelection({ key: bookKey, text: await transformContent(transformCtx), range, index });
         }, 40);
       }, 0);
     };
+    const handleSelectstart = () => {
+      selectionAnchorRef.current = null;
+    };
     const handleSelectionchange = () => {
       // Available on iOS, Android and Desktop, fired when the selection is changed
       // Ideally the popup only shows when the selection is done,
@@ -120,6 +145,27 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       const sel = doc.getSelection();
       if (isValidSelection(sel)) {
         if (osPlatform === 'android' && isTouchstarted.current) {
+          if (!selectionAnchorRef.current) {
+            const range = sel.getRangeAt(0);
+            selectionAnchorRef.current = {
+              node: range.startContainer,
+              offset: range.startOffset,
+            };
+          }
+          if (selectionAnchorRef.current) {
+            const currentRange = sel.getRangeAt(0);
+            if (
+              currentRange.startContainer !== selectionAnchorRef.current.node ||
+              currentRange.startOffset !== selectionAnchorRef.current.offset
+            ) {
+              const newRange = doc.createRange();
+              newRange.setStart(selectionAnchorRef.current.node, selectionAnchorRef.current.offset);
+              newRange.setEnd(currentRange.endContainer, currentRange.endOffset);
+
+              sel.removeAllRanges();
+              sel.addRange(newRange);
+            }
+          }
           makeSelection(sel, false);
         }
       } else if (!isUpToShowPopup.current) {
@@ -155,11 +201,26 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       // Available on iOS, on Android fired after an additional touch event
       isTouchstarted.current = false;
     };
+    const handleScroll = () => {
+      // Prevent the container from scrolling when text is selected in paginated mode
+      // This is a workaround for the issue #873
+      // TODO: support text selection across pages
+      if (
+        !viewSettings?.scrolled &&
+        isTextSelected.current &&
+        view?.renderer?.containerPosition &&
+        selectionStartRef.current
+      ) {
+        view.renderer.containerPosition = selectionStartRef.current;
+      }
+    };
     if (bookData.book?.format !== 'PDF') {
+      view?.renderer?.addEventListener('scroll', handleScroll);
       detail.doc?.addEventListener('pointerup', handlePointerup);
       detail.doc?.addEventListener('touchstart', handleTouchstart);
       detail.doc?.addEventListener('touchmove', handleTouchmove);
       detail.doc?.addEventListener('touchend', handleTouchend);
+      detail.doc?.addEventListener('selectstart', handleSelectstart);
       detail.doc?.addEventListener('selectionchange', handleSelectionchange);
 
       // Disable the default context menu on mobile devices,
@@ -190,8 +251,10 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       const lineHeightValue =
         parseFloat(lineHeight) || viewSettings.lineHeight * viewSettings.defaultFontSize;
       const fontSizeValue = parseFloat(fontSize) || viewSettings.defaultFontSize;
-      const strokeWidth = style === 'underline' ? 2 : 4;
-      const padding = (lineHeightValue - fontSizeValue - strokeWidth) / 2;
+      const strokeWidth = 2;
+      const padding = viewSettings.vertical
+        ? (lineHeightValue - fontSizeValue - strokeWidth) / 2
+        : strokeWidth;
       draw(Overlayer[style as keyof typeof Overlayer], { writingMode, color: hexColor, padding });
     }
   };
@@ -229,6 +292,16 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     isTextSelected.current = false;
   };
 
+  useEffect(() => {
+    if (isTextSelected.current && !selectionStartRef.current) {
+      selectionStartRef.current = view?.renderer?.start || null;
+    } else if (!isTextSelected.current) {
+      selectionStartRef.current = null;
+      selectionAnchorRef.current = null;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isTextSelected.current]);
+
   useEffect(() => {
     const handleSingleClick = (): boolean => {
       if (isUpToShowPopup.current) {

apps/readest-app/src/app/reader/components/settings/FontDropDown.tsx

@@ -2,8 +2,9 @@ import clsx from 'clsx';
 import React from 'react';
 import { FiChevronUp, FiChevronLeft } from 'react-icons/fi';
 import { MdCheck } from 'react-icons/md';
+import { useEnv } from '@/context/EnvContext';
 import { useTranslation } from '@/hooks/useTranslation';
-import { useDefaultIconSize, useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 
 interface DropdownProps {
   family?: string;
@@ -23,34 +24,42 @@ const FontDropdown: React.FC<DropdownProps> = ({
   onGetFontFamily,
 }) => {
   const _ = useTranslation();
+  const { appService } = useEnv();
   const iconSize16 = useResponsiveSize(16);
-  const defaultIconSize = useDefaultIconSize();
   const allOptions = [...options, ...(moreOptions ?? [])];
   const selectedOption = allOptions.find((option) => option.option === selected) ?? allOptions[0]!;
   return (
     <div className='dropdown dropdown-top'>
       <button
         tabIndex={0}
-        className='btn btn-sm flex items-center gap-1 px-[20px] font-normal normal-case'
+        className='btn btn-sm flex items-center px-[10px] font-normal normal-case sm:px-[20px]'
         onClick={(e) => e.currentTarget.focus()}
       >
-        <span style={{ fontFamily: onGetFontFamily(selectedOption.option, family ?? '') }}>
-          {selectedOption.label}
-        </span>
-        <FiChevronUp size={iconSize16} />
+        <div className='flex items-center gap-x-1'>
+          <span
+            className='text-ellipsis'
+            style={{
+              fontFamily: onGetFontFamily(selectedOption.option, family ?? ''),
+            }}
+          >
+            {selectedOption.label}
+          </span>
+          <FiChevronUp size={iconSize16} />
+        </div>
       </button>
       <ul
         tabIndex={0}
         className={clsx(
-          'dropdown-content bgcolor-base-200 no-triangle menu rounded-box absolute right-[-32px] z-[1] mt-4 w-44 shadow sm:right-0',
+          'dropdown-content bgcolor-base-200 no-triangle menu rounded-box absolute z-[1] mt-4 shadow',
+          '!sm:px-2 right-[-32px] w-[46vw] !px-1 sm:right-0 sm:w-44',
           moreOptions?.length ? '' : 'inline max-h-80 overflow-y-scroll',
         )}
       >
         {options.map(({ option, label }) => (
           <li key={option} onClick={() => onSelect(option)}>
-            <div className='flex items-center px-0'>
-              <span style={{ minWidth: `${defaultIconSize}px` }}>
-                {selected === option && <MdCheck className='text-base-content' />}
+            <div className='flex w-full items-center overflow-hidden px-0 text-sm'>
+              <span style={{ minWidth: `${iconSize16}px` }}>
+                {selected === option && <MdCheck className='text-base-content' size={iconSize16} />}
               </span>
               <span style={{ fontFamily: onGetFontFamily(option, family ?? '') }}>
                 {label || option}
@@ -60,8 +69,8 @@ const FontDropdown: React.FC<DropdownProps> = ({
         ))}
         {moreOptions && moreOptions.length > 0 && (
           <li className='dropdown dropdown-left dropdown-top'>
-            <div className='flex items-center px-0'>
-              <span style={{ minWidth: `${defaultIconSize}px` }}>
+            <div className='flex items-center px-0 text-sm'>
+              <span style={{ minWidth: `${iconSize16}px` }}>
                 <FiChevronLeft size={iconSize16} />
               </span>
               <span>{_('System Fonts')}</span>
@@ -69,17 +78,25 @@ const FontDropdown: React.FC<DropdownProps> = ({
             <ul
               tabIndex={0}
               className={clsx(
-                'dropdown-content bgcolor-base-200 menu rounded-box relative z-[1] overflow-y-scroll shadow',
-                '!mr-5 mb-[-46px] inline max-h-80 w-[200px] overflow-y-scroll',
+                'dropdown-content bgcolor-base-200 menu rounded-box relative z-[1] shadow',
+                '!sm:px-2 !mr-4 mb-[-46px] inline max-h-80 w-[46vw] overflow-y-scroll !px-1 sm:w-[200px]',
               )}
             >
               {moreOptions.map((option, index) => (
                 <li key={`${index}-${option.option}`} onClick={() => onSelect(option.option)}>
-                  <div className='flex items-center px-2'>
-                    <span style={{ minWidth: `${defaultIconSize}px` }}>
-                      {selected === option.option && <MdCheck className='text-base-content' />}
+                  <div className='flex w-full items-center overflow-hidden px-0 text-sm'>
+                    <span style={{ minWidth: `${iconSize16}px` }}>
+                      {selected === option.option && (
+                        <MdCheck className='text-base-content' size={iconSize16} />
+                      )}
                     </span>
-                    <span style={{ fontFamily: onGetFontFamily(option.option, family ?? '') }}>
+                    <span
+                      style={
+                        !appService?.isLinuxApp
+                          ? { fontFamily: onGetFontFamily(option.option, family ?? '') }
+                          : {}
+                      }
+                    >
                       {option.label || option.option}
                     </span>
                   </div>

apps/readest-app/src/app/reader/components/settings/FontPanel.tsx

@@ -3,12 +3,16 @@ import React, { useEffect, useState } from 'react';
 
 import {
   ANDROID_FONTS,
+  CJK_EXCLUDE_PATTENS,
   CJK_FONTS_PATTENS,
   CJK_NAMES_PATTENS,
+  CJK_SANS_SERIF_FONTS,
+  CJK_SERIF_FONTS,
   IOS_FONTS,
   LINUX_FONTS,
   MACOS_FONTS,
   MONOSPACE_FONTS,
+  NON_FREE_FONTS,
   SANS_SERIF_FONTS,
   SERIF_FONTS,
   WINDOWS_FONTS,
@@ -17,12 +21,21 @@ import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useEnv } from '@/context/EnvContext';
 import { getOSPlatform, isCJKEnv } from '@/utils/misc';
-import { getSysFontsList } from '@/utils/font';
+import { getSysFontsList } from '@/utils/bridge';
 import { isTauriAppPlatform } from '@/services/environment';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
 import NumberInput from './NumberInput';
 import FontDropdown from './FontDropDown';
 
+const genCJKFontsList = (sysFonts: string[]) => {
+  return Array.from(new Set([...sysFonts, ...CJK_SERIF_FONTS, ...CJK_SANS_SERIF_FONTS]))
+    .filter((font) => CJK_FONTS_PATTENS.test(font) || CJK_NAMES_PATTENS.test(font))
+    .filter((font) => !CJK_EXCLUDE_PATTENS.test(font))
+    .sort((a, b) => a.localeCompare(b));
+};
+
+const isSymbolicFontName = (font: string) =>
+  /emoji|icons|symbol|dingbats|ornaments|webdings|wingdings|miuiex/i.test(font);
 interface FontFaceProps {
   className?: string;
   family: string;
@@ -37,6 +50,10 @@ const handleFontFaceFont = (option: string, family: string) => {
   return `'${option}', ${family}`;
 };
 
+const filterNonFreeFonts = (font: string) => {
+  return !['android', 'linux'].includes(getOSPlatform()) || !NON_FREE_FONTS.includes(font);
+};
+
 const FontFace = ({
   className,
   family,
@@ -49,7 +66,7 @@ const FontFace = ({
   const _ = useTranslation();
   return (
     <div className={clsx('config-item', className)}>
-      <span className=''>{label}</span>
+      <span className='min-w-10'>{label}</span>
       <FontDropdown
         family={family}
         options={options.map((option) => ({ option, label: _(option) }))}
@@ -64,7 +81,7 @@ const FontFace = ({
 
 const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const _ = useTranslation();
-  const { envConfig, appService } = useEnv();
+  const { envConfig } = useEnv();
   const { getView, getViewSettings } = useReaderStore();
   const viewSettings = getViewSettings(bookKey)!;
   const view = getView(bookKey)!;
@@ -111,14 +128,42 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const [sansSerifFont, setSansSerifFont] = useState(viewSettings.sansSerifFont!);
   const [monospaceFont, setMonospaceFont] = useState(viewSettings.monospaceFont!);
   const [fontWeight, setFontWeight] = useState(viewSettings.fontWeight!);
+  const [CJKFonts, setCJKFonts] = useState<string[]>(() => {
+    return genCJKFontsList(sysFonts);
+  });
 
   useEffect(() => {
-    if (isTauriAppPlatform() && appService?.hasSysFontsList) {
-      getSysFontsList().then((fonts) => {
-        setSysFonts(fonts);
+    setCJKFonts((prev) => {
+      const newFonts = genCJKFontsList(sysFonts);
+      return prev.length !== newFonts.length ? newFonts : prev;
+    });
+  }, [sysFonts]);
+
+  useEffect(() => {
+    if (isTauriAppPlatform()) {
+      getSysFontsList().then((res) => {
+        if (res.error || Object.keys(res.fonts).length === 0) {
+          console.error('Failed to get system fonts list:', res.error);
+          return;
+        }
+        const processedFonts: string[] = [];
+        Object.entries(res.fonts).forEach(([fontName, fontFamily]) => {
+          if (!fontName || isSymbolicFontName(fontName)) return;
+
+          const fontsInFamily = Object.entries(res.fonts).filter(
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            ([_, family]) => family === fontFamily,
+          );
+
+          if (fontsInFamily.length === 1) {
+            processedFonts.push(fontFamily);
+          } else {
+            processedFonts.push(fontName);
+          }
+        });
+        setSysFonts([...new Set(processedFonts)].sort((a, b) => a.localeCompare(b)));
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
@@ -238,9 +283,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
                 className='config-item-top'
                 family='serif'
                 label={_('CJK Font')}
-                options={sysFonts.filter(
-                  (font) => CJK_FONTS_PATTENS.test(font) || CJK_NAMES_PATTENS.test(font),
-                )}
+                options={CJKFonts}
                 selected={defaultCJKFont}
                 onSelect={setDefaultCJKFont}
               />
@@ -267,7 +310,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
               className='config-item-top'
               family='serif'
               label={_('Serif Font')}
-              options={SERIF_FONTS}
+              options={[...SERIF_FONTS.filter(filterNonFreeFonts), ...CJK_SERIF_FONTS]}
               moreOptions={sysFonts}
               selected={serifFont}
               onSelect={setSerifFont}
@@ -275,7 +318,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
             <FontFace
               family='sans-serif'
               label={_('Sans-Serif Font')}
-              options={SANS_SERIF_FONTS}
+              options={[...SANS_SERIF_FONTS.filter(filterNonFreeFonts), ...CJK_SANS_SERIF_FONTS]}
               moreOptions={sysFonts}
               selected={sansSerifFont}
               onSelect={setSansSerifFont}

apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx

@@ -33,6 +33,8 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const [hyphenation, setHyphenation] = useState(viewSettings.hyphenation!);
   const [marginPx, setMarginPx] = useState(viewSettings.marginPx!);
   const [gapPercent, setGapPercent] = useState(viewSettings.gapPercent!);
+  const [compactMarginPx, setCompactMarginPx] = useState(viewSettings.compactMarginPx!);
+  const [compactGapPercent, setCompactGapPercent] = useState(viewSettings.compactGapPercent!);
   const [maxColumnCount, setMaxColumnCount] = useState(viewSettings.maxColumnCount!);
   const [maxInlineSize, setMaxInlineSize] = useState(viewSettings.maxInlineSize!);
   const [maxBlockSize, setMaxBlockSize] = useState(viewSettings.maxBlockSize!);
@@ -43,6 +45,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const [borderColor, setBorderColor] = useState(viewSettings.borderColor!);
   const [showHeader, setShowHeader] = useState(viewSettings.showHeader!);
   const [showFooter, setShowFooter] = useState(viewSettings.showFooter!);
+  const [showBarsOnScroll, setShowBarsOnScroll] = useState(viewSettings.showBarsOnScroll!);
 
   useEffect(() => {
     saveViewSettings(envConfig, bookKey, 'paragraphMargin', paragraphMargin);
@@ -86,6 +89,13 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [marginPx]);
 
+  useEffect(() => {
+    if (compactMarginPx === viewSettings.compactMarginPx) return;
+    saveViewSettings(envConfig, bookKey, 'compactMarginPx', compactMarginPx, false, false);
+    view?.renderer.setAttribute('margin', `${compactMarginPx}px`);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [compactMarginPx]);
+
   useEffect(() => {
     if (gapPercent === viewSettings.gapPercent) return;
     saveViewSettings(envConfig, bookKey, 'gapPercent', gapPercent, false, false);
@@ -96,6 +106,16 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [gapPercent]);
 
+  useEffect(() => {
+    if (compactGapPercent === viewSettings.compactGapPercent) return;
+    saveViewSettings(envConfig, bookKey, 'compactGapPercent', compactGapPercent, false, false);
+    view?.renderer.setAttribute('gap', `${compactGapPercent}%`);
+    if (viewSettings.scrolled) {
+      view?.renderer.setAttribute('flow', 'scrolled');
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [compactGapPercent]);
+
   useEffect(() => {
     if (maxColumnCount === viewSettings.maxColumnCount) return;
     saveViewSettings(envConfig, bookKey, 'maxColumnCount', maxColumnCount, false, false);
@@ -178,6 +198,22 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [borderColor]);
 
+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'showBarsOnScroll', showBarsOnScroll, false, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showBarsOnScroll]);
+
+  const applyMarginAndGap = () => {
+    const isCompact = !showHeader && !showFooter;
+    const marginPx = isCompact ? viewSettings.compactMarginPx : viewSettings.marginPx;
+    const gapPercent = isCompact ? viewSettings.compactGapPercent : viewSettings.gapPercent;
+    view?.renderer.setAttribute('margin', `${marginPx}px`);
+    view?.renderer.setAttribute('gap', `${gapPercent}%`);
+    if (viewSettings.scrolled) {
+      view?.renderer.setAttribute('flow', 'scrolled');
+    }
+  };
+
   useEffect(() => {
     if (showHeader === viewSettings.showHeader) return;
     if (showHeader && !viewSettings.vertical) {
@@ -193,6 +229,8 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       setViewSettings(bookKey, viewSettings);
     }
     saveViewSettings(envConfig, bookKey, 'showHeader', showHeader, false, false);
+
+    applyMarginAndGap();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showHeader]);
 
@@ -211,6 +249,8 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       setViewSettings(bookKey, viewSettings);
     }
     saveViewSettings(envConfig, bookKey, 'showFooter', showFooter, false, false);
+
+    applyMarginAndGap();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showFooter]);
 
@@ -391,36 +431,18 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
         <h2 className='mb-2 font-medium'>{_('Page')}</h2>
         <div className='card bg-base-100 border-base-200 border shadow'>
           <div className='divide-base-200 divide-y'>
-            <div className='config-item'>
-              <span className=''>{_('Show Header')}</span>
-              <input
-                type='checkbox'
-                className='toggle'
-                checked={showHeader}
-                onChange={() => setShowHeader(!showHeader)}
-              />
-            </div>
-            <div className='config-item'>
-              <span className=''>{_('Show Footer')}</span>
-              <input
-                type='checkbox'
-                className='toggle'
-                checked={showFooter}
-                onChange={() => setShowFooter(!showFooter)}
-              />
-            </div>
             <NumberInput
               label={_('Vertical Margins (px)')}
-              value={marginPx}
-              onChange={setMarginPx}
+              value={showFooter || showHeader ? marginPx : compactMarginPx}
+              onChange={showFooter || showHeader ? setMarginPx : setCompactMarginPx}
               min={!viewSettings.vertical && (showFooter || showHeader) ? 44 : 0}
               max={88}
               step={4}
             />
             <NumberInput
               label={_('Horizontal Margins (%)')}
-              value={gapPercent}
-              onChange={setGapPercent}
+              value={showFooter || showHeader ? gapPercent : compactGapPercent}
+              onChange={showFooter || showHeader ? setGapPercent : setCompactGapPercent}
               min={
                 viewSettings.vertical && (showFooter || showHeader)
                   ? Math.ceil(4800 / window.innerWidth)
@@ -456,6 +478,41 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
           </div>
         </div>
       </div>
+
+      <div className='w-full'>
+        <h2 className='mb-2 font-medium'>{_('Header & Footer')}</h2>
+        <div className='card bg-base-100 border-base-200 border shadow'>
+          <div className='divide-base-200 divide-y'>
+            <div className='config-item'>
+              <span className=''>{_('Show Header')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showHeader}
+                onChange={() => setShowHeader(!showHeader)}
+              />
+            </div>
+            <div className='config-item'>
+              <span className=''>{_('Show Footer')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showFooter}
+                onChange={() => setShowFooter(!showFooter)}
+              />
+            </div>
+            <div className='config-item'>
+              <span className=''>{_('Apply also in Scrolled Mode')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showBarsOnScroll}
+                onChange={() => setShowBarsOnScroll(!showBarsOnScroll)}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   );
 };

apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx

@@ -1,11 +1,15 @@
 import clsx from 'clsx';
 import React, { useEffect, useRef, useState } from 'react';
 import i18n from 'i18next';
+import { IoPhoneLandscapeOutline, IoPhonePortraitOutline } from 'react-icons/io5';
+import { MdOutlineScreenRotation } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useDeviceControlStore } from '@/store/deviceStore';
 import { getStyles } from '@/utils/style';
+import { lockScreenOrientation } from '@/utils/bridge';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
 import { TRANSLATED_LANGS } from '@/services/constants';
 import cssbeautify from 'cssbeautify';
@@ -16,15 +20,18 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const _ = useTranslation();
   const { envConfig, appService } = useEnv();
   const { settings, isFontLayoutSettingsGlobal, setSettings } = useSettingsStore();
+  const { acquireVolumeKeyInterception, releaseVolumeKeyInterception } = useDeviceControlStore();
   const { getView, getViewSettings, setViewSettings } = useReaderStore();
   const viewSettings = getViewSettings(bookKey)!;
 
   const [animated, setAnimated] = useState(viewSettings.animated!);
   const [isDisableClick, setIsDisableClick] = useState(viewSettings.disableClick!);
   const [swapClickArea, setSwapClickArea] = useState(viewSettings.swapClickArea!);
+  const [volumeKeysToFlip, setVolumeKeysToFlip] = useState(viewSettings.volumeKeysToFlip!);
   const [isContinuousScroll, setIsContinuousScroll] = useState(viewSettings.continuousScroll!);
   const [draftStylesheet, setDraftStylesheet] = useState(viewSettings.userStylesheet!);
   const [draftStylesheetSaved, setDraftStylesheetSaved] = useState(true);
+  const [screenOrientation, setScreenOrientation] = useState(viewSettings.screenOrientation!);
   const [error, setError] = useState<string | null>(null);
 
   const [inputFocusInAndroid, setInputFocusInAndroid] = useState(false);
@@ -140,11 +147,31 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [swapClickArea]);
 
+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'volumeKeysToFlip', volumeKeysToFlip, false, false);
+    if (appService?.isMobileApp) {
+      if (volumeKeysToFlip) {
+        acquireVolumeKeyInterception();
+      } else {
+        releaseVolumeKeyInterception();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [volumeKeysToFlip]);
+
   useEffect(() => {
     saveViewSettings(envConfig, bookKey, 'continuousScroll', isContinuousScroll, false, false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isContinuousScroll]);
 
+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'screenOrientation', screenOrientation, false, false);
+    if (appService?.isMobileApp) {
+      lockScreenOrientation({ orientation: screenOrientation });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [screenOrientation]);
+
   return (
     <div
       className={clsx(
@@ -185,6 +212,47 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
         </div>
       </div>
 
+      {appService?.isMobileApp && (
+        <div className='w-full'>
+          <h2 className='mb-2 font-medium'>{_('Screen')}</h2>
+          <div className='card border-base-200 bg-base-100 border shadow'>
+            <div className='divide-base-200 divide-y'>
+              <div className='config-item'>
+                <span className=''>{_('Orientation')}</span>
+                <div className='flex gap-4'>
+                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Auto')}>
+                    <button
+                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'auto' ? 'btn-active bg-base-300' : ''}`}
+                      onClick={() => setScreenOrientation('auto')}
+                    >
+                      <MdOutlineScreenRotation />
+                    </button>
+                  </div>
+
+                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Portrait')}>
+                    <button
+                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'portrait' ? 'btn-active bg-base-300' : ''}`}
+                      onClick={() => setScreenOrientation('portrait')}
+                    >
+                      <IoPhonePortraitOutline />
+                    </button>
+                  </div>
+
+                  <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('Landscape')}>
+                    <button
+                      className={`btn btn-ghost btn-circle btn-sm ${screenOrientation === 'landscape' ? 'btn-active bg-base-300' : ''}`}
+                      onClick={() => setScreenOrientation('landscape')}
+                    >
+                      <IoPhoneLandscapeOutline />
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+
       <div className='w-full'>
         <h2 className='mb-2 font-medium'>{_('Behavior')}</h2>
         <div className='card border-base-200 bg-base-100 border shadow'>
@@ -198,17 +266,28 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
                 onChange={() => setIsContinuousScroll(!isContinuousScroll)}
               />
             </div>
+            {appService?.isMobileApp && (
+              <div className='config-item'>
+                <span className=''>{_('Volume Keys for Page Flip')}</span>
+                <input
+                  type='checkbox'
+                  className='toggle'
+                  checked={volumeKeysToFlip}
+                  onChange={() => setVolumeKeysToFlip(!volumeKeysToFlip)}
+                />
+              </div>
+            )}
             <div className='config-item'>
-              <span className=''>{_('Disable Click-to-Flip')}</span>
+              <span className=''>{_('Clicks for Page Flip')}</span>
               <input
                 type='checkbox'
                 className='toggle'
-                checked={isDisableClick}
+                checked={!isDisableClick}
                 onChange={() => setIsDisableClick(!isDisableClick)}
               />
             </div>
             <div className='config-item'>
-              <span className=''>{_('Swap Click-to-Flip Area')}</span>
+              <span className=''>{_('Swap Clicks Area')}</span>
               <input
                 type='checkbox'
                 className='toggle'

apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx

@@ -8,8 +8,8 @@ import { RiDashboardLine } from 'react-icons/ri';
 import { VscSymbolColor } from 'react-icons/vsc';
 import { PiDotsThreeVerticalBold } from 'react-icons/pi';
 import { IoAccessibilityOutline } from 'react-icons/io5';
-import { MdArrowBackIosNew } from 'react-icons/md';
-
+import { MdArrowBackIosNew, MdArrowForwardIos } from 'react-icons/md';
+import { getDirFromUILanguage } from '@/utils/rtl';
 import FontPanel from './FontPanel';
 import LayoutPanel from './LayoutPanel';
 import ColorPanel from './ColorPanel';
@@ -28,6 +28,7 @@ type TabConfig = {
 
 const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ bookKey }) => {
   const _ = useTranslation();
+  const [isRtl] = useState(() => getDirFromUILanguage() === 'rtl');
   const [activePanel, setActivePanel] = useState<SettingsPanelType>(
     (localStorage.getItem('lastConfigPanel') || 'Font') as SettingsPanelType,
   );
@@ -79,10 +80,10 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
               tabIndex={-1}
               onClick={handleClose}
               className={
-                'btn btn-ghost btn-circle flex h-6 min-h-6 w-6 hover:bg-transparent focus:outline-none sm:hidden'
+                'btn btn-ghost btn-circle flex h-8 min-h-8 w-8 hover:bg-transparent focus:outline-none sm:hidden'
               }
             >
-              <MdArrowBackIosNew />
+              {isRtl ? <MdArrowForwardIos /> : <MdArrowBackIosNew />}
             </button>
             <div className='dialog-tabs flex h-10 max-w-[100%] flex-grow items-center gap-2 pl-4'>
               {tabConfig.map(({ tab, icon: Icon, label }) => (

apps/readest-app/src/app/reader/components/settings/ThemeEditor.tsx

@@ -25,33 +25,48 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({ customTheme, onSave, onDelete
   const [lightBackgroundColor, setLightBackgroundColor] = useState(
     customTheme?.colors.light.bg || template.light.bg,
   );
+  const [lightPrimaryColor, setLightPrimaryColor] = useState(
+    customTheme?.colors.light.primary || template.light.primary,
+  );
   const [darkTextColor, setDarkTextColor] = useState(
     customTheme?.colors.dark.fg || template.dark.fg,
   );
   const [darkBackgroundColor, setDarkBackgroundColor] = useState(
     customTheme?.colors.dark.bg || template.dark.bg,
   );
+  const [darkPrimaryColor, setDarkPrimaryColor] = useState(
+    customTheme?.colors.dark.primary || template.dark.primary,
+  );
 
   const [themeName, setThemeName] = useState(customTheme?.label || _('Custom'));
 
   const ThemePreview: React.FC<{
     textColor: string;
     backgroundColor: string;
+    primaryColor: string;
     label: string;
-  }> = ({ textColor, backgroundColor, label }) => (
+  }> = ({ textColor, backgroundColor, primaryColor, label }) => (
     <div className='mb-2 mt-4'>
       <label className='mb-1 block text-sm font-medium'>{label}</label>
       <div
-        className='border-base-300 overflow-hidden rounded border p-3'
+        className='border-base-300 overflow-hidden rounded border p-2'
         style={{
           backgroundColor: backgroundColor,
           color: textColor,
         }}
       >
-        <p className='mb-2 whitespace-pre-line text-sm'>
+        <p className='mb-2 whitespace-pre-line text-xs'>
           {_(
             "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare",
           )}
+          <p
+            className='mt-4 cursor-pointer italic'
+            style={{
+              color: primaryColor,
+            }}
+          >
+            {_("(from 'As You Like It', Act II)")}
+          </p>
         </p>
       </div>
     </div>
@@ -65,12 +80,12 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({ customTheme, onSave, onDelete
         light: {
           fg: lightTextColor,
           bg: lightBackgroundColor,
-          primary: '#3b82f6',
+          primary: lightPrimaryColor,
         },
         dark: {
           fg: darkTextColor,
           bg: darkBackgroundColor,
-          primary: '#60a5fa',
+          primary: darkPrimaryColor,
         },
       },
     };
@@ -89,17 +104,16 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({ customTheme, onSave, onDelete
               {_('Save')}
             </button>
 
-            <button
-              className={clsx(
-                'btn btn-ghost btn-sm px-2',
-                !settings.globalReadSettings.customThemes.find(
-                  (theme) => theme.name === md5Fingerprint(themeName),
-                ) && 'btn-disabled',
-              )}
-              onClick={() => onDelete(getCustomTheme())}
-            >
-              {_('Delete')}
-            </button>
+            {settings.globalReadSettings.customThemes.find(
+              (theme) => theme.name === md5Fingerprint(themeName),
+            ) && (
+              <button
+                className={clsx('btn btn-ghost btn-sm px-2')}
+                onClick={() => onDelete(getCustomTheme())}
+              >
+                {_('Delete')}
+              </button>
+            )}
 
             <button className='btn btn-ghost btn-sm px-2' onClick={onCancel}>
               {_('Cancel')}
@@ -129,9 +143,16 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({ customTheme, onSave, onDelete
             onChange={setLightBackgroundColor}
           />
 
+          <ColorInput
+            label={_('Link Color')}
+            value={lightPrimaryColor}
+            onChange={setLightPrimaryColor}
+          />
+
           <ThemePreview
             textColor={lightTextColor}
             backgroundColor={lightBackgroundColor}
+            primaryColor={lightPrimaryColor}
             label={_('Preview')}
           />
         </div>
@@ -147,9 +168,16 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({ customTheme, onSave, onDelete
             onChange={setDarkBackgroundColor}
           />
 
+          <ColorInput
+            label={_('Link Color')}
+            value={darkPrimaryColor}
+            onChange={setDarkPrimaryColor}
+          />
+
           <ThemePreview
             textColor={darkTextColor}
             backgroundColor={darkBackgroundColor}
+            primaryColor={darkPrimaryColor}
             label={_('Preview')}
           />
         </div>

apps/readest-app/src/app/reader/components/sidebar/BookMenu.tsx

@@ -62,13 +62,13 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
             .map((book) => (
               <MenuItem
                 key={book.hash}
-                icon={
+                Icon={
                   <Image
                     src={book.coverImageUrl!}
                     alt={book.title}
                     width={56}
                     height={80}
-                    className='aspect-auto max-h-8 max-w-6 rounded-sm shadow-md'
+                    className='aspect-auto max-h-8 max-w-4 rounded-sm shadow-md'
                     onError={(e) => {
                       (e.target as HTMLImageElement).style.display = 'none';
                     }}

apps/readest-app/src/app/reader/components/sidebar/SearchBar.tsx

@@ -9,6 +9,7 @@ import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { BookSearchConfig, BookSearchResult } from '@/types/book';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { isCJKStr } from '@/utils/lang';
 import Dropdown from '@/components/Dropdown';
 import SearchOptions from './SearchOptions';
 
@@ -31,6 +32,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
   const _ = useTranslation();
   const { envConfig } = useEnv();
   const { settings } = useSettingsStore();
+  const { getBookData } = useBookDataStore();
   const { getConfig, saveConfig } = useBookDataStore();
   const { getView, getProgress } = useReaderStore();
   const [searchTerm, setSearchTerm] = useState(term);
@@ -38,7 +40,9 @@ const SearchBar: React.FC<SearchBarProps> = ({
 
   const view = getView(bookKey)!;
   const config = getConfig(bookKey)!;
+  const bookData = getBookData(bookKey)!;
   const progress = getProgress(bookKey)!;
+  const primaryLang = bookData.book?.primaryLanguage || 'en';
   const searchConfig = config.searchConfig! as BookSearchConfig;
 
   const queuedSearchTerm = useRef('');
@@ -104,8 +108,9 @@ const SearchBar: React.FC<SearchBarProps> = ({
   };
 
   const exceedMinSearchTermLength = (searchTerm: string) => {
-    const isCJK = /[\u4e00-\u9fa5\u3040-\u30ff\uac00-\ud7af]/.test(searchTerm);
-    const minLength = isCJK ? MINIMUM_SEARCH_TERM_LENGTH_CJK : MINIMUM_SEARCH_TERM_LENGTH_DEFAULT;
+    const minLength = isCJKStr(searchTerm)
+      ? MINIMUM_SEARCH_TERM_LENGTH_CJK
+      : MINIMUM_SEARCH_TERM_LENGTH_DEFAULT;
 
     return searchTerm.length >= minLength;
   };
@@ -118,12 +123,30 @@ const SearchBar: React.FC<SearchBarProps> = ({
     }
   };
 
+  const createAcceptNode = ({ withRT = true } = {}) => {
+    return (node: Node): number => {
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        const name = (node as Element).tagName.toLowerCase();
+        if (name === 'script' || name === 'style' || (!withRT && name === 'rt')) {
+          return NodeFilter.FILTER_REJECT;
+        }
+        return NodeFilter.FILTER_SKIP;
+      }
+      return NodeFilter.FILTER_ACCEPT;
+    };
+  };
+
   const handleSearch = async (term: string) => {
     console.log('searching for:', term);
     isSearchPending.current = true;
     const { section } = progress;
     const index = searchConfig.scope === 'section' ? section.current : undefined;
-    const generator = await view.search({ ...searchConfig, query: term, index });
+    const generator = await view.search({
+      ...searchConfig,
+      index,
+      query: term,
+      acceptNode: createAcceptNode({ withRT: !primaryLang.startsWith('ja') }),
+    });
     const results: BookSearchResult[] = [];
     for await (const result of generator) {
       if (typeof result === 'string') {

apps/readest-app/src/app/reader/components/sidebar/SearchResults.tsx

@@ -32,7 +32,7 @@ const SearchResultItem: React.FC<SearchResultItemProps> = ({
     >
       <div className='line-clamp-3'>
         <span className=''>{excerpt.pre}</span>
-        <span className='font-semibold'>{excerpt.match}</span>
+        <span className='font-bold text-red-500'>{excerpt.match}</span>
         <span className=''>{excerpt.post}</span>
       </div>
     </li>

apps/readest-app/src/app/reader/components/sidebar/TOCView.tsx

@@ -58,7 +58,7 @@ const TOCItemView: React.FC<{
   }, [expandedItems, item.href]);
 
   return (
-    <li className='w-full' style={{ paddingTop: '1px' }}>
+    <li className='border-base-300 w-full border-b sm:border-none sm:pt-[1px]'>
       <span
         role='treeitem'
         tabIndex={-1}
@@ -67,17 +67,26 @@ const TOCItemView: React.FC<{
         aria-expanded={isExpanded ? 'true' : 'false'}
         aria-selected={isActive ? 'true' : 'false'}
         data-href={item.href ? getContentMd5(item.href) : undefined}
-        className={`flex w-full cursor-pointer items-center rounded-md py-2 ${
-          isActive ? 'bg-base-300/85 hover:bg-base-300' : 'sm:hover:bg-base-300/85'
+        className={`flex w-full cursor-pointer items-center rounded-md py-4 sm:py-2 ${
+          isActive
+            ? 'sm:bg-base-300/85 sm:hover:bg-base-300 sm:text-base-content text-blue-500'
+            : 'sm:hover:bg-base-300/85'
         }`}
       >
         {item.subitems && (
-          <span onClick={handleToggleExpand} className='inline-block cursor-pointer'>
+          <span
+            onClick={handleToggleExpand}
+            className='inline-block cursor-pointer'
+            style={{
+              padding: '12px',
+              margin: '-12px',
+            }}
+          >
             {createExpanderIcon(isExpanded)}
           </span>
         )}
         <span
-          className='ml-2 truncate text-ellipsis'
+          className='ms-2 truncate text-ellipsis'
           style={{
             maxWidth: 'calc(100% - 24px)',
             whiteSpace: 'nowrap',
@@ -86,6 +95,11 @@ const TOCItemView: React.FC<{
         >
           {item.label}
         </span>
+        {item.location && (
+          <span className='text-base-content/50 ms-auto ps-1 text-xs sm:pe-1'>
+            {item.location.current + 1}
+          </span>
+        )}
       </span>
       {item.subitems && isExpanded && (
         <ol role='group'>
@@ -109,7 +123,7 @@ const TOCView: React.FC<{
   toc: TOCItem[];
 }> = ({ bookKey, toc }) => {
   const { getProgress } = useReaderStore();
-  const { sideBarBookKey } = useSidebarStore();
+  const { sideBarBookKey, isSideBarVisible } = useSidebarStore();
   const progress = getProgress(bookKey);
 
   const [expandedItems, setExpandedItems] = useState<string[]>([]);
@@ -132,9 +146,6 @@ const TOCView: React.FC<{
       }
       (currentItem as HTMLElement).setAttribute('aria-current', 'page');
     }
-    if (currentHref) {
-      expandParents(toc, currentHref);
-    }
   };
 
   useEffect(() => {
@@ -151,17 +162,23 @@ const TOCView: React.FC<{
     }
     return () => observer.disconnect();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [viewRef]);
+  }, [viewRef.current]);
 
   useEffect(() => {
     if (!progress || eventDispatcher.dispatchSync('tts-is-speaking')) return;
+    if (sideBarBookKey !== bookKey) return;
+    if (!isSideBarVisible) return;
+    const { sectionHref: currentHref } = progress;
+    if (currentHref) {
+      expandParents(toc, currentHref);
+    }
     scrollToProgress(progress);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [toc, progress, sideBarBookKey]);
+  }, [toc, progress, sideBarBookKey, isSideBarVisible]);
 
   return (
     <div className='rounded pt-2'>
-      <ul role='tree' ref={viewRef} className='px-2'>
+      <ul role='tree' ref={viewRef} className='pe-4 ps-2 sm:pe-2'>
         {toc &&
           toc.map((item, index) => (
             <TOCItemView

apps/readest-app/src/app/reader/components/tts/TTSControl.tsx

@@ -38,9 +38,10 @@ const TTSControl = () => {
   const [timeoutTimestamp, setTimeoutTimestamp] = useState(0);
   const [timeoutFunc, setTimeoutFunc] = useState<ReturnType<typeof setTimeout> | null>(null);
 
-  const popupWidth = useResponsiveSize(POPUP_WIDTH);
-  const popupHeight = useResponsiveSize(POPUP_HEIGHT);
   const popupPadding = useResponsiveSize(POPUP_PADDING);
+  const maxWidth = window.innerWidth - 2 * popupPadding;
+  const popupWidth = Math.min(maxWidth, useResponsiveSize(POPUP_WIDTH));
+  const popupHeight = useResponsiveSize(POPUP_HEIGHT);
 
   const iconRef = useRef<HTMLDivElement>(null);
   const ttsControllerRef = useRef<TTSController | null>(null);
@@ -98,7 +99,7 @@ const TTSControl = () => {
     const view = getView(bookKey);
     const viewSettings = getViewSettings(bookKey);
     const bookData = getBookData(bookKey);
-    if (!view || !viewSettings || !bookData) return;
+    if (!view || !viewSettings || !bookData || !bookData.book) return;
     if (bookData.book?.format === 'PDF') {
       eventDispatcher.dispatch('toast', {
         message: _('TTS not supported for PDF'),
@@ -107,6 +108,7 @@ const TTSControl = () => {
       return;
     }
 
+    const primaryLang = bookData.book.primaryLanguage;
     setBookKey(bookKey);
 
     if (ttsControllerRef.current) {
@@ -127,9 +129,13 @@ const TTSControl = () => {
       await ttsController.initViewTTS();
       const ssml = view.tts?.from(range);
       if (ssml) {
-        const lang = parseSSMLLang(ssml) || 'en';
-        setTtsLang(lang);
+        let lang = parseSSMLLang(ssml) || 'en';
+        // We will not trust 'en' language from ssml, as it may be a fallback or hardcoded value
+        if (lang === 'en' && primaryLang && primaryLang !== 'en') {
+          lang = primaryLang.split('-')[0]!;
+        }
         setIsPlaying(true);
+        setTtsLang(lang);
 
         ttsController.setLang(lang);
         ttsController.setRate(viewSettings.ttsRate);
@@ -147,7 +153,9 @@ const TTSControl = () => {
   };
 
   const handleTTSStop = async () => {
-    handleStop();
+    if (ttsControllerRef.current) {
+      handleStop();
+    }
   };
 
   const handleQueryIsSpeaking = () => {

apps/readest-app/src/app/reader/components/tts/TTSPanel.tsx

@@ -232,7 +232,10 @@ const TTSPanel = ({
           <MdFastForward size={iconSize32} />
         </button>
         <div className='dropdown dropdown-top'>
-          <button className='flex flex-col items-center justify-center rounded-full p-1'>
+          <button
+            tabIndex={0}
+            className='flex flex-col items-center justify-center rounded-full p-1'
+          >
             <MdAlarm size={iconSize32} />
             {timeoutCountdown && (
               <span
@@ -249,7 +252,7 @@ const TTSPanel = ({
             tabIndex={0}
             className={clsx(
               'dropdown-content bgcolor-base-200 no-triangle menu menu-vertical rounded-box absolute right-0 z-[1] shadow',
-              'mt-4 inline max-h-96 w-[250px] overflow-y-scroll',
+              'mt-4 inline max-h-96 w-[200px] overflow-y-scroll',
             )}
           >
             {timeoutOptions.map((option, index) => (

apps/readest-app/src/app/reader/hooks/useBookShortcuts.ts

@@ -6,7 +6,7 @@ import useBooksManager from './useBooksManager';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { getStyles } from '@/utils/style';
-import { tauriQuitApp } from '@/utils/window';
+import { tauriHandleToggleFullScreen, tauriQuitApp } from '@/utils/window';
 import { eventDispatcher } from '@/utils/event';
 import { MAX_ZOOM_LEVEL, MIN_ZOOM_LEVEL, ZOOM_STEP } from '@/services/constants';
 
@@ -84,6 +84,12 @@ const useBookShortcuts = ({ sideBarBookKey, bookKeys }: UseBookShortcutsProps) =
     window.location.reload();
   };
 
+  const toggleFullscreen = async () => {
+    if (isTauriAppPlatform()) {
+      await tauriHandleToggleFullScreen();
+    }
+  };
+
   const quitApp = async () => {
     // on web platform use browser's default shortcut to close the tab
     if (isTauriAppPlatform()) {
@@ -136,6 +142,7 @@ const useBookShortcuts = ({ sideBarBookKey, bookKeys }: UseBookShortcutsProps) =
       onOpenFontLayoutSettings: () => setFontLayoutSettingsDialogOpen(true),
       onToggleSearchBar: showSearchBar,
       onReloadPage: reloadPage,
+      onToggleFullscreen: toggleFullscreen,
       onQuitApp: quitApp,
       onGoLeft: goLeft,
       onGoRight: goRight,