release: version 0.9.19 (#508)

* fix: handle network error in sync API

* fix: reasonable default column width for iPad

* ui: responsive dialog size for portrait screens

.github/ISSUE_TEMPLATE/feature-request.md

@@ -6,7 +6,7 @@ labels: enhancement
 assignees: ''
 ---
 
-**Does your feature request involve difficulty completing a task? Please describe.**
+**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 [...]
 
 **Describe the solution you'd like**

.github/workflows/release.yml

@@ -59,6 +59,9 @@ jobs:
           - os: ubuntu-22.04
             arch: x86_64
             rust_target: x86_64-unknown-linux-gnu
+          - os: ubuntu-22.04-arm
+            arch: aarch64
+            rust_target: aarch64-unknown-linux-gnu
           - os: macos-latest
             arch: aarch64
             rust_target: x86_64-apple-darwin,aarch64-apple-darwin
@@ -73,7 +76,7 @@ jobs:
             args: '--target aarch64-pc-windows-msvc --bundles nsis'
 
     runs-on: ${{ matrix.config.os }}
-    timeout-minutes: 25
+    timeout-minutes: 30
     steps:
       - uses: actions/checkout@v4
 
@@ -118,10 +121,10 @@ jobs:
         run: cp .env.local apps/readest-app/.env.local
 
       - name: install dependencies (ubuntu only)
-        if: matrix.config.os == 'ubuntu-22.04'
+        if: contains(matrix.config.os, 'ubuntu')
         run: |
           sudo apt-get update
-          sudo apt-get install -y pkg-config libfontconfig-dev libgtk-3-dev libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
+          sudo apt-get install -y pkg-config libfontconfig-dev libgtk-3-dev libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf xdg-utils
 
       - uses: tauri-apps/tauri-action@v0
         env:
@@ -168,95 +171,6 @@ jobs:
           echo "Uploading $bin_file to GitHub release"
           gh release upload ${{ needs.get-release.outputs.release_tag }} $bin_file --clobber
 
-  build-tauri-linux-arm:
-    if: false
-    permissions:
-      contents: write
-    runs-on: ubuntu-22.04
-    needs: [get-release]
-
-    strategy:
-      matrix:
-        arch: [aarch64, armv7l]
-        include:
-          - arch: aarch64
-            cpu: cortex-a72
-            base_image: https://dietpi.com/downloads/images/DietPi_RPi-ARMv8-Bookworm.img.xz
-            deb: arm64
-            appimage: aarch64
-          - arch: armv7l
-            cpu: cortex-a53
-            deb: armhfp
-            appimage: armhf
-            base_image: https://dietpi.com/downloads/images/DietPi_RPi-ARMv7-Bookworm.img.xz
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: initialize git submodules
-        run: git submodule update --init --recursive
-
-      - name: create .env.local file for Next.js
-        run: |
-          echo "NEXT_PUBLIC_POSTHOG_KEY=${{ secrets.NEXT_PUBLIC_POSTHOG_KEY }}" >> .env.local
-          echo "NEXT_PUBLIC_POSTHOG_HOST=${{ secrets.NEXT_PUBLIC_POSTHOG_HOST }}" >> .env.local
-          echo "NEXT_PUBLIC_SUPABASE_URL=${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}" >> .env.local
-          echo "NEXT_PUBLIC_SUPABASE_ANON_KEY=${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}" >> .env.local
-          echo "NEXT_PUBLIC_APP_PLATFORM=tauri" >> .env.local
-
-      - name: copy .env.local to apps/readest-app
-        run: cp .env.local apps/readest-app/.env.local
-
-      - name: cache rust build artifacts
-        uses: Swatinem/rust-cache@v2
-        with:
-          cache-on-failure: true
-
-      - name: build app
-        uses: pguyot/arm-runner-action@v2.6.5
-        with:
-          base_image: ${{ matrix.base_image }}
-          cpu: ${{ matrix.cpu }}
-          bind_mount_repository: true
-          image_additional_mb: 10240
-          optimize_image: no
-          #exit_on_fail: no
-          commands: |
-            # Prevent Rust from complaining about $HOME not matching eid home
-            export HOME=/root
-
-            # Workaround to CI worker being stuck on Updating crates.io index
-            export CARGO_REGISTRIES_CRATES_IO_PROTOCOL=sparse
-
-            # Install setup prerequisites
-            apt-get update -y --allow-releaseinfo-change
-            apt-get autoremove -y
-            apt-get install -y --no-install-recommends --no-install-suggests pkg-config libfontconfig-dev curl libwebkit2gtk-4.1-dev build-essential libssl-dev libgtk-3-dev libayatana-appindicator3-dev librsvg2-dev patchelf libfuse2 file
-            curl https://sh.rustup.rs -sSf | sh -s -- -y
-            . "$HOME/.cargo/env"
-            curl -fsSL https://deb.nodesource.com/setup_lts.x | bash
-            apt-get install -y nodejs
-
-            npm install -g pnpm@latest-10
-
-            # Install frontend dependencies
-            pnpm install
-
-            # Copy pdfjs-dist to public directory
-            pnpm --filter @readest/readest-app setup-pdfjs
-
-            # Build the application
-            pnpm tauri build
-
-      - name: upload arm bundles
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        shell: bash
-        run: |
-          version=${{ needs.get-release.outputs.release_version }}
-          gh release upload ${{ needs.get-release.outputs.release_tag }} target/release/bundle/deb/Readest_${version}_${{ matrix.deb }}.deb  --clobber
-          gh release upload ${{ needs.get-release.outputs.release_tag }} target/release/bundle/appimage/Readest_${version}_${{ matrix.appimage }}.AppImage  --clobber
-
   update-release:
     permissions:
       contents: write

Cargo.lock

@@ -23,13 +23,16 @@ dependencies = [
  "tauri-plugin-devtools",
  "tauri-plugin-dialog",
  "tauri-plugin-fs",
+ "tauri-plugin-haptics",
  "tauri-plugin-http",
  "tauri-plugin-log",
  "tauri-plugin-oauth",
  "tauri-plugin-opener",
  "tauri-plugin-os",
  "tauri-plugin-process",
+ "tauri-plugin-safari-auth",
  "tauri-plugin-shell",
+ "tauri-plugin-sign-in-with-apple",
  "tauri-plugin-single-instance",
  "tauri-plugin-updater",
  "tauri-plugin-window-state",
@@ -5206,6 +5209,20 @@ dependencies = [
  "uuid",
 ]
 
+[[package]]
+name = "tauri-plugin-haptics"
+version = "2.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "52db8ae1bb6eab8502ee5c32acb905323c9651491c7f229d84f45b8c57d12327"
+dependencies = [
+ "log",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.11",
+]
+
 [[package]]
 name = "tauri-plugin-http"
 version = "2.3.0"
@@ -5315,6 +5332,16 @@ dependencies = [
  "tauri-plugin",
 ]
 
+[[package]]
+name = "tauri-plugin-safari-auth"
+version = "0.1.0"
+dependencies = [
+ "serde",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.11",
+]
+
 [[package]]
 name = "tauri-plugin-shell"
 version = "2.2.0"
@@ -5336,6 +5363,18 @@ dependencies = [
  "tokio",
 ]
 
+[[package]]
+name = "tauri-plugin-sign-in-with-apple"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e9402eb8a70fdff5127fccc1f1666ebb06b5efc10e0eb656d8a70c798e26142e"
+dependencies = [
+ "serde",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.11",
+]
+
 [[package]]
 name = "tauri-plugin-single-instance"
 version = "2.2.1"

Dockerfile

@@ -0,0 +1,38 @@
+FROM node:22-slim
+
+ENV PNPM_HOME="/root/.local/share/pnpm"
+ENV PATH="${PATH}:${PNPM_HOME}"
+
+RUN npm install --global pnpm
+
+# Install necessary packages
+RUN apt update -y && apt install -y --no-install-recommends \
+    libwebkit2gtk-4.1-dev \
+    build-essential \
+    curl \
+    wget \
+    file \
+    libxdo-dev \
+    libssl-dev \
+    libayatana-appindicator3-dev \
+    librsvg2-dev \
+    ca-certificates \
+    && apt-get clean && rm -rf /var/lib/apt/lists/*
+
+# Install Rust and Cargo
+RUN curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
+ENV PATH="/root/.cargo/bin:${PATH}"
+
+COPY . /app
+
+WORKDIR /app
+
+RUN pnpm install
+
+RUN pnpm --filter @readest/readest-app setup-pdfjs
+
+WORKDIR /app/apps/readest-app
+
+RUN pnpm build-web
+
+ENTRYPOINT ["pnpm", "start-web"]

README.md

@@ -94,10 +94,9 @@ Stay tuned for continuous improvements and updates! Contributions and suggestion
 
 The Readest app is available for download! 🥳 🚀
 
-- macOS : Search for "Readest" on the [macOS App Store][link-macos-appstore].
-- Windows / Linux: Visit [https://readest.com][link-website] or the [Releases on GitHub][link-gh-releases].
+- macOS / iOS / iPadOS : Search for "Readest" on the [App Store][link-appstore], also available on TestFlight for beta test (send your Apple ID to readestapp@gmail.com to request access).
+- Windows / Linux / Android: Visit [https://readest.com][link-website] or the [Releases on GitHub][link-gh-releases].
 - Web: Visit [https://web.readest.com][link-web-readest].
-- iOS / Android: coming soon 👀
 
 ## Requirements
 
@@ -149,7 +148,10 @@ For Windows targets, “Build Tools for Visual Studio 2022” (or a higher editi
 ### 4. Build for Development
 
 ```bash
+# Start development for the Tauri app
 pnpm tauri dev
+# or start development for the Web app
+pnpm dev-web
 ```
 
 For Android:
@@ -239,7 +241,7 @@ The following fonts are utilized in this software, either bundled within the app
 [badge-commit-activity]: https://img.shields.io/github/commit-activity/m/readest/readest
 [badge-discord]: https://img.shields.io/discord/1314226120886976544?color=5865F2&label=discord&labelColor=black&logo=discord&logoColor=white&style=flat-square
 [badge-hellogithub]: https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=8a5b6ade2aee461a8bd94e59200682a7&claim_uid=eRLUbPOy2qZtDgw&theme=small
-[link-macos-appstore]: https://apps.apple.com/app/apple-store/id6738622779?pt=127463130&ct=github&mt=8
+[link-appstore]: https://apps.apple.com/app/apple-store/id6738622779?pt=127463130&ct=github&mt=8
 [link-website]: https://readest.com?utm_source=github&utm_medium=referral&utm_campaign=readme
 [link-web-readest]: https://web.readest.com
 [link-gh-releases]: https://github.com/readest/readest/releases

apps/readest-app/.env.local.example

@@ -4,8 +4,10 @@ NEXT_PUBLIC_POSTHOG_HOST=YOUR_POSTHOG_HOST
 NEXT_PUBLIC_SUPABASE_URL=YOUR_SUPABASE_URL
 NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY
 
-DEEPL_PRO_API_KEY=YOUR_DEEPL_PRO_API_KEY
-DEEPL_FREE_API_KEY=YOUR_DEEPL_FREE_API_KEY
+SUPABASE_ADMIN_KEY=YOUR_SUPABASE_ADMIN_KEY
+
+DEEPL_PRO_API_KEYS=YOUR_DEEPL_PRO_API_KEYS
+DEEPL_FREE_API_KEYS=YOUR_DEEPL_FREE_API_KEYS
 
 R2_TOKEN_VALUE=YOUR_R2_TOKEN_VALUE
 R2_ACCESS_KEY_ID=YOUR_R2_ACCESS_KEY_ID

apps/readest-app/i18next-scanner.config.js

@@ -24,6 +24,7 @@ module.exports = {
       'hi',
       'id',
       'vi',
+      'ar',
       'zh-CN',
       'zh-TW',
     ],

apps/readest-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readest/readest-app",
-  "version": "0.9.11",
+  "version": "0.9.19",
   "private": true,
   "scripts": {
     "dev": "dotenv -e .env.tauri -- next dev",
@@ -26,7 +26,10 @@
     "build-macos-universial": "dotenv -e .env.tauri.local -e .env.apple-nonstore.local -- tauri build -t universal-apple-darwin --bundles dmg",
     "build-macos-universial-appstore": "dotenv -e .env.tauri.local -e .env.apple-appstore.local -- tauri build -t universal-apple-darwin --bundles app --config src-tauri/tauri.appstore.conf.json",
     "build-macos-universial-appstore-dev": "dotenv -e .env.tauri.local -e .env.apple-appstore-dev.local -- tauri build -t universal-apple-darwin --bundles app --config src-tauri/tauri.appstore-dev.conf.json",
+    "build-ios": "dotenv -e .env.ios-appstore-dev.local -- tauri ios build",
+    "build-ios-appstore": "dotenv -e .env.ios-appstore.local -- tauri ios build --export-method app-store-connect",
     "release-macos-universial-appstore": "dotenv -e .env.tauri.local -e .env.apple-appstore.local -- bash scripts/release-mac-appstore.sh",
+    "release-ios-appstore": "dotenv -e .env.ios-appstore.local -- bash scripts/release-ios-appstore.sh",
     "preview": "NEXT_PUBLIC_APP_PLATFORM=web opennextjs-cloudflare && wrangler dev",
     "deploy": "NEXT_PUBLIC_APP_PLATFORM=web opennextjs-cloudflare && wrangler deploy",
     "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts"
@@ -44,6 +47,7 @@
     "@tauri-apps/plugin-deep-link": "^2.2.0",
     "@tauri-apps/plugin-dialog": "^2.2.0",
     "@tauri-apps/plugin-fs": "^2.2.0",
+    "@tauri-apps/plugin-haptics": "^2.2.3",
     "@tauri-apps/plugin-http": "^2.3.0",
     "@tauri-apps/plugin-log": "^2.2.1",
     "@tauri-apps/plugin-opener": "^2.2.5",

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

@@ -0,0 +1,234 @@
+{
+  "(detected)": "(تم التعرف)",
+  "About Readest": "حول ريديست",
+  "Add your notes here...": "أضف ملاحظاتك هنا...",
+  "Animation": "الرسوم المتحركة",
+  "Annotate": "إضافة ملاحظة",
+  "Apply": "تطبيق",
+  "Are you sure to delete the selected books?": "هل أنت متأكد من رغبتك في حذف الكتب المحددة؟",
+  "Auto Mode": "الوضع التلقائي",
+  "Behavior": "السلوك",
+  "Book": "الكتاب",
+  "Book Cover": "غلاف الكتاب",
+  "Bookmark": "علامة مرجعية",
+  "Cancel": "إلغاء",
+  "Chapter": "الفصل",
+  "Cherry": "كرزي",
+  "Color": "اللون",
+  "Confirm": "تأكيد",
+  "Confirm Deletion": "تأكيد الحذف",
+  "Copied to notebook": "تم النسخ إلى المفكرة",
+  "Copy": "نسخ",
+  "Custom CSS": "CSS مخصص",
+  "Dark Mode": "الوضع المظلم",
+  "Default": "الافتراضي",
+  "Default Font": "الخط الافتراضي",
+  "Default Font Size": "حجم الخط الافتراضي",
+  "Delete": "حذف",
+  "Delete Highlight": "حذف التمييز",
+  "Dictionary": "القاموس",
+  "Disable Click-to-Flip": "تعطيل التقليب بالنقر",
+  "Download Readest": "تحميل ريديست",
+  "Edit": "تحرير",
+  "Enter your custom CSS here...": "أدخل الـ CSS المخصص هنا...",
+  "Excerpts": "مقتطفات",
+  "Failed to import book(s): {{filenames}}": "فشل استيراد الكتاب/الكتب: {{filenames}}",
+  "Fast": "سريع",
+  "Font": "الخط",
+  "Font & Layout": "الخط والتخطيط",
+  "Font Face": "نوع الخط",
+  "Font Family": "عائلة الخط",
+  "Font Size": "حجم الخط",
+  "Full Justification": "محاذاة كاملة",
+  "Global Settings": "الإعدادات العامة",
+  "Go Back": "العودة",
+  "Go Forward": "التقدم",
+  "Go Left": "الذهاب لليسار",
+  "Go Right": "الذهاب لليمين",
+  "Grass": "عشبي",
+  "Gray": "رمادي",
+  "Gruvbox": "چروفبوكس",
+  "Highlight": "تمييز",
+  "Horizontal Direction": "الاتجاه الأفقي",
+  "Hyphenation": "الواصلة",
+  "Identifier:": "المعرف:",
+  "Import Books": "استيراد الكتب",
+  "Invert Colors in Dark Mode": "عكس الألوان في الوضع المظلم",
+  "Language:": "اللغة:",
+  "Layout": "التخطيط",
+  "Light Mode": "الوضع الفاتح",
+  "Loading...": "جارٍ التحميل...",
+  "Loc. {{currentPage}} / {{totalPage}}": "الصفحة {{currentPage}} \\ {{totalPage}}",
+  "Logged in": "تم تسجيل الدخول",
+  "Logged in as {{userDisplayName}}": "تم تسجيل الدخول باسم {{userDisplayName}}",
+  "Match Case": "مطابقة حالة الأحرف",
+  "Match Diacritics": "مطابقة التشكيل",
+  "Match Whole Words": "مطابقة الكلمات الكاملة",
+  "Maximum Block Size": "أقصى مساحة رأسية",
+  "Maximum Inline Size": "أقصى مساحة أفقية",
+  "Maximum Number of Columns": "العدد الأقصى للأعمدة",
+  "Minimum Font Size": "الحد الأدنى لحجم الخط",
+  "Misc": "أخرى",
+  "Monospace Font": "خط أحادي المسافة (Monospace)",
+  "More Info": "مزيد من المعلومات",
+  "Nord": "نورد",
+  "Notebook": "المفكرة",
+  "Notes": "الملاحظات",
+  "Open": "فتح",
+  "Original Text": "النص الأصلي",
+  "Page": "الصفحة",
+  "Paging Animation": "رسوم متحركةعند الانتقال إلى صفحة جديدة",
+  "Paragraph": "فقرة",
+  "Parallel Read": "قراءة متوازية",
+  "Published:": "تاريخ النشر:",
+  "Publisher:": "الناشر:",
+  "Reading Progress Synced": "تمت مزامنة تقدم القراءة",
+  "Reload Page": "إعادة تحميل الصفحة",
+  "Reveal in File Explorer": "إظهار في مستكشف الملفات",
+  "Reveal in Finder": "إظهار في Finder",
+  "Reveal in Folder": "إظهار في المجلد",
+  "Sans-Serif Font": "خط غير مذيل (Sans-Serif)",
+  "Save": "حفظ",
+  "Scrolled Mode": "وضع التمرير",
+  "Search": "البحث",
+  "Search Books...": "بحث في الكتب...",
+  "Search...": "بحث...",
+  "Select Book": "تحديد الكتاب",
+  "Select Books": "تحديد الكتب",
+  "Select Multiple Books": "تحديد عدة كتب",
+  "Sepia": "بني داكن",
+  "Serif Font": "خط مذيل (Serif)",
+  "Show Book Details": "عرض تفاصيل الكتاب",
+  "Sidebar": "الشريط الجانبي",
+  "Sign In": "تسجيل الدخول",
+  "Sign Out": "تسجيل الخروج",
+  "Sky": "سماوي",
+  "Slow": "بطيء",
+  "Solarized": "سولاريزد",
+  "Speak": "تحدث",
+  "Subjects:": "المواضيع:",
+  "System Fonts": "خطوط النظام",
+  "TTS not supported in this device": "القراءة الصوتية غير مدعومة في هذا الجهاز",
+  "Theme Color": "لون السمة",
+  "Theme Mode": "وضع السمة",
+  "Translate": "ترجمة",
+  "Translated Text": "النص المترجم",
+  "Unknown": "غير معروف",
+  "Untitled": "بدون عنوان",
+  "Updated:": "تم التحديث:",
+  "User avatar": "صورة المستخدم",
+  "Version {{version}}": "الإصدار {{version}}",
+  "Vertical Direction": "الاتجاه العمودي",
+  "Welcome to your library. You can import your books here and read them anytime.": "مرحبًا بكم في مكتبتكم. يمكنكم استيراد كتبكم هنا وقراءتها في أي وقت.",
+  "Wikipedia": "ويكيبيديا",
+  "Writing Mode": "وضع الكتابة",
+  "Your Library": "المكتبة الخاصة بك",
+  "TTS not supported for PDF": "القراءة الصوتية غير مدعومة لملفات PDF",
+  "Override Book Font": "تجاوز خط الكتاب",
+  "Vertical Margins (px)": "هوامش عمودية (بكسل)",
+  "Horizontal Margins (%)": "هوامش أفقية (%)",
+  "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": "تفاصيل الكتاب",
+  "From Local File": "من ملف محلي",
+  "TOC": "جدول المحتويات",
+  "Book uploaded: {{title}}": "تم تحميل الكتاب: {{title}}",
+  "Failed to upload book: {{title}}": "فشل تحميل الكتاب: {{title}}",
+  "Book downloaded: {{title}}": "تم تنزيل الكتاب: {{title}}",
+  "Failed to download book: {{title}}": "فشل تنزيل الكتاب: {{title}}",
+  "Upload Book": "تحميل الكتاب",
+  "Auto Upload Books to Cloud": "تحميل الكتب تلقائيًا إلى السحابة",
+  "{{percentage}}% of Cloud Storage Used.": "تم استخدام {{percentage}}% من مساحة التخزين السحابية.",
+  "Storage": "التخزين",
+  "Book deleted: {{title}}": "تم حذف الكتاب: {{title}}",
+  "Failed to delete book: {{title}}": "فشل حذف الكتاب: {{title}}",
+  "Check Updates on Start": "التحقق من التحديثات عند البدء",
+  "Insufficient storage quota": "حصة التخزين غير كافية",
+  "Font Weight": "سمك الخط",
+  "Line Spacing": "تباعد الأسطر",
+  "Word Spacing": "تباعد الكلمات",
+  "Letter Spacing": "تباعد الأحرف",
+  "Text Indent": "مسافة بادئة للنص",
+  "Paragraph Margin": "هامش الفقرة",
+  "Override Book Layout": "تجاوز تخطيط الكتاب",
+  "Add to Group": "إضافة إلى مجموعة",
+  "Untitled Group": "مجموعة بدون عنوان",
+  "Group Books": "تجميع الكتب",
+  "Remove From Group": "إزالة من المجموعة",
+  "Create New Group": "إنشاء مجموعة جديدة",
+  "Deselect Book": "إلغاء تحديد الكتاب",
+  "Download Book": "تنزيل الكتاب",
+  "Deselect Group": "إلغاء تحديد المجموعة",
+  "Select Group": "تحديد المجموعة",
+  "Keep Screen Awake": "إبقاء الشاشة نشطة",
+  "Email address": "البريد الإلكتروني",
+  "Your Password": "كلمة المرور",
+  "Your email address": "البريد الإلكتروني الخاص بك",
+  "Your password": "كلمة المرور الخاصة بك",
+  "Sign in": "تسجيل الدخول",
+  "Signing in...": "يتم الآن تسجيل الدخول...",
+  "Sign in with {{provider}}": "تسجيل الدخول باستخدام {{provider}}",
+  "Already have an account? Sign in": "هل لديك حساب بالفعل؟ تسجيل الدخول",
+  "Create a Password": "إنشاء كلمة مرور",
+  "Sign up": "إنشاء حساب",
+  "Signing up...": "يتم الآن إنشاء الحساب...",
+  "Don’t have an account? Sign up": "ليس لديك حساب؟ قم بالتسجيل",
+  "Check your email for the confirmation link": "تحقق من بريدك الإلكتروني للحصول على رابط التأكيد",
+  "Signing in ...": "يتم الآن تسجيل الدخول ...",
+  "Send a magic link email": "إرسال رابط سحري إلى بريدك الإلكتروني",
+  "Check your email for the magic link": "تحقق من بريدك الإلكتروني للحصول على الرابط السحري",
+  "Send reset password instructions": "أرسل تعليمات إعادة تعيين كلمة المرور",
+  "Sending reset instructions ...": "يتم الآن إرسال تعليمات إعادة تعيين كلمة المرور ...",
+  "Forgot your password?": "نسيت كلمة المرور؟",
+  "Check your email for the password reset link": "تحقق من بريدك الإلكتروني للحصول على رابط إعادة تعيين كلمة المرور",
+  "New Password": "كلمة المرور الجديدة",
+  "Your new password": "أدخل كلمة المرور الجديدة",
+  "Update password": "تغيير كلمة المرور",
+  "Updating password ...": "يتم الآن تغيير كلمة المرور ...",
+  "Your password has been updated": "تم تغيير كلمة المرور الخاصة بك بنجاح",
+  "Phone number": "رقم الجوال",
+  "Your phone number": "أدخل رقم الجوال",
+  "Token": "الرمز",
+  "Your OTP token": "رمز OTP الذي وصلك",
+  "Verify token": "التحقق من الرمز",
+  "Sign in with Google": "تسجيل الدخول عبر Google",
+  "Sign in with Apple": "تسجيل الدخول عبر Apple",
+  "Sign in with GitHub": "تسجيل الدخول عبر GitHub",
+  "Account": "الحساب",
+  "Cloud Storage": "التخزين السحابي",
+  "Failed to delete user. Please try again later.": "فشل حذف المستخدم. يرجى المحاولة مرة أخرى لاحقًا.",
+  "Unlimited Offline/Online Reading": "قراءة غير محدودة بدون اتصال/متصلة بالإنترنت",
+  "Unlimited Cloud Sync Devices": "أجهزة مزامنة سحابية غير محدودة",
+  "Essential Text-to-Speech Voices": "أصوات أساسية لتحويل النص إلى كلام",
+  "DeepL Free Access": "وصول مجاني إلى DeepL",
+  "Community Support": "دعم المجتمع",
+  "500 MB Cloud Sync Space": "مساحة مزامنة سحابية 500 ميجابايت",
+  "Includes All Free Tier Benefits": "يتضمن جميع مزايا الفئة المجانية",
+  "AI Summaries": "ملخصات الذكاء الاصطناعي",
+  "AI Translations": "ترجمات الذكاء الاصطناعي",
+  "Priority Support": "دعم ذو أولوية",
+  "DeepL Pro Access": "وصول إلى DeepL Pro",
+  "Expanded Text-to-Speech Voices": "أصوات موسعة لتحويل النص إلى كلام",
+  "2000 MB Cloud Sync Space": "مساحة مزامنة سحابية 2000 ميجابايت",
+  "Includes All Plus Tier Benefits": "يتضمن جميع مزايا فئة Plus",
+  "Unlimited AI Summaries": "ملخصات ذكاء اصطناعي غير محدودة",
+  "Unlimited AI Translations": "ترجمات ذكاء اصطناعي غير محدودة",
+  "Unlimited DeepL Pro Access": "وصول غير محدود إلى DeepL Pro",
+  "Advanced AI Tools": "أدوات ذكاء اصطناعي متقدمة",
+  "Early Feature Access": "وصول مبكر للميزات",
+  "10 GB Cloud Sync Space": "مساحة مزامنة سحابية 10 جيجابايت",
+  "Loading profile...": "جارٍ تحميل الملف الشخصي...",
+  "Features": "الميزات",
+  "Delete Account": "حذف الحساب",
+  "Delete Your Account?": "حذف حسابك؟",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "لا يمكن التراجع عن هذا الإجراء. سيتم حذف جميع بياناتك في السحابة بشكل دائم.",
+  "Delete Permanently": "حذف نهائي",
+  "Free Tier": "الفئة المجانية",
+  "Plus Tier": "فئة Plus",
+  "Pro Tier": "فئة Pro"
+}

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

@@ -75,7 +75,6 @@
   "Notebook": "Notizbuch",
   "Notes": "Notizen",
   "Open": "Öffnen",
-  "Open Book": "Buch öffnen",
   "Original Text": "Originaltext",
   "Page": "Seite",
   "Paging Animation": "Blätter-Animation",
@@ -161,5 +160,75 @@
   "Untitled Group": "Unbenannte Gruppe",
   "Group Books": "Bücher gruppieren",
   "Remove From Group": "Aus Gruppe entfernen",
-  "Create New Group": "Neue Gruppe erstellen"
+  "Create New Group": "Neue Gruppe erstellen",
+  "Deselect Book": "Buch abwählen",
+  "Download Book": "Buch herunterladen",
+  "Deselect Group": "Gruppe abwählen",
+  "Select Group": "Gruppe auswählen",
+  "Keep Screen Awake": "Bildschirm aktiv halten",
+  "Email address": "E-Mail-Adresse",
+  "Your Password": "Ihr Passwort",
+  "Your email address": "Ihre E-Mail-Adresse",
+  "Your password": "Ihr Passwort",
+  "Sign in": "Anmelden",
+  "Signing in...": "Anmeldung...",
+  "Sign in with {{provider}}": "Mit {{provider}} anmelden",
+  "Already have an account? Sign in": "Haben Sie bereits ein Konto? Anmelden",
+  "Create a Password": "Passwort erstellen",
+  "Sign up": "Registrieren",
+  "Signing up...": "Registrierung...",
+  "Don’t have an account? Sign up": "Kein Konto? Registrieren",
+  "Check your email for the confirmation link": "Überprüfen Sie Ihre E-Mails auf den Bestätigungslink",
+  "Signing in ...": "Anmeldung ...",
+  "Send a magic link email": "Magic-Link-E-Mail senden",
+  "Check your email for the magic link": "Überprüfen Sie Ihre E-Mails auf den Magic-Link",
+  "Send reset password instructions": "Anweisungen zum Zurücksetzen des Passworts senden",
+  "Sending reset instructions ...": "Sende Anweisungen zum Zurücksetzen ...",
+  "Forgot your password?": "Passwort vergessen?",
+  "Check your email for the password reset link": "Überprüfen Sie Ihre E-Mails auf den Link zum Zurücksetzen des Passworts",
+  "New Password": "Neues Passwort",
+  "Your new password": "Ihr neues Passwort",
+  "Update password": "Passwort aktualisieren",
+  "Updating password ...": "Passwort wird aktualisiert ...",
+  "Your password has been updated": "Ihr Passwort wurde aktualisiert",
+  "Phone number": "Telefonnummer",
+  "Your phone number": "Ihre Telefonnummer",
+  "Token": "Token",
+  "Your OTP token": "Ihr OTP-Token",
+  "Verify token": "Token überprüfen",
+  "Sign in with Google": "Mit Google anmelden",
+  "Sign in with Apple": "Mit Apple anmelden",
+  "Sign in with GitHub": "Mit GitHub anmelden",
+  "Account": "Konto",
+  "Cloud Storage": "Cloud-Speicher",
+  "Failed to delete user. Please try again later.": "Benutzer konnte nicht gelöscht werden. Bitte versuchen Sie es später erneut.",
+  "Unlimited Offline/Online Reading": "Unbegrenztes Offline/Online Lesen",
+  "Unlimited Cloud Sync Devices": "Unbegrenzte Cloud-Synchronisierungsgeräte",
+  "Essential Text-to-Speech Voices": "Grundlegende Text-zu-Sprache-Stimmen",
+  "DeepL Free Access": "Kostenloser DeepL-Zugang",
+  "Community Support": "Community-Support",
+  "500 MB Cloud Sync Space": "500 MB Cloud-Synchronisierungsspeicher",
+  "Includes All Free Tier Benefits": "Beinhaltet alle Vorteile der kostenlosen Stufe",
+  "AI Summaries": "KI-Zusammenfassungen",
+  "AI Translations": "KI-Übersetzungen",
+  "Priority Support": "Bevorzugter Support",
+  "DeepL Pro Access": "DeepL Pro-Zugang",
+  "Expanded Text-to-Speech Voices": "Erweiterte Text-zu-Sprache-Stimmen",
+  "2000 MB Cloud Sync Space": "2000 MB Cloud-Synchronisierungsspeicher",
+  "Includes All Plus Tier Benefits": "Beinhaltet alle Vorteile der Plus-Stufe",
+  "Unlimited AI Summaries": "Unbegrenzte KI-Zusammenfassungen",
+  "Unlimited AI Translations": "Unbegrenzte KI-Übersetzungen",
+  "Unlimited DeepL Pro Access": "Unbegrenzter DeepL Pro-Zugang",
+  "Advanced AI Tools": "Fortgeschrittene KI-Tools",
+  "Early Feature Access": "Früher Zugang zu neuen Funktionen",
+  "10 GB Cloud Sync Space": "10 GB Cloud-Synchronisierungsspeicher",
+  "Loading profile...": "Profil wird geladen...",
+  "Features": "Funktionen",
+  "Delete Account": "Konto löschen",
+  "Delete Your Account?": "Ihr Konto löschen?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Diese Aktion kann nicht rückgängig gemacht werden. Alle Ihre Daten in der Cloud werden dauerhaft gelöscht.",
+  "Delete Permanently": "Dauerhaft löschen",
+  "Free Tier": "Kostenlose Stufe",
+  "Plus Tier": "Plus-Stufe",
+  "Pro Tier": "Pro-Stufe"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Σημειωματάριο",
   "Notes": "Σημειώσεις",
   "Open": "Άνοιγμα",
-  "Open Book": "Άνοιγμα βιβλίου",
   "Original Text": "Αρχικό κείμενο",
   "Page": "Σελίδα",
   "Paging Animation": "Κινούμενα σχέδια σελιδοποίησης",
@@ -161,5 +160,75 @@
   "Untitled Group": "Ομάδα χωρίς τίτλο",
   "Group Books": "Ομαδοποίηση βιβλίων",
   "Remove From Group": "Αφαίρεση από την ομάδα",
-  "Create New Group": "Δημιουργία νέας ομάδας"
+  "Create New Group": "Δημιουργία νέας ομάδας",
+  "Deselect Book": "Αποεπιλογή βιβλίου",
+  "Download Book": "Λήψη βιβλίου",
+  "Deselect Group": "Αποεπιλογή ομάδας",
+  "Select Group": "Επιλογή ομάδας",
+  "Keep Screen Awake": "Διατήρηση ενεργού οθόνης",
+  "Email address": "Διεύθυνση email",
+  "Your Password": "Ο κωδικός σας",
+  "Your email address": "Η διεύθυνση email σας",
+  "Your password": "Ο κωδικός πρόσβασής σας",
+  "Sign in": "Σύνδεση",
+  "Signing in...": "Σύνδεση...",
+  "Sign in with {{provider}}": "Σύνδεση με {{provider}}",
+  "Already have an account? Sign in": "Έχετε ήδη λογαριασμό; Συνδεθείτε",
+  "Create a Password": "Δημιουργία κωδικού πρόσβασης",
+  "Sign up": "Εγγραφή",
+  "Signing up...": "Εγγραφή...",
+  "Don’t have an account? Sign up": "Δεν έχετε λογαριασμό; Εγγραφείτε",
+  "Check your email for the confirmation link": "Ελέγξτε το email σας για τον σύνδεσμο επιβεβαίωσης",
+  "Signing in ...": "Σύνδεση ...",
+  "Send a magic link email": "Αποστολή email με μαγικό σύνδεσμο",
+  "Check your email for the magic link": "Ελέγξτε το email σας για τον μαγικό σύνδεσμο",
+  "Send reset password instructions": "Αποστολή οδηγιών επαναφοράς κωδικού πρόσβασης",
+  "Sending reset instructions ...": "Αποστολή οδηγιών επαναφοράς ...",
+  "Forgot your password?": "Ξεχάσατε τον κωδικό σας;",
+  "Check your email for the password reset link": "Ελέγξτε το email σας για τον σύνδεσμο επαναφοράς κωδικού",
+  "New Password": "Νέος κωδικός πρόσβασης",
+  "Your new password": "Ο νέος σας κωδικός",
+  "Update password": "Ενημέρωση κωδικού πρόσβασης",
+  "Updating password ...": "Ενημέρωση κωδικού ...",
+  "Your password has been updated": "Ο κωδικός πρόσβασής σας ενημερώθηκε",
+  "Phone number": "Αριθμός τηλεφώνου",
+  "Your phone number": "Ο αριθμός τηλεφώνου σας",
+  "Token": "Κωδικός επαλήθευσης",
+  "Your OTP token": "Ο κωδικός OTP σας",
+  "Verify token": "Επαλήθευση κωδικού",
+  "Sign in with Google": "Σύνδεση με Google",
+  "Sign in with Apple": "Σύνδεση με Apple",
+  "Sign in with GitHub": "Σύνδεση με GitHub",
+  "Account": "Λογαριασμός",
+  "Cloud Storage": "Αποθηκευτικός χώρος Cloud",
+  "Failed to delete user. Please try again later.": "Αποτυχία διαγραφής χρήστη. Παρακαλώ δοκιμάστε ξανά αργότερα.",
+  "Unlimited Offline/Online Reading": "Απεριόριστη ανάγνωση εκτός/εντός σύνδεσης",
+  "Unlimited Cloud Sync Devices": "Απεριόριστες συσκευές συγχρονισμού Cloud",
+  "Essential Text-to-Speech Voices": "Βασικές φωνές μετατροπής κειμένου σε ομιλία",
+  "DeepL Free Access": "Δωρεάν πρόσβαση DeepL",
+  "Community Support": "Υποστήριξη κοινότητας",
+  "500 MB Cloud Sync Space": "500 MB χώρος συγχρονισμού Cloud",
+  "Includes All Free Tier Benefits": "Περιλαμβάνει όλα τα οφέλη της δωρεάν βαθμίδας",
+  "AI Summaries": "Περιλήψεις AI",
+  "AI Translations": "Μεταφράσεις AI",
+  "Priority Support": "Υποστήριξη προτεραιότητας",
+  "DeepL Pro Access": "Πρόσβαση DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Διευρυμένες φωνές μετατροπής κειμένου σε ομιλία",
+  "2000 MB Cloud Sync Space": "2000 MB χώρος συγχρονισμού Cloud",
+  "Includes All Plus Tier Benefits": "Περιλαμβάνει όλα τα οφέλη της βαθμίδας Plus",
+  "Unlimited AI Summaries": "Απεριόριστες περιλήψεις AI",
+  "Unlimited AI Translations": "Απεριόριστες μεταφράσεις AI",
+  "Unlimited DeepL Pro Access": "Απεριόριστη πρόσβαση DeepL Pro",
+  "Advanced AI Tools": "Προηγμένα εργαλεία AI",
+  "Early Feature Access": "Πρώιμη πρόσβαση σε λειτουργίες",
+  "10 GB Cloud Sync Space": "10 GB χώρος συγχρονισμού Cloud",
+  "Loading profile...": "Φόρτωση προφίλ...",
+  "Features": "Χαρακτηριστικά",
+  "Delete Account": "Διαγραφή λογαριασμού",
+  "Delete Your Account?": "Διαγραφή του λογαριασμού σας;",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Αυτή η ενέργεια δεν μπορεί να αναιρεθεί. Όλα τα δεδομένα σας στο cloud θα διαγραφούν μόνιμα.",
+  "Delete Permanently": "Μόνιμη διαγραφή",
+  "Free Tier": "Δωρεάν βαθμίδα",
+  "Plus Tier": "Βαθμίδα Plus",
+  "Pro Tier": "Βαθμίδα Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Cuaderno",
   "Notes": "Notas",
   "Open": "Abrir",
-  "Open Book": "Abrir libro",
   "Original Text": "Texto original",
   "Page": "Página",
   "Paging Animation": "Animación de paginación",
@@ -161,5 +160,75 @@
   "Untitled Group": "Grupo sin título",
   "Group Books": "Agrupar libros",
   "Remove From Group": "Eliminar del grupo",
-  "Create New Group": "Crear nuevo grupo"
+  "Create New Group": "Crear nuevo grupo",
+  "Deselect Book": "Deseleccionar libro",
+  "Download Book": "Descargar libro",
+  "Deselect Group": "Deseleccionar grupo",
+  "Select Group": "Seleccionar grupo",
+  "Keep Screen Awake": "Mantener pantalla activa",
+  "Email address": "Dirección de correo electrónico",
+  "Your Password": "Tu contraseña",
+  "Your email address": "Tu dirección de correo electrónico",
+  "Your password": "Tu contraseña",
+  "Sign in": "Iniciar sesión",
+  "Signing in...": "Iniciando sesión...",
+  "Sign in with {{provider}}": "Iniciar sesión con {{provider}}",
+  "Already have an account? Sign in": "¿Ya tienes una cuenta? Inicia sesión",
+  "Create a Password": "Crear una contraseña",
+  "Sign up": "Registrarse",
+  "Signing up...": "Registrándose...",
+  "Don’t have an account? Sign up": "¿No tienes una cuenta? Regístrate",
+  "Check your email for the confirmation link": "Revisa tu correo electrónico para el enlace de confirmación",
+  "Signing in ...": "Iniciando sesión ...",
+  "Send a magic link email": "Enviar un enlace mágico por correo",
+  "Check your email for the magic link": "Revisa tu correo electrónico para el enlace mágico",
+  "Send reset password instructions": "Enviar instrucciones para restablecer la contraseña",
+  "Sending reset instructions ...": "Enviando instrucciones de restablecimiento ...",
+  "Forgot your password?": "¿Olvidaste tu contraseña?",
+  "Check your email for the password reset link": "Revisa tu correo electrónico para el enlace de restablecimiento de contraseña",
+  "New Password": "Nueva contraseña",
+  "Your new password": "Tu nueva contraseña",
+  "Update password": "Actualizar contraseña",
+  "Updating password ...": "Actualizando contraseña ...",
+  "Your password has been updated": "Tu contraseña ha sido actualizada",
+  "Phone number": "Número de teléfono",
+  "Your phone number": "Tu número de teléfono",
+  "Token": "Código de verificación",
+  "Your OTP token": "Tu código OTP",
+  "Verify token": "Verificar código",
+  "Sign in with Google": "Iniciar sesión con Google",
+  "Sign in with Apple": "Iniciar sesión con Apple",
+  "Sign in with GitHub": "Iniciar sesión con GitHub",
+  "Account": "Cuenta",
+  "Cloud Storage": "Almacenamiento en la nube",
+  "Failed to delete user. Please try again later.": "Error al eliminar usuario. Por favor, inténtelo de nuevo más tarde.",
+  "Unlimited Offline/Online Reading": "Lectura sin límites en línea/sin conexión",
+  "Unlimited Cloud Sync Devices": "Sincronización ilimitada de dispositivos en la nube",
+  "Essential Text-to-Speech Voices": "Voces esenciales de texto a voz",
+  "DeepL Free Access": "Acceso gratuito a DeepL",
+  "Community Support": "Soporte comunitario",
+  "500 MB Cloud Sync Space": "500 MB de espacio de sincronización en la nube",
+  "Includes All Free Tier Benefits": "Incluye todos los beneficios del nivel gratuito",
+  "AI Summaries": "Resúmenes con IA",
+  "AI Translations": "Traducciones con IA",
+  "Priority Support": "Soporte prioritario",
+  "DeepL Pro Access": "Acceso a DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Voces ampliadas de texto a voz",
+  "2000 MB Cloud Sync Space": "2000 MB de espacio de sincronización en la nube",
+  "Includes All Plus Tier Benefits": "Incluye todos los beneficios del nivel Plus",
+  "Unlimited AI Summaries": "Resúmenes ilimitados con IA",
+  "Unlimited AI Translations": "Traducciones ilimitadas con IA",
+  "Unlimited DeepL Pro Access": "Acceso ilimitado a DeepL Pro",
+  "Advanced AI Tools": "Herramientas avanzadas de IA",
+  "Early Feature Access": "Acceso anticipado a funciones",
+  "10 GB Cloud Sync Space": "10 GB de espacio de sincronización en la nube",
+  "Loading profile...": "Cargando perfil...",
+  "Features": "Características",
+  "Delete Account": "Eliminar cuenta",
+  "Delete Your Account?": "¿Eliminar tu cuenta?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Esta acción no se puede deshacer. Todos tus datos en la nube se eliminarán permanentemente.",
+  "Delete Permanently": "Eliminar permanentemente",
+  "Free Tier": "Nivel gratuito",
+  "Plus Tier": "Nivel Plus",
+  "Pro Tier": "Nivel Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Carnet de notes",
   "Notes": "Notes",
   "Open": "Ouvrir",
-  "Open Book": "Ouvrir le livre",
   "Original Text": "Texte original",
   "Page": "Page",
   "Paging Animation": "Animation de page",
@@ -161,5 +160,75 @@
   "Untitled Group": "Groupe sans titre",
   "Group Books": "Regrouper les livres",
   "Remove From Group": "Retirer du groupe",
-  "Create New Group": "Créer un nouveau groupe"
+  "Create New Group": "Créer un nouveau groupe",
+  "Deselect Book": "Désélectionner le livre",
+  "Download Book": "Télécharger le livre",
+  "Deselect Group": "Désélectionner le groupe",
+  "Select Group": "Sélectionner le groupe",
+  "Keep Screen Awake": "Maintenir l'écran allumé",
+  "Email address": "Adresse e-mail",
+  "Your Password": "Votre mot de passe",
+  "Your email address": "Votre adresse e-mail",
+  "Your password": "Votre mot de passe",
+  "Sign in": "Se connecter",
+  "Signing in...": "Connexion en cours...",
+  "Sign in with {{provider}}": "Se connecter avec {{provider}}",
+  "Already have an account? Sign in": "Vous avez déjà un compte ? Connectez-vous",
+  "Create a Password": "Créer un mot de passe",
+  "Sign up": "S'inscrire",
+  "Signing up...": "Inscription en cours...",
+  "Don’t have an account? Sign up": "Vous n'avez pas de compte ? Inscrivez-vous",
+  "Check your email for the confirmation link": "Vérifiez votre e-mail pour le lien de confirmation",
+  "Signing in ...": "Connexion en cours ...",
+  "Send a magic link email": "Envoyer un e-mail avec un lien magique",
+  "Check your email for the magic link": "Vérifiez votre e-mail pour le lien magique",
+  "Send reset password instructions": "Envoyer les instructions de réinitialisation du mot de passe",
+  "Sending reset instructions ...": "Envoi des instructions de réinitialisation ...",
+  "Forgot your password?": "Mot de passe oublié ?",
+  "Check your email for the password reset link": "Vérifiez votre e-mail pour le lien de réinitialisation du mot de passe",
+  "New Password": "Nouveau mot de passe",
+  "Your new password": "Votre nouveau mot de passe",
+  "Update password": "Mettre à jour le mot de passe",
+  "Updating password ...": "Mise à jour du mot de passe ...",
+  "Your password has been updated": "Votre mot de passe a été mis à jour",
+  "Phone number": "Numéro de téléphone",
+  "Your phone number": "Votre numéro de téléphone",
+  "Token": "Code de vérification",
+  "Your OTP token": "Votre code OTP",
+  "Verify token": "Vérifier le code",
+  "Sign in with Google": "Se connecter avec Google",
+  "Sign in with Apple": "Se connecter avec Apple",
+  "Sign in with GitHub": "Se connecter avec GitHub",
+  "Account": "Compte",
+  "Cloud Storage": "Stockage cloud",
+  "Failed to delete user. Please try again later.": "Échec de la suppression de l'utilisateur. Veuillez réessayer plus tard.",
+  "Unlimited Offline/Online Reading": "Lecture illimitée hors ligne/en ligne",
+  "Unlimited Cloud Sync Devices": "Synchronisation cloud sur appareils illimitée",
+  "Essential Text-to-Speech Voices": "Voix de synthèse vocale essentielles",
+  "DeepL Free Access": "Accès gratuit à DeepL",
+  "Community Support": "Support communautaire",
+  "500 MB Cloud Sync Space": "500 Mo d'espace de synchronisation cloud",
+  "Includes All Free Tier Benefits": "Inclut tous les avantages du niveau gratuit",
+  "AI Summaries": "Résumés par IA",
+  "AI Translations": "Traductions par IA",
+  "Priority Support": "Support prioritaire",
+  "DeepL Pro Access": "Accès à DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Voix de synthèse vocale étendues",
+  "2000 MB Cloud Sync Space": "2000 Mo d'espace de synchronisation cloud",
+  "Includes All Plus Tier Benefits": "Inclut tous les avantages du niveau Plus",
+  "Unlimited AI Summaries": "Résumés par IA illimités",
+  "Unlimited AI Translations": "Traductions par IA illimitées",
+  "Unlimited DeepL Pro Access": "Accès illimité à DeepL Pro",
+  "Advanced AI Tools": "Outils IA avancés",
+  "Early Feature Access": "Accès anticipé aux fonctionnalités",
+  "10 GB Cloud Sync Space": "10 Go d'espace de synchronisation cloud",
+  "Loading profile...": "Chargement du profil...",
+  "Features": "Fonctionnalités",
+  "Delete Account": "Supprimer le compte",
+  "Delete Your Account?": "Supprimer votre compte ?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Cette action est irréversible. Toutes vos données dans le cloud seront définitivement supprimées.",
+  "Delete Permanently": "Supprimer définitivement",
+  "Free Tier": "Niveau gratuit",
+  "Plus Tier": "Niveau Plus",
+  "Pro Tier": "Niveau Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "नोटबुक",
   "Notes": "नोट्स",
   "Open": "खोलें",
-  "Open Book": "पुस्तक खोलें",
   "Original Text": "मूल पाठ",
   "Page": "पृष्ठ",
   "Paging Animation": "पेजिंग एनीमेशन",
@@ -161,5 +160,75 @@
   "Untitled Group": "अभिनामित समूह",
   "Group Books": "समूह पुस्तकें",
   "Remove From Group": "समूह से हटाएं",
-  "Create New Group": "नया समूह बनाएं"
+  "Create New Group": "नया समूह बनाएं",
+  "Deselect Book": "पुस्तक का चयन रद्द करें",
+  "Download Book": "पुस्तक डाउनलोड करें",
+  "Deselect Group": "समूह का चयन रद्द करें",
+  "Select Group": "समूह चुनें",
+  "Keep Screen Awake": "स्क्रीन जागरूक रखें",
+  "Email address": "ईमेल पता",
+  "Your Password": "आपका पासवर्ड",
+  "Your email address": "आपका ईमेल पता",
+  "Your password": "आपका पासवर्ड",
+  "Sign in": "साइन इन करें",
+  "Signing in...": "साइन इन हो रहा है...",
+  "Sign in with {{provider}}": "{{provider}} के साथ साइन इन करें",
+  "Already have an account? Sign in": "पहले से ही एक खाता है? साइन इन करें",
+  "Create a Password": "पासवर्ड बनाएं",
+  "Sign up": "साइन अप करें",
+  "Signing up...": "साइन अप हो रहा है...",
+  "Don’t have an account? Sign up": "कोई खाता नहीं है? साइन अप करें",
+  "Check your email for the confirmation link": "पुष्टि लिंक के लिए अपना ईमेल जांचें",
+  "Signing in ...": "साइन इन हो रहा है ...",
+  "Send a magic link email": "जादू लिंक ईमेल भेजें",
+  "Check your email for the magic link": "जादू लिंक के लिए अपना ईमेल जांचें",
+  "Send reset password instructions": "पासवर्ड रीसेट निर्देश भेजें",
+  "Sending reset instructions ...": "रीसेट निर्देश भेजे जा रहे हैं ...",
+  "Forgot your password?": "पासवर्ड भूल गए?",
+  "Check your email for the password reset link": "पासवर्ड रीसेट लिंक के लिए अपना ईमेल जांचें",
+  "New Password": "नया पासवर्ड",
+  "Your new password": "आपका नया पासवर्ड",
+  "Update password": "पासवर्ड अपडेट करें",
+  "Updating password ...": "पासवर्ड अपडेट किया जा रहा है ...",
+  "Your password has been updated": "आपका पासवर्ड अपडेट कर दिया गया है",
+  "Phone number": "फोन नंबर",
+  "Your phone number": "आपका फोन नंबर",
+  "Token": "टोकन",
+  "Your OTP token": "आपका ओटीपी टोकन",
+  "Verify token": "टोकन सत्यापित करें",
+  "Sign in with Google": "Google के साथ साइन इन करें",
+  "Sign in with Apple": "Apple के साथ साइन इन करें",
+  "Sign in with GitHub": "GitHub के साथ साइन इन करें",
+  "Account": "खाता",
+  "Cloud Storage": "क्लाउड स्टोरेज",
+  "Failed to delete user. Please try again later.": "उपयोगकर्ता को हटाने में विफल। कृपया बाद में पुनः प्रयास करें।",
+  "Unlimited Offline/Online Reading": "असीमित ऑफलाइन/ऑनलाइन पढ़ना",
+  "Unlimited Cloud Sync Devices": "असीमित क्लाउड सिंक उपकरण",
+  "Essential Text-to-Speech Voices": "आवश्यक टेक्स्ट-टू-स्पीच आवाज़ें",
+  "DeepL Free Access": "DeepL मुफ्त पहुंच",
+  "Community Support": "सामुदायिक सहायता",
+  "500 MB Cloud Sync Space": "500 MB क्लाउड सिंक स्पेस",
+  "Includes All Free Tier Benefits": "सभी फ्री टियर लाभ शामिल हैं",
+  "AI Summaries": "AI सारांश",
+  "AI Translations": "AI अनुवाद",
+  "Priority Support": "प्राथमिकता सहायता",
+  "DeepL Pro Access": "DeepL प्रो पहुंच",
+  "Expanded Text-to-Speech Voices": "विस्तारित टेक्स्ट-टू-स्पीच आवाज़ें",
+  "2000 MB Cloud Sync Space": "2000 MB क्लाउड सिंक स्पेस",
+  "Includes All Plus Tier Benefits": "सभी प्लस टियर लाभ शामिल हैं",
+  "Unlimited AI Summaries": "असीमित AI सारांश",
+  "Unlimited AI Translations": "असीमित AI अनुवाद",
+  "Unlimited DeepL Pro Access": "असीमित DeepL प्रो पहुंच",
+  "Advanced AI Tools": "उन्नत AI टूल्स",
+  "Early Feature Access": "प्रारंभिक फीचर पहुंच",
+  "10 GB Cloud Sync Space": "10 GB क्लाउड सिंक स्पेस",
+  "Loading profile...": "प्रोफ़ाइल लोड हो रहा है...",
+  "Features": "विशेषताएं",
+  "Delete Account": "खाता हटाएं",
+  "Delete Your Account?": "अपना खाता हटाएं?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "यह क्रिया पूर्ववत नहीं की जा सकती। क्लाउड में आपका सभी डेटा स्थायी रूप से हटा दिया जाएगा।",
+  "Delete Permanently": "स्थायी रूप से हटाएं",
+  "Free Tier": "फ्री टियर",
+  "Plus Tier": "प्लस टियर",
+  "Pro Tier": "प्रो टियर"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Buku Catatan",
   "Notes": "Catatan",
   "Open": "Buka",
-  "Open Book": "Buka Buku",
   "Original Text": "Teks Asli",
   "Page": "Halaman",
   "Paging Animation": "Animasi Halaman",
@@ -161,5 +160,75 @@
   "Untitled Group": "Grup Tanpa Judul",
   "Group Books": "Grupkan Buku",
   "Remove From Group": "Hapus dari Grup",
-  "Create New Group": "Buat Grup Baru"
+  "Create New Group": "Buat Grup Baru",
+  "Deselect Book": "Batalkan Pilihan Buku",
+  "Download Book": "Unduh Buku",
+  "Deselect Group": "Batalkan Pilihan Grup",
+  "Select Group": "Pilih Grup",
+  "Keep Screen Awake": "Biarkan Layar Tetap Hidup",
+  "Email address": "Alamat email",
+  "Your Password": "Kata sandi Anda",
+  "Your email address": "Alamat email Anda",
+  "Your password": "Kata sandi Anda",
+  "Sign in": "Masuk",
+  "Signing in...": "Sedang masuk...",
+  "Sign in with {{provider}}": "Masuk dengan {{provider}}",
+  "Already have an account? Sign in": "Sudah punya akun? Masuk",
+  "Create a Password": "Buat kata sandi",
+  "Sign up": "Daftar",
+  "Signing up...": "Sedang mendaftar...",
+  "Don’t have an account? Sign up": "Belum punya akun? Daftar",
+  "Check your email for the confirmation link": "Periksa email Anda untuk tautan konfirmasi",
+  "Signing in ...": "Sedang masuk ...",
+  "Send a magic link email": "Kirim email tautan ajaib",
+  "Check your email for the magic link": "Periksa email Anda untuk tautan ajaib",
+  "Send reset password instructions": "Kirim instruksi reset kata sandi",
+  "Sending reset instructions ...": "Mengirim instruksi reset ...",
+  "Forgot your password?": "Lupa kata sandi Anda?",
+  "Check your email for the password reset link": "Periksa email Anda untuk tautan reset kata sandi",
+  "New Password": "Kata sandi baru",
+  "Your new password": "Kata sandi baru Anda",
+  "Update password": "Perbarui kata sandi",
+  "Updating password ...": "Memperbarui kata sandi ...",
+  "Your password has been updated": "Kata sandi Anda telah diperbarui",
+  "Phone number": "Nomor telepon",
+  "Your phone number": "Nomor telepon Anda",
+  "Token": "Token",
+  "Your OTP token": "Token OTP Anda",
+  "Verify token": "Verifikasi token",
+  "Sign in with Google": "Masuk dengan Google",
+  "Sign in with Apple": "Masuk dengan Apple",
+  "Sign in with GitHub": "Masuk dengan GitHub",
+  "Account": "Akun",
+  "Cloud Storage": "Penyimpanan Cloud",
+  "Failed to delete user. Please try again later.": "Gagal menghapus pengguna. Silakan coba lagi nanti.",
+  "Unlimited Offline/Online Reading": "Membaca Offline/Online Tanpa Batas",
+  "Unlimited Cloud Sync Devices": "Perangkat Sinkronisasi Cloud Tanpa Batas",
+  "Essential Text-to-Speech Voices": "Suara Text-to-Speech Esensial",
+  "DeepL Free Access": "Akses DeepL Gratis",
+  "Community Support": "Dukungan Komunitas",
+  "500 MB Cloud Sync Space": "Ruang Sinkronisasi Cloud 500 MB",
+  "Includes All Free Tier Benefits": "Termasuk Semua Manfaat Tingkat Gratis",
+  "AI Summaries": "Ringkasan AI",
+  "AI Translations": "Terjemahan AI",
+  "Priority Support": "Dukungan Prioritas",
+  "DeepL Pro Access": "Akses DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Suara Text-to-Speech yang Diperluas",
+  "2000 MB Cloud Sync Space": "Ruang Sinkronisasi Cloud 2000 MB",
+  "Includes All Plus Tier Benefits": "Termasuk Semua Manfaat Tingkat Plus",
+  "Unlimited AI Summaries": "Ringkasan AI Tanpa Batas",
+  "Unlimited AI Translations": "Terjemahan AI Tanpa Batas",
+  "Unlimited DeepL Pro Access": "Akses DeepL Pro Tanpa Batas",
+  "Advanced AI Tools": "Alat AI Lanjutan",
+  "Early Feature Access": "Akses Fitur Awal",
+  "10 GB Cloud Sync Space": "Ruang Sinkronisasi Cloud 10 GB",
+  "Loading profile...": "Memuat profil...",
+  "Features": "Fitur",
+  "Delete Account": "Hapus Akun",
+  "Delete Your Account?": "Hapus Akun Anda?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Tindakan ini tidak dapat dibatalkan. Semua data Anda di cloud akan dihapus secara permanen.",
+  "Delete Permanently": "Hapus Secara Permanen",
+  "Free Tier": "Tingkat Gratis",
+  "Plus Tier": "Tingkat Plus",
+  "Pro Tier": "Tingkat Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Quaderno",
   "Notes": "Note",
   "Open": "Apri",
-  "Open Book": "Apri libro",
   "Original Text": "Testo originale",
   "Page": "Pagina",
   "Paging Animation": "Animazione cambio pagina",
@@ -161,5 +160,75 @@
   "Untitled Group": "Gruppo senza titolo",
   "Group Books": "Raggruppa libri",
   "Remove From Group": "Rimuovi dal",
-  "Create New Group": "Crea nuovo gruppo"
+  "Create New Group": "Crea nuovo gruppo",
+  "Deselect Book": "Deseleziona libro",
+  "Download Book": "Scarica libro",
+  "Deselect Group": "Deseleziona gruppo",
+  "Select Group": "Seleziona gruppo",
+  "Keep Screen Awake": "Mantieni schermo attivo",
+  "Email address": "Indirizzo email",
+  "Your Password": "La tua password",
+  "Your email address": "Il tuo indirizzo email",
+  "Your password": "La tua password",
+  "Sign in": "Accedi",
+  "Signing in...": "Accesso in corso...",
+  "Sign in with {{provider}}": "Accedi con {{provider}}",
+  "Already have an account? Sign in": "Hai già un account? Accedi",
+  "Create a Password": "Crea una password",
+  "Sign up": "Registrati",
+  "Signing up...": "Registrazione in corso...",
+  "Don’t have an account? Sign up": "Non hai un account? Registrati",
+  "Check your email for the confirmation link": "Controlla la tua email per il link di conferma",
+  "Signing in ...": "Accesso in corso ...",
+  "Send a magic link email": "Invia un'email con link magico",
+  "Check your email for the magic link": "Controlla la tua email per il link magico",
+  "Send reset password instructions": "Invia istruzioni per reimpostare la password",
+  "Sending reset instructions ...": "Invio istruzioni di reimpostazione ...",
+  "Forgot your password?": "Hai dimenticato la password?",
+  "Check your email for the password reset link": "Controlla la tua email per il link di reimpostazione della password",
+  "New Password": "Nuova password",
+  "Your new password": "La tua nuova password",
+  "Update password": "Aggiorna password",
+  "Updating password ...": "Aggiornamento password ...",
+  "Your password has been updated": "La tua password è stata aggiornata",
+  "Phone number": "Numero di telefono",
+  "Your phone number": "Il tuo numero di telefono",
+  "Token": "Token",
+  "Your OTP token": "Il tuo token OTP",
+  "Verify token": "Verifica token",
+  "Sign in with Google": "Accedi con Google",
+  "Sign in with Apple": "Accedi con Apple",
+  "Sign in with GitHub": "Accedi con GitHub",
+  "Account": "Account",
+  "Cloud Storage": "Archiviazione Cloud",
+  "Failed to delete user. Please try again later.": "Impossibile eliminare l'utente. Riprova più tardi.",
+  "Unlimited Offline/Online Reading": "Lettura offline/online illimitata",
+  "Unlimited Cloud Sync Devices": "Sincronizzazione cloud su dispositivi illimitati",
+  "Essential Text-to-Speech Voices": "Voci essenziali di sintesi vocale",
+  "DeepL Free Access": "Accesso gratuito a DeepL",
+  "Community Support": "Supporto della community",
+  "500 MB Cloud Sync Space": "500 MB di spazio di sincronizzazione cloud",
+  "Includes All Free Tier Benefits": "Include tutti i vantaggi del piano gratuito",
+  "AI Summaries": "Riassunti AI",
+  "AI Translations": "Traduzioni AI",
+  "Priority Support": "Supporto prioritario",
+  "DeepL Pro Access": "Accesso a DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Voci di sintesi vocale ampliate",
+  "2000 MB Cloud Sync Space": "2000 MB di spazio di sincronizzazione cloud",
+  "Includes All Plus Tier Benefits": "Include tutti i vantaggi del piano Plus",
+  "Unlimited AI Summaries": "Riassunti AI illimitati",
+  "Unlimited AI Translations": "Traduzioni AI illimitate",
+  "Unlimited DeepL Pro Access": "Accesso illimitato a DeepL Pro",
+  "Advanced AI Tools": "Strumenti AI avanzati",
+  "Early Feature Access": "Accesso anticipato alle funzionalità",
+  "10 GB Cloud Sync Space": "10 GB di spazio di sincronizzazione cloud",
+  "Loading profile...": "Caricamento profilo...",
+  "Features": "Funzionalità",
+  "Delete Account": "Elimina account",
+  "Delete Your Account?": "Eliminare il tuo account?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Questa azione non può essere annullata. Tutti i tuoi dati nel cloud verranno eliminati definitivamente.",
+  "Delete Permanently": "Elimina definitivamente",
+  "Free Tier": "Piano gratuito",
+  "Plus Tier": "Piano Plus",
+  "Pro Tier": "Piano Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "ノート",
   "Notes": "メモ",
   "Open": "開く",
-  "Open Book": "書籍を開く",
   "Original Text": "原文",
   "Page": "ページ",
   "Paging Animation": "ページめくりアニメーション",
@@ -161,5 +160,75 @@
   "Untitled Group": "無題のグループ",
   "Group Books": "書籍をグループ化",
   "Remove From Group": "グループから削除",
-  "Create New Group": "新しいグループを作成"
+  "Create New Group": "新しいグループを作成",
+  "Deselect Book": "書籍の選択を解除",
+  "Download Book": "書籍をダウンロード",
+  "Deselect Group": "グループの選択を解除",
+  "Select Group": "グループを選択",
+  "Keep Screen Awake": "画面をオンのままにする",
+  "Email address": "メールアドレス",
+  "Your Password": "あなたのパスワード",
+  "Your email address": "あなたのメールアドレス",
+  "Your password": "あなたのパスワード",
+  "Sign in": "サインイン",
+  "Signing in...": "サインイン中...",
+  "Sign in with {{provider}}": "{{provider}}でサインイン",
+  "Already have an account? Sign in": "すでにアカウントがありますか？ サインイン",
+  "Create a Password": "パスワードを作成",
+  "Sign up": "サインアップ",
+  "Signing up...": "サインアップ中...",
+  "Don’t have an account? Sign up": "アカウントをお持ちでないですか？ サインアップ",
+  "Check your email for the confirmation link": "確認リンクのためにメールを確認してください",
+  "Signing in ...": "サインイン中 ...",
+  "Send a magic link email": "マジックリンクメールを送信",
+  "Check your email for the magic link": "マジックリンクのためにメールを確認してください",
+  "Send reset password instructions": "パスワードリセットの指示を送信",
+  "Sending reset instructions ...": "リセット指示を送信中 ...",
+  "Forgot your password?": "パスワードを忘れましたか？",
+  "Check your email for the password reset link": "パスワードリセットリンクのためにメールを確認してください",
+  "New Password": "新しいパスワード",
+  "Your new password": "あなたの新しいパスワード",
+  "Update password": "パスワードを更新",
+  "Updating password ...": "パスワード更新中 ...",
+  "Your password has been updated": "あなたのパスワードは更新されました",
+  "Phone number": "電話番号",
+  "Your phone number": "あなたの電話番号",
+  "Token": "トークン",
+  "Your OTP token": "あなたのOTPトークン",
+  "Verify token": "トークンを確認",
+  "Sign in with Google": "Googleでサインイン",
+  "Sign in with Apple": "Appleでサインイン",
+  "Sign in with GitHub": "GitHubでサインイン",
+  "Account": "アカウント",
+  "Cloud Storage": "クラウドストレージ",
+  "Failed to delete user. Please try again later.": "ユーザーの削除に失敗しました。後ほど再試行してください。",
+  "Unlimited Offline/Online Reading": "無制限のオフライン/オンライン読書",
+  "Unlimited Cloud Sync Devices": "無制限のクラウド同期デバイス",
+  "Essential Text-to-Speech Voices": "基本的な音声合成ボイス",
+  "DeepL Free Access": "DeepL無料アクセス",
+  "Community Support": "コミュニティサポート",
+  "500 MB Cloud Sync Space": "500 MBのクラウド同期スペース",
+  "Includes All Free Tier Benefits": "無料プランの全特典を含む",
+  "AI Summaries": "AI要約",
+  "AI Translations": "AI翻訳",
+  "Priority Support": "優先サポート",
+  "DeepL Pro Access": "DeepL Proアクセス",
+  "Expanded Text-to-Speech Voices": "拡張された音声合成ボイス",
+  "2000 MB Cloud Sync Space": "2000 MBのクラウド同期スペース",
+  "Includes All Plus Tier Benefits": "Plusプランの全特典を含む",
+  "Unlimited AI Summaries": "無制限のAI要約",
+  "Unlimited AI Translations": "無制限のAI翻訳",
+  "Unlimited DeepL Pro Access": "無制限のDeepL Proアクセス",
+  "Advanced AI Tools": "高度なAIツール",
+  "Early Feature Access": "新機能への早期アクセス",
+  "10 GB Cloud Sync Space": "10 GBのクラウド同期スペース",
+  "Loading profile...": "プロフィール読み込み中...",
+  "Features": "機能",
+  "Delete Account": "アカウント削除",
+  "Delete Your Account?": "アカウントを削除しますか？",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "この操作は元に戻せません。クラウド上のすべてのデータが完全に削除されます。",
+  "Delete Permanently": "完全に削除",
+  "Free Tier": "無料プラン",
+  "Plus Tier": "Plusプラン",
+  "Pro Tier": "Proプラン"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "노트북",
   "Notes": "메모",
   "Open": "열기",
-  "Open Book": "책 열기",
   "Original Text": "원본 텍스트",
   "Page": "페이지",
   "Paging Animation": "페이지 넘김 애니메이션",
@@ -161,5 +160,75 @@
   "Untitled Group": "제목 없는 그룹",
   "Group Books": "책 그룹화",
   "Remove From Group": "그룹에서 제거",
-  "Create New Group": "새 그룹 만들기"
+  "Create New Group": "새 그룹 만들기",
+  "Deselect Book": "책 선택 해제",
+  "Download Book": "책 다운로드",
+  "Deselect Group": "그룹 선택 해제",
+  "Select Group": "그룹 선택",
+  "Keep Screen Awake": "화면 켜짐 유지",
+  "Email address": "이메일 주소",
+  "Your Password": "비밀번호",
+  "Your email address": "당신의 이메일 주소",
+  "Your password": "당신의 비밀번호",
+  "Sign in": "로그인",
+  "Signing in...": "로그인 중...",
+  "Sign in with {{provider}}": "{{provider}}로 로그인",
+  "Already have an account? Sign in": "이미 계정이 있습니까? 로그인",
+  "Create a Password": "비밀번호 만들기",
+  "Sign up": "회원가입",
+  "Signing up...": "회원가입 중...",
+  "Don’t have an account? Sign up": "계정이 없습니까? 회원가입",
+  "Check your email for the confirmation link": "확인 링크를 위해 이메일을 확인하세요",
+  "Signing in ...": "로그인 중 ...",
+  "Send a magic link email": "마법의 링크 이메일 보내기",
+  "Check your email for the magic link": "마법의 링크를 위해 이메일을 확인하세요",
+  "Send reset password instructions": "비밀번호 재설정 지침 보내기",
+  "Sending reset instructions ...": "재설정 지침 보내는 중 ...",
+  "Forgot your password?": "비밀번호를 잊으셨나요?",
+  "Check your email for the password reset link": "비밀번호 재설정 링크를 위해 이메일을 확인하세요",
+  "New Password": "새로운 비밀번호",
+  "Your new password": "당신의 새로운 비밀번호",
+  "Update password": "비밀번호 업데이트",
+  "Updating password ...": "비밀번호 업데이트 중 ...",
+  "Your password has been updated": "비밀번호가 업데이트되었습니다",
+  "Phone number": "전화번호",
+  "Your phone number": "당신의 전화번호",
+  "Token": "토큰",
+  "Your OTP token": "당신의 OTP 토큰",
+  "Verify token": "토큰 확인",
+  "Sign in with Google": "Google로 로그인",
+  "Sign in with Apple": "Apple로 로그인",
+  "Sign in with GitHub": "GitHub로 로그인",
+  "Account": "계정",
+  "Cloud Storage": "클라우드 스토리지",
+  "Failed to delete user. Please try again later.": "사용자 삭제에 실패했습니다. 나중에 다시 시도해 주세요.",
+  "Unlimited Offline/Online Reading": "무제한 오프라인/온라인 읽기",
+  "Unlimited Cloud Sync Devices": "무제한 클라우드 동기화 기기",
+  "Essential Text-to-Speech Voices": "필수 텍스트 음성 변환 목소리",
+  "DeepL Free Access": "DeepL 무료 접근",
+  "Community Support": "커뮤니티 지원",
+  "500 MB Cloud Sync Space": "500 MB 클라우드 동기화 공간",
+  "Includes All Free Tier Benefits": "무료 등급의 모든 혜택 포함",
+  "AI Summaries": "AI 요약",
+  "AI Translations": "AI 번역",
+  "Priority Support": "우선 지원",
+  "DeepL Pro Access": "DeepL 프로 접근",
+  "Expanded Text-to-Speech Voices": "확장된 텍스트 음성 변환 목소리",
+  "2000 MB Cloud Sync Space": "2000 MB 클라우드 동기화 공간",
+  "Includes All Plus Tier Benefits": "플러스 등급의 모든 혜택 포함",
+  "Unlimited AI Summaries": "무제한 AI 요약",
+  "Unlimited AI Translations": "무제한 AI 번역",
+  "Unlimited DeepL Pro Access": "무제한 DeepL 프로 접근",
+  "Advanced AI Tools": "고급 AI 도구",
+  "Early Feature Access": "신기능 조기 접근",
+  "10 GB Cloud Sync Space": "10 GB 클라우드 동기화 공간",
+  "Loading profile...": "프로필 로딩 중...",
+  "Features": "기능",
+  "Delete Account": "계정 삭제",
+  "Delete Your Account?": "계정을 삭제하시겠습니까?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "이 작업은 취소할 수 없습니다. 클라우드에 있는 모든 데이터가 영구적으로 삭제됩니다.",
+  "Delete Permanently": "영구 삭제",
+  "Free Tier": "무료 등급",
+  "Plus Tier": "플러스 등급",
+  "Pro Tier": "프로 등급"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Notatnik",
   "Notes": "Notatki",
   "Open": "Otwórz",
-  "Open Book": "Otwórz książkę",
   "Original Text": "Tekst oryginalny",
   "Page": "Strona",
   "Paging Animation": "Animacja przewracania stron",
@@ -161,5 +160,75 @@
   "Untitled Group": "Grupa bez tytułu",
   "Group Books": "Grupuj książki",
   "Remove From Group": "Usuń z grupy",
-  "Create New Group": "Utwórz nową grupę"
+  "Create New Group": "Utwórz nową grupę",
+  "Deselect Book": "Odznacz książkę",
+  "Download Book": "Pobierz książkę",
+  "Deselect Group": "Odznacz grupę",
+  "Select Group": "Wybierz grupę",
+  "Keep Screen Awake": "Nie wygaszaj ekranu",
+  "Email address": "Adres email",
+  "Your Password": "Twoje hasło",
+  "Your email address": "Twój adres email",
+  "Your password": "Twoje hasło",
+  "Sign in": "Zaloguj się",
+  "Signing in...": "Logowanie...",
+  "Sign in with {{provider}}": "Zaloguj się za pomocą {{provider}}",
+  "Already have an account? Sign in": "Masz już konto? Zaloguj się",
+  "Create a Password": "Utwórz hasło",
+  "Sign up": "Zarejestruj się",
+  "Signing up...": "Rejestracja...",
+  "Don’t have an account? Sign up": "Nie masz konta? Zarejestruj się",
+  "Check your email for the confirmation link": "Sprawdź swój email, aby uzyskać link potwierdzający",
+  "Signing in ...": "Logowanie ...",
+  "Send a magic link email": "Wyślij link magiczny na email",
+  "Check your email for the magic link": "Sprawdź swój email, aby uzyskać link magiczny",
+  "Send reset password instructions": "Wyślij instrukcje resetowania hasła",
+  "Sending reset instructions ...": "Wysyłanie instrukcji resetowania hasła ...",
+  "Forgot your password?": "Zapomniałeś hasła?",
+  "Check your email for the password reset link": "Sprawdź swój email, aby uzyskać link resetujący hasło",
+  "New Password": "Nowe hasło",
+  "Your new password": "Twoje nowe hasło",
+  "Update password": "Zaktualizuj hasło",
+  "Updating password ...": "Aktualizacja hasła ...",
+  "Your password has been updated": "Twoje hasło zostało zaktualizowane",
+  "Phone number": "Numer telefonu",
+  "Your phone number": "Twój numer telefonu",
+  "Token": "Token",
+  "Your OTP token": "Twój OTP token",
+  "Verify token": "Weryfikacja tokena",
+  "Sign in with Google": "Zaloguj się za pomocą Google",
+  "Sign in with Apple": "Zaloguj się za pomocą Apple",
+  "Sign in with GitHub": "Zaloguj się za pomocą GitHub",
+  "Account": "Konto",
+  "Cloud Storage": "Przestrzeń w chmurze",
+  "Failed to delete user. Please try again later.": "Nie udało się usunąć użytkownika. Spróbuj ponownie później.",
+  "Unlimited Offline/Online Reading": "Nieograniczone czytanie offline/online",
+  "Unlimited Cloud Sync Devices": "Nieograniczona liczba urządzeń synchronizowanych w chmurze",
+  "Essential Text-to-Speech Voices": "Podstawowe głosy zamiany tekstu na mowę",
+  "DeepL Free Access": "Darmowy dostęp do DeepL",
+  "Community Support": "Wsparcie społeczności",
+  "500 MB Cloud Sync Space": "500 MB przestrzeni synchronizacji w chmurze",
+  "Includes All Free Tier Benefits": "Zawiera wszystkie korzyści darmowego planu",
+  "AI Summaries": "Podsumowania AI",
+  "AI Translations": "Tłumaczenia AI",
+  "Priority Support": "Priorytetowe wsparcie",
+  "DeepL Pro Access": "Dostęp do DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Rozszerzone głosy zamiany tekstu na mowę",
+  "2000 MB Cloud Sync Space": "2000 MB przestrzeni synchronizacji w chmurze",
+  "Includes All Plus Tier Benefits": "Zawiera wszystkie korzyści planu Plus",
+  "Unlimited AI Summaries": "Nieograniczone podsumowania AI",
+  "Unlimited AI Translations": "Nieograniczone tłumaczenia AI",
+  "Unlimited DeepL Pro Access": "Nieograniczony dostęp do DeepL Pro",
+  "Advanced AI Tools": "Zaawansowane narzędzia AI",
+  "Early Feature Access": "Wczesny dostęp do nowych funkcji",
+  "10 GB Cloud Sync Space": "10 GB przestrzeni synchronizacji w chmurze",
+  "Loading profile...": "Ładowanie profilu...",
+  "Features": "Funkcje",
+  "Delete Account": "Usuń konto",
+  "Delete Your Account?": "Usunąć Twoje konto?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Tej operacji nie można cofnąć. Wszystkie Twoje dane w chmurze zostaną trwale usunięte.",
+  "Delete Permanently": "Usuń trwale",
+  "Free Tier": "Plan darmowy",
+  "Plus Tier": "Plan Plus",
+  "Pro Tier": "Plan Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Caderno",
   "Notes": "Notas",
   "Open": "Abrir",
-  "Open Book": "Abrir Livro",
   "Original Text": "Texto Original",
   "Page": "Página",
   "Paging Animation": "Animação de Página",
@@ -161,5 +160,75 @@
   "Untitled Group": "Grupo Sem Título",
   "Group Books": "Agrupar Livros",
   "Remove From Group": "Remover do Grupo",
-  "Create New Group": "Criar Novo Grupo"
+  "Create New Group": "Criar Novo Grupo",
+  "Deselect Book": "Desmarcar Livro",
+  "Download Book": "Baixar Livro",
+  "Deselect Group": "Desmarcar Grupo",
+  "Select Group": "Selecionar Grupo",
+  "Keep Screen Awake": "Manter a Tela Ativa",
+  "Email address": "Endereço de e-mail",
+  "Your Password": "Sua senha",
+  "Your email address": "Seu endereço de e-mail",
+  "Your password": "Sua senha",
+  "Sign in": "Entrar",
+  "Signing in...": "Entrando...",
+  "Sign in with {{provider}}": "Entrar com {{provider}}",
+  "Already have an account? Sign in": "Já tem uma conta? Entrar",
+  "Create a Password": "Criar uma senha",
+  "Sign up": "Cadastrar-se",
+  "Signing up...": "Cadastrando...",
+  "Don’t have an account? Sign up": "Não tem uma conta? Cadastre-se",
+  "Check your email for the confirmation link": "Verifique seu e-mail para o link de confirmação",
+  "Signing in ...": "Entrando ...",
+  "Send a magic link email": "Enviar um link mágico por e-mail",
+  "Check your email for the magic link": "Verifique seu e-mail para o link mágico",
+  "Send reset password instructions": "Enviar instruções para redefinir a senha",
+  "Sending reset instructions ...": "Enviando instruções para redefinir a senha ...",
+  "Forgot your password?": "Esqueceu sua senha?",
+  "Check your email for the password reset link": "Verifique seu e-mail para o link de redefinição de senha",
+  "New Password": "Nova senha",
+  "Your new password": "Sua nova senha",
+  "Update password": "Atualizar senha",
+  "Updating password ...": "Atualizando senha ...",
+  "Your password has been updated": "Sua senha foi atualizada",
+  "Phone number": "Número de telefone",
+  "Your phone number": "Seu número de telefone",
+  "Token": "Token",
+  "Your OTP token": "Seu token OTP",
+  "Verify token": "Verificar token",
+  "Sign in with Google": "Entrar com o Google",
+  "Sign in with Apple": "Entrar com o Apple",
+  "Sign in with GitHub": "Entrar com o GitHub",
+  "Account": "Conta",
+  "Cloud Storage": "Armazenamento na nuvem",
+  "Failed to delete user. Please try again later.": "Falha ao excluir usuário. Por favor, tente novamente mais tarde.",
+  "Unlimited Offline/Online Reading": "Leitura offline/online ilimitada",
+  "Unlimited Cloud Sync Devices": "Sincronização ilimitada de dispositivos na nuvem",
+  "Essential Text-to-Speech Voices": "Vozes essenciais de texto para fala",
+  "DeepL Free Access": "Acesso gratuito ao DeepL",
+  "Community Support": "Suporte da comunidade",
+  "500 MB Cloud Sync Space": "500 MB de espaço de sincronização na nuvem",
+  "Includes All Free Tier Benefits": "Inclui todos os benefícios do plano gratuito",
+  "AI Summaries": "Resumos de IA",
+  "AI Translations": "Traduções de IA",
+  "Priority Support": "Suporte prioritário",
+  "DeepL Pro Access": "Acesso ao DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Vozes ampliadas de texto para fala",
+  "2000 MB Cloud Sync Space": "2000 MB de espaço de sincronização na nuvem",
+  "Includes All Plus Tier Benefits": "Inclui todos os benefícios do plano Plus",
+  "Unlimited AI Summaries": "Resumos de IA ilimitados",
+  "Unlimited AI Translations": "Traduções de IA ilimitadas",
+  "Unlimited DeepL Pro Access": "Acesso ilimitado ao DeepL Pro",
+  "Advanced AI Tools": "Ferramentas avançadas de IA",
+  "Early Feature Access": "Acesso antecipado a recursos",
+  "10 GB Cloud Sync Space": "10 GB de espaço de sincronização na nuvem",
+  "Loading profile...": "Carregando perfil...",
+  "Features": "Recursos",
+  "Delete Account": "Excluir conta",
+  "Delete Your Account?": "Excluir sua conta?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Esta ação não pode ser desfeita. Todos os seus dados na nuvem serão excluídos permanentemente.",
+  "Delete Permanently": "Excluir permanentemente",
+  "Free Tier": "Plano gratuito",
+  "Plus Tier": "Plano Plus",
+  "Pro Tier": "Plano Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Блокнот",
   "Notes": "Заметки",
   "Open": "Открыть",
-  "Open Book": "Открыть книгу",
   "Original Text": "Оригинальный текст",
   "Page": "Страница",
   "Paging Animation": "Анимация перелистывания",
@@ -161,5 +160,75 @@
   "Untitled Group": "Группа без названия",
   "Group Books": "Группировать книги",
   "Remove From Group": "Удалить из группы",
-  "Create New Group": "Создать новую группу"
+  "Create New Group": "Создать новую группу",
+  "Deselect Book": "Отменить выбор книги",
+  "Download Book": "Скачать книгу",
+  "Deselect Group": "Отменить выбор группы",
+  "Select Group": "Выбрать группу",
+  "Keep Screen Awake": "Не выключать экран",
+  "Email address": "Адрес электронной почты",
+  "Your Password": "Ваш пароль",
+  "Your email address": "Ваш адрес электронной почты",
+  "Your password": "Ваш пароль",
+  "Sign in": "Войти",
+  "Signing in...": "Вход...",
+  "Sign in with {{provider}}": "Войти с помощью {{provider}}",
+  "Already have an account? Sign in": "Уже есть аккаунт? Войдите",
+  "Create a Password": "Создать пароль",
+  "Sign up": "Зарегистрироваться",
+  "Signing up...": "Регистрация...",
+  "Don’t have an account? Sign up": "Нет аккаунта? Зарегистрируйтесь",
+  "Check your email for the confirmation link": "Проверьте свою почту для подтверждающей ссылки",
+  "Signing in ...": "Вход ...",
+  "Send a magic link email": "Отправить магическую ссылку по электронной почте",
+  "Check your email for the magic link": "Проверьте свою почту для магической ссылки",
+  "Send reset password instructions": "Отправить инструкции по сбросу пароля",
+  "Sending reset instructions ...": "Отправка инструкций по сбросу пароля ...",
+  "Forgot your password?": "Забыли пароль?",
+  "Check your email for the password reset link": "Проверьте свою почту для ссылки для сброса пароля",
+  "New Password": "Новый пароль",
+  "Your new password": "Ваш новый пароль",
+  "Update password": "Обновить пароль",
+  "Updating password ...": "Обновление пароля ...",
+  "Your password has been updated": "Ваш пароль был обновлен",
+  "Phone number": "Номер телефона",
+  "Your phone number": "Ваш номер телефона",
+  "Token": "Токен",
+  "Your OTP token": "Ваш OTP токен",
+  "Verify token": "Проверить токен",
+  "Sign in with Google": "Войти через Google",
+  "Sign in with Apple": "Войти через Apple",
+  "Sign in with GitHub": "Войти через GitHub",
+  "Account": "Аккаунт",
+  "Cloud Storage": "Облачное хранилище",
+  "Failed to delete user. Please try again later.": "Не удалось удалить пользователя. Пожалуйста, повторите попытку позже.",
+  "Unlimited Offline/Online Reading": "Безлимитное чтение офлайн/онлайн",
+  "Unlimited Cloud Sync Devices": "Неограниченное количество устройств для облачной синхронизации",
+  "Essential Text-to-Speech Voices": "Основные голоса для преобразования текста в речь",
+  "DeepL Free Access": "Бесплатный доступ к DeepL",
+  "Community Support": "Поддержка сообщества",
+  "500 MB Cloud Sync Space": "500 МБ облачного пространства для синхронизации",
+  "Includes All Free Tier Benefits": "Включает все преимущества бесплатного тарифа",
+  "AI Summaries": "AI-резюме",
+  "AI Translations": "AI-переводы",
+  "Priority Support": "Приоритетная поддержка",
+  "DeepL Pro Access": "Доступ к DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Расширенный набор голосов для преобразования текста в речь",
+  "2000 MB Cloud Sync Space": "2000 МБ облачного пространства для синхронизации",
+  "Includes All Plus Tier Benefits": "Включает все преимущества тарифа Plus",
+  "Unlimited AI Summaries": "Безлимитные AI-резюме",
+  "Unlimited AI Translations": "Безлимитные AI-переводы",
+  "Unlimited DeepL Pro Access": "Неограниченный доступ к DeepL Pro",
+  "Advanced AI Tools": "Продвинутые AI-инструменты",
+  "Early Feature Access": "Ранний доступ к новым функциям",
+  "10 GB Cloud Sync Space": "10 ГБ облачного пространства для синхронизации",
+  "Loading profile...": "Загрузка профиля...",
+  "Features": "Функции",
+  "Delete Account": "Удалить аккаунт",
+  "Delete Your Account?": "Удалить ваш аккаунт?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Это действие нельзя отменить. Все ваши данные в облаке будут удалены безвозвратно.",
+  "Delete Permanently": "Удалить навсегда",
+  "Free Tier": "Бесплатный тариф",
+  "Plus Tier": "Тариф Plus",
+  "Pro Tier": "Тариф Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Not Defteri",
   "Notes": "Notlar",
   "Open": "Aç",
-  "Open Book": "Kitabı Aç",
   "Original Text": "Orijinal Metin",
   "Page": "Sayfa",
   "Paging Animation": "Sayfa Çevirme Animasyonu",
@@ -161,5 +160,75 @@
   "Untitled Group": "Başlıksız Grup",
   "Group Books": "Kitapları Grupla",
   "Remove From Group": "Grubu Kaldır",
-  "Create New Group": "Yeni Grup Oluştur"
+  "Create New Group": "Yeni Grup Oluştur",
+  "Deselect Book": "Kitabı Seçme",
+  "Download Book": "Kitabı İndir",
+  "Deselect Group": "Grubu Seçme",
+  "Select Group": "Grup Seç",
+  "Keep Screen Awake": "Ekranı Açık Tut",
+  "Email address": "E-posta adresi",
+  "Your Password": "Şifreniz",
+  "Your email address": "E-posta adresiniz",
+  "Your password": "Şifreniz",
+  "Sign in": "Giriş yap",
+  "Signing in...": "Giriş yapılıyor...",
+  "Sign in with {{provider}}": "{{provider}} ile giriş yap",
+  "Already have an account? Sign in": "Hesabınız var mı? Giriş yapın",
+  "Create a Password": "Şifre oluştur",
+  "Sign up": "Kaydol",
+  "Signing up...": "Kaydolunuyor...",
+  "Don’t have an account? Sign up": "Hesabınız yok mu? Kaydolun",
+  "Check your email for the confirmation link": "Onay bağlantısı için e-posta adresinizi kontrol edin",
+  "Signing in ...": "Giriş yapılıyor...",
+  "Send a magic link email": "Sihirli bağlantı e-postası gönder",
+  "Check your email for the magic link": "Sihirli bağlantı için e-posta adresinizi kontrol edin",
+  "Send reset password instructions": "Şifre sıfırlama talimatları gönder",
+  "Sending reset instructions ...": "Şifre sıfırlama talimatları gönderiliyor...",
+  "Forgot your password?": "Şifrenizi mi unuttunuz?",
+  "Check your email for the password reset link": "Şifre sıfırlama bağlantısı için e-posta adresinizi kontrol edin",
+  "New Password": "Yeni şifre",
+  "Your new password": "Yeni şifreniz",
+  "Update password": "Şifreyi güncelle",
+  "Updating password ...": "Şifre güncelleniyor...",
+  "Your password has been updated": "Şifreniz güncellendi",
+  "Phone number": "Telefon numarası",
+  "Your phone number": "Telefon numaranız",
+  "Token": "Token",
+  "Your OTP token": "OTP token'ınız",
+  "Verify token": "Token'ı doğrula",
+  "Sign in with Google": "Google ile giriş yap",
+  "Sign in with Apple": "Apple ile giriş yap",
+  "Sign in with GitHub": "GitHub ile giriş yap",
+  "Account": "Hesap",
+  "Cloud Storage": "Bulut Depolama",
+  "Failed to delete user. Please try again later.": "Kullanıcı silinemedi. Lütfen daha sonra tekrar deneyin.",
+  "Unlimited Offline/Online Reading": "Sınırsız Çevrimdışı/Çevrimiçi Okuma",
+  "Unlimited Cloud Sync Devices": "Sınırsız Bulut Senkronizasyon Cihazları",
+  "Essential Text-to-Speech Voices": "Temel Metinden Sese Dönüştürme Sesleri",
+  "DeepL Free Access": "DeepL Ücretsiz Erişim",
+  "Community Support": "Topluluk Desteği",
+  "500 MB Cloud Sync Space": "500 MB Bulut Senkronizasyon Alanı",
+  "Includes All Free Tier Benefits": "Tüm Ücretsiz Paket Avantajlarını İçerir",
+  "AI Summaries": "Yapay Zeka Özetleri",
+  "AI Translations": "Yapay Zeka Çevirileri",
+  "Priority Support": "Öncelikli Destek",
+  "DeepL Pro Access": "DeepL Pro Erişimi",
+  "Expanded Text-to-Speech Voices": "Genişletilmiş Metinden Sese Dönüştürme Sesleri",
+  "2000 MB Cloud Sync Space": "2000 MB Bulut Senkronizasyon Alanı",
+  "Includes All Plus Tier Benefits": "Tüm Plus Paket Avantajlarını İçerir",
+  "Unlimited AI Summaries": "Sınırsız Yapay Zeka Özetleri",
+  "Unlimited AI Translations": "Sınırsız Yapay Zeka Çevirileri",
+  "Unlimited DeepL Pro Access": "Sınırsız DeepL Pro Erişimi",
+  "Advanced AI Tools": "Gelişmiş Yapay Zeka Araçları",
+  "Early Feature Access": "Erken Özellik Erişimi",
+  "10 GB Cloud Sync Space": "10 GB Bulut Senkronizasyon Alanı",
+  "Loading profile...": "Profil yükleniyor...",
+  "Features": "Özellikler",
+  "Delete Account": "Hesabı Sil",
+  "Delete Your Account?": "Hesabınızı Silmek İstiyor musunuz?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Bu işlem geri alınamaz. Buluttaki tüm verileriniz kalıcı olarak silinecektir.",
+  "Delete Permanently": "Kalıcı Olarak Sil",
+  "Free Tier": "Ücretsiz Paket",
+  "Plus Tier": "Plus Paket",
+  "Pro Tier": "Pro Paket"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Нотатник",
   "Notes": "Нотатки",
   "Open": "Відкрити",
-  "Open Book": "Відкрити книгу",
   "Original Text": "Оригінальний текст",
   "Page": "Сторінка",
   "Paging Animation": "Анімація гортання",
@@ -161,5 +160,75 @@
   "Untitled Group": "Група без назви",
   "Group Books": "Групувати книги",
   "Remove From Group": "Видалити з групи",
-  "Create New Group": "Створити нову групу"
+  "Create New Group": "Створити нову групу",
+  "Deselect Book": "Скасувати вибір книги",
+  "Download Book": "Завантажити книгу",
+  "Deselect Group": "Скасувати вибір групи",
+  "Select Group": "Вибрати групу",
+  "Keep Screen Awake": "Не вимикати екран",
+  "Email address": "Адреса електронної пошти",
+  "Your Password": "Ваш пароль",
+  "Your email address": "Ваша електронна адреса",
+  "Your password": "Ваш пароль",
+  "Sign in": "Увійти",
+  "Signing in...": "Вхід...",
+  "Sign in with {{provider}}": "Увійти через {{provider}}",
+  "Already have an account? Sign in": "Уже є акаунт? Увійти",
+  "Create a Password": "Створити пароль",
+  "Sign up": "Зареєструватися",
+  "Signing up...": "Реєстрація...",
+  "Don’t have an account? Sign up": "Немає акаунту? Зареєструйтеся",
+  "Check your email for the confirmation link": "Перевірте свою електронну пошту для підтвердження посилання",
+  "Signing in ...": "Увійти...",
+  "Send a magic link email": "Відправити магічне посилання на електронну пошту",
+  "Check your email for the magic link": "Перевірте свою електронну пошту для магічного посилання",
+  "Send reset password instructions": "Надіслати інструкції для скидання пароля",
+  "Sending reset instructions ...": "Надсилаються інструкції для скидання пароля...",
+  "Forgot your password?": "Забули пароль?",
+  "Check your email for the password reset link": "Перевірте свою електронну пошту для посилання на скидання пароля",
+  "New Password": "Новий пароль",
+  "Your new password": "Ваш новий пароль",
+  "Update password": "Оновити пароль",
+  "Updating password ...": "Оновлення пароля...",
+  "Your password has been updated": "Ваш пароль оновлено",
+  "Phone number": "Номер телефону",
+  "Your phone number": "Ваш номер телефону",
+  "Token": "Токен",
+  "Your OTP token": "Ваш OTP токен",
+  "Verify token": "Перевірити токен",
+  "Sign in with Google": "Увійти через Google",
+  "Sign in with Apple": "Увійти через Apple",
+  "Sign in with GitHub": "Увійти через GitHub",
+  "Account": "Обліковий запис",
+  "Cloud Storage": "Хмарне сховище",
+  "Failed to delete user. Please try again later.": "Не вдалося видалити користувача. Будь ласка, спробуйте пізніше.",
+  "Unlimited Offline/Online Reading": "Необмежене читання офлайн/онлайн",
+  "Unlimited Cloud Sync Devices": "Необмежена кількість пристроїв для хмарної синхронізації",
+  "Essential Text-to-Speech Voices": "Основні голоси для перетворення тексту в мовлення",
+  "DeepL Free Access": "Безкоштовний доступ до DeepL",
+  "Community Support": "Підтримка спільноти",
+  "500 MB Cloud Sync Space": "500 МБ простору для хмарної синхронізації",
+  "Includes All Free Tier Benefits": "Включає всі переваги безкоштовного тарифу",
+  "AI Summaries": "AI-резюме",
+  "AI Translations": "AI-переклади",
+  "Priority Support": "Пріоритетна підтримка",
+  "DeepL Pro Access": "Доступ до DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Розширений набір голосів для перетворення тексту в мовлення",
+  "2000 MB Cloud Sync Space": "2000 МБ простору для хмарної синхронізації",
+  "Includes All Plus Tier Benefits": "Включає всі переваги тарифу Plus",
+  "Unlimited AI Summaries": "Необмежені AI-резюме",
+  "Unlimited AI Translations": "Необмежені AI-переклади",
+  "Unlimited DeepL Pro Access": "Необмежений доступ до DeepL Pro",
+  "Advanced AI Tools": "Розширені AI-інструменти",
+  "Early Feature Access": "Ранній доступ до нових функцій",
+  "10 GB Cloud Sync Space": "10 ГБ простору для хмарної синхронізації",
+  "Loading profile...": "Завантаження профілю...",
+  "Features": "Функції",
+  "Delete Account": "Видалити обліковий запис",
+  "Delete Your Account?": "Видалити ваш обліковий запис?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Цю дію неможливо скасувати. Всі ваші дані в хмарі будуть повністю видалені.",
+  "Delete Permanently": "Видалити назавжди",
+  "Free Tier": "Безкоштовний тариф",
+  "Plus Tier": "Тариф Plus",
+  "Pro Tier": "Тариф Pro"
 }

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

@@ -75,7 +75,6 @@
   "Notebook": "Sổ ghi chép",
   "Notes": "Ghi chú",
   "Open": "Mở",
-  "Open Book": "Mở sách",
   "Original Text": "Văn bản gốc",
   "Page": "Trang",
   "Paging Animation": "Hiệu ứng lật trang",
@@ -161,5 +160,75 @@
   "Untitled Group": "Nhóm không có tiêu đề",
   "Group Books": "Nhóm sách",
   "Remove From Group": "Xóa khỏi nhóm",
-  "Create New Group": "Tạo nhóm mới"
+  "Create New Group": "Tạo nhóm mới",
+  "Deselect Book": "Bỏ chọn sách",
+  "Download Book": "Tải sách",
+  "Deselect Group": "Bỏ chọn nhóm",
+  "Select Group": "Chọn nhóm",
+  "Keep Screen Awake": "Giữ màn hình luôn bật",
+  "Email address": "Địa chỉ email",
+  "Your Password": "Mật khẩu của bạn",
+  "Your email address": "Địa chỉ email của bạn",
+  "Your password": "Mật khẩu của bạn",
+  "Sign in": "Đăng nhập",
+  "Signing in...": "Đang đăng nhập...",
+  "Sign in with {{provider}}": "Đăng nhập với {{provider}}",
+  "Already have an account? Sign in": "Đã có tài khoản? Đăng nhập",
+  "Create a Password": "Tạo mật khẩu",
+  "Sign up": "Đăng ký",
+  "Signing up...": "Đang đăng ký...",
+  "Don’t have an account? Sign up": "Chưa có tài khoản? Đăng ký",
+  "Check your email for the confirmation link": "Kiểm tra email của bạn để nhận liên kết xác nhận",
+  "Signing in ...": "Đang đăng nhập ...",
+  "Send a magic link email": "Gửi email liên kết ma thuật",
+  "Check your email for the magic link": "Kiểm tra email của bạn để nhận liên kết ma thuật",
+  "Send reset password instructions": "Gửi hướng dẫn đặt lại mật khẩu",
+  "Sending reset instructions ...": "Đang gửi hướng dẫn đặt lại mật khẩu ...",
+  "Forgot your password?": "Quên mật khẩu?",
+  "Check your email for the password reset link": "Kiểm tra email của bạn để nhận liên kết đặt lại mật khẩu",
+  "New Password": "Mật khẩu mới",
+  "Your new password": "Mật khẩu mới của bạn",
+  "Update password": "Cập nhật mật khẩu",
+  "Updating password ...": "Đang cập nhật mật khẩu ...",
+  "Your password has been updated": "Mật khẩu của bạn đã được cập nhật",
+  "Phone number": "Số điện thoại",
+  "Your phone number": "Số điện thoại của bạn",
+  "Token": "Mã token",
+  "Your OTP token": "Mã OTP của bạn",
+  "Verify token": "Xác minh mã token",
+  "Sign in with Google": "Đăng nhập với Google",
+  "Sign in with Apple": "Đăng nhập với Apple",
+  "Sign in with GitHub": "Đăng nhập với GitHub",
+  "Account": "Tài khoản",
+  "Cloud Storage": "Lưu trữ đám mây",
+  "Failed to delete user. Please try again later.": "Không thể xóa người dùng. Vui lòng thử lại sau.",
+  "Unlimited Offline/Online Reading": "Đọc ngoại tuyến/trực tuyến không giới hạn",
+  "Unlimited Cloud Sync Devices": "Đồng bộ hóa thiết bị đám mây không giới hạn",
+  "Essential Text-to-Speech Voices": "Giọng nói chuyển văn bản thành giọng nói cơ bản",
+  "DeepL Free Access": "Truy cập DeepL miễn phí",
+  "Community Support": "Hỗ trợ cộng đồng",
+  "500 MB Cloud Sync Space": "500 MB không gian đồng bộ hóa đám mây",
+  "Includes All Free Tier Benefits": "Bao gồm tất cả lợi ích của gói miễn phí",
+  "AI Summaries": "Tóm tắt AI",
+  "AI Translations": "Dịch thuật AI",
+  "Priority Support": "Hỗ trợ ưu tiên",
+  "DeepL Pro Access": "Truy cập DeepL Pro",
+  "Expanded Text-to-Speech Voices": "Giọng nói chuyển văn bản thành giọng nói mở rộng",
+  "2000 MB Cloud Sync Space": "2000 MB không gian đồng bộ hóa đám mây",
+  "Includes All Plus Tier Benefits": "Bao gồm tất cả lợi ích của gói Plus",
+  "Unlimited AI Summaries": "Tóm tắt AI không giới hạn",
+  "Unlimited AI Translations": "Dịch thuật AI không giới hạn",
+  "Unlimited DeepL Pro Access": "Truy cập DeepL Pro không giới hạn",
+  "Advanced AI Tools": "Công cụ AI nâng cao",
+  "Early Feature Access": "Truy cập tính năng sớm",
+  "10 GB Cloud Sync Space": "10 GB không gian đồng bộ hóa đám mây",
+  "Loading profile...": "Đang tải hồ sơ...",
+  "Features": "Tính năng",
+  "Delete Account": "Xóa tài khoản",
+  "Delete Your Account?": "Xóa tài khoản của bạn?",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "Hành động này không thể hoàn tác. Tất cả dữ liệu của bạn trên đám mây sẽ bị xóa vĩnh viễn.",
+  "Delete Permanently": "Xóa vĩnh viễn",
+  "Free Tier": "Gói miễn phí",
+  "Plus Tier": "Gói Plus",
+  "Pro Tier": "Gói Pro"
 }

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

@@ -64,7 +64,7 @@
   "Match Case": "匹配大小写",
   "Match Diacritics": "匹配重音符号",
   "Match Whole Words": "匹配整个单词",
-  "Maximum Block Size": "内容最大宽度",
+  "Maximum Block Size": "内容最大高度",
   "Maximum Inline Size": "每栏最大宽度",
   "Maximum Number of Columns": "分栏数",
   "Minimum Font Size": "最小字号",
@@ -75,7 +75,6 @@
   "Notebook": "笔记本",
   "Notes": "笔记",
   "Open": "打开",
-  "Open Book": "打开书籍",
   "Original Text": "原文",
   "Page": "页面",
   "Paging Animation": "翻页动画",
@@ -161,5 +160,75 @@
   "Untitled Group": "无标题分组",
   "Group Books": "分组书籍",
   "Remove From Group": "从分组中移除",
-  "Create New Group": "创建新分组"
+  "Create New Group": "创建新分组",
+  "Deselect Book": "取消选择书籍",
+  "Download Book": "下载书籍",
+  "Deselect Group": "取消选择分组",
+  "Select Group": "选择分组",
+  "Keep Screen Awake": "保持屏幕常亮",
+  "Email address": "电子邮件地址",
+  "Your Password": "您的密码",
+  "Your email address": "您的电子邮件地址",
+  "Your password": "您的密码",
+  "Sign in": "登录",
+  "Signing in...": "正在登录...",
+  "Sign in with {{provider}}": "使用 {{provider}} 登录",
+  "Already have an account? Sign in": "已经有账号？登录",
+  "Create a Password": "创建密码",
+  "Sign up": "注册",
+  "Signing up...": "正在注册...",
+  "Don’t have an account? Sign up": "没有账号？注册",
+  "Check your email for the confirmation link": "检查您的电子邮件以获取确认链接",
+  "Signing in ...": "正在登录...",
+  "Send a magic link email": "发送魔法链接邮件",
+  "Check your email for the magic link": "检查您的电子邮件以获取魔法链接",
+  "Send reset password instructions": "发送重置密码说明",
+  "Sending reset instructions ...": "正在发送重置密码说明...",
+  "Forgot your password?": "忘记密码？",
+  "Check your email for the password reset link": "检查您的电子邮件以获取密码重置链接",
+  "New Password": "新密码",
+  "Your new password": "您的新密码",
+  "Update password": "更新密码",
+  "Updating password ...": "正在更新密码...",
+  "Your password has been updated": "您的密码已更新",
+  "Phone number": "电话号码",
+  "Your phone number": "您的电话号码",
+  "Token": "令牌",
+  "Your OTP token": "您的 OTP 令牌",
+  "Verify token": "验证令牌",
+  "Sign in with Google": "使用 Google 登录",
+  "Sign in with Apple": "使用 Apple 登录",
+  "Sign in with GitHub": "使用 GitHub 登录",
+  "Account": "账户",
+  "Cloud Storage": "云存储",
+  "Failed to delete user. Please try again later.": "删除用户失败。请稍后重试。",
+  "Unlimited Offline/Online Reading": "无限离线和在线阅读",
+  "Unlimited Cloud Sync Devices": "无限云同步设备个数",
+  "Essential Text-to-Speech Voices": "基础 TTS 语音包",
+  "DeepL Free Access": "免费版 DeepL 翻译",
+  "Community Support": "社区支持",
+  "500 MB Cloud Sync Space": "500 MB 云同步空间",
+  "Includes All Free Tier Benefits": "包含所有免费版权益",
+  "AI Summaries": "AI 摘要",
+  "AI Translations": "AI 翻译",
+  "Priority Support": "优先支持",
+  "DeepL Pro Access": "专业版 DeepL 翻译",
+  "Expanded Text-to-Speech Voices": "更多文本转语音声音",
+  "2000 MB Cloud Sync Space": "2000 MB 云同步空间",
+  "Includes All Plus Tier Benefits": "包含所有增强版权益",
+  "Unlimited AI Summaries": "无限使用 AI 摘要",
+  "Unlimited AI Translations": "无限使用 AI 翻译",
+  "Unlimited DeepL Pro Access": "无限使用专业版 DeepL 翻译",
+  "Advanced AI Tools": "高级 AI 工具",
+  "Early Feature Access": "抢先体验新功能",
+  "10 GB Cloud Sync Space": "10 GB 云同步空间",
+  "Loading profile...": "加载个人资料中...",
+  "Features": "功能特性",
+  "Delete Account": "删除账户",
+  "Delete Your Account?": "删除您的账户？",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "此操作无法撤销。您在云端的所有数据将被永久删除。",
+  "Delete Permanently": "永久删除",
+  "Free Tier": "免费版",
+  "Plus Tier": "增强版",
+  "Pro Tier": "专业版"
 }

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

@@ -64,7 +64,7 @@
   "Match Case": "匹配大小寫",
   "Match Diacritics": "匹配重音符號",
   "Match Whole Words": "匹配整個單詞",
-  "Maximum Block Size": "內容最大寬度",
+  "Maximum Block Size": "內容最大高度",
   "Maximum Inline Size": "每欄最大寬度",
   "Maximum Number of Columns": "分欄數",
   "Minimum Font Size": "最小字號",
@@ -75,7 +75,6 @@
   "Notebook": "筆記本",
   "Notes": "筆記",
   "Open": "打開",
-  "Open Book": "打開書籍",
   "Original Text": "原文",
   "Page": "頁面",
   "Paging Animation": "翻頁動畫",
@@ -161,5 +160,75 @@
   "Untitled Group": "無標題組",
   "Group Books": "分組書籍",
   "Remove From Group": "從組中移除",
-  "Create New Group": "創建新組"
+  "Create New Group": "創建新組",
+  "Deselect Book": "取消選擇書籍",
+  "Download Book": "下載書籍",
+  "Deselect Group": "取消選擇組",
+  "Select Group": "選擇組",
+  "Keep Screen Awake": "保持屏幕常亮",
+  "Email address": "電子郵件地址",
+  "Your Password": "您的密碼",
+  "Your email address": "您的電子郵件地址",
+  "Your password": "您的密碼",
+  "Sign in": "登入",
+  "Signing in...": "正在登入...",
+  "Sign in with {{provider}}": "使用 {{provider}} 登入",
+  "Already have an account? Sign in": "已經有帳號？登入",
+  "Create a Password": "創建密碼",
+  "Sign up": "註冊",
+  "Signing up...": "正在註冊...",
+  "Don’t have an account? Sign up": "沒有帳號？註冊",
+  "Check your email for the confirmation link": "檢查您的電子郵件以獲取確認連結",
+  "Signing in ...": "正在登入...",
+  "Send a magic link email": "發送魔法連結郵件",
+  "Check your email for the magic link": "檢查您的電子郵件以獲取魔法連結",
+  "Send reset password instructions": "發送重設密碼指示",
+  "Sending reset instructions ...": "正在發送重設密碼指示...",
+  "Forgot your password?": "忘記密碼？",
+  "Check your email for the password reset link": "檢查您的電子郵件以獲取密碼重設連結",
+  "New Password": "新密碼",
+  "Your new password": "您的新密碼",
+  "Update password": "更新密碼",
+  "Updating password ...": "正在更新密碼...",
+  "Your password has been updated": "您的密碼已更新",
+  "Phone number": "電話號碼",
+  "Your phone number": "您的電話號碼",
+  "Token": "令牌",
+  "Your OTP token": "您的 OTP 令牌",
+  "Verify token": "驗證令牌",
+  "Sign in with Google": "使用 Google 登入",
+  "Sign in with Apple": "使用 Apple 登入",
+  "Sign in with GitHub": "使用 GitHub 登入",
+  "Account": "帳戶",
+  "Cloud Storage": "雲端儲存空間",
+  "Failed to delete user. Please try again later.": "刪除使用者失敗。請稍後再試。",
+  "Unlimited Offline/Online Reading": "無限離線/線上閱讀",
+  "Unlimited Cloud Sync Devices": "無限雲端同步裝置",
+  "Essential Text-to-Speech Voices": "基本文字轉語音聲音",
+  "DeepL Free Access": "DeepL免費存取",
+  "Community Support": "社群支援",
+  "500 MB Cloud Sync Space": "500 MB雲端同步空間",
+  "Includes All Free Tier Benefits": "包含所有免費方案權益",
+  "AI Summaries": "AI摘要",
+  "AI Translations": "AI翻譯",
+  "Priority Support": "優先支援",
+  "DeepL Pro Access": "DeepL專業版存取",
+  "Expanded Text-to-Speech Voices": "擴展文字轉語音聲音",
+  "2000 MB Cloud Sync Space": "2000 MB雲端同步空間",
+  "Includes All Plus Tier Benefits": "包含所有Plus方案權益",
+  "Unlimited AI Summaries": "無限AI摘要",
+  "Unlimited AI Translations": "無限AI翻譯",
+  "Unlimited DeepL Pro Access": "無限DeepL專業版存取",
+  "Advanced AI Tools": "進階AI工具",
+  "Early Feature Access": "搶先體驗新功能",
+  "10 GB Cloud Sync Space": "10 GB雲端同步空間",
+  "Loading profile...": "載入個人資料中...",
+  "Features": "功能",
+  "Delete Account": "刪除帳戶",
+  "Delete Your Account?": "刪除您的帳戶？",
+  "This action cannot be undone. All your data in the cloud will be permanently deleted.": "此操作無法撤銷。您在雲端的所有資料將被永久刪除。",
+  "Delete Permanently": "永久刪除",
+  "Free Tier": "免費方案",
+  "Plus Tier": "Plus方案",
+  "Pro Tier": "專業方案"
 }

apps/readest-app/release-notes.json

@@ -1,5 +1,47 @@
 {
   "releases": {
+    "0.9.19": {
+      "date": "2025-03-07",
+      "notes": [
+        "Support custom CSS for Reader UI",
+        "Initial support of RTL layout for Arabic and Hebrew books",
+        "Various fixes and enhancements on layout and sync"
+      ]
+    },
+    "0.9.18": {
+      "date": "2025-02-26",
+      "notes": [
+        "Add user profile page and option to delete account in the cloud",
+        "Fix TTS failed to start with invalid book language",
+        "Enhancements on iOS with modals and annotation tools",
+        "UX enhancements with modern highlights colors"
+      ]
+    },
+    "0.9.17": {
+      "date": "2025-02-24",
+      "notes": [
+        "Add Arabic localization",
+        "Add Dockerfile to selfhost",
+        "Add safari-auth plugin for iOS OAuth",
+        "UX enhancements for mobile platforms with haptics feedback and pull-down dismissal"
+      ]
+    },
+    "0.9.15": {
+      "date": "2025-02-21",
+      "notes": [
+        "Fix hardcoded font color from calibre",
+        "Fix scroll to current TOC item when toggling sidebar",
+        "Various fixes and enhancements on iOS platform"
+      ]
+    },
+    "0.9.13": {
+      "date": "2025-02-19",
+      "notes": [
+        "Add option to keep screen awake when reading",
+        "Add shortcuts to notetaking UI",
+        "UX enhancements of grid view in mobile platforms"
+      ]
+    },
     "0.9.11": {
       "date": "2025-02-14",
       "notes": [

apps/readest-app/scripts/release-ios-appstore.sh

@@ -0,0 +1,6 @@
+pnpm tauri ios build --export-method app-store-connect
+
+BUNDLE_DIR=src-tauri/gen/apple/build/arm64
+IPA_BUNDLE=$BUNDLE_DIR/Readest.ipa
+
+xcrun altool --upload-app --type ios --file $IPA_BUNDLE --apiKey $APPLE_API_KEY --apiIssuer $APPLE_API_ISSUER

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

@@ -44,6 +44,9 @@ tauri-plugin-process = "2"
 tauri-plugin-oauth = "2"
 tauri-plugin-opener = "2.2.2"
 tauri-plugin-deep-link = "2"
+tauri-plugin-sign-in-with-apple = "1.0.2"
+tauri-plugin-haptics = "2.2.3"
+tauri-plugin-safari-auth = { path = "./plugins/tauri-plugin-safari-auth" }
 [patch.crates-io]
 tauri = { path = "../../../packages/tauri/crates/tauri" }
 

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

@@ -68,7 +68,13 @@
     "process:allow-restart",
     "oauth:allow-start",
     "oauth:allow-cancel",
+    "sign-in-with-apple:default",
     "opener:default",
+    "haptics:allow-vibrate",
+    "haptics:allow-impact-feedback",
+    "haptics:allow-notification-feedback",
+    "haptics:allow-selection-feedback",
+    "safari-auth:default",
     "deep-link:default"
   ]
 }

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/.gitignore

@@ -0,0 +1,17 @@
+/.vs
+.DS_Store
+.Thumbs.db
+*.sublime*
+.idea/
+debug.log
+package-lock.json
+.vscode/settings.json
+yarn.lock
+
+/.tauri
+/target
+Cargo.lock
+node_modules/
+
+dist-js
+dist

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/Cargo.toml

@@ -0,0 +1,17 @@
+[package]
+name = "tauri-plugin-safari-auth"
+version = "0.1.0"
+authors = [ "chrox" ]
+description = "OAuth with ASWebAuthenticationSession on iOS"
+edition = "2021"
+rust-version = "1.77.2"
+exclude = ["/examples", "/dist-js", "/guest-js", "/node_modules"]
+links = "tauri-plugin-safari-auth"
+
+[dependencies]
+tauri = { version = "2.2.4" }
+serde = "1.0"
+thiserror = "2"
+
+[build-dependencies]
+tauri-plugin = { version = "2.0.3", features = ["build"] }

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/README.md

@@ -0,0 +1 @@
+# Tauri Plugin safari-auth

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/.gitignore

@@ -0,0 +1,2 @@
+/build
+/.tauri

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/build.gradle.kts

@@ -0,0 +1,44 @@
+plugins {
+    id("com.android.library")
+    id("org.jetbrains.kotlin.android")
+}
+
+android {
+    namespace = "com.plugin.safari_auth"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 21
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation("androidx.core:core-ktx:1.9.0")
+    implementation("androidx.appcompat:appcompat:1.6.0")
+    implementation("com.google.android.material:material:1.7.0")
+    testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.1.5")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
+    implementation(project(":tauri-android"))
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/settings.gradle

@@ -0,0 +1,31 @@
+pluginManagement {
+    repositories {
+        mavenCentral()
+        gradlePluginPortal()
+        google()
+    }
+    resolutionStrategy {
+        eachPlugin {
+            switch (requested.id.id) {
+                case "com.android.library":
+                    useVersion("8.0.2")
+                    break
+                case "org.jetbrains.kotlin.android":
+                    useVersion("1.8.20")
+                    break
+            }
+        }
+    }
+}
+
+dependencyResolutionManagement {
+    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
+    repositories {
+        mavenCentral()
+        google()
+
+    }
+}
+
+include ':tauri-android'
+project(':tauri-android').projectDir = new File('./.tauri/tauri-api')

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/src/androidTest/java/ExampleInstrumentedTest.kt

@@ -0,0 +1,24 @@
+package com.plugin.safari_auth
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.plugin.safari_auth", appContext.packageName)
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/src/main/java/Example.kt

@@ -0,0 +1,10 @@
+package com.plugin.safari_auth
+
+import android.util.Log
+
+class Example {
+    fun pong(value: String): String {
+        Log.i("Pong", value)
+        return value
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/src/main/java/ExamplePlugin.kt

@@ -0,0 +1,28 @@
+package com.plugin.safari_auth
+
+import android.app.Activity
+import app.tauri.annotation.Command
+import app.tauri.annotation.InvokeArg
+import app.tauri.annotation.TauriPlugin
+import app.tauri.plugin.JSObject
+import app.tauri.plugin.Plugin
+import app.tauri.plugin.Invoke
+
+@InvokeArg
+class PingArgs {
+  var value: String? = null
+}
+
+@TauriPlugin
+class ExamplePlugin(private val activity: Activity): Plugin(activity) {
+    private val implementation = Example()
+
+    @Command
+    fun ping(invoke: Invoke) {
+        val args = invoke.parseArgs(PingArgs::class.java)
+
+        val ret = JSObject()
+        ret.put("value", implementation.pong(args.value ?: "default value :("))
+        invoke.resolve(ret)
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/android/src/test/java/ExampleUnitTest.kt

@@ -0,0 +1,17 @@
+package com.plugin.safari_auth
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/build.rs

@@ -0,0 +1,8 @@
+const COMMANDS: &[&str] = &["auth_with_safari"];
+
+fn main() {
+    tauri_plugin::Builder::new(COMMANDS)
+        .android_path("android")
+        .ios_path("ios")
+        .build();
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/ios/.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+/.build
+/Packages
+/*.xcodeproj
+xcuserdata/
+DerivedData/
+.swiftpm/config/registries.json
+.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata
+.netrc
+Package.resolved

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/ios/Package.swift

@@ -0,0 +1,32 @@
+// swift-tools-version:5.3
+// The swift-tools-version declares the minimum version of Swift required to build this package.
+
+import PackageDescription
+
+let package = Package(
+    name: "tauri-plugin-safari-auth",
+    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-safari-auth",
+            type: .static,
+            targets: ["tauri-plugin-safari-auth"]),
+    ],
+    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-safari-auth",
+            dependencies: [
+                .byName(name: "Tauri")
+            ],
+            path: "Sources")
+    ]
+)

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/ios/README.md

@@ -0,0 +1,3 @@
+# Tauri Plugin safari-auth
+
+A description of this package.

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/ios/Sources/SafariAuthPlugin.swift

@@ -0,0 +1,59 @@
+import AuthenticationServices
+import SwiftRs
+import Tauri
+import UIKit
+import WebKit
+
+class RequestArgs: Decodable {
+  let authUrl: String
+}
+
+struct Response: Encodable {
+  let redirectUrl: String
+}
+
+class SafariAuthPlugin: Plugin {
+  private var authSession: ASWebAuthenticationSession?
+
+  @objc public func auth_with_safari(_ invoke: Invoke) throws {
+    let args = try invoke.parseArgs(RequestArgs.self)
+    let authUrl = URL(string: args.authUrl)!
+
+    authSession = ASWebAuthenticationSession(url: authUrl, callbackURLScheme: "readest") {
+      [weak self] callbackURL, error in
+      guard let strongSelf = self else { return }
+
+      if let error = error {
+        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])
+      }
+    }
+
+    if #available(iOS 13.0, *) {
+      authSession?.presentationContextProvider = self
+    }
+
+    let started = authSession?.start() ?? false
+    Logger.info("Auth session start result: \(started)")
+  }
+}
+
+@_cdecl("init_plugin_safari_auth")
+func initPlugin() -> Plugin {
+  return SafariAuthPlugin()
+}
+
+@available(iOS 13.0, *)
+extension SafariAuthPlugin: ASWebAuthenticationPresentationContextProviding {
+  func presentationAnchor(for session: ASWebAuthenticationSession) -> ASPresentationAnchor {
+    return UIApplication.shared.windows.first ?? UIWindow()
+  }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/ios/Tests/PluginTests/PluginTests.swift

@@ -0,0 +1,8 @@
+import XCTest
+@testable import SafariAuthPlugin
+
+final class SafariAuthPluginTests: XCTestCase {
+    func testExample() throws {
+        let plugin = SafariAuthPlugin()
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/permissions/autogenerated/commands/auth_with_safari.toml

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

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/permissions/autogenerated/reference.md

@@ -0,0 +1,41 @@
+## Default Permission
+
+Default permissions for the plugin
+
+- `allow-auth-with-safari`
+
+## Permission Table
+
+<table>
+<tr>
+<th>Identifier</th>
+<th>Description</th>
+</tr>
+
+
+<tr>
+<td>
+
+`safari-auth:allow-auth-with-safari`
+
+</td>
+<td>
+
+Enables the auth_with_safari command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`safari-auth:deny-auth-with-safari`
+
+</td>
+<td>
+
+Denies the auth_with_safari command without any pre-configured scope.
+
+</td>
+</tr>
+</table>

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/permissions/default.toml

@@ -0,0 +1,3 @@
+[default]
+description = "Default permissions for the plugin"
+permissions = ["allow-auth-with-safari"]

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/permissions/schemas/schema.json

@@ -0,0 +1,315 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "PermissionFile",
+  "description": "Permission file that can define a default permission, a set of permissions or a list of inlined permissions.",
+  "type": "object",
+  "properties": {
+    "default": {
+      "description": "The default permission set for the plugin",
+      "anyOf": [
+        {
+          "$ref": "#/definitions/DefaultPermission"
+        },
+        {
+          "type": "null"
+        }
+      ]
+    },
+    "set": {
+      "description": "A list of permissions sets defined",
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/PermissionSet"
+      }
+    },
+    "permission": {
+      "description": "A list of inlined permissions",
+      "default": [],
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/Permission"
+      }
+    }
+  },
+  "definitions": {
+    "DefaultPermission": {
+      "description": "The default permission set of the plugin.\n\nWorks similarly to a permission with the \"default\" identifier.",
+      "type": "object",
+      "required": [
+        "permissions"
+      ],
+      "properties": {
+        "version": {
+          "description": "The version of the permission.",
+          "type": [
+            "integer",
+            "null"
+          ],
+          "format": "uint64",
+          "minimum": 1.0
+        },
+        "description": {
+          "description": "Human-readable description of what the permission does. Tauri convention is to use <h4> headings in markdown content for Tauri documentation generation purposes.",
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "permissions": {
+          "description": "All permissions this set contains.",
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "PermissionSet": {
+      "description": "A set of direct permissions grouped together under a new name.",
+      "type": "object",
+      "required": [
+        "description",
+        "identifier",
+        "permissions"
+      ],
+      "properties": {
+        "identifier": {
+          "description": "A unique identifier for the permission.",
+          "type": "string"
+        },
+        "description": {
+          "description": "Human-readable description of what the permission does.",
+          "type": "string"
+        },
+        "permissions": {
+          "description": "All permissions this set contains.",
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/PermissionKind"
+          }
+        }
+      }
+    },
+    "Permission": {
+      "description": "Descriptions of explicit privileges of commands.\n\nIt can enable commands to be accessible in the frontend of the application.\n\nIf the scope is defined it can be used to fine grain control the access of individual or multiple commands.",
+      "type": "object",
+      "required": [
+        "identifier"
+      ],
+      "properties": {
+        "version": {
+          "description": "The version of the permission.",
+          "type": [
+            "integer",
+            "null"
+          ],
+          "format": "uint64",
+          "minimum": 1.0
+        },
+        "identifier": {
+          "description": "A unique identifier for the permission.",
+          "type": "string"
+        },
+        "description": {
+          "description": "Human-readable description of what the permission does. Tauri internal convention is to use <h4> headings in markdown content for Tauri documentation generation purposes.",
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "commands": {
+          "description": "Allowed or denied commands when using this permission.",
+          "default": {
+            "allow": [],
+            "deny": []
+          },
+          "allOf": [
+            {
+              "$ref": "#/definitions/Commands"
+            }
+          ]
+        },
+        "scope": {
+          "description": "Allowed or denied scoped when using this permission.",
+          "allOf": [
+            {
+              "$ref": "#/definitions/Scopes"
+            }
+          ]
+        },
+        "platforms": {
+          "description": "Target platforms this permission applies. By default all platforms are affected by this permission.",
+          "type": [
+            "array",
+            "null"
+          ],
+          "items": {
+            "$ref": "#/definitions/Target"
+          }
+        }
+      }
+    },
+    "Commands": {
+      "description": "Allowed and denied commands inside a permission.\n\nIf two commands clash inside of `allow` and `deny`, it should be denied by default.",
+      "type": "object",
+      "properties": {
+        "allow": {
+          "description": "Allowed command.",
+          "default": [],
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        },
+        "deny": {
+          "description": "Denied command, which takes priority.",
+          "default": [],
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "Scopes": {
+      "description": "An argument for fine grained behavior control of Tauri commands.\n\nIt can be of any serde serializable type and is used to allow or prevent certain actions inside a Tauri command. The configured scope is passed to the command and will be enforced by the command implementation.\n\n## Example\n\n```json { \"allow\": [{ \"path\": \"$HOME/**\" }], \"deny\": [{ \"path\": \"$HOME/secret.txt\" }] } ```",
+      "type": "object",
+      "properties": {
+        "allow": {
+          "description": "Data that defines what is allowed by the scope.",
+          "type": [
+            "array",
+            "null"
+          ],
+          "items": {
+            "$ref": "#/definitions/Value"
+          }
+        },
+        "deny": {
+          "description": "Data that defines what is denied by the scope. This should be prioritized by validation logic.",
+          "type": [
+            "array",
+            "null"
+          ],
+          "items": {
+            "$ref": "#/definitions/Value"
+          }
+        }
+      }
+    },
+    "Value": {
+      "description": "All supported ACL values.",
+      "anyOf": [
+        {
+          "description": "Represents a null JSON value.",
+          "type": "null"
+        },
+        {
+          "description": "Represents a [`bool`].",
+          "type": "boolean"
+        },
+        {
+          "description": "Represents a valid ACL [`Number`].",
+          "allOf": [
+            {
+              "$ref": "#/definitions/Number"
+            }
+          ]
+        },
+        {
+          "description": "Represents a [`String`].",
+          "type": "string"
+        },
+        {
+          "description": "Represents a list of other [`Value`]s.",
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/Value"
+          }
+        },
+        {
+          "description": "Represents a map of [`String`] keys to [`Value`]s.",
+          "type": "object",
+          "additionalProperties": {
+            "$ref": "#/definitions/Value"
+          }
+        }
+      ]
+    },
+    "Number": {
+      "description": "A valid ACL number.",
+      "anyOf": [
+        {
+          "description": "Represents an [`i64`].",
+          "type": "integer",
+          "format": "int64"
+        },
+        {
+          "description": "Represents a [`f64`].",
+          "type": "number",
+          "format": "double"
+        }
+      ]
+    },
+    "Target": {
+      "description": "Platform target.",
+      "oneOf": [
+        {
+          "description": "MacOS.",
+          "type": "string",
+          "enum": [
+            "macOS"
+          ]
+        },
+        {
+          "description": "Windows.",
+          "type": "string",
+          "enum": [
+            "windows"
+          ]
+        },
+        {
+          "description": "Linux.",
+          "type": "string",
+          "enum": [
+            "linux"
+          ]
+        },
+        {
+          "description": "Android.",
+          "type": "string",
+          "enum": [
+            "android"
+          ]
+        },
+        {
+          "description": "iOS.",
+          "type": "string",
+          "enum": [
+            "iOS"
+          ]
+        }
+      ]
+    },
+    "PermissionKind": {
+      "type": "string",
+      "oneOf": [
+        {
+          "description": "Enables the auth_with_safari command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-auth-with-safari"
+        },
+        {
+          "description": "Denies the auth_with_safari command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-auth-with-safari"
+        },
+        {
+          "description": "Default permissions for the plugin",
+          "type": "string",
+          "const": "default"
+        }
+      ]
+    }
+  }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/src/commands.rs

@@ -0,0 +1,13 @@
+use tauri::{command, AppHandle, Runtime};
+
+use crate::models::*;
+use crate::Result;
+use crate::SafariAuthExt;
+
+#[command]
+pub(crate) async fn auth_with_safari<R: Runtime>(
+    app: AppHandle<R>,
+    payload: SafariAuthRequest,
+) -> Result<SafariAuthResponse> {
+    app.safari_auth().auth_with_safari(payload)
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/src/desktop.rs

@@ -0,0 +1,23 @@
+use serde::de::DeserializeOwned;
+use tauri::{plugin::PluginApi, AppHandle, Runtime};
+
+use crate::models::*;
+
+pub fn init<R: Runtime, C: DeserializeOwned>(
+    app: &AppHandle<R>,
+    _api: PluginApi<R, C>,
+) -> crate::Result<SafariAuth<R>> {
+    Ok(SafariAuth(app.clone()))
+}
+
+/// Access to the safari-auth APIs.
+pub struct SafariAuth<R: Runtime>(AppHandle<R>);
+
+impl<R: Runtime> SafariAuth<R> {
+    pub fn auth_with_safari(
+        &self,
+        _payload: SafariAuthRequest,
+    ) -> crate::Result<SafariAuthResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/src/error.rs

@@ -0,0 +1,23 @@
+use serde::{ser::Serializer, Serialize};
+
+pub type Result<T> = std::result::Result<T, Error>;
+
+#[derive(Debug, thiserror::Error)]
+pub enum Error {
+    #[error("Unsupported platform for this plugin")]
+    UnsupportedPlatformError,
+    #[error(transparent)]
+    Io(#[from] std::io::Error),
+    #[cfg(mobile)]
+    #[error(transparent)]
+    PluginInvoke(#[from] tauri::plugin::mobile::PluginInvokeError),
+}
+
+impl Serialize for Error {
+    fn serialize<S>(&self, serializer: S) -> std::result::Result<S::Ok, S::Error>
+    where
+        S: Serializer,
+    {
+        serializer.serialize_str(self.to_string().as_ref())
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/src/lib.rs

@@ -0,0 +1,48 @@
+use tauri::{
+    plugin::{Builder, TauriPlugin},
+    Manager, Runtime,
+};
+
+pub use models::*;
+
+#[cfg(desktop)]
+mod desktop;
+#[cfg(mobile)]
+mod mobile;
+
+mod commands;
+mod error;
+mod models;
+
+pub use error::{Error, Result};
+
+#[cfg(desktop)]
+use desktop::SafariAuth;
+#[cfg(mobile)]
+use mobile::SafariAuth;
+
+/// Extensions to [`tauri::App`], [`tauri::AppHandle`] and [`tauri::Window`] to access the safari-auth APIs.
+pub trait SafariAuthExt<R: Runtime> {
+    fn safari_auth(&self) -> &SafariAuth<R>;
+}
+
+impl<R: Runtime, T: Manager<R>> crate::SafariAuthExt<R> for T {
+    fn safari_auth(&self) -> &SafariAuth<R> {
+        self.state::<SafariAuth<R>>().inner()
+    }
+}
+
+/// Initializes the plugin.
+pub fn init<R: Runtime>() -> TauriPlugin<R> {
+    Builder::new("safari-auth")
+        .invoke_handler(tauri::generate_handler![commands::auth_with_safari])
+        .setup(|app, api| {
+            #[cfg(mobile)]
+            let safari_auth = mobile::init(app, api)?;
+            #[cfg(desktop)]
+            let safari_auth = desktop::init(app, api)?;
+            app.manage(safari_auth);
+            Ok(())
+        })
+        .build()
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/src/mobile.rs

@@ -0,0 +1,37 @@
+use serde::de::DeserializeOwned;
+use tauri::{
+    plugin::{PluginApi, PluginHandle},
+    AppHandle, Runtime,
+};
+
+use crate::models::*;
+
+#[cfg(target_os = "ios")]
+tauri::ios_plugin_binding!(init_plugin_safari_auth);
+
+// initializes the Kotlin or Swift plugin classes
+pub fn init<R: Runtime, C: DeserializeOwned>(
+    _app: &AppHandle<R>,
+    api: PluginApi<R, C>,
+) -> crate::Result<SafariAuth<R>> {
+    #[cfg(target_os = "android")]
+    let handle = api.register_android_plugin("com.bilingify.safari_auth", "ExamplePlugin")?;
+    #[cfg(target_os = "ios")]
+    let handle = api.register_ios_plugin(init_plugin_safari_auth)?;
+
+    Ok(SafariAuth(handle))
+}
+
+/// Access to the safari-auth APIs.
+pub struct SafariAuth<R: Runtime>(PluginHandle<R>);
+
+impl<R: Runtime> SafariAuth<R> {
+    pub fn auth_with_safari(
+        &self,
+        payload: SafariAuthRequest,
+    ) -> crate::Result<SafariAuthResponse> {
+        self.0
+            .run_mobile_plugin("auth_with_safari", payload)
+            .map_err(Into::into)
+    }
+}

apps/readest-app/src-tauri/plugins/tauri-plugin-safari-auth/src/models.rs

@@ -0,0 +1,13 @@
+use serde::{Deserialize, Serialize};
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SafariAuthRequest {
+    pub auth_url: String,
+}
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SafariAuthResponse {
+    pub redirect_url: String,
+}

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

@@ -9,7 +9,9 @@ extern crate objc;
 #[cfg(target_os = "macos")]
 mod menu;
 #[cfg(target_os = "macos")]
-mod traffic_light_plugin;
+mod traffic_light;
+#[cfg(target_os = "macos")]
+use traffic_light::set_traffic_lights;
 
 #[cfg(target_os = "macos")]
 use tauri::TitleBarStyle;
@@ -98,6 +100,8 @@ pub fn run() {
             start_server,
             download_file,
             upload_file,
+            #[cfg(target_os = "macos")]
+            set_traffic_lights,
             #[cfg(desktop)]
             list_fonts
         ])
@@ -127,7 +131,16 @@ pub fn run() {
     let builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());
 
     #[cfg(target_os = "macos")]
-    let builder = builder.plugin(traffic_light_plugin::init());
+    let builder = builder.plugin(traffic_light::init());
+
+    #[cfg(target_os = "ios")]
+    let builder = builder.plugin(tauri_plugin_sign_in_with_apple::init());
+
+    #[cfg(target_os = "ios")]
+    let builder = builder.plugin(tauri_plugin_safari_auth::init());
+
+    #[cfg(any(target_os = "ios", target_os = "android"))]
+    let builder = builder.plugin(tauri_plugin_haptics::init());
 
     builder
         .setup(|#[allow(unused_variables)] app| {

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

@@ -1,20 +1,21 @@
 use objc::{msg_send, sel, sel_impl};
 use rand::{distributions::Alphanumeric, Rng};
-use tauri::Emitter;
 use tauri::{
+    command,
     plugin::{Builder, TauriPlugin},
-    Runtime, Window,
-}; // 0.8
+    Emitter, Runtime, Window,
+};
 
-const WINDOW_CONTROL_PAD_X: f64 = 10.0;
-const WINDOW_CONTROL_PAD_Y: f64 = 20.0;
+static mut WINDOW_CONTROL_PAD_X: f64 = 10.0;
+static mut WINDOW_CONTROL_PAD_Y: f64 = 22.0;
+static mut TRAFFIC_LIGHTS_VISIBLE: bool = true;
 
 struct UnsafeWindowHandle(*mut std::ffi::c_void);
 unsafe impl Send for UnsafeWindowHandle {}
 unsafe impl Sync for UnsafeWindowHandle {}
 
 pub fn init<R: Runtime>() -> TauriPlugin<R> {
-    Builder::new("traffic_light_positioner")
+    Builder::new("traffic_light")
         .on_window_ready(|window| {
             #[cfg(target_os = "macos")]
             setup_traffic_light_positioner(window.clone());
@@ -30,7 +31,24 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
 }
 
 #[cfg(target_os = "macos")]
-fn position_traffic_lights(ns_window_handle: UnsafeWindowHandle, x: f64, y: f64) {
+#[command]
+pub fn set_traffic_lights(window: Window, visible: bool, x: f64, y: f64) {
+    unsafe {
+        TRAFFIC_LIGHTS_VISIBLE = visible;
+        WINDOW_CONTROL_PAD_X = x;
+        WINDOW_CONTROL_PAD_Y = y;
+
+        position_traffic_lights(
+            UnsafeWindowHandle(window.ns_window().expect("Failed to create window handle")),
+            TRAFFIC_LIGHTS_VISIBLE,
+            WINDOW_CONTROL_PAD_X,
+            WINDOW_CONTROL_PAD_Y,
+        );
+    }
+}
+
+#[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;
     let ns_window = ns_window_handle.0 as cocoa::base::id;
@@ -45,7 +63,10 @@ fn position_traffic_lights(ns_window_handle: UnsafeWindowHandle, x: f64, y: f64)
         let close_rect: NSRect = msg_send![close, frame];
         let button_height = close_rect.size.height;
 
-        let title_bar_frame_height = button_height + y;
+        let mut title_bar_frame_height = button_height + y;
+        if !visible {
+            title_bar_frame_height = 0.0;
+        }
         let mut title_bar_rect = NSView::frame(title_bar_container_view);
         title_bar_rect.size.height = title_bar_frame_height;
         title_bar_rect.origin.y = NSView::frame(ns_window).size.height - title_bar_frame_height;
@@ -77,11 +98,14 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
     use std::ffi::c_void;
 
     // Do the initial positioning
-    position_traffic_lights(
-        UnsafeWindowHandle(window.ns_window().expect("Failed to create window handle")),
-        WINDOW_CONTROL_PAD_X,
-        WINDOW_CONTROL_PAD_Y,
-    );
+    unsafe {
+        position_traffic_lights(
+            UnsafeWindowHandle(window.ns_window().expect("Failed to create window handle")),
+            TRAFFIC_LIGHTS_VISIBLE,
+            WINDOW_CONTROL_PAD_X,
+            WINDOW_CONTROL_PAD_Y,
+        );
+    }
 
     // Ensure they stay in place while resizing the window.
     fn with_window_state<R: Runtime, F: FnOnce(&mut WindowState<R>) -> T, T>(
@@ -127,6 +151,7 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
                     #[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,
                     );
@@ -258,6 +283,7 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
                     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,
                     );

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

@@ -11,7 +11,7 @@ export default function AuthErrorPage() {
   useEffect(() => {
     const timer = setTimeout(() => {
       router.push('/auth');
-    }, 5000);
+    }, 3000);
 
     return () => clearTimeout(timer);
   }, [router]);
@@ -20,10 +20,6 @@ export default function AuthErrorPage() {
     <div className='bg-base-200/50 text-base-content hero h-screen items-center justify-center'>
       <div className='hero-content text-neutral-content text-center'>
         <div className='max-w-md'>
-          <h1 className='mb-5 text-5xl font-bold'>Authentication Error</h1>
-          <p className='mb-5'>
-            Something went wrong during the authentication process. Please try again.
-          </p>
           <p className='mb-5'>You will be redirected to the login page shortly...</p>
           <button className='btn btn-primary rounded-xl' onClick={() => router.push('/auth')}>
             Go to Login

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

@@ -15,13 +15,14 @@ import { supabase } from '@/utils/supabase';
 import { useTheme } from '@/hooks/useTheme';
 import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
+import { useTranslation } from '@/hooks/useTranslation';
 import { isTauriAppPlatform } from '@/services/environment';
-import { onOpenUrl, getCurrent } from '@tauri-apps/plugin-deep-link';
+import { onOpenUrl } from '@tauri-apps/plugin-deep-link';
 import { start, cancel, onUrl, onInvalidUrl } from '@fabianlars/tauri-plugin-oauth';
 import { openUrl } from '@tauri-apps/plugin-opener';
-import { tauriHandleOnWindowFocus } from '@/utils/window';
 import { handleAuthCallback } from '@/helpers/auth';
-import { getOSPlatform } from '@/utils/misc';
+import { getAppleIdAuth, Scope } from './utils/appleIdAuth';
+import { authWithSafari } from './utils/safariAuth';
 
 type OAuthProvider = 'google' | 'apple' | 'azure' | 'github';
 
@@ -37,6 +38,9 @@ interface ProviderLoginProp {
   label: string;
 }
 
+const WEB_AUTH_CALLBACK = 'https://web.readest.com/auth/callback';
+const DEEPLINK_CALLBACK = 'readest://auth/callback';
+
 const ProviderLogin: React.FC<ProviderLoginProp> = ({ provider, handleSignIn, Icon, label }) => {
   return (
     <button
@@ -53,22 +57,46 @@ const ProviderLogin: React.FC<ProviderLoginProp> = ({ provider, handleSignIn, Ic
 };
 
 export default function AuthPage() {
+  const _ = useTranslation();
   const router = useRouter();
   const { login } = useAuth();
-  const { envConfig } = useEnv();
+  const { envConfig, appService } = useEnv();
   const { isDarkMode } = useTheme();
   const { settings, setSettings, saveSettings } = useSettingsStore();
   const [port, setPort] = useState<number | null>(null);
   const isOAuthServerRunning = useRef(false);
   const [isMounted, setIsMounted] = useState(false);
-  const osPlatform = getOSPlatform();
 
-  const getTauriRedirectTo = () => {
-    return process.env.NODE_ENV === 'production'
-      ? ['android', 'ios'].includes(osPlatform)
-        ? 'https://web.readest.com/auth/callback'
-        : 'readest://auth/callback'
-      : `http://localhost:${port}`;
+  const getTauriRedirectTo = (isOAuth: boolean) => {
+    if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
+      if (appService?.isIOSApp) {
+        return isOAuth ? DEEPLINK_CALLBACK : WEB_AUTH_CALLBACK;
+      } else if (appService?.isAndroidApp) {
+        return WEB_AUTH_CALLBACK;
+      }
+      return DEEPLINK_CALLBACK;
+    }
+    return `http://localhost:${port}`; // only for development env on Desktop
+  };
+
+  const tauriSignInApple = async () => {
+    if (!supabase) {
+      throw new Error('No backend connected');
+    }
+    supabase.auth.signOut();
+    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);
+      }
+    }
   };
 
   const tauriSignIn = async (provider: OAuthProvider) => {
@@ -80,7 +108,7 @@ export default function AuthPage() {
       provider,
       options: {
         skipBrowserRedirect: true,
-        redirectTo: getTauriRedirectTo(),
+        redirectTo: getTauriRedirectTo(true),
       },
     });
 
@@ -88,26 +116,20 @@ export default function AuthPage() {
       console.error('Authentication error:', error);
       return;
     }
-    openUrl(data.url);
-
-    // FIXME: For Android we need a better way to trigger the deeplink redirect
-    if (isTauriAppPlatform() && osPlatform === 'android') {
-      tauriHandleOnWindowFocus(async () => {
-        const urls = await getCurrent();
-        if (urls && urls.length > 0) {
-          urls.forEach((url) => {
-            handleOAuthUrl(url);
-          });
-        }
-      });
-      setTimeout(() => {
-        router.back();
-      }, 5000);
+    // 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) {
+      const res = await authWithSafari({ authUrl: data.url });
+      if (res) {
+        handleOAuthUrl(res.redirectUrl);
+      }
+    } else {
+      await openUrl(data.url);
     }
   };
 
   const handleOAuthUrl = async (url: string) => {
-    console.log('Received OAuth URL:', url);
+    console.log('Handle OAuth URL:', url);
     const hashMatch = url.match(/#(.*)/);
     if (hashMatch) {
       const hash = hashMatch[1];
@@ -123,7 +145,7 @@ export default function AuthPage() {
 
   const startTauriOAuth = async () => {
     try {
-      if (process.env.NODE_ENV === 'production') {
+      if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
         const { getCurrentWindow } = await import('@tauri-apps/api/window');
         const currentWindow = getCurrentWindow();
         currentWindow.listen('single-instance', ({ event, payload }) => {
@@ -172,6 +194,68 @@ export default function AuthPage() {
     router.back();
   };
 
+  const getAuthLocalization = () => {
+    return {
+      variables: {
+        sign_in: {
+          email_label: _('Email address'),
+          password_label: _('Your Password'),
+          email_input_placeholder: _('Your email address'),
+          password_input_placeholder: _('Your password'),
+          button_label: _('Sign in'),
+          loading_button_label: _('Signing in...'),
+          social_provider_text: _('Sign in with {{provider}}'),
+          link_text: _('Already have an account? Sign in'),
+        },
+        sign_up: {
+          email_label: _('Email address'),
+          password_label: _('Create a Password'),
+          email_input_placeholder: _('Your email address'),
+          password_input_placeholder: _('Your password'),
+          button_label: _('Sign up'),
+          loading_button_label: _('Signing up...'),
+          social_provider_text: _('Sign in with {{provider}}'),
+          link_text: _('Don’t have an account? Sign up'),
+          confirmation_text: _('Check your email for the confirmation link'),
+        },
+        magic_link: {
+          email_input_label: _('Email address'),
+          email_input_placeholder: _('Your email address'),
+          button_label: _('Sign in'),
+          loading_button_label: _('Signing in ...'),
+          link_text: _('Send a magic link email'),
+          confirmation_text: _('Check your email for the magic link'),
+        },
+        forgotten_password: {
+          email_label: _('Email address'),
+          password_label: _('Your Password'),
+          email_input_placeholder: _('Your email address'),
+          button_label: _('Send reset password instructions'),
+          loading_button_label: _('Sending reset instructions ...'),
+          link_text: _('Forgot your password?'),
+          confirmation_text: _('Check your email for the password reset link'),
+        },
+        update_password: {
+          password_label: _('New Password'),
+          password_input_placeholder: _('Your new password'),
+          button_label: _('Update password'),
+          loading_button_label: _('Updating password ...'),
+          confirmation_text: _('Your password has been updated'),
+        },
+        verify_otp: {
+          email_input_label: _('Email address'),
+          email_input_placeholder: _('Your email address'),
+          phone_input_label: _('Phone number'),
+          phone_input_placeholder: _('Your phone number'),
+          token_input_label: _('Token'),
+          token_input_placeholder: _('Your OTP token'),
+          button_label: _('Verify token'),
+          loading_button_label: _('Signing in ...'),
+        },
+      },
+    };
+  };
+
   useEffect(() => {
     if (!isTauriAppPlatform()) return;
     if (isOAuthServerRunning.current) return;
@@ -212,10 +296,20 @@ export default function AuthPage() {
   // For tauri app production, use deeplink to handle the OAuth callback
   // For web app, use the built-in OAuth callback page /auth/callback
   return isTauriAppPlatform() ? (
-    <div className='flex pt-11'>
+    <div
+      className={clsx(
+        'mt-6 flex',
+        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
+        appService?.hasTrafficLight && 'pt-11',
+      )}
+    >
       <button
         onClick={handleGoBack}
-        className='btn btn-ghost fixed left-3 top-11 h-8 min-h-8 w-8 p-0'
+        className={clsx(
+          'btn btn-ghost fixed left-4 h-8 min-h-8 w-8 p-0',
+          appService?.hasSafeAreaInset && 'top-[calc(env(safe-area-inset-top)+16px)]',
+          appService?.hasTrafficLight && 'top-11',
+        )}
       >
         <IoArrowBack className='text-base-content' />
       </button>
@@ -224,19 +318,19 @@ export default function AuthPage() {
           provider='google'
           handleSignIn={tauriSignIn}
           Icon={FcGoogle}
-          label='Sign in with Google'
+          label={_('Sign in with Google')}
         />
         <ProviderLogin
           provider='apple'
-          handleSignIn={tauriSignIn}
+          handleSignIn={appService?.isIOSApp ? tauriSignInApple : tauriSignIn}
           Icon={FaApple}
-          label='Sign in with Apple'
+          label={_('Sign in with Apple')}
         />
         <ProviderLogin
           provider='github'
           handleSignIn={tauriSignIn}
           Icon={FaGithub}
-          label='Sign in with GitHub'
+          label={_('Sign in with GitHub')}
         />
         <hr className='my-3 mt-6 w-64 border-t border-gray-200' />
         <Auth
@@ -245,7 +339,8 @@ export default function AuthPage() {
           theme={isDarkMode ? 'dark' : 'light'}
           magicLink={true}
           providers={[]}
-          redirectTo={getTauriRedirectTo()}
+          redirectTo={getTauriRedirectTo(false)}
+          localization={getAuthLocalization()}
         />
       </div>
     </div>
@@ -253,7 +348,7 @@ export default function AuthPage() {
     <div style={{ maxWidth: '420px', margin: 'auto', padding: '2rem', paddingTop: '4rem' }}>
       <button
         onClick={handleGoBack}
-        className='btn btn-ghost fixed left-10 top-6 h-8 min-h-8 w-8 p-0'
+        className='btn btn-ghost fixed left-6 top-6 h-8 min-h-8 w-8 p-0'
       >
         <IoArrowBack className='text-base-content' />
       </button>
@@ -264,6 +359,7 @@ export default function AuthPage() {
         magicLink={true}
         providers={['google', 'apple', 'github']}
         redirectTo='/auth/callback'
+        localization={getAuthLocalization()}
       />
     </div>
   );

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

@@ -0,0 +1,34 @@
+import { invoke } from '@tauri-apps/api/core';
+
+export type Scope = 'fullName' | 'email';
+export interface AppleIDAuthorizationRequest {
+  scope: Scope[];
+  nonce?: string;
+  state?: string;
+}
+
+export interface AppleIDAuthorizationResponse {
+  // usually not null
+  userIdentifier: string | null;
+
+  givenName: string | null;
+  familyName: string | null;
+  email: string | null;
+
+  authorizationCode: string;
+  identityToken: string | null;
+  state: string | null;
+}
+
+export async function getAppleIdAuth(
+  request: AppleIDAuthorizationRequest,
+): Promise<AppleIDAuthorizationResponse> {
+  const result = await invoke<AppleIDAuthorizationResponse>(
+    'plugin:sign-in-with-apple|get_apple_id_credential',
+    {
+      payload: request,
+    },
+  );
+
+  return result;
+}

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

@@ -0,0 +1,17 @@
+import { invoke } from '@tauri-apps/api/core';
+
+export interface SafariAuthRequest {
+  authUrl: string;
+}
+
+export interface SafariAuthResponse {
+  redirectUrl: string;
+}
+
+export async function authWithSafari(request: SafariAuthRequest): Promise<SafariAuthResponse> {
+  const result = await invoke<SafariAuthResponse>('plugin:safari-auth|auth_with_safari', {
+    payload: request,
+  });
+
+  return result;
+}

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

@@ -17,7 +17,6 @@ interface BookItemProps {
   handleBookUpload: (book: Book) => void;
   handleBookDownload: (book: Book) => void;
   showBookDetailsModal: (book: Book) => void;
-  bookContextMenuHandler: (book: Book, e: React.MouseEvent<HTMLDivElement>) => void;
 }
 
 const BookItem: React.FC<BookItemProps> = ({
@@ -28,7 +27,6 @@ const BookItem: React.FC<BookItemProps> = ({
   handleBookUpload,
   handleBookDownload,
   showBookDetailsModal,
-  bookContextMenuHandler,
 }) => {
   const iconSize15 = useResponsiveSize(15);
   const { appService } = useEnv();
@@ -44,9 +42,8 @@ const BookItem: React.FC<BookItemProps> = ({
         'book-item flex h-full flex-col',
         appService?.hasContextMenu ? 'cursor-pointer' : '',
       )}
-      onContextMenu={bookContextMenuHandler.bind(null, book)}
     >
-      <div className='bg-base-100 relative aspect-[28/41] shadow-md'>
+      <div className='bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden shadow-md'>
         <BookCover book={book} />
         {selectedBooks.includes(book.hash) && (
           <div className='absolute inset-0 bg-black opacity-30 transition-opacity duration-300'></div>
@@ -89,10 +86,11 @@ const BookItem: React.FC<BookItemProps> = ({
             ) : (
               <button
                 className='show-detail-button opacity-0 group-hover:opacity-100'
-                onTouchStart={(e) => stopEvent(e)}
-                onMouseDown={(e) => stopEvent(e)}
-                onTouchEnd={(e) => stopEvent(e)}
-                onMouseUp={(e) => stopEvent(e)}
+                onPointerDown={(e) => stopEvent(e)}
+                onPointerUp={(e) => stopEvent(e)}
+                onPointerMove={(e) => stopEvent(e)}
+                onPointerCancel={(e) => stopEvent(e)}
+                onPointerLeave={(e) => stopEvent(e)}
                 onClick={() => {
                   if (!book.uploadedAt) {
                     handleBookUpload(book);
@@ -109,10 +107,11 @@ const BookItem: React.FC<BookItemProps> = ({
             )}
             <button
               className='show-detail-button opacity-0 group-hover:opacity-100'
-              onTouchStart={(e) => stopEvent(e)}
-              onMouseDown={(e) => stopEvent(e)}
-              onTouchEnd={(e) => stopEvent(e)}
-              onMouseUp={(e) => stopEvent(e)}
+              onPointerDown={(e) => stopEvent(e)}
+              onPointerUp={(e) => stopEvent(e)}
+              onPointerMove={(e) => stopEvent(e)}
+              onPointerCancel={(e) => stopEvent(e)}
+              onPointerLeave={(e) => stopEvent(e)}
               onClick={() => showBookDetailsModal(book)}
             >
               <CiCircleMore size={iconSize15} />

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

@@ -100,7 +100,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
       navigateToLibrary(router);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchParams, showGroupingModal]);
+  }, [searchParams, libraryBooks, showGroupingModal]);
 
   const toggleSelection = (id: string) => {
     setSelectedBooks((prev) =>
@@ -114,14 +114,16 @@ const Bookshelf: React.FC<BookshelfProps> = ({
   };
 
   const confirmDelete = async () => {
-    for (const id of selectedBooks) {
-      const book = libraryBooks.find((b) => b.hash === id || b.groupId === id);
-      if (book) {
-        await handleBookDelete(book);
+    selectedBooks.forEach((id) => {
+      for (const book of libraryBooks.filter((book) => book.hash === id || book.groupId === id)) {
+        if (book && !book.deletedAt) {
+          handleBookDelete(book);
+        }
       }
-    }
+    });
     setSelectedBooks([]);
     setShowDeleteAlert(false);
+    setShowSelectModeActions(true);
   };
 
   const deleteSelectedBooks = () => {
@@ -138,7 +140,12 @@ const Bookshelf: React.FC<BookshelfProps> = ({
 
   return (
     <div className='bookshelf'>
-      <div className='transform-wrapper grid flex-1 grid-cols-3 gap-0 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8'>
+      <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',
+        )}
+      >
         {currentBookshelfItems.map((item, index) => (
           <BookshelfItem
             key={`library-item-${index}`}
@@ -159,7 +166,10 @@ const Bookshelf: React.FC<BookshelfProps> = ({
         ))}
         {!navBooksGroup && allBookshelfItems.length > 0 && (
           <div
-            className='border-1 bg-base-100 hover:bg-base-300/50 m-4 flex aspect-[28/41] items-center justify-center'
+            className={clsx(
+              'border-1 bg-base-100 hover:bg-base-300/50 flex items-center justify-center',
+              'mx-0 my-4 aspect-[28/41] sm:mx-4',
+            )}
             role='button'
             onClick={handleImportBooks}
           >
@@ -241,7 +251,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
       {showDeleteAlert && (
         <div
           className={clsx(
-            'fixed bottom-0 z-50 flex justify-center',
+            'fixed bottom-0 left-0 right-0 z-50 flex justify-center',
             'pb-[calc(env(safe-area-inset-bottom)+16px)]',
           )}
         >

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

@@ -107,11 +107,14 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
   const makeBookAvailable = async (book: Book) => {
     if (book.uploadedAt && !book.downloadedAt) {
       let available = false;
+      const loadingTimeout = setTimeout(() => setLoading(true), 200);
       try {
         await handleBookDownload(book);
         updateBook(envConfig, book);
         available = true;
       } finally {
+        if (loadingTimeout) clearTimeout(loadingTimeout);
+        setLoading(false);
         return available;
       }
     }
@@ -119,12 +122,10 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
   };
 
   const handleBookClick = async (book: Book) => {
-    if (!(await makeBookAvailable(book))) return;
-
     if (isSelectMode) {
       toggleSelection(book.hash);
     } else {
-      setTimeout(() => setLoading(true), 200);
+      if (!(await makeBookAvailable(book))) return;
       navigateToReader(router, [book.hash]);
     }
   };
@@ -137,24 +138,16 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
     }
   };
 
-  const handleItemContextMenu = (item: BookshelfItem, event: React.MouseEvent) => {
-    event.preventDefault();
-    if ('format' in item) {
-      bookContextMenuHandler(item as Book, event);
-    }
-  };
-
-  const bookContextMenuHandler = async (book: Book, e: React.MouseEvent) => {
+  const bookContextMenuHandler = async (book: Book) => {
     if (!appService?.hasContextMenu) return;
-    e.preventDefault();
-    e.stopPropagation();
     const osPlatform = getOSPlatform();
     const fileRevealLabel =
       FILE_REVEAL_LABELS[osPlatform as FILE_REVEAL_PLATFORMS] || FILE_REVEAL_LABELS.default;
-    const openBookMenuItem = await MenuItem.new({
-      text: isSelectMode ? _('Select Book') : _('Open Book'),
+    const selectBookMenuItem = await MenuItem.new({
+      text: selectedBooks.includes(book.hash) ? _('Deselect Book') : _('Select Book'),
       action: async () => {
-        handleBookClick(book);
+        if (!isSelectMode) handleSetSelectMode(true);
+        toggleSelection(book.hash);
       },
     });
     const showBookInFinderMenuItem = await MenuItem.new({
@@ -170,6 +163,12 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
         showBookDetailsModal(book);
       },
     });
+    const downloadBookMenuItem = await MenuItem.new({
+      text: _('Download Book'),
+      action: async () => {
+        handleBookDownload(book);
+      },
+    });
     const uploadBookMenuItem = await MenuItem.new({
       text: _('Upload Book'),
       action: async () => {
@@ -183,16 +182,44 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
       },
     });
     const menu = await Menu.new();
-    menu.append(openBookMenuItem);
+    menu.append(selectBookMenuItem);
     menu.append(showBookDetailsMenuItem);
     menu.append(showBookInFinderMenuItem);
-    menu.append(uploadBookMenuItem);
+    if (book.uploadedAt && !book.downloadedAt) {
+      menu.append(downloadBookMenuItem);
+    }
+    if (!book.uploadedAt && book.downloadedAt) {
+      menu.append(uploadBookMenuItem);
+    }
     menu.append(deleteBookMenuItem);
     menu.popup();
   };
 
+  const groupContextMenuHandler = async (group: BooksGroup) => {
+    if (!appService?.hasContextMenu) return;
+    const selectGroupMenuItem = await MenuItem.new({
+      text: selectedBooks.includes(group.id) ? _('Deselect Group') : _('Select Group'),
+      action: async () => {
+        if (!isSelectMode) handleSetSelectMode(true);
+        toggleSelection(group.id);
+      },
+    });
+    const deleteGroupMenuItem = await MenuItem.new({
+      text: _('Delete'),
+      action: async () => {
+        for (const book of group.books) {
+          await handleBookDelete(book);
+        }
+      },
+    });
+    const menu = await Menu.new();
+    menu.append(selectGroupMenuItem);
+    menu.append(deleteGroupMenuItem);
+    menu.popup();
+  };
+
   const { pressing, handlers } = useLongPress({
-    onLongPress: () => {
+    onLongPress: async () => {
       if (!isSelectMode) {
         handleSetSelectMode(true);
       }
@@ -209,19 +236,25 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
         handleGroupClick(item as BooksGroup);
       }
     },
+    onContextMenu: () => {
+      if ('format' in item) {
+        bookContextMenuHandler(item as Book);
+      } else {
+        groupContextMenuHandler(item as BooksGroup);
+      }
+    },
   });
 
   return (
     <div
       className={clsx(
-        'hover:bg-base-300/50 group flex h-full flex-col p-4',
+        '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}
-      onContextMenu={(event) => handleItemContextMenu(item, event)}
     >
       <div className='flex-grow'>
         {'format' in item ? (
@@ -229,11 +262,10 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
             book={item}
             isSelectMode={isSelectMode}
             selectedBooks={selectedBooks}
+            transferProgress={transferProgress}
             handleBookUpload={handleBookUpload}
             handleBookDownload={handleBookDownload}
             showBookDetailsModal={showBookDetailsModal}
-            bookContextMenuHandler={bookContextMenuHandler}
-            transferProgress={transferProgress}
           />
         ) : (
           <GroupItem group={item} isSelectMode={isSelectMode} selectedBooks={selectedBooks} />

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

@@ -1,4 +1,6 @@
+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';
 
@@ -9,9 +11,15 @@ interface GroupItemProps {
 }
 
 const GroupItem: React.FC<GroupItemProps> = ({ group, isSelectMode, selectedBooks }) => {
+  const { appService } = useEnv();
   return (
-    <div className='group-item flex h-full flex-col'>
-      <div className='bg-base-100 relative flex aspect-[28/41] items-center justify-center p-2 shadow-md'>
+    <div
+      className={clsx(
+        'group-item flex h-full flex-col',
+        appService?.hasContextMenu ? 'cursor-pointer' : '',
+      )}
+    >
+      <div className='bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden p-2 shadow-md'>
         <div className='grid w-full grid-cols-2 grid-rows-2 gap-1 overflow-hidden'>
           {group.books.slice(0, 4).map((book) => (
             <div key={book.hash} className='relative aspect-[28/41] h-full w-full'>

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

@@ -10,12 +10,13 @@ import { MdArrowBackIosNew } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { navigateToLibrary } from '@/utils/nav';
-import useTrafficLight from '@/hooks/useTrafficLight';
 import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
 import SettingsMenu from './SettingsMenu';
 import ImportMenu from './ImportMenu';
+import useShortcuts from '@/hooks/useShortcuts';
 
 interface LibraryHeaderProps {
   isSelectMode: boolean;
@@ -32,33 +33,42 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
   const router = useRouter();
   const searchParams = useSearchParams();
   const { appService } = useEnv();
-  const { isTrafficLightVisible } = useTrafficLight();
+  const {
+    isTrafficLightVisible,
+    initializeTrafficLightStore,
+    initializeTrafficLightListeners,
+    cleanupTrafficLightListeners,
+  } = useTrafficLightStore();
+
   const headerRef = useRef<HTMLDivElement>(null);
   const iconSize16 = useResponsiveSize(16);
   const iconSize20 = useResponsiveSize(20);
 
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.ctrlKey || e.shiftKey) {
-        onToggleSelectMode();
-      }
-    };
-    window.addEventListener('keydown', handleKeyDown);
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [onToggleSelectMode]);
+  useShortcuts({
+    onToggleSelectMode,
+  });
 
-  const windowButtonVisible = appService?.appPlatform !== 'web' && !isTrafficLightVisible;
+  useEffect(() => {
+    if (!appService?.hasTrafficLight) return;
+
+    initializeTrafficLightStore(appService);
+    initializeTrafficLightListeners();
+    return () => {
+      cleanupTrafficLightListeners();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const windowButtonVisible = appService?.hasWindowBar && !isTrafficLightVisible;
   const isInGroupView = !!searchParams?.get('group');
 
   return (
     <div
       ref={headerRef}
       className={clsx(
-        'titlebar z-10 flex h-11 w-full items-center py-2 pr-6',
+        'titlebar h-13 z-10 flex w-full items-center py-2 pr-4 sm:pr-6',
         appService?.hasSafeAreaInset && 'mt-[env(safe-area-inset-top)]',
-        isTrafficLightVisible ? 'pl-16' : 'pl-2',
+        isTrafficLightVisible ? 'pl-16' : 'pl-0 sm:pl-2',
       )}
     >
       <div className='flex w-full items-center justify-between space-x-6 sm:space-x-12'>
@@ -75,7 +85,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
               </div>
             </button>
           )}
-          <div className='relative flex h-7 w-full items-center'>
+          <div className='relative flex h-9 w-full items-center sm:h-7'>
             <span className='absolute left-3 text-gray-500'>
               <FaSearch className='h-4 w-4' />
             </span>
@@ -84,14 +94,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
               placeholder={_('Search Books...')}
               spellCheck='false'
               className={clsx(
-                'input rounded-badge bg-base-300/50 h-7 w-full pl-10 pr-10',
+                'input rounded-badge bg-base-300/50 h-9 w-full pl-10 pr-10 sm:h-7',
                 'font-sans text-sm font-light',
                 'border-none focus:outline-none focus:ring-0',
               )}
             />
           </div>
           <div className='absolute right-4 flex items-center space-x-2 text-gray-500 sm:space-x-4'>
-            <span className='mx-2 h-6 w-[1px] bg-gray-400'></span>
+            <span className='bg-base-content/50 mx-2 h-4 w-[0.5px]'></span>
             <Dropdown
               className='exclude-title-bar-mousedown dropdown-bottom flex h-6 cursor-pointer justify-center'
               buttonClassName='p-0 h-6 min-h-6 w-6 flex items-center justify-center'
@@ -128,12 +138,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
           >
             <SettingsMenu />
           </Dropdown>
-          <WindowButtons
-            headerRef={headerRef}
-            showMinimize={windowButtonVisible}
-            showMaximize={windowButtonVisible}
-            showClose={windowButtonVisible}
-          />
+          {appService?.hasWindowBar && (
+            <WindowButtons
+              headerRef={headerRef}
+              showMinimize={windowButtonVisible}
+              showMaximize={windowButtonVisible}
+              showClose={windowButtonVisible}
+            />
+          )}
         </div>
       </div>
     </div>

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

@@ -13,7 +13,7 @@ import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { getStoragePlanData } from '@/utils/access';
-import { navigateToLogin } from '@/utils/nav';
+import { navigateToLogin, navigateToProfile } from '@/utils/nav';
 import { QuotaType } from '@/types/user';
 import MenuItem from '@/components/MenuItem';
 import Quota from '@/components/Quota';
@@ -26,11 +26,12 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
   const _ = useTranslation();
   const router = useRouter();
   const { envConfig } = useEnv();
-  const { token, user, logout } = useAuth();
+  const { token, user } = useAuth();
   const { settings, setSettings, saveSettings } = useSettingsStore();
   const [quotas, setQuotas] = React.useState<QuotaType[]>([]);
   const [isAutoUpload, setIsAutoUpload] = useState(settings.autoUpload);
   const [isAutoCheckUpdates, setIsAutoCheckUpdates] = useState(settings.autoCheckUpdates);
+  const [isScreenWakeLock, setIsScreenWakeLock] = useState(settings.screenWakeLock);
 
   const showAboutReadest = () => {
     setAboutDialogVisible(true);
@@ -46,11 +47,8 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
     setIsDropdownOpen?.(false);
   };
 
-  const handleUserLogout = () => {
-    logout();
-    settings.keepLogin = false;
-    setSettings(settings);
-    saveSettings(envConfig, settings);
+  const handleUserProfile = () => {
+    navigateToProfile(router);
     setIsDropdownOpen?.(false);
   };
 
@@ -77,6 +75,13 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
     setIsAutoCheckUpdates(settings.autoCheckUpdates);
   };
 
+  const toggleScreenWakeLock = () => {
+    settings.screenWakeLock = !settings.screenWakeLock;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsScreenWakeLock(settings.screenWakeLock);
+  };
+
   useEffect(() => {
     if (!user || !token) return;
     const storagPlan = getStoragePlanData(token);
@@ -127,8 +132,8 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
           }
         >
           <ul>
-            <Quota quotas={quotas} />
-            <MenuItem label={_('Sign Out')} noIcon onClick={handleUserLogout} />
+            <Quota quotas={quotas} className='h-10 pl-4 pr-2' />
+            <MenuItem label={_('Account')} noIcon onClick={handleUserProfile} />
           </ul>
         </MenuItem>
       ) : (
@@ -146,6 +151,11 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
           onClick={toggleAutoCheckUpdates}
         />
       )}
+      <MenuItem
+        label={_('Keep Screen Awake')}
+        icon={isScreenWakeLock ? <MdCheck className='text-base-content' /> : undefined}
+        onClick={toggleScreenWakeLock}
+      />
       <hr className='border-base-200 my-1' />
       <MenuItem label={_('Reload Page')} onClick={handleReloadPage} />
       <hr className='border-base-200 my-1' />

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

@@ -2,8 +2,8 @@
 
 import clsx from 'clsx';
 import * as React from 'react';
-import { useState, useRef, useEffect } from 'react';
-import { useRouter } from 'next/navigation';
+import { useState, useRef, useEffect, Suspense } from 'react';
+import { ReadonlyURLSearchParams, useRouter, useSearchParams } from 'next/navigation';
 
 import { Book } from '@/types/book';
 import { AppService } from '@/types/system';
@@ -16,6 +16,7 @@ import { parseOpenWithFiles } from '@/helpers/cli';
 import { isTauriAppPlatform, hasUpdater } 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';
 
 import { useEnv } from '@/context/EnvContext';
 import { useAuth } from '@/context/AuthContext';
@@ -26,6 +27,9 @@ import { useSettingsStore } from '@/store/settingsStore';
 import { usePullToRefresh } from '@/hooks/usePullToRefresh';
 import { useDemoBooks } from './hooks/useDemoBooks';
 import { useBooksSync } from './hooks/useBooksSync';
+import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
+import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
+import { tauriQuitApp } from '@/utils/window';
 
 import { AboutWindow } from '@/components/AboutWindow';
 import { Toast } from '@/components/Toast';
@@ -33,8 +37,14 @@ import Spinner from '@/components/Spinner';
 import LibraryHeader from './components/LibraryHeader';
 import Bookshelf from './components/Bookshelf';
 import BookDetailModal from '@/components/BookDetailModal';
+import useShortcuts from '@/hooks/useShortcuts';
 
-const LibraryPage = () => {
+const LibraryPageWithSearchParams = () => {
+  const searchParams = useSearchParams();
+  return <LibraryPageContent searchParams={searchParams} />;
+};
+
+const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchParams | null }) => {
   const router = useRouter();
   const { envConfig, appService } = useEnv();
   const { token, user } = useAuth();
@@ -43,7 +53,7 @@ const LibraryPage = () => {
     updateBook,
     setLibrary,
     checkOpenWithBooks,
-    clearOpenWithBooks,
+    setCheckOpenWithBooks,
   } = useLibraryStore();
   const _ = useTranslation();
   const { updateAppTheme } = useTheme();
@@ -59,12 +69,23 @@ const LibraryPage = () => {
   const demoBooks = useDemoBooks();
   const containerRef = useRef<HTMLDivElement>(null);
 
+  useOpenWithBooks();
+
   const { pullLibrary, pushLibrary } = useBooksSync({
     onSyncStart: () => setLoading(true),
     onSyncEnd: () => setLoading(false),
   });
 
   usePullToRefresh(containerRef, pullLibrary);
+  useScreenWakeLock(settings.screenWakeLock);
+
+  useShortcuts({
+    onQuitApp: async () => {
+      if (isTauriAppPlatform()) {
+        await tauriQuitApp();
+      }
+    },
+  });
 
   useEffect(() => {
     updateAppTheme('base-200');
@@ -100,7 +121,9 @@ const LibraryPage = () => {
 
       console.log('Opening books:', bookIds);
       if (bookIds.length > 0) {
-        navigateToReader(router, bookIds);
+        setTimeout(() => {
+          navigateToReader(router, bookIds);
+        }, 0);
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -135,7 +158,7 @@ const LibraryPage = () => {
       if (checkOpenWithBooks && isTauriAppPlatform()) {
         await handleOpenWithBooks(appService, libraryBooks);
       } else {
-        clearOpenWithBooks();
+        setCheckOpenWithBooks(false);
         setLibrary(libraryBooks);
       }
 
@@ -150,7 +173,7 @@ const LibraryPage = () => {
       if (openWithFiles.length > 0) {
         await processOpenWithFiles(appService, openWithFiles, libraryBooks);
       } else {
-        clearOpenWithBooks();
+        setCheckOpenWithBooks(false);
         setLibrary(libraryBooks);
       }
     };
@@ -158,10 +181,11 @@ const LibraryPage = () => {
     initLogin();
     initLibrary();
     return () => {
-      clearOpenWithBooks();
+      setCheckOpenWithBooks(false);
+      isInitiating.current = false;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [searchParams]);
 
   useEffect(() => {
     if (demoBooks.length > 0 && libraryLoaded) {
@@ -251,7 +275,7 @@ const LibraryPage = () => {
       });
     } catch (err) {
       if (err instanceof Error) {
-        if (err.message.includes('Not authenticated')) {
+        if (err.message.includes('Not authenticated') && settings.keepLogin) {
           navigateToLogin(router);
           return;
         } else if (err.message.includes('Insufficient storage quota')) {
@@ -321,8 +345,7 @@ const LibraryPage = () => {
     let files;
 
     if (isTauriAppPlatform()) {
-      const { type } = await import('@tauri-apps/plugin-os');
-      if (['android', 'ios'].includes(type())) {
+      if (appService?.isMobile) {
         files = (await selectFilesWeb()) as [File];
       } else {
         files = (await selectFilesTauri()) as [string];
@@ -334,10 +357,16 @@ const LibraryPage = () => {
   };
 
   const handleToggleSelectMode = () => {
-    setIsSelectMode(!isSelectMode);
+    if (!isSelectMode && appService?.hasHaptics) {
+      impactFeedback('medium');
+    }
+    setIsSelectMode((pre) => !pre);
   };
 
   const handleSetSelectMode = (selectMode: boolean) => {
+    if (selectMode && appService?.hasHaptics) {
+      impactFeedback('medium');
+    }
     setIsSelectMode(selectMode);
   };
 
@@ -380,12 +409,13 @@ const LibraryPage = () => {
         </div>
       )}
       {libraryLoaded &&
-        (libraryBooks.length > 0 ? (
+        (libraryBooks.some((book) => !book.deletedAt) ? (
           <div
             ref={containerRef}
             className={clsx(
-              'mt-12 flex-grow overflow-auto px-2',
+              'scroll-container mt-12 flex-grow overflow-auto px-4 sm:px-2',
               appService?.hasSafeAreaInset && 'mt-[calc(48px+env(safe-area-inset-top))]',
+              appService?.hasSafeAreaInset && 'pb-[calc(env(safe-area-inset-bottom))]',
             )}
           >
             <Bookshelf
@@ -430,4 +460,18 @@ const LibraryPage = () => {
   );
 };
 
+const LibraryPage = () => {
+  return (
+    <Suspense
+      fallback={
+        <div className='fixed inset-0 z-50 flex items-center justify-center'>
+          <Spinner loading />
+        </div>
+      }
+    >
+      <LibraryPageWithSearchParams />
+    </Suspense>
+  );
+};
+
 export default LibraryPage;

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

@@ -85,14 +85,20 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
                 <HintInfo bookKey={bookKey} gapRight={marginGap} />
                 <PageInfoView
                   bookFormat={book.format}
-                  section={section ?? null}
-                  pageinfo={pageinfo ?? null}
+                  section={section}
+                  pageinfo={pageinfo}
                   gapRight={marginGap}
                 />
               </>
             )}
             <Annotator bookKey={bookKey} />
-            <FooterBar bookKey={bookKey} pageinfo={pageinfo} isHoveredAnim={false} />
+            <FooterBar
+              bookKey={bookKey}
+              bookFormat={book.format}
+              section={section}
+              pageinfo={pageinfo}
+              isHoveredAnim={false}
+            />
             {isFontLayoutSettingsDialogOpen && <SettingsDialog bookKey={bookKey} config={config} />}
           </div>
         );

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

@@ -10,9 +10,9 @@ import { useProgressSync } from '../hooks/useProgressSync';
 import { useProgressAutoSave } from '../hooks/useProgressAutoSave';
 import { useAutoHideScrollbar } from '../hooks/useAutoHideScrollbar';
 import { getStyles, mountAdditionalFonts } from '@/utils/style';
-import { getBookDirFromWritingMode } from '@/utils/book';
+import { getBookDirFromLanguage, getBookDirFromWritingMode } from '@/utils/book';
 import { useTheme } from '@/hooks/useTheme';
-import { ONE_COLUMN_MAX_INLINE_SIZE } from '@/services/constants';
+import { useUICSS } from '@/hooks/useUICSS';
 import {
   handleKeydown,
   handleMousedown,
@@ -23,6 +23,7 @@ import {
   handleTouchMove,
   handleTouchEnd,
 } from '../utils/iframeEventHandlers';
+import { getMaxInlineSize } from '@/utils/config';
 
 const FoliateViewer: React.FC<{
   bookKey: string;
@@ -36,6 +37,7 @@ const FoliateViewer: React.FC<{
   const { getViewSettings, setViewSettings } = useReaderStore();
   const { getParallels } = useParallelViewStore();
   const { themeCode } = useTheme();
+  const viewSettings = getViewSettings(bookKey)!;
 
   const [toastMessage, setToastMessage] = useState('');
   useEffect(() => {
@@ -43,6 +45,7 @@ const FoliateViewer: React.FC<{
     return () => clearTimeout(timer);
   }, [toastMessage]);
 
+  useUICSS(bookKey, viewSettings);
   useProgressSync(bookKey);
   useProgressAutoSave(bookKey);
 
@@ -58,7 +61,9 @@ const FoliateViewer: React.FC<{
     if (detail.doc) {
       const writingDir = viewRef.current?.renderer.setStyles && getDirection(detail.doc);
       const viewSettings = getViewSettings(bookKey)!;
-      viewSettings.vertical = writingDir?.vertical || false;
+      viewSettings.vertical =
+        writingDir?.vertical || viewSettings.writingMode.includes('vertical') || false;
+      viewSettings.rtl = writingDir?.rtl || viewSettings.writingMode.includes('rl') || false;
       setViewSettings(bookKey, viewSettings);
       if (viewSettings.scrolled && shouldAutoHideScrollbar) {
         handleScrollbarAutoHide(detail.doc);
@@ -133,31 +138,34 @@ const FoliateViewer: React.FC<{
       console.log('Opening book', bookKey);
       await import('foliate-js/view.js');
       const view = wrappedFoliateView(document.createElement('foliate-view') as FoliateView);
+      view.id = `foliate-view-${bookKey}`;
       document.body.append(view);
       containerRef.current?.appendChild(view);
 
+      const writingMode = viewSettings.writingMode;
+      if (writingMode) {
+        const settingsDir = getBookDirFromWritingMode(writingMode);
+        const languageDir = getBookDirFromLanguage(bookDoc.metadata.language);
+        if (settingsDir !== 'auto') {
+          bookDoc.dir = settingsDir;
+        } else if (languageDir !== 'auto') {
+          bookDoc.dir = languageDir;
+        }
+      }
+
       await view.open(bookDoc);
       // make sure we can listen renderer events after opening book
       viewRef.current = view;
       setFoliateView(bookKey, view);
 
-      const viewSettings = getViewSettings(bookKey)!;
       view.renderer.setStyles?.(getStyles(viewSettings, themeCode));
 
-      const writingMode = viewSettings.writingMode;
-      if (writingMode) {
-        view.book.dir = getBookDirFromWritingMode(writingMode);
-      }
-
       const isScrolled = viewSettings.scrolled!;
       const marginPx = viewSettings.marginPx!;
       const gapPercent = viewSettings.gapPercent!;
       const animated = viewSettings.animated!;
       const maxColumnCount = viewSettings.maxColumnCount!;
-      const maxInlineSize =
-        maxColumnCount === 1 || isScrolled
-          ? ONE_COLUMN_MAX_INLINE_SIZE
-          : viewSettings.maxInlineSize!;
+      const maxInlineSize = getMaxInlineSize(viewSettings);
       const maxBlockSize = viewSettings.maxBlockSize!;
       if (animated) {
         view.renderer.setAttribute('animated', '');

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

@@ -9,21 +9,32 @@ import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { eventDispatcher } from '@/utils/event';
+import { PageInfo } from '@/types/book';
 import Button from '@/components/Button';
 
 interface FooterBarProps {
   bookKey: string;
-  pageinfo: { current: number; total: number } | undefined;
+  bookFormat: string;
+  section?: PageInfo;
+  pageinfo?: PageInfo;
   isHoveredAnim: boolean;
 }
 
-const FooterBar: React.FC<FooterBarProps> = ({ bookKey, pageinfo, isHoveredAnim }) => {
+const FooterBar: React.FC<FooterBarProps> = ({
+  bookKey,
+  bookFormat,
+  section,
+  pageinfo,
+  isHoveredAnim,
+}) => {
   const _ = useTranslation();
   const { appService } = useEnv();
-  const { hoveredBookKey, setHoveredBookKey, getView, getProgress } = useReaderStore();
+  const { hoveredBookKey, setHoveredBookKey, getView, getProgress, getViewSettings } =
+    useReaderStore();
   const { isSideBarVisible } = useSidebarStore();
   const view = getView(bookKey);
   const progress = getProgress(bookKey);
+  const viewSettings = getViewSettings(bookKey);
 
   const handleProgressChange = (event: React.ChangeEvent) => {
     const newProgress = parseInt((event.target as HTMLInputElement).value, 10);
@@ -56,8 +67,9 @@ const FooterBar: React.FC<FooterBarProps> = ({ bookKey, pageinfo, isHoveredAnim
     }
   };
 
-  const pageinfoValid = pageinfo && pageinfo.total > 0 && pageinfo.current >= 0;
-  const progressFraction = pageinfoValid ? pageinfo.current / pageinfo.total : 0;
+  const progressInfo = bookFormat === 'PDF' ? section : pageinfo;
+  const progressValid = !!progressInfo;
+  const progressFraction = progressValid ? (progressInfo!.current + 1) / progressInfo!.total : 0;
   return (
     <div
       className={clsx(
@@ -69,11 +81,16 @@ const FooterBar: React.FC<FooterBarProps> = ({ bookKey, pageinfo, isHoveredAnim
         isHoveredAnim && 'hover-bar-anim',
         hoveredBookKey === bookKey ? `opacity-100` : `opacity-0`,
       )}
+      dir={viewSettings?.rtl ? 'rtl' : 'ltr'}
       onMouseEnter={() => setHoveredBookKey(bookKey)}
       onMouseLeave={() => setHoveredBookKey('')}
     >
       <div className='hidden sm:flex'>
-        <Button icon={<RiArrowLeftWideLine />} onClick={handleGoPrev} tooltip={_('Go Left')} />
+        <Button
+          icon={viewSettings?.rtl ? <RiArrowRightWideLine /> : <RiArrowLeftWideLine />}
+          onClick={viewSettings?.rtl ? handleGoNext : handleGoPrev}
+          tooltip={viewSettings?.rtl ? _('Go Right') : _('Go Left')}
+        />
       </div>
       <Button
         icon={<RiArrowGoBackLine />}
@@ -88,19 +105,23 @@ const FooterBar: React.FC<FooterBarProps> = ({ bookKey, pageinfo, isHoveredAnim
         disabled={!view?.history.canGoForward}
       />
       <span className='mx-2 text-center text-sm'>
-        {pageinfoValid ? `${Math.round(progressFraction * 100)}%` : ''}
+        {progressValid ? `${Math.round(progressFraction * 100)}%` : ''}
       </span>
       <input
         type='range'
         className='text-base-content mx-2 w-full'
         min={0}
         max={100}
-        value={pageinfoValid ? progressFraction * 100 : 0}
+        value={progressValid ? progressFraction * 100 : 0}
         onChange={(e) => handleProgressChange(e)}
       />
       <Button icon={<FaHeadphones />} onClick={handleSpeakText} tooltip={_('Speak')} />
       <div className='hidden sm:flex'>
-        <Button icon={<RiArrowRightWideLine />} onClick={handleGoNext} tooltip={_('Go Right')} />
+        <Button
+          icon={viewSettings?.rtl ? <RiArrowLeftWideLine /> : <RiArrowRightWideLine />}
+          onClick={viewSettings?.rtl ? handleGoPrev : handleGoNext}
+          tooltip={viewSettings?.rtl ? _('Go Left') : _('Go Right')}
+        />
       </div>
     </div>
   );

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

@@ -4,8 +4,9 @@ import { BookDoc } from '@/libs/document';
 import { useReaderStore } from '@/store/readerStore';
 import { useFoliateEvents } from '../hooks/useFoliateEvents';
 import { useTheme } from '@/hooks/useTheme';
-import { getStyles } from '@/utils/style';
+import { getFootnoteStyles, getStyles } from '@/utils/style';
 import { getPopupPosition, getPosition, Position } from '@/utils/sel';
+import { eventDispatcher } from '@/utils/event';
 import { FoliateView } from '@/types/view';
 import { FootnoteHandler } from 'foliate-js/footnotes.js';
 import Popup from '@/components/Popup';
@@ -48,7 +49,9 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
         const backgroundColor = getComputedStyle(popupContainer).backgroundColor;
         popupTheme.bg = backgroundColor;
       }
-      renderer.setStyles?.(getStyles(viewSettings, popupTheme));
+      const mainStyles = getStyles(viewSettings, popupTheme);
+      const footnoteStyles = getFootnoteStyles();
+      renderer.setStyles?.(`${mainStyles}\n${footnoteStyles}`);
     };
 
     const handleRender = (e: Event) => {
@@ -73,7 +76,7 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
     if (!gridFrame) return;
     const rect = gridFrame.getBoundingClientRect();
     const viewSettings = getViewSettings(bookKey)!;
-    const triangPos = getPosition(detail.a, rect, viewSettings.vertical);
+    const triangPos = getPosition(detail.a, rect, popupPadding, viewSettings.vertical);
     const popupPos = getPopupPosition(
       triangPos,
       rect,
@@ -104,10 +107,43 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
     setShowPopup(false);
   };
 
+  const handleFootnotePopupEvent = (event: CustomEvent) => {
+    const { element, footnote } = event.detail;
+    const gridFrame = document.querySelector(`#gridcell-${bookKey}`);
+    if (!gridFrame) return;
+    const rect = gridFrame.getBoundingClientRect();
+    const viewSettings = getViewSettings(bookKey)!;
+    const triangPos = getPosition(element, rect, popupPadding, viewSettings.vertical);
+    const popupPos = getPopupPosition(
+      triangPos,
+      rect,
+      viewSettings.vertical ? popupHeight : popupWidth,
+      viewSettings.vertical ? popupWidth : popupHeight,
+      popupPadding,
+    );
+    if (footnoteRef.current) {
+      const elem = document.createElement('p');
+      elem.textContent = footnote;
+      elem.setAttribute('style', `padding: 16px; hanging-punctuation: allow-end last;`);
+      footnoteRef.current.replaceChildren(elem);
+      setShowPopup(true);
+      setTrianglePosition(triangPos);
+      setPopupPosition(popupPos);
+    }
+  };
+
   useFoliateEvents(view, {
     onLinkClick: docLinkHandler,
   });
 
+  useEffect(() => {
+    eventDispatcher.on('footnote-popup', handleFootnotePopupEvent);
+    return () => {
+      eventDispatcher.off('footnote-popup', handleFootnotePopupEvent);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   useEffect(() => {
     if (footnoteViewRef.current) {
       footnoteRef.current?.replaceChildren(footnoteViewRef.current);

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

@@ -1,12 +1,12 @@
 import clsx from 'clsx';
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { PiDotsThreeVerticalBold } from 'react-icons/pi';
 
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
+import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
-import useTrafficLight from '@/hooks/useTrafficLight';
 import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
 import SidebarToggler from './SidebarToggler';
@@ -34,7 +34,13 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
 }) => {
   const { appService } = useEnv();
   const headerRef = useRef<HTMLDivElement>(null);
-  const { isTrafficLightVisible } = useTrafficLight();
+  const {
+    isTrafficLightVisible,
+    setTrafficLightVisibility,
+    initializeTrafficLightStore,
+    initializeTrafficLightListeners,
+    cleanupTrafficLightListeners,
+  } = useTrafficLightStore();
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const { hoveredBookKey, setHoveredBookKey, bookKeys } = useReaderStore();
   const { isSideBarVisible } = useSidebarStore();
@@ -45,6 +51,18 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
     if (!isOpen) setHoveredBookKey('');
   };
 
+  useEffect(() => {
+    if (!appService?.hasTrafficLight) return;
+
+    initializeTrafficLightStore(appService);
+    initializeTrafficLightListeners();
+    setTrafficLightVisibility(isSideBarVisible);
+    return () => {
+      cleanupTrafficLightListeners();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSideBarVisible]);
+
   return (
     <div
       ref={headerRef}

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

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
 import { useSidebarStore } from '@/store/sidebarStore';
+import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { eventDispatcher } from '@/utils/event';
-import useTrafficLight from '@/hooks/useTrafficLight';
 
 interface SectionInfoProps {
   bookKey: string;
@@ -11,7 +11,7 @@ interface SectionInfoProps {
 
 const HintInfo: React.FC<SectionInfoProps> = ({ bookKey, gapRight }) => {
   const { isSideBarVisible } = useSidebarStore();
-  const { isTrafficLightVisible } = useTrafficLight();
+  const { isTrafficLightVisible } = useTrafficLightStore();
   const [hintMessage, setHintMessage] = React.useState<string | null>(null);
   const hintTimeout = useRef(2000);
   const dismissTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);

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

@@ -4,8 +4,8 @@ import { PageInfo } from '@/types/book';
 
 interface PageInfoProps {
   bookFormat: string;
-  section: PageInfo | null;
-  pageinfo: PageInfo | null;
+  section?: PageInfo;
+  pageinfo?: PageInfo;
   gapRight: string;
 }
 

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

@@ -8,6 +8,7 @@ import { useEnv } from '@/context/EnvContext';
 import { useTheme } from '@/hooks/useTheme';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useSettingsStore } from '@/store/settingsStore';
+import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { AboutWindow } from '@/components/AboutWindow';
 import { Toast } from '@/components/Toast';
 import ReaderContent from './ReaderContent';
@@ -15,10 +16,11 @@ import ReaderContent from './ReaderContent';
 const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
   const { envConfig, appService } = useEnv();
   const { settings, setSettings } = useSettingsStore();
-  const { library, setLibrary } = useLibraryStore();
+  const { getVisibleLibrary, setLibrary } = useLibraryStore();
   const isInitiating = useRef(false);
 
   const { updateAppTheme } = useTheme();
+  useScreenWakeLock(settings.screenWakeLock);
 
   useEffect(() => {
     updateAppTheme('base-100');
@@ -36,7 +38,7 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
   }, []);
 
   return (
-    library.length > 0 &&
+    getVisibleLibrary().length > 0 &&
     settings.globalReadSettings && (
       <div
         className={clsx(

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

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import React from 'react';
 
 import { useSidebarStore } from '@/store/sidebarStore';
-import useTrafficLight from '@/hooks/useTrafficLight';
+import { useTrafficLightStore } from '@/store/trafficLightStore';
 
 interface SectionInfoProps {
   section?: string;
@@ -11,7 +11,7 @@ interface SectionInfoProps {
 
 const SectionInfo: React.FC<SectionInfoProps> = ({ section, gapLeft }) => {
   const { isSideBarVisible } = useSidebarStore();
-  const { isTrafficLightVisible } = useTrafficLight();
+  const { isTrafficLightVisible } = useTrafficLightStore();
   return (
     <div
       className={clsx(

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TbLayoutSidebar, TbLayoutSidebarFilled } from 'react-icons/tb';
 
+import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import Button from '@/components/Button';
@@ -12,6 +13,7 @@ interface SidebarTogglerProps {
 const SidebarToggler: React.FC<SidebarTogglerProps> = ({ bookKey }) => {
   const _ = useTranslation();
   const { sideBarBookKey, isSideBarVisible, setSideBarBookKey, toggleSideBar } = useSidebarStore();
+  const { setHoveredBookKey } = useReaderStore();
   const handleToggleSidebar = () => {
     if (sideBarBookKey === bookKey) {
       toggleSideBar();
@@ -19,6 +21,7 @@ const SidebarToggler: React.FC<SidebarTogglerProps> = ({ bookKey }) => {
       setSideBarBookKey(bookKey);
       if (!isSideBarVisible) toggleSideBar();
     }
+    setHoveredBookKey('');
   };
   return (
     <Button

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

@@ -5,17 +5,13 @@ import { BiMoon, BiSun } from 'react-icons/bi';
 import { TbSunMoon } from 'react-icons/tb';
 import { MdZoomOut, MdZoomIn, MdCheck } from 'react-icons/md';
 
-import {
-  MAX_ZOOM_LEVEL,
-  MIN_ZOOM_LEVEL,
-  ONE_COLUMN_MAX_INLINE_SIZE,
-  ZOOM_STEP,
-} from '@/services/constants';
+import { MAX_ZOOM_LEVEL, MIN_ZOOM_LEVEL, ZOOM_STEP } from '@/services/constants';
 import MenuItem from '@/components/MenuItem';
 import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useTheme, ThemeMode } from '@/hooks/useTheme';
 import { getStyles } from '@/utils/style';
+import { getMaxInlineSize } from '@/utils/config';
 
 interface ViewMenuProps {
   bookKey: string;
@@ -65,7 +61,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
     getView(bookKey)?.renderer.setAttribute('flow', isScrolledMode ? 'scrolled' : 'paginated');
     getView(bookKey)?.renderer.setAttribute(
       'max-inline-size',
-      `${viewSettings.maxColumnCount === 1 || isScrolledMode ? ONE_COLUMN_MAX_INLINE_SIZE : viewSettings.maxInlineSize}px`,
+      `${getMaxInlineSize(viewSettings)}px`,
     );
     getView(bookKey)?.renderer.setStyles?.(getStyles(viewSettings!, themeCode));
     viewSettings!.scrolled = isScrolledMode;

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

@@ -7,6 +7,7 @@ import { HighlightColor, HighlightStyle } from '@/types/book';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 
 interface AnnotationPopupProps {
+  dir: 'ltr' | 'rtl';
   buttons: Array<{ tooltipText: string; Icon: React.ElementType; onClick: () => void }>;
   position: Position;
   trianglePosition: Position;
@@ -22,6 +23,7 @@ const OPTIONS_HEIGHT_PIX = 28;
 const OPTIONS_PADDING_PIX = 16;
 
 const AnnotationPopup: React.FC<AnnotationPopupProps> = ({
+  dir,
   buttons,
   position,
   trianglePosition,
@@ -35,7 +37,7 @@ const AnnotationPopup: React.FC<AnnotationPopupProps> = ({
   const highlightOptionsHeightPx = useResponsiveSize(OPTIONS_HEIGHT_PIX);
   const highlightOptionsPaddingPx = useResponsiveSize(OPTIONS_PADDING_PIX);
   return (
-    <div>
+    <div dir={dir}>
       <Popup
         width={popupWidth}
         height={popupHeight}

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

@@ -24,6 +24,7 @@ import { useFoliateEvents } from '../../hooks/useFoliateEvents';
 import { useNotesSync } from '../../hooks/useNotesSync';
 import { getPopupPosition, getPosition, Position, TextSelection } from '@/utils/sel';
 import { eventDispatcher } from '@/utils/event';
+import { HIGHLIGHT_COLOR_HEX } from '@/services/constants';
 import AnnotationPopup from './AnnotationPopup';
 import WiktionaryPopup from './WiktionaryPopup';
 import WikipediaPopup from './WikipediaPopup';
@@ -31,7 +32,7 @@ import DeepLPopup from './DeepLPopup';
 
 const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const _ = useTranslation();
-  const { envConfig } = useEnv();
+  const { envConfig, appService } = useEnv();
   const { settings } = useSettingsStore();
   const { getConfig, saveConfig, getBookData, updateBooknotes } = useBookDataStore();
   const { getProgress, getView, getViewsById, getViewSettings } = useReaderStore();
@@ -75,7 +76,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const dictPopupHeight = Math.min(300, maxHeight);
   const transPopupWidth = Math.min(480, maxWidth);
   const transPopupHeight = Math.min(360, maxHeight);
-  const annotPopupWidth = useResponsiveSize(280);
+  const annotPopupWidth = useResponsiveSize(300);
   const annotPopupHeight = useResponsiveSize(44);
   const androidSelectionHandlerHeight = 8;
 
@@ -95,11 +96,26 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       }
       setSelection({ key: bookKey, text: sel.toString(), range, index });
     };
+    // FIXME: extremely hacky way to dismiss system selection tools on iOS
+    const makeSelectionOnIOS = (sel: Selection) => {
+      isTextSelected.current = true;
+      const range = sel.getRangeAt(0);
+      setTimeout(() => {
+        sel.removeAllRanges();
+        setTimeout(() => {
+          if (!isTextSelected.current) return;
+          sel.addRange(range);
+          setSelection({ key: bookKey, text: range.toString(), range, index });
+        }, 40);
+      }, 0);
+    };
     const handleSelectionchange = () => {
       // Available on iOS, Android and Desktop, fired when the selection is changed
       // Ideally the popup only shows when the selection is done,
       // but on Android no proper events are fired to notify selection done or I didn't find it,
       // we make the popup show when the selection is changed
+      if (osPlatform === 'ios' || appService?.isIOSApp) return;
+
       const sel = doc.getSelection();
       if (isValidSelection(sel)) {
         if (osPlatform === 'android' && isTouchstarted.current) {
@@ -118,7 +134,11 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       // Note that on Android, pointerup event is fired after an additional touch event
       const sel = doc.getSelection();
       if (isValidSelection(sel)) {
-        makeSelection(sel, true);
+        if (osPlatform === 'ios' || appService?.isIOSApp) {
+          makeSelectionOnIOS(sel);
+        } else {
+          makeSelection(sel, true);
+        }
       }
     };
     const handleTouchstart = () => {
@@ -143,7 +163,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
 
       // Disable the default context menu on mobile devices,
       // although it should but doesn't work on iOS
-      if (osPlatform === 'android' || osPlatform === 'ios') {
+      if (appService?.isMobile) {
         detail.doc?.addEventListener('contextmenu', (event: Event) => {
           event.preventDefault();
           event.stopPropagation();
@@ -157,14 +177,15 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     const detail = (event as CustomEvent).detail;
     const { draw, annotation, doc, range } = detail;
     const { style, color } = annotation as BookNote;
+    const hexColor = color ? HIGHLIGHT_COLOR_HEX[color] : color;
     if (style === 'highlight') {
-      draw(Overlayer.highlight, { color });
+      draw(Overlayer.highlight, { color: hexColor });
     } else if (['underline', 'squiggly'].includes(style as string)) {
       const { defaultView } = doc;
       const node = range.startContainer;
       const el = node.nodeType === 1 ? node : node.parentElement;
       const { writingMode } = defaultView.getComputedStyle(el);
-      draw(Overlayer[style as keyof typeof Overlayer], { writingMode, color });
+      draw(Overlayer[style as keyof typeof Overlayer], { writingMode, color: hexColor });
     }
   };
 
@@ -231,7 +252,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       const gridFrame = document.querySelector(`#gridcell-${bookKey}`);
       if (!gridFrame) return;
       const rect = gridFrame.getBoundingClientRect();
-      const triangPos = getPosition(selection.range, rect, viewSettings.vertical);
+      const triangPos = getPosition(selection.range, rect, popupPadding, viewSettings.vertical);
       const annotPopupPos = getPopupPosition(
         triangPos,
         rect,
@@ -357,6 +378,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     if (existingIndex !== -1) {
       views.forEach((view) => view?.addAnnotation(annotation, true));
       if (update) {
+        annotation.id = annotations[existingIndex]!.id;
         annotations[existingIndex] = annotation;
         views.forEach((view) => view?.addAnnotation(annotation));
       } else {
@@ -465,6 +487,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       )}
       {showAnnotPopup && trianglePosition && annotPopupPosition && (
         <AnnotationPopup
+          dir={viewSettings.rtl ? 'rtl' : 'ltr'}
           buttons={buttons}
           position={annotPopupPosition}
           trianglePosition={trianglePosition}

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

@@ -37,8 +37,8 @@ const HighlightOptions: React.FC<HighlightOptionsProps> = ({
     onHandleHighlight(true);
   };
   const handleSelectColor = (color: HighlightColor) => {
-    const style = globalReadSettings.highlightStyle;
-    globalReadSettings.highlightStyles[style] = color;
+    globalReadSettings.highlightStyle = selectedStyle;
+    globalReadSettings.highlightStyles[selectedStyle] = color;
     setSettings(settings);
     setSelectedColor(color);
     onHandleHighlight(true);

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

@@ -108,18 +108,20 @@ const WikipediaPopup: React.FC<WikipediaPopupProps> = ({
         height={popupHeight}
         position={position}
         trianglePosition={trianglePosition}
-        className='select-text overflow-y-auto'
+        className='select-text'
       >
-        <main className='p-2 font-sans'></main>
-        <footer className='hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
-          <div className='p-4 text-sm opacity-60'>
-            From <a id='link'>Wikipedia</a>, released under the{' '}
-            <a href='https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License'>
-              CC BY-SA License
-            </a>
-            .
-          </div>
-        </footer>
+        <div className='text-base-content flex h-full flex-col pt-2'>
+          <main className='flex-grow overflow-y-auto px-2 font-sans'></main>
+          <footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
+            <div className='flex items-center px-4 py-2 text-sm opacity-60'>
+              From <a id='link'>Wikipedia</a>, released under the{' '}
+              <a href='https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License'>
+                CC BY-SA License
+              </a>
+              .
+            </div>
+          </footer>
+        </div>
       </Popup>
     </div>
   );

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

@@ -163,15 +163,17 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
         width={popupWidth}
         height={popupHeight}
         position={position}
-        className='select-text overflow-y-auto'
+        className='select-text'
       >
-        <main className='p-4 font-sans' />
-        <footer className='hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
-          <div className='p-4 text-sm opacity-60'>
-            From <a id='link'>Wiktionary</a>, released under the{' '}
-            <a href='https://creativecommons.org/licenses/by-sa/4.0/'>CC BY-SA License</a>.
-          </div>
-        </footer>
+        <div className='flex h-full flex-col'>
+          <main className='flex-grow overflow-y-auto p-4 font-sans' />
+          <footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
+            <div className='flex items-center px-4 py-2 text-sm opacity-60'>
+              From <a id='link'>Wiktionary</a>, released under the{' '}
+              <a href='https://creativecommons.org/licenses/by-sa/4.0/'>CC BY-SA License</a>.
+            </div>
+          </footer>
+        </div>
       </Popup>
     </div>
   );

apps/readest-app/src/app/reader/components/notebook/NoteEditor.tsx

@@ -3,7 +3,9 @@ import React, { useEffect, useRef } from 'react';
 import { useNotebookStore } from '@/store/notebookStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { TextSelection } from '@/utils/sel';
+import { md5Fingerprint } from '@/utils/md5';
 import { BookNote } from '@/types/book';
+import useShortcuts from '@/hooks/useShortcuts';
 
 interface NoteEditorProps {
   onSave: (selection: TextSelection, note: string) => void;
@@ -12,7 +14,14 @@ interface NoteEditorProps {
 
 const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
   const _ = useTranslation();
-  const { notebookNewAnnotation, notebookEditAnnotation } = useNotebookStore();
+  const {
+    notebookNewAnnotation,
+    notebookEditAnnotation,
+    setNotebookNewAnnotation,
+    setNotebookEditAnnotation,
+    saveNotebookAnnotationDraft,
+    getNotebookAnnotationDraft,
+  } = useNotebookStore();
   const editorRef = useRef<HTMLTextAreaElement>(null);
   const [note, setNote] = React.useState('');
 
@@ -20,13 +29,30 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
     if (editorRef.current) {
       editorRef.current.focus();
     }
-  }, []);
+  }, [editorRef]);
 
   useEffect(() => {
     if (notebookEditAnnotation) {
       setNote(notebookEditAnnotation.note);
+      if (editorRef.current) {
+        editorRef.current.value = notebookEditAnnotation.note;
+        editorRef.current.focus();
+        adjustHeight();
+      }
+    } else if (notebookNewAnnotation) {
+      const noteText = getAnnotationText();
+      if (noteText) {
+        const draftNote = getNotebookAnnotationDraft(md5Fingerprint(noteText)) || '';
+        setNote(draftNote);
+        if (editorRef.current) {
+          editorRef.current.value = draftNote;
+          editorRef.current.focus();
+          adjustHeight();
+        }
+      }
     }
-  }, [notebookEditAnnotation]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [notebookNewAnnotation, notebookEditAnnotation]);
 
   const adjustHeight = () => {
     if (editorRef.current) {
@@ -35,11 +61,24 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
     }
   };
 
-  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+  const getAnnotationText = () => {
+    return notebookEditAnnotation?.text || notebookNewAnnotation?.text || '';
+  };
+
+  const handleOnChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     adjustHeight();
     setNote(e.currentTarget.value);
   };
 
+  const handleOnBlur = () => {
+    if (editorRef.current && editorRef.current.value) {
+      const noteText = getAnnotationText();
+      if (noteText) {
+        saveNotebookAnnotationDraft(md5Fingerprint(noteText), editorRef.current.value);
+      }
+    }
+  };
+
   const handleSaveNote = () => {
     if (editorRef.current && notebookNewAnnotation) {
       onSave(notebookNewAnnotation, editorRef.current.value);
@@ -49,41 +88,60 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
     }
   };
 
+  useShortcuts({
+    onSaveNote: () => {
+      if (editorRef.current && editorRef.current.value) {
+        handleSaveNote();
+      }
+    },
+    onCloseNote: () => {
+      if (notebookNewAnnotation) {
+        setNotebookNewAnnotation(null);
+      }
+      if (notebookEditAnnotation) {
+        setNotebookEditAnnotation(null);
+      }
+    },
+  });
+
   return (
-    <div className='note-editor-container bg-base-100 mt-2 rounded-md p-2'>
+    <div className='content note-editor-container bg-base-100 mt-2 rounded-md p-2'>
       <div className='flex w-full justify-between space-x-2'>
-        <div className='settings-content relative w-full'>
+        <div className='relative w-full'>
           <textarea
             className={clsx(
               'note-editor textarea textarea-ghost min-h-[1em] resize-none !outline-none',
-              'inset-0 w-full rounded-none border-0 bg-transparent p-0 leading-normal',
-              'text-sm',
+              'inset-0 w-full rounded-none border-0 bg-transparent p-0',
+              'content font-size-sm',
             )}
             ref={editorRef}
             value={note}
             rows={1}
             spellCheck={false}
-            onChange={handleChange}
+            onChange={handleOnChange}
+            onBlur={handleOnBlur}
             placeholder={_('Add your notes here...')}
           ></textarea>
         </div>
+      </div>
+      <div className='flex items-start pt-2'>
+        <div className='mr-2 min-h-full self-stretch border-l-2 border-gray-300'></div>
+        <div className='content font-size-sm line-clamp-3 py-2'>
+          <span className='content font-size-xs inline text-gray-500'>{getAnnotationText()}</span>
+        </div>
+      </div>
+      <div className='flex justify-end p-2'>
         <button
           className={clsx(
-            'btn btn-ghost settings-content hover:bg-transparent',
+            'content btn btn-ghost font-size-sm hover:bg-transparent',
             'flex h-[1.3em] min-h-[1.3em] items-end p-0',
             editorRef.current && editorRef.current.value ? '' : 'btn-disabled !bg-opacity-0',
           )}
           onClick={handleSaveNote}
         >
-          <div className='pr-1 align-bottom text-xs text-blue-400'>{_('Save')}</div>
+          <div className='font-size-sm pr-1 align-bottom text-blue-500'>{_('Save')}</div>
         </button>
       </div>
-      <div className='flex items-start pt-2'>
-        <div className='mr-2 min-h-full self-stretch border-l-2 border-gray-300'></div>
-        <div className='note-citation settings-content line-clamp-3 text-sm'>
-          {notebookNewAnnotation?.text || notebookEditAnnotation?.text}
-        </div>
-      </div>
     </div>
   );
 };

apps/readest-app/src/app/reader/components/notebook/Notebook.tsx

@@ -9,11 +9,11 @@ import { useNotebookStore } from '@/store/notebookStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useTheme } from '@/hooks/useTheme';
 import { useEnv } from '@/context/EnvContext';
+import { useDrag } from '@/hooks/useDrag';
 import { TextSelection } from '@/utils/sel';
 import { BookNote } from '@/types/book';
 import { uniqueId } from '@/utils/misc';
 import { eventDispatcher } from '@/utils/event';
-import useDragBar from '../../hooks/useDragBar';
 import BooknoteItem from '../sidebar/BooknoteItem';
 import NotebookHeader from './Header';
 import NoteEditor from './NoteEditor';
@@ -77,12 +77,8 @@ const Notebook: React.FC = ({}) => {
     event.preventDefault();
     event.stopPropagation();
     setNotebookVisible(false);
-  };
-
-  const handleDragMove = (e: MouseEvent) => {
-    const widthFraction = 1 - e.clientX / window.innerWidth;
-    const newWidth = Math.max(MIN_NOTEBOOK_WIDTH, Math.min(MAX_NOTEBOOK_WIDTH, widthFraction));
-    handleNotebookResize(`${Math.round(newWidth * 10000) / 100}%`);
+    setNotebookNewAnnotation(null);
+    setNotebookEditAnnotation(null);
   };
 
   const handleSaveNote = (selection: TextSelection, note: string) => {
@@ -130,7 +126,13 @@ const Notebook: React.FC = ({}) => {
     setNotebookEditAnnotation(null);
   };
 
-  const { handleMouseDown } = useDragBar(handleDragMove);
+  const onDragMove = (data: { clientX: number }) => {
+    const widthFraction = 1 - data.clientX / window.innerWidth;
+    const newWidth = Math.max(MIN_NOTEBOOK_WIDTH, Math.min(MAX_NOTEBOOK_WIDTH, widthFraction));
+    handleNotebookResize(`${Math.round(newWidth * 10000) / 100}%`);
+  };
+
+  const { handleDragStart } = useDrag(onDragMove);
 
   if (!sideBarBookKey) return null;
 
@@ -150,7 +152,10 @@ const Notebook: React.FC = ({}) => {
       )}
       <div
         className={clsx(
-          'notebook-container bg-base-200 right-0 z-20 h-full min-w-60 select-none',
+          'notebook-container bg-base-200 right-0 z-20 min-w-60 select-none',
+          'font-sans text-base font-normal sm:text-sm',
+          appService?.isIOSApp ? 'h-[100vh]' : 'h-full',
+          appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
           appService?.hasRoundedWindow && 'rounded-window-top-right rounded-window-bottom-right',
           !isNotebookPinned && 'shadow-2xl',
         )}
@@ -170,7 +175,7 @@ const Notebook: React.FC = ({}) => {
         `}</style>
         <div
           className='drag-bar absolute left-0 top-0 h-full w-0.5 cursor-col-resize'
-          onMouseDown={handleMouseDown}
+          onMouseDown={handleDragStart}
         />
         <NotebookHeader
           isPinned={isNotebookPinned}
@@ -178,7 +183,11 @@ const Notebook: React.FC = ({}) => {
           handleTogglePin={handleTogglePin}
         />
         <div className='max-h-[calc(100vh-44px)] overflow-y-auto px-3'>
-          <div>{excerptNotes.length > 0 && <p className='pt-1 text-sm'>{_('Excerpts')}</p>}</div>
+          <div>
+            {excerptNotes.length > 0 && (
+              <p className='content font-size-base pt-1'>{_('Excerpts')}</p>
+            )}
+          </div>
           <ul className=''>
             {excerptNotes.map((item, index) => (
               <li key={`${index}-${item.id}`} className='my-2'>
@@ -187,7 +196,7 @@ const Notebook: React.FC = ({}) => {
                   className='collapse-arrow border-base-300 bg-base-100 collapse border'
                 >
                   <div
-                    className='collapse-title h-9 min-h-9 p-2 pr-8 text-sm font-medium'
+                    className='collapse-title font-size-sm h-9 min-h-9 p-2 pr-8 font-medium'
                     style={
                       {
                         '--top-override': '1.2rem',
@@ -197,11 +206,11 @@ const Notebook: React.FC = ({}) => {
                   >
                     <p className='line-clamp-1'>{item.text || `Excerpt ${index + 1}`}</p>
                   </div>
-                  <div className='collapse-content select-text px-3 pb-0 text-xs'>
+                  <div className='collapse-content font-size-xs select-text px-3 pb-0'>
                     <p className='hyphens-auto text-justify'>{item.text}</p>
                     <div className='flex justify-end'>
                       <div
-                        className='cursor-pointer align-bottom text-xs text-red-400'
+                        className='font-size-xs cursor-pointer align-bottom text-red-500 hover:text-red-600'
                         onClick={handleEditNote.bind(null, item, true)}
                       >
                         {_('Delete')}
@@ -214,13 +223,13 @@ const Notebook: React.FC = ({}) => {
           </ul>
           <div>
             {(notebookNewAnnotation || annotationNotes.length > 0) && (
-              <p className='pt-1 text-sm'>{_('Notes')}</p>
+              <p className='content font-size-base pt-1'>{_('Notes')}</p>
             )}
           </div>
           {(notebookNewAnnotation || notebookEditAnnotation) && (
             <NoteEditor onSave={handleSaveNote} onEdit={(item) => handleEditNote(item, false)} />
           )}
-          <ul className=''>
+          <ul>
             {annotationNotes.map((item, index) => (
               <BooknoteItem key={`${index}-${item.cfi}`} bookKey={sideBarBookKey} item={item} />
             ))}

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

@@ -21,7 +21,7 @@ const DialogMenu: React.FC<DialogMenuProps> = ({ toggleDropdown }) => {
   return (
     <div
       tabIndex={0}
-      className='dropdown-content dropdown-right no-triangle border-base-200 z-20 mt-1 w-44 border shadow-2xl'
+      className='dropdown-content dropdown-right no-triangle border-base-200 z-20 mt-1 border shadow-2xl'
     >
       <button
         className='hover:bg-base-200 text-base-content flex w-full items-center justify-between rounded-md p-2'
@@ -37,7 +37,7 @@ const DialogMenu: React.FC<DialogMenuProps> = ({ toggleDropdown }) => {
               isFontLayoutSettingsGlobal ? _('Apply to All Books') : _('Apply to This Book')
             }
           >
-            <span className='ml-2'>{_('Global Settings')}</span>
+            <span className='ml-2 whitespace-nowrap'>{_('Global Settings')}</span>
           </div>
         </div>
       </button>

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

@@ -17,9 +17,10 @@ import { useReaderStore } from '@/store/readerStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useTheme } from '@/hooks/useTheme';
+import { useEnv } from '@/context/EnvContext';
 import { getStyles } from '@/utils/style';
 import { getOSPlatform } from '@/utils/misc';
-import { FONT_ENUM_SUPPORTED_OS_PLATFORMS, getSysFontsList } from '@/utils/font';
+import { getSysFontsList } from '@/utils/font';
 import { isTauriAppPlatform } from '@/services/environment';
 
 interface FontFaceProps {
@@ -60,6 +61,7 @@ const FontFace = ({
 
 const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const _ = useTranslation();
+  const { appService } = useEnv();
   const { settings, isFontLayoutSettingsGlobal, setSettings } = useSettingsStore();
   const { getView, getViewSettings, setViewSettings } = useReaderStore();
   const view = getView(bookKey);
@@ -109,7 +111,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const [fontWeight, setFontWeight] = useState(viewSettings.fontWeight!);
 
   useEffect(() => {
-    if (isTauriAppPlatform() && FONT_ENUM_SUPPORTED_OS_PLATFORMS.includes(osPlatform)) {
+    if (isTauriAppPlatform() && appService?.hasSysFontsList) {
       getSysFontsList().then((fonts) => {
         setSysFonts(fonts);
       });

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

@@ -1,14 +1,15 @@
 import React, { useEffect, useState } from 'react';
 import { MdOutlineAutoMode } from 'react-icons/md';
-import { MdOutlineTextRotationDown, MdOutlineTextRotationNone } from 'react-icons/md';
+import { MdOutlineTextRotationNone, MdTextRotateVertical } from 'react-icons/md';
+import { TbTextDirectionRtl } from 'react-icons/tb';
 
-import { ONE_COLUMN_MAX_INLINE_SIZE } from '@/services/constants';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useReaderStore } from '@/store/readerStore';
 import { useBookDataStore } from '@/store/bookDataStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useTheme } from '@/hooks/useTheme';
 import { getStyles } from '@/utils/style';
+import { getMaxInlineSize } from '@/utils/config';
 import { getBookDirFromWritingMode, getBookLangCode } from '@/utils/book';
 import NumberInput from './NumberInput';
 
@@ -147,10 +148,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       setSettings(settings);
     }
     view?.renderer.setAttribute('max-column-count', maxColumnCount);
-    view?.renderer.setAttribute(
-      'max-inline-size',
-      `${maxColumnCount === 1 || viewSettings.scrolled ? ONE_COLUMN_MAX_INLINE_SIZE : maxInlineSize}px`,
-    );
+    view?.renderer.setAttribute('max-inline-size', `${getMaxInlineSize(viewSettings)}px`);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [maxColumnCount]);
 
@@ -161,10 +159,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       settings.globalViewSettings.maxInlineSize = maxInlineSize;
       setSettings(settings);
     }
-    view?.renderer.setAttribute(
-      'max-inline-size',
-      `${maxColumnCount === 1 || viewSettings.scrolled ? ONE_COLUMN_MAX_INLINE_SIZE : maxInlineSize}px`,
-    );
+    view?.renderer.setAttribute('max-inline-size', `${getMaxInlineSize(viewSettings)}px`);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [maxInlineSize]);
 
@@ -181,12 +176,19 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
 
   useEffect(() => {
     // global settings are not supported for writing mode
+    const prevWritingMode = viewSettings.writingMode;
     viewSettings.writingMode = writingMode;
     setViewSettings(bookKey, viewSettings);
     if (view) {
       view.renderer.setStyles?.(getStyles(viewSettings, themeCode));
       view.book.dir = getBookDirFromWritingMode(writingMode);
     }
+    if (
+      prevWritingMode !== writingMode &&
+      (writingMode === 'horizontal-rl' || prevWritingMode === 'horizontal-rl')
+    ) {
+      setTimeout(() => window.location.reload(), 100);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [writingMode]);
 
@@ -202,11 +204,12 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   }, [overrideLayout]);
 
   const langCode = getBookLangCode(bookData.bookDoc?.metadata?.language);
-  const isCJKBook = langCode === 'zh' || langCode === 'ja' || langCode === 'ko';
+  const mightBeRTLBook =
+    langCode === 'zh' || langCode === 'ja' || langCode === 'ko' || langCode === '';
 
   return (
     <div className='my-4 w-full space-y-6'>
-      {isCJKBook && (
+      {mightBeRTLBook && (
         <div className='w-full'>
           <div className='flex items-center justify-between'>
             <h2 className='font-medium'>{_('Writing Mode')}</h2>
@@ -234,7 +237,16 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
                   className={`btn btn-ghost btn-circle ${writingMode === 'vertical-rl' ? 'btn-active bg-base-300' : ''}`}
                   onClick={() => setWritingMode('vertical-rl')}
                 >
-                  <MdOutlineTextRotationDown />
+                  <MdTextRotateVertical />
+                </button>
+              </div>
+
+              <div className='lg:tooltip lg:tooltip-bottom' data-tip={_('RTL Direction')}>
+                <button
+                  className={`btn btn-ghost btn-circle ${writingMode === 'horizontal-rl' ? 'btn-active bg-base-300' : ''}`}
+                  onClick={() => setWritingMode('horizontal-rl')}
+                >
+                  <TbTextDirectionRtl />
                 </button>
               </div>
             </div>
@@ -256,7 +268,6 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
               step={0.5}
             />
             <NumberInput
-              className='config-item-top'
               label={_('Line Spacing')}
               value={lineHeight}
               onChange={setLineHeight}
@@ -265,7 +276,6 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
               step={0.1}
             />
             <NumberInput
-              className='config-item-top'
               label={_('Word Spacing')}
               value={wordSpacing}
               onChange={setWordSpacing}
@@ -274,7 +284,6 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
               step={0.5}
             />
             <NumberInput
-              className='config-item-top'
               label={_('Letter Spacing')}
               value={letterSpacing}
               onChange={setLetterSpacing}
@@ -283,7 +292,6 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
               step={0.1}
             />
             <NumberInput
-              className='config-item-top'
               label={_('Text Indent')}
               value={textIndent}
               onChange={setTextIndent}
@@ -353,6 +361,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
               label={_('Maximum Inline Size')}
               value={maxInlineSize}
               onChange={setMaxInlineSize}
+              disabled={maxColumnCount === 1 || viewSettings.scrolled}
               min={500}
               max={9999}
               step={100}

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

@@ -52,7 +52,7 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     setDraftStylesheet(formattedCSS);
     setDraftStylesheetSaved(true);
     viewSettings.userStylesheet = formattedCSS;
-    setViewSettings(bookKey, viewSettings);
+    setViewSettings(bookKey, { ...viewSettings });
 
     if (isFontLayoutSettingsGlobal) {
       settings.globalViewSettings.userStylesheet = formattedCSS;
@@ -135,7 +135,10 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
         >
           <div className='relative p-1'>
             <textarea
-              className='textarea textarea-ghost h-48 w-full border-0 p-3 text-base !outline-none sm:text-sm'
+              className={clsx(
+                'textarea textarea-ghost h-48 w-full border-0 p-3 text-base !outline-none sm:text-sm',
+                'placeholder:text-base-content/70',
+              )}
               placeholder={_('Enter your custom CSS here...')}
               spellCheck='false'
               value={draftStylesheet}

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

@@ -9,6 +9,7 @@ interface NumberInputProps {
   min: number;
   max: number;
   step?: number;
+  disabled?: boolean;
   onChange: (value: number) => void;
 }
 
@@ -20,6 +21,7 @@ const NumberInput: React.FC<NumberInputProps> = ({
   min,
   max,
   step,
+  disabled,
 }) => {
   const [localValue, setLocalValue] = useState(value);
   const numberStep = step || 1;
@@ -74,13 +76,13 @@ const NumberInput: React.FC<NumberInputProps> = ({
         />
         <button
           onClick={decrement}
-          className={`btn btn-circle btn-sm ${value === min ? 'btn-disabled !bg-opacity-5' : ''}`}
+          className={`btn btn-circle btn-sm ${value <= min || disabled ? 'btn-disabled !bg-opacity-5' : ''}`}
         >
           <FiMinus className='h-4 w-4' />
         </button>
         <button
           onClick={increment}
-          className={`btn btn-circle btn-sm ${value === max ? 'btn-disabled !bg-opacity-5' : ''}`}
+          className={`btn btn-circle btn-sm ${value >= max || disabled ? 'btn-disabled !bg-opacity-5' : ''}`}
         >
           <FiPlus className='h-4 w-4' />
         </button>

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

@@ -64,7 +64,7 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
         isOpen={true}
         onClose={handleClose}
         className='modal-open'
-        boxClassName='sm:w-1/2 sm:min-w-[480px]'
+        boxClassName='sm:min-w-[520px]'
         header={
           <div className='flex w-full items-center justify-between'>
             <button
@@ -76,12 +76,12 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
             >
               <MdArrowBackIosNew />
             </button>
-            <div className='dialog-tabs flex h-10 max-w-[100%] flex-grow items-center justify-around pl-4'>
+            <div className='dialog-tabs flex h-10 max-w-[100%] flex-grow items-center pl-4 gap-2'>
               {tabConfig.map(({ tab, icon: Icon, label }) => (
                 <button
                   key={tab}
                   className={clsx(
-                    'btn btn-ghost text-base-content h-8 min-h-8',
+                    'btn btn-ghost text-base-content btn-sm',
                     activePanel === tab ? 'btn-active' : '',
                   )}
                   onClick={() => setActivePanel(tab)}

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

@@ -23,7 +23,7 @@ const BookCard = ({ book }: { book: Book }) => {
         alt={_('Book Cover')}
         width={56}
         height={80}
-        className='mr-4 aspect-auto max-h-16 w-[15%] max-w-12 rounded-sm object-cover shadow-md'
+        className='me-4 aspect-auto max-h-16 w-[15%] max-w-12 rounded-sm object-cover shadow-md'
         onError={(e) => {
           (e.target as HTMLImageElement).style.display = 'none';
         }}

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

@@ -17,7 +17,7 @@ interface BookMenuProps {
 
 const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen }) => {
   const _ = useTranslation();
-  const { library } = useLibraryStore();
+  const { getVisibleLibrary } = useLibraryStore();
   const { openParallelView } = useBooksManager();
   const handleParallelView = (id: string) => {
     openParallelView(id);
@@ -48,25 +48,28 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
     >
       <MenuItem label={_('Parallel Read')} noIcon>
         <ul className='max-h-60 overflow-y-auto'>
-          {library.slice(0, 20).map((book) => (
-            <MenuItem
-              key={book.hash}
-              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'
-                  onError={(e) => {
-                    (e.target as HTMLImageElement).style.display = 'none';
-                  }}
-                />
-              }
-              label={book.title}
-              onClick={() => handleParallelView(book.hash)}
-            />
-          ))}
+          {getVisibleLibrary()
+            .slice(0, 20)
+            .map((book) => (
+              <MenuItem
+                key={book.hash}
+                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'
+                    onError={(e) => {
+                      (e.target as HTMLImageElement).style.display = 'none';
+                    }}
+                  />
+                }
+                label={book.title}
+                labelClass='max-w-36'
+                onClick={() => handleParallelView(book.hash)}
+              />
+            ))}
         </ul>
       </MenuItem>
       <MenuItem label={_('Reload Page')} noIcon shortcut='Shift+R' onClick={handleReloadPage} />

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

@@ -65,7 +65,7 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
     <li
       ref={viewRef}
       className={clsx(
-        'border-base-300 group relative my-2 cursor-pointer rounded-lg p-2 text-sm',
+        'border-base-300 content group relative my-2 cursor-pointer rounded-lg p-2',
         isCurrent ? 'bg-base-300/85 hover:bg-base-300' : 'hover:bg-base-300/55 bg-base-100',
         'transition-all duration-300 ease-in-out',
       )}
@@ -81,16 +81,16 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
           } as React.CSSProperties
         }
       >
-        {item.note && <span className='line-clamp-3 font-normal'>{item.note}</span>}
+        {item.note && <span className='content font-size-sm font-normal'>{item.note}</span>}
         <div className='flex items-start'>
           {item.note && (
             <div className='my-1 mr-2 min-h-full self-stretch border-l-2 border-gray-300'></div>
           )}
-          <div className='line-clamp-3'>
+          <div className={clsx('content font-size-sm line-clamp-3', item.note && 'py-2')}>
             <span
               className={clsx(
                 'inline',
-                item.note && 'text-xs text-gray-500',
+                item.note && 'content font-size-xs text-gray-500',
                 (item.style === 'underline' || item.style === 'squiggly') &&
                   'underline decoration-2',
                 item.style === 'highlight' && `bg-${item.color}-500 bg-opacity-40`,
@@ -120,15 +120,16 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
           {item.note && (
             <button
               className={clsx(
-                'btn btn-ghost settings-content hover:bg-transparent',
+                'btn btn-ghost content settings-content hover:bg-transparent',
                 'flex h-4 min-h-4 items-end p-0',
               )}
               onClick={editNote.bind(null, item)}
             >
               <div
                 className={clsx(
-                  'align-bottom text-blue-400',
+                  'align-bottom text-blue-500',
                   'transition duration-300 ease-in-out',
+                  'content font-size-sm',
                   'opacity-0 group-hover:opacity-100',
                   'hover:text-blue-600',
                 )}
@@ -139,15 +140,16 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
           )}
           <button
             className={clsx(
-              'btn btn-ghost settings-content hover:bg-transparent',
+              'btn btn-ghost content settings-content hover:bg-transparent',
               'flex h-4 min-h-4 items-end p-0',
             )}
             onClick={deleteNote.bind(null, item)}
           >
             <div
               className={clsx(
-                'align-bottom text-red-400',
+                'align-bottom text-red-500',
                 'transition duration-300 ease-in-out',
+                'content font-size-sm',
                 'opacity-0 group-hover:opacity-100',
                 'hover:text-red-600',
               )}