Release aarch64 Linux binaries (#118 )

Fix progress overridden by newly opened book (#117 )
Various fixes (#116 )
2025-01-06 19:19:35 +01:00 · 2025-01-06 19:19:02 +01:00 · 2025-01-06 01:33:35 +01:00 · 2025-01-05 20:11:23 +01:00 · 2025-01-05 18:07:49 +01:00 · 2025-01-05 17:26:36 +01:00
95 changed files with 1577 additions and 445 deletions
@@ -1,7 +1,7 @@
 ---
 name: Report a bug
 about: Report a bug or a functional regression
-title: 'Ex: In DarkMode, a blank square appears in bottom right corner while scrolling'
+title: 'Example: In DarkMode, a blank square appears in bottom right corner while scrolling'
 labels: ['type: bug']
 assignees: ''
 ---
@@ -30,9 +30,15 @@ The blank square should be transparent (invisible)

 ## Technical inputs

+Operating System:
+
+Readest Version:
+
 **Example:**

 ```
- We are displaying custom scrollbars that disappear when the user is not scrolling. See ScrollWrapper.
- Probably fixable with CSS
+Operating System: macOS 14.3.1
+Readest Version: 0.9.0
+We are displaying custom scrollbars that disappear when the user is not scrolling. See ScrollWrapper.
+Probably fixable with CSS
 ```
@@ -0,0 +1,13 @@
+# Keep GitHub Actions up to date with GitHub's Dependabot...
+# https://docs.github.com/en/code-security/dependabot/working-with-dependabot/keeping-your-actions-up-to-date-with-dependabot
+# https://docs.github.com/en/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file#package-ecosystem
+version: 2
+updates:
+  - package-ecosystem: github-actions
+    directory: /
+    groups:
+      github-actions:
+        patterns:
+          - "*"  # Group all Actions updates into a single larger pull request
+    schedule:
+      interval: weekly
@@ -0,0 +1,35 @@
+name: Build Web Application on Pull Request
+on:
+  pull_request:
+    branches: [main]
+permissions:
+  contents: write
+  pull-requests: write
+jobs:
+  build_web_app:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: 'true'
+
+      - name: setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.1
+
+      - name: setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: install Dependencies
+        working-directory: apps/readest-app
+        run: |
+          pnpm install && pnpm setup-pdfjs
+
+      - name: build the web App
+        working-directory: apps/readest-app
+        run: |
+          pnpm build-web
@@ -11,28 +11,31 @@ jobs:
      contents: write
    runs-on: ubuntu-latest
    outputs:
-      release_id: ${{ steps.get-release.outputs.result }}
-      release_note: ${{ steps.get-release-notes.outputs.result }}
+      release_id: ${{ steps.get-release.outputs.release_id }}
+      release_tag: ${{ steps.get-release.outputs.release_tag }}
+      release_note: ${{ steps.get-release-notes.outputs.release_note }}
+      release_version: ${{ steps.get-release-notes.outputs.release_version }}

    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - name: setup node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
      - name: get version
        run: echo "PACKAGE_VERSION=$(node -p "require('./apps/readest-app/package.json').version")" >> $GITHUB_ENV
      - name: get release
        id: get-release
-        uses: actions/github-script@v6
+        uses: actions/github-script@v7
        with:
          script: |
            const { data } = await github.rest.repos.getLatestRelease({
              owner: context.repo.owner,
              repo: context.repo.repo,
            })
-            return data.id
+            core.setOutput('release_id', data.id);
+            core.setOutput('release_tag', data.tag_name);
      - name: get release notes
        id: get-release-notes
-        uses: actions/github-script@v6
+        uses: actions/github-script@v7
        with:
          script: |
            const fs = require('fs');
@@ -40,9 +43,10 @@ jobs:
            const releaseNotesFileContent = fs.readFileSync('./apps/readest-app/release-notes.json', 'utf8');
            const releaseNotes = JSON.parse(releaseNotesFileContent).releases[version] || {};
            const notes = releaseNotes.notes || [];
-            const releaseNote = notes.map(note => `- ${note}`).join('\n');
-            console.log('Release note:\n', releaseNote);
-            return releaseNote;
+            const releaseNote = notes.map((note, index) => `${index + 1}. ${note}`).join(' ');
+            console.log('Formatted release note:', releaseNote);
+            core.setOutput('release_version', version);
+            core.setOutput('release_note', releaseNote);

  build-tauri:
    needs: get-release
@@ -52,20 +56,29 @@ jobs:
      fail-fast: false
      matrix:
        config:
-          - os: ubuntu-latest
+          - os: ubuntu-22.04
            arch: x86_64
            rust_target: x86_64-unknown-linux-gnu
+          - os: ubuntu-22.04
+            arch: aarch64
+            rust_target: aarch64-unknown-linux-gnu
          - os: macos-latest
            arch: aarch64
            rust_target: x86_64-apple-darwin,aarch64-apple-darwin
+            args: '--target universal-apple-darwin'
          - os: windows-latest
            arch: x86_64
            rust_target: x86_64-pc-windows-msvc
+            args: '--target x86_64-pc-windows-msvc'
+          - os: windows-latest
+            arch: aarch64
+            rust_target: aarch64-pc-windows-msvc
+            args: '--target aarch64-pc-windows-msvc --bundles nsis'

    runs-on: ${{ matrix.config.os }}
    timeout-minutes: 20
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4

      - name: initialize git submodules
        run: git submodule update --init --recursive
@@ -76,14 +89,11 @@ jobs:
          version: 9.14.4

      - name: setup node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
        with:
          node-version: 22
          cache: pnpm

-      - name: install rimraf
-        run: npm install -g rimraf
-
      - name: install dependencies
        run: pnpm install

@@ -105,13 +115,15 @@ jobs:
          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_DEEPL_API_KEY=${{ secrets.NEXT_PUBLIC_DEEPL_API_KEY }}" >> .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: install dependencies (ubuntu only)
-        if: matrix.config.os == 'ubuntu-latest'
+        if: matrix.config.os == 'ubuntu-22.04'
        run: |
          sudo apt-get update
          sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
@@ -131,7 +143,35 @@ jobs:
          projectPath: apps/readest-app
          releaseId: ${{ needs.get-release.outputs.release_id }}
          releaseBody: ${{ needs.get-release.outputs.release_note }}
-          args: ${{ matrix.config.os == 'macos-latest' && '--target universal-apple-darwin' || '' }}
+          args: ${{ matrix.config.args || '' }}
+
+      - name: upload portable binaries (Windows only)
+        if: matrix.config.os == 'windows-latest'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        shell: bash
+        run: |
+          echo "Uploading Portable Binaries"
+          arch=${{ matrix.config.arch }}
+          version=${{ needs.get-release.outputs.release_version }}
+
+          if [ "$arch" = "x86_64" ]; then
+            bin_file="Readest_${version}_x64-portable.exe"
+          elif [ "$arch" = "aarch64" ]; then
+            bin_file="Readest_${version}_arm64-portable.exe"
+          else
+            echo "Unknown architecture: $arch"
+            exit 1
+          fi
+
+          exe_file="apps/readest-app/src-tauri/target/${{ matrix.config.rust_target }}/release/readest.exe"
+          # Browsers on Windows won't download zip files that contain exe files
+          # so upload the exe files instead. This is totally stupid.
+          # powershell.exe -Command "Compress-Archive -Path $exe_file -DestinationPath $bin_file -Force"
+          cp $exe_file $bin_file
+
+          echo "Uploading $bin_file to GitHub release"
+          gh release upload ${{ needs.get-release.outputs.release_tag }} $bin_file --clobber

  update-release:
    permissions:
@@ -142,17 +182,18 @@ jobs:
    steps:
      - name: update release
        id: update-release
-        uses: actions/github-script@v6
+        uses: actions/github-script@v7
        env:
          release_id: ${{ needs.get-release.outputs.release_id }}
          release_note: ${{ needs.get-release.outputs.release_note }}
        with:
          script: |
+            const body = `## Release Highlight\n${process.env.release_note}`;
            github.rest.repos.updateRelease({
              owner: context.repo.owner,
              repo: context.repo.repo,
              release_id: process.env.release_id,
-              body: process.env.release_note,
+              body: body,
              draft: false,
              prerelease: false
            })
@@ -1,25 +0,0 @@
-name: Create vercel preview URL on pull request
-on:
-  pull_request:
-    branches: [main, master]
-permissions:
-  contents: write
-  deployments: write
-  pull-requests: write
-jobs:
-  build_and_deploy:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          submodules: 'true'
-      - uses: amondnet/vercel-action@v25
-        id: vercel-deploy
-        with:
-          vercel-token: ${{ secrets.VERCEL_TOKEN }}
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          vercel-org-id: ${{ secrets.ORG_ID}}
-          vercel-project-id: ${{ secrets.PROJECT_ID}}
-      - name: preview-url
-        run: |
-          echo ${{ steps.vercel-deploy.outputs.preview-url }}
@@ -1,6 +1,6 @@
 <div align="center">
  <a href="https://readest.com?utm_source=github&utm_medium=referral&utm_campaign=readme" target="_blank">
-    <img src="https://github.com/chrox/readest/blob/main/apps/readest-app/src-tauri/icons/icon.png?raw=true" alt="Readest Logo" width="20%" />
+    <img src="https://github.com/readest/readest/blob/main/apps/readest-app/src-tauri/icons/icon.png?raw=true" alt="Readest Logo" width="20%" />
  </a>
  <h1>Readest</h1>
  <br>
@@ -84,7 +84,7 @@ Stay tuned for continuous improvements and updates! Contributions and suggestion

 ![Wikipedia](./data/screenshots/wikipedia_vertical.png)

-![Dark Mode](./data/screenshots/dark_mode.png)
+![Themeing Dark Mode](./data/screenshots/theming_dark_mode.png)

 ---

@@ -118,7 +118,7 @@ To get started with Readest, follow these steps to clone and build the project.
 ### 1. Clone the Repository

 ```bash
-git clone https://github.com/chrox/readest.git
+git clone https://github.com/readest/readest.git
 cd readest
 git submodule update --init --recursive
 ```
@@ -150,19 +150,29 @@ For Windows targets, “Build Tools for Visual Studio 2022” (or a higher editi
 pnpm tauri dev
 ```

+For iOS:
+
+```bash
+pnpm tauri ios dev
+```
+
 ### 5. Build for Production

 ```bash
 pnpm tauri build
 ```

+### 6. More information
+
+Please check the [wiki][link-gh-wiki] of this project for more information on development.
+
 ## Contributors

 Readest is open-source, and contributions are welcome! Feel free to open issues, suggest features, or submit pull requests. Please **review our [contributing guidelines](CONTRIBUTING.md) before you start**. We also welcome you to join our [Discord][link-discord] community for either support or contributing guidance.

-<a href="https://github.com/chrox/readest/graphs/contributors">
+<a href="https://github.com/readest/readest/graphs/contributors">
  <p align="left">
-    <img width="100" src="https://contrib.rocks/image?repo=chrox/readest" alt="A table of avatars from the project's contributors" />
+    <img width="200" src="https://contrib.rocks/image?repo=readest/readest" alt="A table of avatars from the project's contributors" />
  </p>
 </a>

@@ -183,18 +193,19 @@ The following JavaScript libraries are bundled in this software:

 [badge-website]: https://img.shields.io/badge/website-readest.com-orange
 [badge-web-app]: https://img.shields.io/badge/read%20online-web.readest.com-orange
-[badge-license]: https://img.shields.io/github/license/chrox/readest?color=teal
-[badge-release]: https://img.shields.io/github/release/chrox/readest?color=green
+[badge-license]: https://img.shields.io/github/license/readest/readest?color=teal
+[badge-release]: https://img.shields.io/github/release/readest/readest?color=green
 [badge-platforms]: https://img.shields.io/badge/OS-macOS%2C%20Windows%2C%20Linux%2C%20Web-green
-[badge-last-commit]: https://img.shields.io/github/last-commit/chrox/readest?color=green
-[badge-commit-activity]: https://img.shields.io/github/commit-activity/m/chrox/readest
+[badge-last-commit]: https://img.shields.io/github/last-commit/readest/readest?color=green
+[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
 [link-macos-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/chrox/readest/releases
-[link-gh-commits]: https://github.com/chrox/readest/commits/main
-[link-gh-pulse]: https://github.com/chrox/readest/pulse
+[link-gh-releases]: https://github.com/readest/readest/releases
+[link-gh-commits]: https://github.com/readest/readest/commits/main
+[link-gh-pulse]: https://github.com/readest/readest/pulse
+[link-gh-wiki]: https://github.com/readest/readest/wiki
 [link-discord]: https://discord.gg/gntyVNk3BJ
 [link-parallel-read]: https://readest.com/#parallel-read
 [link-koreader]: https://github.com/koreader/koreader
@@ -1,6 +1,6 @@
 {
  "name": "@readest/readest-app",
-  "version": "0.8.7",
+  "version": "0.9.1",
  "private": true,
  "scripts": {
    "dev": "dotenv -e .env.tauri -- next dev",
@@ -35,6 +35,7 @@
    "@supabase/supabase-js": "^2.47.7",
    "@tauri-apps/api": "2.1.1",
    "@tauri-apps/plugin-cli": "^2.2.0",
+    "@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-http": "^2.2.0",
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(erkannt)",
  "About Readest": "Über Readest",
  "Add your notes here...": "Fügen Sie hier Ihre Notizen hinzu...",
  "Animation": "Animation",
+  "Apply": "Anwenden",
+  "Are you sure to delete the selected books?": "Möchten Sie die ausgewählten Bücher wirklich löschen?",
  "Auto Mode": "Automatischer Modus",
  "Behavior": "Verhalten",
  "Book": "Buch",
@@ -24,6 +27,7 @@
  "Edit": "Bearbeiten",
  "Enter your custom CSS here...": "Geben Sie hier Ihr benutzerdefiniertes CSS ein...",
  "Excerpts": "Auszüge",
+  "Failed to import book(s): {{filenames}}": "Fehler beim Importieren von Buch/Büchern: {{filenames}}",
  "Font": "Schriftart",
  "Font & Layout": "Schrift & Layout",
  "Font Face": "Schriftschnitt",
@@ -40,6 +44,7 @@
  "Grass": "Grasgrün",
  "Gray": "Grau",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Horizontale Richtung",
  "Hyphenation": "Silbentrennung",
  "Identifier:": "Kennung:",
  "Import Books": "Bücher importieren",
@@ -67,6 +72,8 @@
  "Notebook": "Notizbuch",
  "Notes": "Notizen",
  "Open": "Öffnen",
+  "Open Book": "Buch öffnen",
+  "Original Text": "Originaltext",
  "Override Publisher Font": "Verleger-Schriftart überschreiben",
  "Page": "Seite",
  "Paging Animation": "Blätter-Animation",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Scroll-Modus",
  "Search books...": "Bücher suchen...",
  "Search...": "Suchen...",
+  "Select Book": "Buch auswählen",
  "Select books": "Bücher auswählen",
  "Select multiple books": "Mehrere Bücher auswählen",
  "Sepia": "Sepia",
  "Serif Font": "Serifenschrift",
+  "Show Book Details": "Buchdetails anzeigen",
  "Sidebar": "Seitenleiste",
  "Sign In": "Anmelden",
  "Sign Out": "Abmelden",
  "Sky": "Himmelblau",
  "Solarized": "Solarisiert",
  "Subjects:": "Themen:",
+  "System Fonts": "System-Schriftarten",
  "Theme Color": "Themenfarbe",
  "Theme Mode": "Themenmodus",
+  "Translated Text": "Übersetzter Text",
  "Unknown": "Unbekannt",
  "Untitled": "Ohne Titel",
  "Updated:": "Aktualisiert:",
  "User avatar": "Benutzer-Avatar",
  "Version {{version}}": "Version {{version}}",
+  "Vertical Direction": "Vertikale Richtung",
  "Welcome to your library. You can import your books here and read them anytime.": "Willkommen in Ihrer Bibliothek. Sie können hier Ihre Bücher importieren und jederzeit lesen.",
+  "Writing Mode": "Schreibmodus",
  "Your Library": "Ihre Bibliothek"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(detectado)",
  "About Readest": "Acerca de Readest",
  "Add your notes here...": "Añade tus notas aquí...",
  "Animation": "Animación",
+  "Apply": "Aplicar",
+  "Are you sure to delete the selected books?": "¿Estás seguro de eliminar los libros seleccionados?",
  "Auto Mode": "Modo automático",
  "Behavior": "Comportamiento",
  "Book": "Libro",
@@ -24,6 +27,7 @@
  "Edit": "Editar",
  "Enter your custom CSS here...": "Introduce tu CSS personalizado aquí...",
  "Excerpts": "Extractos",
+  "Failed to import book(s): {{filenames}}": "Error al importar libro(s): {{filenames}}",
  "Font": "Fuente",
  "Font & Layout": "Fuente y diseño",
  "Font Face": "Tipo de fuente",
@@ -40,6 +44,7 @@
  "Grass": "Hierba",
  "Gray": "Gris",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Dirección horizontal",
  "Hyphenation": "Guionización",
  "Identifier:": "Identificador:",
  "Import Books": "Importar libros",
@@ -67,6 +72,8 @@
  "Notebook": "Cuaderno",
  "Notes": "Notas",
  "Open": "Abrir",
+  "Open Book": "Abrir libro",
+  "Original Text": "Texto original",
  "Override Publisher Font": "Sobrescribir fuente del editor",
  "Page": "Página",
  "Paging Animation": "Animación de paginación",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Modo desplazamiento",
  "Search books...": "Buscar libros...",
  "Search...": "Buscar...",
+  "Select Book": "Seleccionar libro",
  "Select books": "Seleccionar libros",
  "Select multiple books": "Seleccionar varios libros",
  "Sepia": "Sepia",
  "Serif Font": "Fuente serif",
+  "Show Book Details": "Mostrar detalles del libro",
  "Sidebar": "Barra lateral",
  "Sign In": "Iniciar sesión",
  "Sign Out": "Cerrar sesión",
  "Sky": "Cielo",
  "Solarized": "Solarizado",
  "Subjects:": "Temas:",
+  "System Fonts": "Fuentes del sistema",
  "Theme Color": "Color del tema",
  "Theme Mode": "Modo del tema",
+  "Translated Text": "Texto traducido",
  "Unknown": "Desconocido",
  "Untitled": "Sin título",
  "Updated:": "Actualizado:",
  "User avatar": "Avatar del usuario",
  "Version {{version}}": "Versión {{version}}",
+  "Vertical Direction": "Dirección vertical",
  "Welcome to your library. You can import your books here and read them anytime.": "Bienvenido a tu biblioteca. Puedes importar tus libros aquí y leerlos en cualquier momento.",
+  "Writing Mode": "Modo de escritura",
  "Your Library": "Tu biblioteca"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(détecté)",
  "About Readest": "À propos de Readest",
  "Add your notes here...": "Ajoutez vos notes ici...",
  "Animation": "Animation",
+  "Apply": "Appliquer",
+  "Are you sure to delete the selected books?": "Êtes-vous sûr de vouloir supprimer les livres sélectionnés ?",
  "Auto Mode": "Mode automatique",
  "Behavior": "Comportement",
  "Book": "Livre",
@@ -24,6 +27,7 @@
  "Edit": "Modifier",
  "Enter your custom CSS here...": "Saisissez votre CSS personnalisé ici...",
  "Excerpts": "Extraits",
+  "Failed to import book(s): {{filenames}}": "Échec de l'importation du/des livre(s) : {{filenames}}",
  "Font": "Police",
  "Font & Layout": "Police et mise en page",
  "Font Face": "Style de police",
@@ -40,6 +44,7 @@
  "Grass": "Herbe",
  "Gray": "Gris",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Direction horizontale",
  "Hyphenation": "Césure",
  "Identifier:": "Identifiant :",
  "Import Books": "Importer des livres",
@@ -67,6 +72,8 @@
  "Notebook": "Carnet de notes",
  "Notes": "Notes",
  "Open": "Ouvrir",
+  "Open Book": "Ouvrir le livre",
+  "Original Text": "Texte original",
  "Override Publisher Font": "Remplacer la police de l'éditeur",
  "Page": "Page",
  "Paging Animation": "Animation de page",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Mode défilement",
  "Search books...": "Rechercher des livres...",
  "Search...": "Rechercher...",
+  "Select Book": "Sélectionner un livre",
  "Select books": "Sélectionner des livres",
  "Select multiple books": "Sélectionner plusieurs livres",
  "Sepia": "Sépia",
  "Serif Font": "Police avec empattement",
+  "Show Book Details": "Afficher les détails du livre",
  "Sidebar": "Barre latérale",
  "Sign In": "Se connecter",
  "Sign Out": "Se déconnecter",
  "Sky": "Ciel",
  "Solarized": "Solarisé",
  "Subjects:": "Sujets :",
+  "System Fonts": "Polices système",
  "Theme Color": "Couleur du thème",
  "Theme Mode": "Mode du thème",
+  "Translated Text": "Texte traduit",
  "Unknown": "Inconnu",
  "Untitled": "Sans titre",
  "Updated:": "Mis à jour :",
  "User avatar": "Avatar de l'utilisateur",
  "Version {{version}}": "Version {{version}}",
+  "Vertical Direction": "Direction verticale",
  "Welcome to your library. You can import your books here and read them anytime.": "Bienvenue dans votre bibliothèque. Vous pouvez importer vos livres ici et les lire à tout moment.",
+  "Writing Mode": "Mode écriture",
  "Your Library": "Votre bibliothèque"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(terdeteksi)",
  "About Readest": "Tentang Readest",
  "Add your notes here...": "Tambahkan catatan Anda di sini...",
  "Animation": "Animasi",
+  "Apply": "Terapkan",
+  "Are you sure to delete the selected books?": "Apakah Anda yakin ingin menghapus buku yang dipilih?",
  "Auto Mode": "Mode Otomatis",
  "Behavior": "Perilaku",
  "Book": "Buku",
@@ -24,6 +27,7 @@
  "Edit": "Edit",
  "Enter your custom CSS here...": "Masukkan CSS kustom Anda di sini...",
  "Excerpts": "Kutipan",
+  "Failed to import book(s): {{filenames}}": "Gagal mengimpor buku: {{filenames}}",
  "Font": "Font",
  "Font & Layout": "Font & Tata Letak",
  "Font Face": "Jenis Font",
@@ -40,6 +44,7 @@
  "Grass": "Rumput",
  "Gray": "Abu-abu",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Arah Horizontal",
  "Hyphenation": "Pemenggalan Kata",
  "Identifier:": "Pengenal:",
  "Import Books": "Impor Buku",
@@ -67,6 +72,8 @@
  "Notebook": "Buku Catatan",
  "Notes": "Catatan",
  "Open": "Buka",
+  "Open Book": "Buka Buku",
+  "Original Text": "Teks Asli",
  "Override Publisher Font": "Ganti Font Penerbit",
  "Page": "Halaman",
  "Paging Animation": "Animasi Halaman",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Mode Gulir",
  "Search books...": "Cari buku...",
  "Search...": "Cari...",
+  "Select Book": "Pilih Buku",
  "Select books": "Pilih buku",
  "Select multiple books": "Pilih beberapa buku",
  "Sepia": "Sepia",
  "Serif Font": "Font Serif",
+  "Show Book Details": "Tampilkan Detail Buku",
  "Sidebar": "Bilah Samping",
  "Sign In": "Masuk",
  "Sign Out": "Keluar",
  "Sky": "Langit",
  "Solarized": "Solarized",
  "Subjects:": "Subjek:",
+  "System Fonts": "Font Sistem",
  "Theme Color": "Warna Tema",
  "Theme Mode": "Mode Tema",
+  "Translated Text": "Teks Terjemahan",
  "Unknown": "Tidak Diketahui",
  "Untitled": "Tanpa Judul",
  "Updated:": "Diperbarui:",
  "User avatar": "Avatar Pengguna",
  "Version {{version}}": "Versi {{version}}",
+  "Vertical Direction": "Arah Vertikal",
  "Welcome to your library. You can import your books here and read them anytime.": "Selamat datang di perpustakaan Anda. Anda dapat mengimpor buku-buku Anda di sini dan membacanya kapan saja.",
+  "Writing Mode": "Mode Menulis",
  "Your Library": "Perpustakaan Anda"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(rilevato)",
  "About Readest": "Informazioni su Readest",
  "Add your notes here...": "Aggiungi qui le tue note...",
  "Animation": "Animazione",
+  "Apply": "Applica",
+  "Are you sure to delete the selected books?": "Sei sicuro di voler eliminare i libri selezionati?",
  "Auto Mode": "Modalità automatica",
  "Behavior": "Comportamento",
  "Book": "Libro",
@@ -24,6 +27,7 @@
  "Edit": "Modifica",
  "Enter your custom CSS here...": "Inserisci qui il tuo CSS personalizzato...",
  "Excerpts": "Estratti",
+  "Failed to import book(s): {{filenames}}": "Impossibile importare il/i libro/i: {{filenames}}",
  "Font": "Font",
  "Font & Layout": "Font e Layout",
  "Font Face": "Tipo di carattere",
@@ -40,6 +44,7 @@
  "Grass": "Erba",
  "Gray": "Grigio",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Direzione orizzontale",
  "Hyphenation": "Sillabazione",
  "Identifier:": "Identificatore:",
  "Import Books": "Importa libri",
@@ -67,6 +72,8 @@
  "Notebook": "Quaderno",
  "Notes": "Note",
  "Open": "Apri",
+  "Open Book": "Apri libro",
+  "Original Text": "Testo originale",
  "Override Publisher Font": "Sostituisci font editore",
  "Page": "Pagina",
  "Paging Animation": "Animazione cambio pagina",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Modalità scorrimento",
  "Search books...": "Cerca libri...",
  "Search...": "Cerca...",
+  "Select Book": "Seleziona libro",
  "Select books": "Seleziona libri",
  "Select multiple books": "Seleziona più libri",
  "Sepia": "Seppia",
  "Serif Font": "Font serif",
+  "Show Book Details": "Mostra dettagli libro",
  "Sidebar": "Barra laterale",
  "Sign In": "Accedi",
  "Sign Out": "Esci",
  "Sky": "Cielo",
  "Solarized": "Solarizzato",
  "Subjects:": "Argomenti:",
+  "System Fonts": "Font di sistema",
  "Theme Color": "Colore tema",
  "Theme Mode": "Modalità tema",
+  "Translated Text": "Testo tradotto",
  "Unknown": "Sconosciuto",
  "Untitled": "Senza titolo",
  "Updated:": "Aggiornato:",
  "User avatar": "Avatar utente",
  "Version {{version}}": "Versione {{version}}",
+  "Vertical Direction": "Direzione verticale",
  "Welcome to your library. You can import your books here and read them anytime.": "Benvenuto nella tua biblioteca. Puoi importare i tuoi libri qui e leggerli in qualsiasi momento.",
+  "Writing Mode": "Modalità scrittura",
  "Your Library": "La tua biblioteca"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(検出)",
  "About Readest": "Readestについて",
  "Add your notes here...": "ここにメモを追加...",
  "Animation": "アニメーション",
+  "Apply": "適用",
+  "Are you sure to delete the selected books?": "選択した書籍を削除してもよろしいですか？",
  "Auto Mode": "自動モード",
  "Behavior": "動作",
  "Book": "書籍",
@@ -24,6 +27,7 @@
  "Edit": "編集",
  "Enter your custom CSS here...": "ここにカスタムCSSを入力...",
  "Excerpts": "抜粋",
+  "Failed to import book(s): {{filenames}}": "書籍のインポートに失敗しました：{{filenames}}",
  "Font": "フォント",
  "Font & Layout": "フォントとレイアウト",
  "Font Face": "書体",
@@ -40,6 +44,7 @@
  "Grass": "グリーン",
  "Gray": "グレー",
  "Gruvbox": "グルーブボックス",
+  "Horizontal Direction": "横書",
  "Hyphenation": "ハイフネーション",
  "Identifier:": "識別子：",
  "Import Books": "書籍をインポート",
@@ -67,6 +72,8 @@
  "Notebook": "ノート",
  "Notes": "メモ",
  "Open": "開く",
+  "Open Book": "書籍を開く",
+  "Original Text": "原文",
  "Override Publisher Font": "出版社フォントを上書き",
  "Page": "ページ",
  "Paging Animation": "ページめくりアニメーション",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "スクロールモード",
  "Search books...": "書籍を検索...",
  "Search...": "検索...",
+  "Select Book": "書籍を選択",
  "Select books": "書籍を選択",
  "Select multiple books": "複数の書籍を選択",
  "Sepia": "セピア",
  "Serif Font": "明朝体",
+  "Show Book Details": "書籍の詳細を表示",
  "Sidebar": "サイドバー",
  "Sign In": "サインイン",
  "Sign Out": "サインアウト",
  "Sky": "スカイ",
  "Solarized": "ソーラライズド",
  "Subjects:": "主題：",
+  "System Fonts": "システムフォント",
  "Theme Color": "テーマカラー",
  "Theme Mode": "テーマモード",
+  "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.": "ライブラリーへようこそ。ここに書籍をインポートして、いつでも読むことができます。",
+  "Writing Mode": "書き込みモード",
  "Your Library": "ライブラリー"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(감지됨)",
  "About Readest": "Readest 정보",
  "Add your notes here...": "여기에 메모를 추가하세요...",
  "Animation": "애니메이션",
+  "Apply": "적용",
+  "Are you sure to delete the selected books?": "선택한 책을 삭제하시겠습니까?",
  "Auto Mode": "자동 모드",
  "Behavior": "동작",
  "Book": "책",
@@ -24,6 +27,7 @@
  "Edit": "편집",
  "Enter your custom CSS here...": "여기에 사용자 정의 CSS를 입력하세요...",
  "Excerpts": "발췌",
+  "Failed to import book(s): {{filenames}}": "책 가져오기 실패: {{filenames}}",
  "Font": "글꼴",
  "Font & Layout": "글꼴 및 레이아웃",
  "Font Face": "글꼴 스타일",
@@ -40,6 +44,7 @@
  "Grass": "잔디색",
  "Gray": "회색",
  "Gruvbox": "그러브박스",
+  "Horizontal Direction": "수평 방향",
  "Hyphenation": "하이픈 넣기",
  "Identifier:": "식별자:",
  "Import Books": "책 가져오기",
@@ -67,6 +72,8 @@
  "Notebook": "노트북",
  "Notes": "메모",
  "Open": "열기",
+  "Open Book": "책 열기",
+  "Original Text": "원본 텍스트",
  "Override Publisher Font": "출판사 글꼴 재정의",
  "Page": "페이지",
  "Paging Animation": "페이지 넘김 애니메이션",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "스크롤 모드",
  "Search books...": "책 검색...",
  "Search...": "검색...",
+  "Select Book": "책 선택",
  "Select books": "책 선택",
  "Select multiple books": "여러 책 선택",
  "Sepia": "세피아",
  "Serif Font": "세리프체",
+  "Show Book Details": "책 세부 정보 표시",
  "Sidebar": "사이드바",
  "Sign In": "로그인",
  "Sign Out": "로그아웃",
  "Sky": "하늘색",
  "Solarized": "솔라라이즈드",
  "Subjects:": "주제:",
+  "System Fonts": "시스템 글꼴",
  "Theme Color": "테마 색상",
  "Theme Mode": "테마 모드",
+  "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.": "내 서재에 오신 것을 환영합니다. 여기에서 책을 가져와 언제든지 읽을 수 있습니다.",
+  "Writing Mode": "글쓰기 모드",
  "Your Library": "내 서재"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(detectado)",
  "About Readest": "Sobre o Readest",
  "Add your notes here...": "Adicione suas notas aqui...",
  "Animation": "Animação",
+  "Apply": "Aplicar",
+  "Are you sure to delete the selected books?": "Tem certeza de que deseja excluir os livros selecionados?",
  "Auto Mode": "Modo Automático",
  "Behavior": "Comportamento",
  "Book": "Livro",
@@ -24,6 +27,7 @@
  "Edit": "Editar",
  "Enter your custom CSS here...": "Insira seu CSS personalizado aqui...",
  "Excerpts": "Trechos",
+  "Failed to import book(s): {{filenames}}": "Falha ao importar livro(s): {{filenames}}",
  "Font": "Fonte",
  "Font & Layout": "Fonte e Layout",
  "Font Face": "Estilo da Fonte",
@@ -40,6 +44,7 @@
  "Grass": "Grama",
  "Gray": "Cinza",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Direção Horizontal",
  "Hyphenation": "Hifenização",
  "Identifier:": "Identificador:",
  "Import Books": "Importar Livros",
@@ -67,6 +72,8 @@
  "Notebook": "Caderno",
  "Notes": "Notas",
  "Open": "Abrir",
+  "Open Book": "Abrir Livro",
+  "Original Text": "Texto Original",
  "Override Publisher Font": "Substituir Fonte do Editor",
  "Page": "Página",
  "Paging Animation": "Animação de Página",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Modo de Rolagem",
  "Search books...": "Procurar livros...",
  "Search...": "Pesquisar...",
+  "Select Book": "Selecionar Livro",
  "Select books": "Selecionar livros",
  "Select multiple books": "Selecionar múltiplos livros",
  "Sepia": "Sépia",
  "Serif Font": "Fonte Serif",
+  "Show Book Details": "Mostrar Detalhes do Livro",
  "Sidebar": "Barra Lateral",
  "Sign In": "Entrar",
  "Sign Out": "Sair",
  "Sky": "Céu",
  "Solarized": "Solarizado",
  "Subjects:": "Assuntos:",
+  "System Fonts": "Fontes do Sistema",
  "Theme Color": "Cor do Tema",
  "Theme Mode": "Modo do Tema",
+  "Translated Text": "Texto Traduzido",
  "Unknown": "Desconhecido",
  "Untitled": "Sem Título",
  "Updated:": "Atualizado:",
  "User avatar": "Avatar do usuário",
  "Version {{version}}": "Versão {{version}}",
+  "Vertical Direction": "Direção Vertical",
  "Welcome to your library. You can import your books here and read them anytime.": "Bem-vindo à sua biblioteca. Você pode importar seus livros aqui e lê-los a qualquer momento.",
+  "Writing Mode": "Modo de Escrita",
  "Your Library": "Sua Biblioteca"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(обнаружено)",
  "About Readest": "О Readest",
  "Add your notes here...": "Добавьте свои заметки здесь...",
  "Animation": "Анимация",
+  "Apply": "Применить",
+  "Are you sure to delete the selected books?": "Вы уверены, что хотите удалить выбранные книги?",
  "Auto Mode": "Автоматический режим",
  "Behavior": "Поведение",
  "Book": "Книга",
@@ -24,6 +27,7 @@
  "Edit": "Редактировать",
  "Enter your custom CSS here...": "Введите ваш пользовательский CSS здесь...",
  "Excerpts": "Отрывки",
+  "Failed to import book(s): {{filenames}}": "Не удалось импортировать книгу(и): {{filenames}}",
  "Font": "Шрифт",
  "Font & Layout": "Шрифт и макет",
  "Font Face": "Начертание шрифта",
@@ -40,6 +44,7 @@
  "Grass": "Трава",
  "Gray": "Серый",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Горизонтальное направление",
  "Hyphenation": "Перенос слов",
  "Identifier:": "Идентификатор:",
  "Import Books": "Импорт книг",
@@ -67,6 +72,8 @@
  "Notebook": "Блокнот",
  "Notes": "Заметки",
  "Open": "Открыть",
+  "Open Book": "Открыть книгу",
+  "Original Text": "Оригинальный текст",
  "Override Publisher Font": "Переопределить шрифт издателя",
  "Page": "Страница",
  "Paging Animation": "Анимация перелистывания",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Режим прокрутки",
  "Search books...": "Поиск книг...",
  "Search...": "Поиск...",
+  "Select Book": "Выбрать книгу",
  "Select books": "Выбрать книги",
  "Select multiple books": "Выбрать несколько книг",
  "Sepia": "Сепия",
  "Serif Font": "Шрифт с засечками",
+  "Show Book Details": "Показать детали книги",
  "Sidebar": "Боковая панель",
  "Sign In": "Войти",
  "Sign Out": "Выйти",
  "Sky": "Небесный",
  "Solarized": "Солнечный",
  "Subjects:": "Темы:",
+  "System Fonts": "Системные шрифты",
  "Theme Color": "Цвет темы",
  "Theme Mode": "Режим темы",
+  "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.": "Добро пожаловать в вашу библиотеку. Вы можете импортировать сюда книги и читать их в любое время.",
+  "Writing Mode": "Режим записи",
  "Your Library": "Ваша библиотека"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(algılandı)",
  "About Readest": "Readest Hakkında",
  "Add your notes here...": "Notlarınızı buraya ekleyin...",
  "Animation": "Animasyon",
+  "Apply": "Uygula",
+  "Are you sure to delete the selected books?": "Seçili kitapları silmek istediğinizden emin misiniz?",
  "Auto Mode": "Otomatik Mod",
  "Behavior": "Davranış",
  "Book": "Kitap",
@@ -24,6 +27,7 @@
  "Edit": "Düzenle",
  "Enter your custom CSS here...": "Özel CSS'nizi buraya girin...",
  "Excerpts": "Alıntılar",
+  "Failed to import book(s): {{filenames}}": "Kitap(lar) içe aktarılamadı: {{filenames}}",
  "Font": "Yazı Tipi",
  "Font & Layout": "Yazı Tipi ve Düzen",
  "Font Face": "Yazı Tipi Yüzü",
@@ -40,6 +44,7 @@
  "Grass": "Çimen",
  "Gray": "Gri",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Yatay Yön",
  "Hyphenation": "Heceleme",
  "Identifier:": "Tanımlayıcı:",
  "Import Books": "Kitapları İçe Aktar",
@@ -67,6 +72,8 @@
  "Notebook": "Not Defteri",
  "Notes": "Notlar",
  "Open": "Aç",
+  "Open Book": "Kitabı Aç",
+  "Original Text": "Orijinal Metin",
  "Override Publisher Font": "Yayıncı Yazı Tipini Geçersiz Kıl",
  "Page": "Sayfa",
  "Paging Animation": "Sayfa Çevirme Animasyonu",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Kaydırma Modu",
  "Search books...": "Kitap ara...",
  "Search...": "Ara...",
+  "Select Book": "Kitap Seç",
  "Select books": "Kitapları seç",
  "Select multiple books": "Birden fazla kitap seç",
  "Sepia": "Sepya",
  "Serif Font": "Serif Yazı Tipi",
+  "Show Book Details": "Kitap Detaylarını Göster",
  "Sidebar": "Kenar Çubuğu",
  "Sign In": "Giriş Yap",
  "Sign Out": "Çıkış Yap",
  "Sky": "Gökyüzü",
  "Solarized": "Solarized",
  "Subjects:": "Konular:",
+  "System Fonts": "Sistem Yazı Tipleri",
  "Theme Color": "Tema Rengi",
  "Theme Mode": "Tema Modu",
+  "Translated Text": "Çevrilen Metin",
  "Unknown": "Bilinmiyor",
  "Untitled": "Başlıksız",
  "Updated:": "Güncellendi:",
  "User avatar": "Kullanıcı avatarı",
  "Version {{version}}": "Sürüm {{version}}",
+  "Vertical Direction": "Dikey Yön",
  "Welcome to your library. You can import your books here and read them anytime.": "Kütüphanenize hoş geldiniz. Buradan kitaplarınızı içe aktarabilir ve istediğiniz zaman okuyabilirsiniz.",
+  "Writing Mode": "Yazma Modu",
  "Your Library": "Kütüphaneniz"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(đã phát hiện)",
  "About Readest": "Về Readest",
  "Add your notes here...": "Thêm ghi chú của bạn vào đây...",
  "Animation": "Hiệu ứng động",
+  "Apply": "Áp dụng",
+  "Are you sure to delete the selected books?": "Bạn có chắc chắn muốn xóa các sách đã chọn?",
  "Auto Mode": "Chế độ tự động",
  "Behavior": "Hành vi",
  "Book": "Sách",
@@ -24,6 +27,7 @@
  "Edit": "Chỉnh sửa",
  "Enter your custom CSS here...": "Nhập CSS tùy chỉnh của bạn vào đây...",
  "Excerpts": "Trích dẫn",
+  "Failed to import book(s): {{filenames}}": "Không thể nhập sách: {{filenames}}",
  "Font": "Phông chữ",
  "Font & Layout": "Phông chữ & Bố cục",
  "Font Face": "Kiểu chữ",
@@ -40,6 +44,7 @@
  "Grass": "Xanh cỏ",
  "Gray": "Xám",
  "Gruvbox": "Gruvbox",
+  "Horizontal Direction": "Hướng ngang",
  "Hyphenation": "Gạch nối từ",
  "Identifier:": "Định danh:",
  "Import Books": "Nhập sách",
@@ -67,6 +72,8 @@
  "Notebook": "Sổ ghi chép",
  "Notes": "Ghi chú",
  "Open": "Mở",
+  "Open Book": "Mở sách",
+  "Original Text": "Văn bản gốc",
  "Override Publisher Font": "Ghi đè phông chữ của nhà xuất bản",
  "Page": "Trang",
  "Paging Animation": "Hiệu ứng lật trang",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "Chế độ cuộn",
  "Search books...": "Tìm kiếm sách...",
  "Search...": "Tìm kiếm...",
+  "Select Book": "Chọn sách",
  "Select books": "Chọn sách",
  "Select multiple books": "Chọn nhiều sách",
  "Sepia": "Nâu cổ",
  "Serif Font": "Phông chữ có chân",
+  "Show Book Details": "Hiển thị chi tiết sách",
  "Sidebar": "Thanh bên",
  "Sign In": "Đăng nhập",
  "Sign Out": "Đăng xuất",
  "Sky": "Xanh trời",
  "Solarized": "Solarized",
  "Subjects:": "Chủ đề:",
+  "System Fonts": "Phông chữ hệ thống",
  "Theme Color": "Màu chủ đề",
  "Theme Mode": "Chế độ chủ đề",
+  "Translated Text": "Văn bản dịch",
  "Unknown": "Không xác định",
  "Untitled": "Không có tiêu đề",
  "Updated:": "Cập nhật:",
  "User avatar": "Ảnh đại diện",
  "Version {{version}}": "Phiên bản {{version}}",
+  "Vertical Direction": "Hướng dọc",
  "Welcome to your library. You can import your books here and read them anytime.": "Chào mừng đến với thư viện của bạn. Bạn có thể nhập sách vào đây và đọc bất cứ lúc nào.",
+  "Writing Mode": "Chế độ viết",
  "Your Library": "Thư viện của bạn"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(检测到)",
  "About Readest": "关于 Readest",
  "Add your notes here...": "在这里添加您的笔记...",
  "Animation": "动画",
+  "Apply": "应用",
+  "Are you sure to delete the selected books?": "您确定要删除所选书籍吗？",
  "Auto Mode": "自动主题",
  "Behavior": "行为",
  "Book": "书籍",
@@ -24,6 +27,7 @@
  "Edit": "编辑",
  "Enter your custom CSS here...": "在此处输入您的自定义 CSS...",
  "Excerpts": "摘录",
+  "Failed to import book(s): {{filenames}}": "导入书籍失败：{{filenames}}",
  "Font": "字体",
  "Font & Layout": "字体和布局",
  "Font Face": "字型",
@@ -40,6 +44,7 @@
  "Grass": "青草",
  "Gray": "素雅",
  "Gruvbox": "暖橘",
+  "Horizontal Direction": "横排",
  "Hyphenation": "断字",
  "Identifier:": "识别码",
  "Import Books": "导入书籍",
@@ -67,8 +72,10 @@
  "Notebook": "笔记本",
  "Notes": "笔记",
  "Open": "打开",
+  "Open Book": "打开书籍",
+  "Original Text": "原文",
  "Override Publisher Font": "覆盖内置字体",
-  "Page": "页",
+  "Page": "页面",
  "Paging Animation": "翻页动画",
  "Paragraph": "段落",
  "Parallel Read": "并排阅读",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "滚动模式",
  "Search books...": "搜索书籍...",
  "Search...": "搜索...",
+  "Select Book": "选择书籍",
  "Select books": "选择书籍",
  "Select multiple books": "选择多本书籍",
  "Sepia": "旧韵",
  "Serif Font": "衬线字体",
+  "Show Book Details": "显示书籍详情",
  "Sidebar": "侧边栏",
  "Sign In": "登录",
  "Sign Out": "登出",
  "Sky": "天青",
  "Solarized": "日晖",
  "Subjects:": "主题",
+  "System Fonts": "系统字体",
  "Theme Color": "主题颜色",
  "Theme Mode": "主题模式",
+  "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.": "书库空空如也，您可以导入您的书籍并随时阅读。",
+  "Writing Mode": "排版模式",
  "Your Library": "书库"
 }
@@ -1,7 +1,10 @@
 {
+  "(detected)": "(檢測到)",
  "About Readest": "關於 Readest",
  "Add your notes here...": "在這裡添加您的筆記...",
  "Animation": "動畫",
+  "Apply": "應用",
+  "Are you sure to delete the selected books?": "您確定要刪除所選書籍嗎？",
  "Auto Mode": "自動主題",
  "Behavior": "行為",
  "Book": "書籍",
@@ -24,6 +27,7 @@
  "Edit": "編輯",
  "Enter your custom CSS here...": "在此處輸入您的自定義 CSS...",
  "Excerpts": "摘錄",
+  "Failed to import book(s): {{filenames}}": "導入書籍失敗：{{filenames}}",
  "Font": "字體",
  "Font & Layout": "字體和版面",
  "Font Face": "字型",
@@ -40,6 +44,7 @@
  "Grass": "青草",
  "Gray": "素雅",
  "Gruvbox": "暖橘",
+  "Horizontal Direction": "橫排",
  "Hyphenation": "斷字",
  "Identifier:": "識別碼",
  "Import Books": "導入書籍",
@@ -67,8 +72,10 @@
  "Notebook": "筆記本",
  "Notes": "筆記",
  "Open": "打開",
+  "Open Book": "打開書籍",
+  "Original Text": "原文",
  "Override Publisher Font": "覆蓋內置字體",
-  "Page": "頁",
+  "Page": "頁面",
  "Paging Animation": "翻頁動畫",
  "Paragraph": "段落",
  "Parallel Read": "並排閱讀",
@@ -84,23 +91,29 @@
  "Scrolled Mode": "滾動模式",
  "Search books...": "搜索書籍...",
  "Search...": "搜索...",
+  "Select Book": "選擇書籍",
  "Select books": "選擇書籍",
  "Select multiple books": "選擇多本書籍",
  "Sepia": "舊韻",
  "Serif Font": "襯線字體",
+  "Show Book Details": "顯示書籍詳情",
  "Sidebar": "側邊欄",
  "Sign In": "登入",
  "Sign Out": "登出",
  "Sky": "天青",
  "Solarized": "日暉",
  "Subjects:": "主題",
+  "System Fonts": "系統字體",
  "Theme Color": "主題顏色",
  "Theme Mode": "主題模式",
+  "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.": "書庫空空如也，您可以導入您的書籍並隨時閱讀。",
+  "Writing Mode": "排版模式",
  "Your Library": "書庫"
 }
@@ -1,5 +1,36 @@
 {
  "releases": {
+    "0.9.1": {
+      "date": "2025-01-06",
+      "notes": [
+        "Restore window position and size when reopening app.",
+        "Swap font when downloading online fonts.",
+        "Fix layout issues on Windows and Linux."
+      ]
+    },
+    "0.9.0": {
+      "date": "2025-01-04",
+      "notes": [
+        "Better Custom CSS editor and OAuth process.",
+        "Add vertical/horizontal switch for CJK books.",
+        "Fix dropdown close overlay not working on Windows/Linux."
+      ]
+    },
+    "0.8.9": {
+      "date": "2025-01-02",
+      "notes": [
+        "Context menu on bookshelf for quick actions.",
+        "Add more system fonts as custom fonts.",
+        "Fix google and github login for native apps."
+      ]
+    },
+    "0.8.8": {
+      "date": "2024-12-29",
+      "notes": [
+        "Use readest binary name for better CLI interface.",
+        "Some CSS tweaks to better support dark mode and embedded fonts."
+      ]
+    },
    "0.8.7": {
      "date": "2024-12-27",
      "notes": [
@@ -37,7 +68,7 @@
      "notes": [
        "Support file associations for one-click open with Readest.",
        "Support APP auto updater.",
-        "Suppport online web version."
+        "Support online web version."
      ]
    },
    "0.7.9": {
@@ -1,12 +1,12 @@
 [package]
 name = "Readest"
-version = "0.2.0"
+version = "0.2.1"
 description = "Your online library"
 authors = ["Bilingify LLC"]
 license = ""
 repository = ""
 edition = "2021"
-rust-version = "1.71"
+rust-version = "1.77.2"

 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

@@ -34,6 +34,7 @@ tauri-plugin-shell = "2"
 tauri-plugin-process = "2"
 tauri-plugin-oauth = "2"
 tauri-plugin-opener = "2.2.2"
+tauri-plugin-deep-link = "2"
 [patch.crates-io]
 tauri = { path = "../../../packages/tauri/crates/tauri" }

@@ -44,4 +45,6 @@ rand = "0.8"

 [target.'cfg(any(target_os = "macos", windows, target_os = "linux"))'.dependencies]
 tauri-plugin-cli = "2"
+tauri-plugin-single-instance = "2.2.0"
 tauri-plugin-updater = "2"
+tauri-plugin-window-state = "2.2.0"
@@ -51,17 +51,21 @@
    "os:default",
    "core:window:default",
    "core:window:allow-close",
+    "core:window:allow-center",
    "core:window:allow-minimize",
+    "core:window:allow-maximize",
+    "core:window:allow-set-size",
+    "core:window:allow-set-focus",
+    "core:window:allow-is-maximized",
    "core:window:allow-start-dragging",
    "core:window:allow-toggle-maximize",
    "shell:default",
-    "updater:default",
    "process:default",
    "process:allow-exit",
    "process:allow-restart",
-    "cli:default",
    "oauth:allow-start",
    "oauth:allow-cancel",
-    "opener:default"
+    "opener:default",
+    "deep-link:default"
  ]
 }
@@ -0,0 +1,10 @@
+{
+  "$schema": "../gen/schemas/desktop-schema.json",
+  "identifier": "desktop-capability",
+  "windows": ["main"],
+  "platforms": ["linux", "macOS", "windows"],
+  "permissions": [
+    "updater:default",
+    "cli:default"
+   ]
+}
@@ -9,7 +9,7 @@ extern crate objc;
 #[cfg(target_os = "macos")]
 mod menu;
 #[cfg(target_os = "macos")]
-mod tauri_traffic_light_positioner_plugin;
+mod traffic_light_plugin;

 #[cfg(target_os = "macos")]
 use tauri::TitleBarStyle;
@@ -70,11 +70,16 @@ async fn start_server(window: Window) -> Result<u16, String> {
    .map_err(|err| err.to_string())
 }

+#[derive(Clone, serde::Serialize)]
+struct Payload {
+    args: Vec<String>,
+    cwd: String,
+}
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
    let builder = tauri::Builder::default()
        .plugin(tauri_plugin_process::init())
-        .plugin(tauri_plugin_updater::Builder::new().build())
        .plugin(tauri_plugin_oauth::init())
        .invoke_handler(tauri::generate_handler![start_server])
        .plugin(tauri_plugin_shell::init())
@@ -84,8 +89,26 @@ pub fn run() {
        .plugin(tauri_plugin_dialog::init())
        .plugin(tauri_plugin_fs::init());

+    #[cfg(desktop)]
+    let builder = builder.plugin(tauri_plugin_single_instance::init(|app, argv, cwd| {
+        let _ = app
+            .get_webview_window("main")
+            .expect("no main window")
+            .set_focus();
+        app.emit("single-instance", Payload { args: argv, cwd })
+            .unwrap();
+    }));
+
+    let builder = builder.plugin(tauri_plugin_deep_link::init());
+
+    #[cfg(desktop)]
+    let builder = builder.plugin(tauri_plugin_updater::Builder::new().build());
+
+    #[cfg(desktop)]
+    let builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());
+
    #[cfg(target_os = "macos")]
-    let builder = builder.plugin(tauri_traffic_light_positioner_plugin::init());
+    let builder = builder.plugin(traffic_light_plugin::init());

    builder
        .setup(|#[allow(unused_variables)] app| {
@@ -94,7 +117,7 @@ pub fn run() {
                let mut files = Vec::new();
                // NOTICE: `args` may include URL protocol (`your-app-protocol://`)
                // or arguments (`--`) if your app supports them.
-                // files may aslo be passed as `file://path/to/file`
+                // files may also be passed as `file://path/to/file`
                for maybe_file in std::env::args().skip(1) {
                    // skip flags like -f or --flag
                    if maybe_file.starts_with("-") {
@@ -120,8 +143,25 @@ pub fn run() {
                    });
                }
            }
+
            #[cfg(desktop)]
-            app.handle().plugin(tauri_plugin_cli::init())?;
+            {
+                app.handle().plugin(tauri_plugin_cli::init())?;
+
+                let app_handle = app.handle().clone();
+                app.listen("window-ready", move |_| {
+                    app_handle.get_webview_window("main").unwrap()
+                        .eval("window.__READEST_CLI_ACCESS = true; window.__READEST_UPDATER_ACCESS = true;")
+                        .expect("Failed to set cli access config");
+                });
+            }
+
+            #[cfg(any(windows, target_os = "linux"))]
+            {
+                use tauri_plugin_deep_link::DeepLinkExt;
+                app.deep_link().register_all()?;
+            }
+
            #[cfg(desktop)]
            if cfg!(debug_assertions) {
                app.handle().plugin(
@@ -130,10 +170,13 @@ pub fn run() {
                        .build(),
                )?;
            }
-            let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default())
+
+            let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default());
+
+            #[cfg(desktop)]
+            let win_builder = win_builder
                .inner_size(800.0, 600.0)
-                .resizable(true)
-                .maximized(true);
+                .resizable(true);

            #[cfg(target_os = "macos")]
            let win_builder = win_builder
@@ -141,10 +184,12 @@ pub fn run() {
                .title_bar_style(TitleBarStyle::Overlay)
                .title("");

-            #[cfg(not(target_os = "macos"))]
+            #[cfg(all(not(target_os = "macos"), desktop))]
            let win_builder = win_builder
                .decorations(false)
                .transparent(true)
+                .visible(false)
+                .shadow(true)
                .title("Readest");

            win_builder.build().unwrap();
@@ -163,7 +208,7 @@ pub fn run() {
        .run(
            #[allow(unused_variables)]
            |app_handle, event| {
-                #[cfg(any(target_os = "macos", target_os = "ios"))]
+                #[cfg(target_os = "macos")]
                if let tauri::RunEvent::Opened { urls } = event {
                    let files = urls
                        .into_iter()
@@ -1,8 +1,9 @@
 {
  "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
  "productName": "Readest",
-  "version": "../package.json",
+  "mainBinaryName": "readest",
  "identifier": "com.bilingify.readest",
+  "version": "../package.json",
  "build": {
    "frontendDist": "../out",
    "devUrl": "http://localhost:3000",
@@ -129,8 +130,14 @@
        }
      ]
    },
+    "deep-link": {
+      "mobile": [{ "host": "web.readest.com" }],
+      "desktop": {
+        "schemes": ["readest"]
+      }
+    },
    "updater": {
-      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEU0OTAxMURGQkUzQjFENTQKUldSVUhUdSszeEdRNUExdmFkWnlvYWNYNG5wamkxMmUxRk5SejlMOTJVd28yNXlVTDh6Wld4OC8K",
+      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEJFMEQ1QjE2OEU1NEIzNTEKUldSUnMxU09GbHNOdmpEaWFMT1crRFpEV2VORzQ2MklxaFc0M1R0ci9xY2c1bENXS0xhM1R1L2sK",
      "endpoints": ["https://github.com/readest/readest/releases/latest/download/latest.json"]
    }
  }
@@ -17,12 +17,18 @@ import { useTheme } from '@/hooks/useTheme';
 import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
 import { isTauriAppPlatform } from '@/services/environment';
+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 { handleAuthCallback } from '@/helpers/auth';

 type OAuthProvider = 'google' | 'apple' | 'azure' | 'github';

+interface SingleInstancePayload {
+  args: string[];
+  cwd: string;
+}
+
 interface ProviderLoginProp {
  provider: OAuthProvider;
  handleSignIn: (provider: OAuthProvider) => void;
@@ -64,7 +70,10 @@ export default function AuthPage() {
      provider,
      options: {
        skipBrowserRedirect: true,
-        redirectTo: `http://localhost:${port}`,
+        redirectTo:
+          process.env.NODE_ENV === 'production'
+            ? 'readest://auth/callback'
+            : `http://localhost:${port}`,
      },
    });

@@ -75,34 +84,54 @@ export default function AuthPage() {
    openUrl(data.url);
  };

-  const startOAuthServer = async () => {
+  const handleOAuthUrl = async (url: string) => {
+    console.log('Received OAuth URL:', url);
+    const hashMatch = url.match(/#(.*)/);
+    if (hashMatch) {
+      const hash = hashMatch[1];
+      const params = new URLSearchParams(hash);
+      const accessToken = params.get('access_token');
+      const refreshToken = params.get('refresh_token');
+      const next = params.get('next') ?? '/';
+      if (accessToken) {
+        handleAuthCallback({ accessToken, refreshToken, next, login, navigate: router.push });
+      }
+    }
+  };
+
+  const startTauriOAuth = async () => {
    try {
-      const port = await start();
-      setPort(port);
-      console.log(`OAuth server started on port ${port}`);
+      if (process.env.NODE_ENV === 'production') {
+        const { getCurrentWindow } = await import('@tauri-apps/api/window');
+        const currentWindow = getCurrentWindow();
+        currentWindow.listen('single-instance', ({ event, payload }) => {
+          console.log('Received deep link:', event, payload);
+          const { args } = payload as SingleInstancePayload;
+          if (args?.[1]) {
+            handleOAuthUrl(args[1]);
+          }
+        });
+        await onOpenUrl((urls) => {
+          urls.forEach((url) => {
+            handleOAuthUrl(url);
+          });
+        });
+      } else {
+        const port = await start();
+        setPort(port);
+        console.log(`OAuth server started on port ${port}`);

-      await onUrl((url) => {
-        console.log('Received OAuth URL:', url);
-        const hashMatch = url.match(/#(.*)/);
-        if (hashMatch) {
-          const hash = hashMatch[1];
-          const params = new URLSearchParams(hash);
-          const accessToken = params.get('access_token');
-          const refreshToken = params.get('refresh_token');
-          const next = params.get('next') ?? '/';
-          handleAuthCallback({ accessToken, refreshToken, next, login, navigate: router.push });
-        }
-      });
-
-      await onInvalidUrl((url) => {
-        console.log('Received invalid OAuth URL:', url);
-      });
+        await onUrl(handleOAuthUrl);
+        await onInvalidUrl((url) => {
+          console.log('Received invalid OAuth URL:', url);
+        });
+      }
    } catch (error) {
      console.error('Error starting OAuth server:', error);
    }
  };

-  const stopOAuthServer = async () => {
+  const stopTauriOAuth = async () => {
    try {
      if (port) {
        await cancel(port);
@@ -126,10 +155,10 @@ export default function AuthPage() {
    if (isOAuthServerRunning.current) return;
    isOAuthServerRunning.current = true;

-    startOAuthServer();
+    startTauriOAuth();
    return () => {
      isOAuthServerRunning.current = false;
-      stopOAuthServer();
+      stopTauriOAuth();
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
@@ -156,6 +185,9 @@ export default function AuthPage() {
    return null;
  }

+  // For tauri app development, use a custom OAuth server to handle the OAuth callback
+  // 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'>
      <button
@@ -20,10 +20,10 @@ import { navigateToReader } from '@/utils/nav';
 import { getOSPlatform } from '@/utils/misc';
 import { getFilename } from '@/utils/book';
 import { FILE_REVEAL_LABELS, FILE_REVEAL_PLATFORMS } from '@/utils/os';
+import { isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';

 import Alert from '@/components/Alert';
 import Spinner from '@/components/Spinner';
-import { isTauriAppPlatform } from '@/services/environment';
 import BookDetailModal from '@/components/BookDetailModal';

 type BookshelfItem = Book | BooksGroup;
@@ -71,16 +71,14 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
  const [clickedImage, setClickedImage] = useState<string | null>(null);
  const [importBookUrl] = useState(searchParams?.get('url') || '');
  const isImportingBook = useRef(false);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [selectedBook, setSelectedBook] = useState<Book | null>(null);
+  const [showDetailsBook, setShowDetailsBook] = useState<Book | null>(null);

-  const showMoreDetails = (book: Book) => {
-    setIsModalOpen(true);
-    setSelectedBook(book);
+  const showBookDetailsModal = (book: Book) => {
+    setShowDetailsBook(book);
  };

-  const closeModal = () => {
-    setIsModalOpen(false);
+  const dismissBookDetailsModal = () => {
+    setShowDetailsBook(null);
  };

  const { setLibrary } = useLibraryStore();
@@ -154,6 +152,12 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
    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'),
+      action: async () => {
+        handleBookClick(book.hash);
+      },
+    });
    const showBookInFinderMenuItem = await MenuItem.new({
      text: _(fileRevealLabel),
      action: async () => {
@@ -161,6 +165,12 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
        revealItemInDir(folder);
      },
    });
+    const showBookDetailsMenuItem = await MenuItem.new({
+      text: _('Show Book Details'),
+      action: async () => {
+        showBookDetailsModal(book);
+      },
+    });
    const deleteBookMenuItem = await MenuItem.new({
      text: _('Delete'),
      action: async () => {
@@ -168,6 +178,8 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
      },
    });
    const menu = await Menu.new();
+    menu.append(openBookMenuItem);
+    menu.append(showBookDetailsMenuItem);
    menu.append(showBookInFinderMenuItem);
    menu.append(deleteBookMenuItem);
    menu.popup();
@@ -179,7 +191,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
        {bookshelfItems.map((item, index) => (
          <div
            key={`library-item-${index}`}
-            className='hover:bg-base-300/50 flex h-full flex-col p-4'
+            className='hover:bg-base-300/50 group flex h-full flex-col p-4'
          >
            <div className='flex-grow'>
              {'format' in item ? (
@@ -230,17 +242,19 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
                      )}
                    </div>
                  </div>
-                  <div className='card-body flex flex-row items-center justify-between p-0 pt-2'>
+                  <div className='flex flex-row items-center justify-between p-0 pt-2'>
                    <h4 className='card-title line-clamp-1 text-[0.6em] text-xs font-semibold'>
                      {(item as Book).title}
                    </h4>
-                    <div
-                      className='card-detail'
-                      role='button'
-                      onClick={showMoreDetails.bind(null, item as Book)}
-                    >
-                      <CiCircleMore size={15} />
-                    </div>
+                    {isWebAppPlatform() && (
+                      <div
+                        className='show-detail-button self-start opacity-0 group-hover:opacity-100'
+                        role='button'
+                        onClick={showBookDetailsModal.bind(null, item as Book)}
+                      >
+                        <CiCircleMore size={15} />
+                      </div>
+                    )}
                  </div>
                </div>
              ) : (
@@ -295,14 +309,18 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, isSelectMode, onImp
      {showDeleteAlert && (
        <Alert
          title={_('Confirm Deletion')}
-          message='Are you sure to delete the selected books?'
+          message={_('Are you sure to delete the selected books?')}
          onClickCancel={() => setShowDeleteAlert(false)}
          onClickConfirm={confirmDelete}
        />
      )}

-      {selectedBook && (
-        <BookDetailModal isOpen={isModalOpen} book={selectedBook} onClose={closeModal} />
+      {showDetailsBook && (
+        <BookDetailModal
+          isOpen={!!showDetailsBook}
+          book={showDetailsBook}
+          onClose={dismissBookDetailsModal}
+        />
      )}
    </div>
  );
@@ -71,7 +71,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
              </div>
              <ul
                tabIndex={-1}
-                className='dropdown-content dropdown-center menu rounded-box z-[1] mt-3 w-52 p-2 shadow'
+                className='dropdown-content dropdown-center bg-base-100 menu rounded-box z-[1] mt-3 w-52 p-2 shadow'
              >
                <li>
                  <button className='text-base-content' onClick={onImportBooks}>
@@ -7,8 +7,9 @@ import { useRouter } from 'next/navigation';
 import { Book } from '@/types/book';
 import { AppService } from '@/types/system';
 import { navigateToReader } from '@/utils/nav';
+import { getBaseFilename, listFormater } from '@/utils/book';
 import { parseOpenWithFiles } from '@/helpers/cli';
-import { isTauriAppPlatform } from '@/services/environment';
+import { isTauriAppPlatform, hasUpdater } from '@/services/environment';
 import { checkForAppUpdates } from '@/helpers/updater';
 import { FILE_ACCEPT_FORMATS, SUPPORTED_FILE_EXTS } from '@/services/constants';

@@ -24,6 +25,7 @@ import Spinner from '@/components/Spinner';
 import LibraryHeader from './components/LibraryHeader';
 import Bookshelf from './components/Bookshelf';
 import { AboutWindow } from '@/components/AboutWindow';
+import Toast from '@/components/Toast';

 const LibraryPage = () => {
  const router = useRouter();
@@ -44,9 +46,19 @@ const LibraryPage = () => {
  const [isSelectMode, setIsSelectMode] = useState(false);
  const demoBooks = useDemoBooks();

+  const [toastMessage, setToastMessage] = useState('');
+  const toastDismissTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);
+  useEffect(() => {
+    if (toastDismissTimeout.current) clearTimeout(toastDismissTimeout.current);
+    toastDismissTimeout.current = setTimeout(() => setToastMessage(''), 5000);
+    return () => {
+      if (toastDismissTimeout.current) clearTimeout(toastDismissTimeout.current);
+    };
+  }, [toastMessage]);
+
  useEffect(() => {
    const doAppUpdates = async () => {
-      if (isTauriAppPlatform()) {
+      if (hasUpdater()) {
        await checkForAppUpdates();
      }
    };
@@ -57,9 +69,14 @@ const LibraryPage = () => {
    async (appService: AppService, openWithFiles: string[], libraryBooks: Book[]) => {
      const bookIds: string[] = [];
      for (const file of openWithFiles) {
-        const book = await appService.importBook(file, libraryBooks);
-        if (book) {
-          bookIds.push(book.hash);
+        console.log('Open with book:', file);
+        try {
+          const book = await appService.importBook(file, libraryBooks);
+          if (book) {
+            bookIds.push(book.hash);
+          }
+        } catch (error) {
+          console.log('Failed to import book:', file, error);
        }
      }
      setLibrary(libraryBooks);
@@ -149,9 +166,22 @@ const LibraryPage = () => {

  const importBooks = async (files: [string | File]) => {
    setLoading(true);
+    const failedFiles = [];
    for (const file of files) {
-      await appService?.importBook(file, libraryBooks);
-      setLibrary(libraryBooks);
+      try {
+        await appService?.importBook(file, libraryBooks);
+        setLibrary(libraryBooks);
+      } catch (error) {
+        const filename = typeof file === 'string' ? file : file.name;
+        const baseFilename = getBaseFilename(filename);
+        failedFiles.push(baseFilename);
+        setToastMessage(
+          _('Failed to import book(s): {{filenames}}', {
+            filenames: listFormater(false).format(failedFiles),
+          }),
+        );
+        console.error('Failed to import book:', filename, error);
+      }
    }
    appService?.saveLibraryBooks(libraryBooks);
    setLoading(false);
@@ -253,6 +283,13 @@ const LibraryPage = () => {
          </div>
        ))}
      <AboutWindow />
+      {toastMessage && (
+        <Toast
+          message={toastMessage}
+          toastClass='toast-top toast-end pt-11'
+          alertClass='alert-error max-w-80'
+        />
+      )}
    </div>
  );
 };
@@ -49,7 +49,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
          <div
            id={`gridcell-${bookKey}`}
            key={bookKey}
-            className='relative h-full w-full overflow-hidden'
+            className='relative h-full w-full rounded-window overflow-hidden'
          >
            {isBookmarked && <Ribbon width={marginGap} />}
            <HeaderBar
@@ -28,6 +28,7 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
  const { getView, getViewSettings } = useReaderStore();
  const { themeCode } = useTheme();
  const view = getView(bookKey);
+  const viewSettings = getViewSettings(bookKey)!;
  const footnoteHandler = new FootnoteHandler();

  useEffect(() => {
@@ -73,7 +74,13 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
    const rect = gridFrame.getBoundingClientRect();
    const viewSettings = getViewSettings(bookKey)!;
    const triangPos = getPosition(detail.a, rect, viewSettings.vertical);
-    const popupPos = getPopupPosition(triangPos, rect, popupWidth, popupHeight, popupPadding);
+    const popupPos = getPopupPosition(
+      triangPos,
+      rect,
+      viewSettings.vertical ? popupHeight : popupWidth,
+      viewSettings.vertical ? popupWidth : popupHeight,
+      popupPadding,
+    );
    setTrianglePosition(triangPos);
    setPopupPosition(popupPos);

@@ -107,6 +114,9 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
    }
  }, [footnoteRef]);

+  const width = viewSettings.vertical ? popupHeight : popupWidth;
+  const height = viewSettings.vertical ? popupWidth : popupHeight;
+
  return (
    <div>
      {showPopup && (
@@ -117,8 +127,8 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
        />
      )}
      <Popup
-        width={popupWidth}
-        height={popupHeight}
+        width={width}
+        height={height}
        position={showPopup ? popupPosition! : undefined}
        trianglePosition={showPopup ? trianglePosition! : undefined}
        className='select-text overflow-y-auto'
@@ -127,8 +137,8 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
          className=''
          ref={footnoteRef}
          style={{
-            width: `${popupWidth}px`,
-            height: `${popupHeight}px`,
+            width: `${width}px`,
+            height: `${height}px`,
          }}
        ></div>
      </Popup>
@@ -33,7 +33,7 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
  return (
    library.length > 0 &&
    settings.globalReadSettings && (
-      <div className='reader-page bg-base-100 text-base-content min-h-screen select-none'>
+      <div className='reader-page rounded-window bg-base-100 text-base-content min-h-screen select-none'>
        <Suspense>
          <ReaderContent ids={ids} settings={settings} />
          <AboutWindow />
@@ -9,21 +9,23 @@ import { useSettingsStore } from '@/store/settingsStore';
 import { useBookDataStore } from '@/store/bookDataStore';
 import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
+import { Book } from '@/types/book';
 import { SystemSettings } from '@/types/settings';
 import { parseOpenWithFiles } from '@/helpers/cli';
 import { tauriHandleClose, tauriHandleOnCloseWindow } from '@/utils/window';
 import { isTauriAppPlatform } from '@/services/environment';
 import { uniqueId } from '@/utils/misc';
+import { eventDispatcher } from '@/utils/event';
 import { navigateToLibrary } from '@/utils/nav';
 import { BOOK_IDS_SEPARATOR } from '@/services/constants';

 import useBooksManager from '../hooks/useBooksManager';
 import useBookShortcuts from '../hooks/useBookShortcuts';
+import BookDetailModal from '@/components/BookDetailModal';
 import Spinner from '@/components/Spinner';
 import SideBar from './sidebar/SideBar';
 import Notebook from './notebook/Notebook';
 import BooksGrid from './BooksGrid';
-import { eventDispatcher } from '@/utils/event';

 const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ ids, settings }) => {
  const router = useRouter();
@@ -35,6 +37,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
  const { getConfig, getBookData, saveConfig } = useBookDataStore();
  const { getView, setBookKeys } = useReaderStore();
  const { initViewState, getViewState, clearViewState } = useReaderStore();
+  const [showDetailsBook, setShowDetailsBook] = useState<Book | null>(null);
  const isInitiating = useRef(false);
  const [loading, setLoading] = useState(false);

@@ -59,6 +62,13 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
        if (index === 0) setSideBarBookKey(key);
      }
    });
+
+    const handleShowBookDetails = (event: CustomEvent) => {
+      const book = event.detail as Book;
+      setShowDetailsBook(book);
+      return true;
+    };
+    eventDispatcher.onSync('show-book-details', handleShowBookDetails);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

@@ -78,14 +88,19 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
    const { book } = getBookData(bookKey) || {};
    const { isPrimary } = getViewState(bookKey) || {};
    if (isPrimary && book && config) {
+      const settings = useSettingsStore.getState().settings;
      await saveConfig(envConfig, bookKey, config, settings);
    }
  };

  const saveConfigAndCloseBook = async (bookKey: string) => {
    console.log('Closing book', bookKey);
-    getView(bookKey)?.close();
-    getView(bookKey)?.remove();
+    try {
+      getView(bookKey)?.close();
+      getView(bookKey)?.remove();
+    } catch {
+      console.info('Error closing book', bookKey);
+    }
    await saveBookConfig(bookKey);
    clearViewState(bookKey);
  };
@@ -96,6 +111,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
  };

  const handleCloseBooks = async () => {
+    const settings = useSettingsStore.getState().settings;
    await Promise.all(bookKeys.map((key) => saveConfigAndCloseBook(key)));
    await saveSettings(envConfig, settings);
  };
@@ -139,6 +155,13 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
      <SideBar onGoToLibrary={handleCloseBooksToLibrary} />
      <BooksGrid bookKeys={bookKeys} onCloseBook={handleCloseBook} />
      <Notebook />
+      {showDetailsBook && (
+        <BookDetailModal
+          isOpen={!!showDetailsBook}
+          book={showDetailsBook}
+          onClose={() => setShowDetailsBook(null)}
+        />
+      )}
    </div>
  );
 };
@@ -86,7 +86,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
  return (
    <div
      tabIndex={0}
-      className='view-menu dropdown-content dropdown-right no-triangle border-base-100 z-20 mt-1 w-72 border shadow-2xl'
+      className='view-menu dropdown-content bgcolor-base-200 dropdown-right no-triangle border-base-200 z-20 mt-1 w-72 border shadow-2xl'
    >
      <div className={clsx('flex items-center justify-between rounded-md')}>
        <button
@@ -82,7 +82,9 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
        setSelection({ key: bookKey, text: sel.toString(), range: sel.getRangeAt(0), index });
      }
    };
-    detail.doc?.addEventListener('pointerup', handlePointerup);
+    if (bookData.book?.format !== 'PDF') {
+      detail.doc?.addEventListener('pointerup', handlePointerup);
+    }
  };

  const onDrawAnnotation = (event: Event) => {
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import Popup from '@/components/Popup';
 import { Position } from '@/utils/sel';
 import { useSettingsStore } from '@/store/settingsStore';
+import { useTranslation } from '@/hooks/useTranslation';
 import { isWebAppPlatform } from '@/services/environment';

 const LANGUAGES = {
@@ -37,6 +38,7 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({
  popupWidth,
  popupHeight,
 }) => {
+  const _ = useTranslation();
  const { settings, setSettings } = useSettingsStore();
  const [sourceLang, setSourceLang] = useState('AUTO');
  const [targetLang, setTargetLang] = useState(settings.globalReadSettings.translateTargetLang);
@@ -124,7 +126,7 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({
      >
        <div className='text-neutral-content relative h-[50%] overflow-y-auto border-b border-neutral-400/75 p-4 font-sans'>
          <div className='mb-2 flex items-center justify-between'>
-            <h1 className='text-base font-semibold'>Original Text</h1>
+            <h1 className='text-base font-semibold'>{_('Original Text')}</h1>
            <select
              value={sourceLang}
              onChange={handleSourceLangChange}
@@ -134,7 +136,7 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({
                return (
                  <option key={code} value={code}>
                    {detectedSourceLang && sourceLang === 'AUTO' && code === 'AUTO'
-                      ? `${LANGUAGES[detectedSourceLang] || detectedSourceLang} (detected)`
+                      ? `${LANGUAGES[detectedSourceLang] || detectedSourceLang} ` + _('(detected)')
                      : name}
                  </option>
                );
@@ -146,7 +148,7 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({

        <div className='text-neutral-content relative h-[50%] overflow-y-auto p-4 font-sans'>
          <div className='mb-2 flex items-center justify-between'>
-            <h2 className='text-base font-semibold'>Translated Text</h2>
+            <h2 className='text-base font-semibold'>{_('Translated Text')}</h2>
            <select
              value={targetLang}
              onChange={handleTargetLangChange}
@@ -163,7 +165,7 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({
          </div>

          {loading ? (
-            <p className='text-base italic text-gray-500'>Loading...</p>
+            <p className='text-base italic text-gray-500'>{_('Loading...')}</p>
          ) : error ? (
            <p className='text-base text-red-600'>{error}</p>
          ) : (
@@ -6,7 +6,7 @@ import { TextSelection } from '@/utils/sel';
 import { BookNote } from '@/types/book';

 interface NoteEditorProps {
-  onSave: (selction: TextSelection, note: string) => void;
+  onSave: (selection: TextSelection, note: string) => void;
  onEdit: (annotation: BookNote) => void;
 }

@@ -57,7 +57,7 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
            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-base',
+              'text-sm',
            )}
            ref={editorRef}
            value={note}
@@ -70,7 +70,7 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
        <button
          className={clsx(
            'btn btn-ghost settings-content hover:bg-transparent',
-            'flex h-[1.5em] min-h-[1.5em] items-end p-0',
+            'flex h-[1.3em] min-h-[1.3em] items-end p-0',
            editorRef.current && editorRef.current.value ? '' : 'btn-disabled !bg-opacity-0',
          )}
          onClick={handleSaveNote}
@@ -160,21 +160,15 @@ 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'
-                    onClick={(e) => e.stopPropagation()}
-                  >
+                  <div className='collapse-content select-text px-3 pb-0 text-xs'>
                    <p className='hyphens-auto text-justify'>{item.text}</p>
                    <div className='flex justify-end'>
-                      <button
-                        className={clsx(
-                          'btn btn-ghost settings-content hover:bg-transparent',
-                          'flex h-[1em] min-h-[1em] items-end p-0',
-                        )}
+                      <div
+                        className='cursor-pointer align-bottom text-xs text-red-400'
                        onClick={handleEditNote.bind(null, item, true)}
                      >
-                        <div className='align-bottom text-xs text-red-400'>{_('Delete')}</div>
-                      </button>
+                        {_('Delete')}
+                      </div>
                    </div>
                  </div>
                </div>
@@ -1,11 +1,14 @@
+import clsx from 'clsx';
 import React from 'react';
-import { FiChevronDown } from 'react-icons/fi';
+import { FiChevronUp, FiChevronLeft } from 'react-icons/fi';
 import { MdCheck } from 'react-icons/md';
+import { useTranslation } from '@/hooks/useTranslation';

 interface DropdownProps {
  family?: string;
  selected: string;
  options: string[];
+  moreOptions?: string[];
  onSelect: (option: string) => void;
  onGetFontFamily: (option: string, family: string) => string;
 }
@@ -14,21 +17,23 @@ const FontDropdown: React.FC<DropdownProps> = ({
  family,
  selected,
  options,
+  moreOptions,
  onSelect,
  onGetFontFamily,
 }) => {
+  const _ = useTranslation();
  return (
-    <div className='dropdown dropdown-end'>
+    <div className='dropdown dropdown-top'>
      <button
        tabIndex={0}
        className='btn btn-sm flex items-center gap-1 px-[20px] font-normal normal-case'
      >
        <span style={{ fontFamily: onGetFontFamily(selected, family ?? '') }}>{selected}</span>
-        <FiChevronDown className='h-4 w-4' />
+        <FiChevronUp className='h-4 w-4' />
      </button>
      <ul
        tabIndex={0}
-        className='dropdown-content dropdown-right menu bg-base-100 rounded-box z-[1] mt-4 w-44 shadow'
+        className='dropdown-content bgcolor-base-200 no-triangle menu rounded-box absolute right-0 z-[1] mt-4 w-44 shadow'
      >
        {options.map((option) => (
          <li key={option} onClick={() => onSelect(option)}>
@@ -40,6 +45,36 @@ const FontDropdown: React.FC<DropdownProps> = ({
            </div>
          </li>
        ))}
+        {moreOptions && moreOptions.length > 0 && (
+          <li className='dropdown dropdown-left dropdown-top'>
+            <div className='flex items-center px-0'>
+              <span style={{ minWidth: '20px' }}>
+                <FiChevronLeft className='h-4 w-4' />
+              </span>
+              <span>{_('System Fonts')}</span>
+            </div>
+            <ul
+              tabIndex={0}
+              className={clsx(
+                'dropdown-content bgcolor-base-200 menu rounded-box relative z-[1] overflow-y-scroll shadow',
+                '!mr-5 mb-[-46px] max-h-80 w-[292px]',
+              )}
+            >
+              {moreOptions.map((option) => (
+                <li key={option} onClick={() => onSelect(option)}>
+                  <div className='flex items-center px-0'>
+                    <span style={{ minWidth: '20px' }}>
+                      {selected === option && <MdCheck size={20} className='text-base-content' />}
+                    </span>
+                    <span style={{ fontFamily: onGetFontFamily(option, family ?? '') }}>
+                      {option}
+                    </span>
+                  </div>
+                </li>
+              ))}
+            </ul>
+          </li>
+        )}
      </ul>
    </div>
  );
@@ -3,18 +3,27 @@ import React, { useEffect, useState } from 'react';

 import NumberInput from './NumberInput';
 import FontDropdown from './FontDropDown';
-import { MONOSPACE_FONTS, SANS_SERIF_FONTS, SERIF_FONTS } from '@/services/constants';
+import {
+  LINUX_FONTS,
+  MACOS_FONTS,
+  MONOSPACE_FONTS,
+  SANS_SERIF_FONTS,
+  SERIF_FONTS,
+  WINDOWS_FONTS,
+} from '@/services/constants';
 import { useReaderStore } from '@/store/readerStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useTheme } from '@/hooks/useTheme';
 import { getStyles } from '@/utils/style';
+import { getOSPlatform } from '@/utils/misc';

 interface FontFaceProps {
  className?: string;
  family: string;
  label: string;
  options: string[];
+  moreOptions?: string[];
  selected: string;
  onSelect: (option: string) => void;
 }
@@ -25,12 +34,21 @@ const handleFontFaceFont = (option: string, family: string) => {
  return `'${option}', ${family}`;
 };

-const FontFace = ({ className, family, label, options, selected, onSelect }: FontFaceProps) => (
+const FontFace = ({
+  className,
+  family,
+  label,
+  options,
+  moreOptions,
+  selected,
+  onSelect,
+}: FontFaceProps) => (
  <div className={clsx('config-item', className)}>
    <span className=''>{label}</span>
    <FontDropdown
      family={family}
      options={options}
+      moreOptions={moreOptions}
      selected={selected}
      onSelect={onSelect}
      onGetFontFamily={handleFontFaceFont}
@@ -46,6 +64,21 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const viewSettings = getViewSettings(bookKey)!;
  const { themeCode } = useTheme();

+  const osPlatform = getOSPlatform();
+  let moreFonts: string[] = [];
+  switch (osPlatform) {
+    case 'macos':
+      moreFonts = MACOS_FONTS;
+      break;
+    case 'windows':
+      moreFonts = WINDOWS_FONTS;
+      break;
+    case 'linux':
+      moreFonts = LINUX_FONTS;
+      break;
+    default:
+      break;
+  }
  const [defaultFontSize, setDefaultFontSize] = useState(viewSettings.defaultFontSize!);
  const [minFontSize, setMinFontSize] = useState(viewSettings.minimumFontSize!);
  const [overrideFont, setOverrideFont] = useState(viewSettings.overrideFont!);
@@ -206,6 +239,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              family='serif'
              label={_('Serif Font')}
              options={SERIF_FONTS}
+              moreOptions={moreFonts}
              selected={serifFont}
              onSelect={setSerifFont}
            />
@@ -213,6 +247,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              family='sans-serif'
              label={_('Sans-Serif Font')}
              options={SANS_SERIF_FONTS}
+              moreOptions={moreFonts}
              selected={sansSerifFont}
              onSelect={setSansSerifFont}
            />
@@ -221,6 +256,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              family='monospace'
              label={_('Monospace Font')}
              options={MONOSPACE_FONTS}
+              moreOptions={moreFonts}
              selected={monospaceFont}
              onSelect={setMonospaceFont}
            />
@@ -1,17 +1,24 @@
 import React, { useEffect, useState } from 'react';
+import { MdOutlineAutoMode } from 'react-icons/md';
+import { MdOutlineTextRotationDown, MdOutlineTextRotationNone } from 'react-icons/md';
+
+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 { getStyles } from '@/utils/style';
-import { ONE_COLUMN_MAX_INLINE_SIZE } from '@/services/constants';
-import NumberInput from './NumberInput';
 import { useTheme } from '@/hooks/useTheme';
+import { getStyles } from '@/utils/style';
+import { getBookLangCode } from '@/utils/book';
+import NumberInput from './NumberInput';

 const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const _ = useTranslation();
  const { settings, isFontLayoutSettingsGlobal, setSettings } = useSettingsStore();
  const { getView, getViewSettings, setViewSettings } = useReaderStore();
+  const { getBookData } = useBookDataStore();
  const view = getView(bookKey);
+  const bookData = getBookData(bookKey)!;
  const viewSettings = getViewSettings(bookKey)!;
  const { themeCode } = useTheme();

@@ -23,6 +30,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [maxColumnCount, setMaxColumnCount] = useState(viewSettings.maxColumnCount!);
  const [maxInlineSize, setMaxInlineSize] = useState(viewSettings.maxInlineSize!);
  const [maxBlockSize, setMaxBlockSize] = useState(viewSettings.maxBlockSize!);
+  const [writingMode, setWritingMode] = useState(viewSettings.writingMode!);

  useEffect(() => {
    viewSettings.lineHeight = lineHeight;
@@ -111,8 +119,55 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [maxInlineSize]);

+  useEffect(() => {
+    // global settings are not supported for writing mode
+    viewSettings.writingMode = writingMode;
+    setViewSettings(bookKey, viewSettings);
+    view?.renderer.setStyles?.(getStyles(viewSettings, themeCode));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [writingMode]);
+
+  const langCode = getBookLangCode(bookData.bookDoc?.metadata?.language);
+  const isCJKBook = langCode === 'zh' || langCode === 'ja' || langCode === 'ko';
+
  return (
    <div className='my-4 w-full space-y-6'>
+      {isCJKBook && (
+        <div className='w-full'>
+          <div className='flex items-center justify-between'>
+            <h2 className='font-medium'>{_('Writing Mode')}</h2>
+            <div className='flex gap-2'>
+              <div className='tooltip tooltip-bottom' data-tip={_('Default')}>
+                <button
+                  className={`btn btn-ghost btn-circle ${writingMode === 'auto' ? 'btn-active bg-base-300' : ''}`}
+                  onClick={() => setWritingMode('auto')}
+                >
+                  <MdOutlineAutoMode size={20} />
+                </button>
+              </div>
+
+              <div className='tooltip tooltip-bottom' data-tip={_('Horizontal Direction')}>
+                <button
+                  className={`btn btn-ghost btn-circle ${writingMode === 'horizontal-tb' ? 'btn-active bg-base-300' : ''}`}
+                  onClick={() => setWritingMode('horizontal-tb')}
+                >
+                  <MdOutlineTextRotationNone size={20} />
+                </button>
+              </div>
+
+              <div className='tooltip tooltip-bottom' data-tip={_('Vertical Direction')}>
+                <button
+                  className={`btn btn-ghost btn-circle ${writingMode === 'vertical-rl' ? 'btn-active bg-base-300' : ''}`}
+                  onClick={() => setWritingMode('vertical-rl')}
+                >
+                  <MdOutlineTextRotationDown size={20} />
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+
      <div className='w-full'>
        <h2 className='mb-2 font-medium'>{_('Paragraph')}</h2>
        <div className='card bg-base-100 border-base-200 border shadow'>
@@ -1,13 +1,12 @@
+import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 import { useReaderStore } from '@/store/readerStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
-import cssbeautify from 'cssbeautify';
 import { getStyles } from '@/utils/style';
 import { useTheme } from '@/hooks/useTheme';
-
-const cssRegex =
-  /((?:\s*)([\w#.@*,:\-.:>+~$$$$\"=(),*\s]+)\s*{(?:[\s]*)((?:[^\}]+[:][^\}]+;?)*)*\s*}(?:\s*))/gim;
+import cssbeautify from 'cssbeautify';
+import cssValidate from '@/utils/css';

 const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const _ = useTranslation();
@@ -18,44 +17,51 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {

  const [animated, setAnimated] = useState(viewSettings.animated!);
  const [isDisableClick, setIsDisableClick] = useState(viewSettings.disableClick!);
-  const [userStylesheet, setUserStylesheet] = useState(viewSettings.userStylesheet!);
+  const [draftStylesheet, setDraftStylesheet] = useState(viewSettings.userStylesheet!);
+  const [draftStylesheetSaved, setDraftStylesheetSaved] = useState(true);
  const [error, setError] = useState<string | null>(null);

-  let cssInput = userStylesheet;
-
-  const validateCSS = (css: string) => {
-    return cssRegex.test(css);
-  };
-
  const handleUserStylesheetChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    cssInput = e.target.value;
+    const cssInput = e.target.value;
+    setDraftStylesheet(cssInput);
+    setDraftStylesheetSaved(false);

    try {
-      const formattedCSS = cssbeautify(cssInput, {
-        indent: '  ',
-        openbrace: 'end-of-line',
-        autosemicolon: true,
-      });
-      setUserStylesheet(formattedCSS);
-
-      if (cssInput && !validateCSS(cssInput)) {
-        throw new Error('Invalid CSS');
+      const { isValid, error } = cssValidate(cssInput);
+      if (cssInput && !isValid) {
+        throw new Error(error || 'Invalid CSS');
      }
      setError(null);
-
-      viewSettings.userStylesheet = formattedCSS;
-      setViewSettings(bookKey, viewSettings);
-      if (isFontLayoutSettingsGlobal) {
-        settings.globalViewSettings.userStylesheet = formattedCSS;
-        setSettings(settings);
+    } catch (err: unknown) {
+      if (err instanceof Error) {
+        setError(err.message);
+      } else {
+        setError('Invalid CSS: Please check your input.');
      }
-      getView(bookKey)?.renderer.setStyles?.(getStyles(viewSettings, themeCode));
-    } catch (err) {
-      setError('Invalid CSS: Please check your input.');
      console.log('CSS Error:', err);
    }
  };

+  const applyStyles = () => {
+    const formattedCSS = cssbeautify(draftStylesheet, {
+      indent: '  ',
+      openbrace: 'end-of-line',
+      autosemicolon: true,
+    });
+
+    setDraftStylesheet(formattedCSS);
+    setDraftStylesheetSaved(true);
+    viewSettings.userStylesheet = formattedCSS;
+    setViewSettings(bookKey, viewSettings);
+
+    if (isFontLayoutSettingsGlobal) {
+      settings.globalViewSettings.userStylesheet = formattedCSS;
+      setSettings(settings);
+    }
+
+    getView(bookKey)?.renderer.setStyles?.(getStyles(viewSettings, themeCode));
+  };
+
  const handleInput = (e: React.FormEvent<HTMLTextAreaElement>) => {
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
@@ -90,7 +96,7 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    <div className='my-4 w-full space-y-6'>
      <div className='w-full'>
        <h2 className='mb-2 font-medium'>{_('Animation')}</h2>
-        <div className='card bg-base-100 border shadow'>
+        <div className='card border-base-200 bg-base-100 border shadow'>
          <div className='divide-y'>
            <div className='config-item config-item-top config-item-bottom'>
              <span className='text-gray-700'>{_('Paging Animation')}</span>
@@ -107,7 +113,7 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {

      <div className='w-full'>
        <h2 className='mb-2 font-medium'>{_('Behavior')}</h2>
-        <div className='card bg-base-100 border shadow'>
+        <div className='card border-base-200 bg-base-100 border shadow'>
          <div className='divide-y'>
            <div className='config-item config-item-top config-item-bottom'>
              <span className='text-gray-700'>{_('Disable Click-to-Flip')}</span>
@@ -124,22 +130,34 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {

      <div className='w-full'>
        <h2 className='mb-2 font-medium'>{_('Custom CSS')}</h2>
-        <div className={`card bg-base-100 border shadow ${error ? 'border-red-500' : ''}`}>
-          <div className='divide-y'>
-            <div className='css-text-area config-item-top config-item-bottom p-1'>
-              <textarea
-                className='textarea textarea-ghost h-48 w-full border-0 p-3 !outline-none'
-                placeholder={_('Enter your custom CSS here...')}
-                spellCheck='false'
-                value={cssInput}
-                onInput={handleInput}
-                onKeyDown={handleInput}
-                onKeyUp={handleInput}
-                onChange={handleUserStylesheetChange}
-              />
-            </div>
+        <div
+          className={`card border-base-200 bg-base-100 border shadow ${error ? 'border-red-500' : ''}`}
+        >
+          <div className='relative p-1'>
+            <textarea
+              className='textarea textarea-ghost h-48 w-full border-0 p-3 !outline-none'
+              placeholder={_('Enter your custom CSS here...')}
+              spellCheck='false'
+              value={draftStylesheet}
+              onInput={handleInput}
+              onKeyDown={handleInput}
+              onKeyUp={handleInput}
+              onChange={handleUserStylesheetChange}
+            />
+            <button
+              className={clsx(
+                'btn btn-ghost bg-base-200 absolute bottom-2 right-4 h-8 min-h-8 px-4 py-2',
+                draftStylesheetSaved ? 'hidden' : '',
+                error ? 'btn-disabled' : '',
+              )}
+              onClick={applyStyles}
+              disabled={!!error}
+            >
+              {_('Apply')}
+            </button>
          </div>
        </div>
+        {error && <p className='mt-1 text-sm text-red-500'>{error}</p>}
      </div>
    </div>
  );
@@ -38,8 +38,8 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
  }, []);

  return (
-    <dialog className='modal modal-open min-w-90 w-full'>
-      <div className='modal-box settings-content flex h-[60%] w-1/2 min-w-[480px] max-w-full flex-col p-0'>
+    <dialog className='modal modal-open min-w-90 w-full !bg-[rgba(0,0,0,0.2)]'>
+      <div className='modal-box settings-content flex h-[65%] w-1/2 min-w-[540px] max-w-full flex-col p-0'>
        <div className='dialog-header bg-base-100 sticky top-0 z-10 flex items-center justify-center px-4 pt-2'>
          <div className='dialog-tabs flex h-10 max-w-[80%] flex-grow items-center justify-around'>
            <button
@@ -73,7 +73,7 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
          </div>
          <div className='flex h-full items-center justify-end'>
            <Dropdown
-              className='dropdown-bottom dropdown-end absolute right-[7%]'
+              className='dropdown-bottom dropdown-end'
              buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
              toggleButton={<PiDotsThreeVerticalBold size={16} />}
            >
@@ -1,20 +1,22 @@
 import React from 'react';
 import Image from 'next/image';
 import { MdInfoOutline } from 'react-icons/md';
+import { Book } from '@/types/book';
 import { useTranslation } from '@/hooks/useTranslation';
+import { eventDispatcher } from '@/utils/event';

-interface BookCardProps {
-  cover: string;
-  title: string;
-  author: string;
-}
-
-const BookCard: React.FC<BookCardProps> = ({ cover, title, author }) => {
+const BookCard = ({ book }: { book: Book }) => {
+  const { coverImageUrl, title, author } = book;
  const _ = useTranslation();
+
+  const showBookDetails = () => {
+    eventDispatcher.dispatchSync('show-book-details', book);
+  };
+
  return (
    <div className='flex h-20 w-full items-center'>
      <Image
-        src={cover}
+        src={coverImageUrl!}
        alt={_('Book Cover')}
        width={56}
        height={80}
@@ -31,7 +33,7 @@ const BookCard: React.FC<BookCardProps> = ({ cover, title, author }) => {
        className='btn btn-ghost hover:bg-base-300 h-6 min-h-6 w-6 rounded-full p-0 transition-colors'
        aria-label={_('More Info')}
      >
-        <MdInfoOutline size={18} className='fill-base-content' />
+        <MdInfoOutline size={18} className='fill-base-content' onClick={showBookDetails} />
      </button>
    </div>
  );
@@ -10,7 +10,8 @@ import { BookSearchConfig, BookSearchResult } from '@/types/book';
 import Dropdown from '@/components/Dropdown';
 import SearchOptions from './SearchOptions';

-const MINIMUM_SEARCH_TERM_LENGTH = 2;
+const MINIMUM_SEARCH_TERM_LENGTH_DEFAULT = 2;
+const MINIMUM_SEARCH_TERM_LENGTH_CJK = 1;

 interface SearchBarProps {
  isVisible: boolean;
@@ -97,8 +98,15 @@ const SearchBar: React.FC<SearchBarProps> = ({
    handleSearchTermChange(searchTerm);
  };

+  const exceedMinSearchTermLength = (searchTerm: string) => {
+    const isCJK = /[\u4e00-\u9fa5\u3040-\u30ff\uac00-\ud7af]/.test(searchTerm);
+    const minLength = isCJK ? MINIMUM_SEARCH_TERM_LENGTH_CJK : MINIMUM_SEARCH_TERM_LENGTH_DEFAULT;
+
+    return searchTerm.length >= minLength;
+  };
+
  const handleSearchTermChange = (term: string) => {
-    if (term.length >= MINIMUM_SEARCH_TERM_LENGTH) {
+    if (exceedMinSearchTermLength(term)) {
      handleSearch(term);
    } else {
      resetSearch();
@@ -118,7 +126,10 @@ const SearchBar: React.FC<SearchBarProps> = ({
          onSearchResultChange([...results]);
          isSearchPending.current = false;
          console.log('search done');
-          if (queuedSearchTerm.current !== term && queuedSearchTerm.current.length > 2) {
+          if (
+            queuedSearchTerm.current !== term &&
+            exceedMinSearchTermLength(queuedSearchTerm.current)
+          ) {
            handleSearch(queuedSearchTerm.current);
          }
        }
@@ -26,7 +26,7 @@ const SearchResultItem: React.FC<SearchResultItemProps> = ({
      ref={viewRef}
      className={clsx(
        'my-2 cursor-pointer rounded-lg p-2 text-sm',
-        isCurrent ? 'bg-base-300 hover:bg-gray-300/70' : 'hover:bg-base-300 bg-white',
+        isCurrent ? 'bg-base-300 hover:bg-gray-300/70' : 'hover:bg-base-300 bg-base-100',
      )}
      onClick={() => onSelectResult(cfi)}
    >
@@ -125,7 +125,7 @@ const SideBar: React.FC<{
            />
          </div>
          <div className='border-base-300/50 border-b px-3'>
-            <BookCard cover={book.coverImageUrl!} title={book.title} author={book.author} />
+            <BookCard book={book} />
          </div>
        </div>
        {isSearchBarVisible && searchResults ? (
@@ -21,6 +21,8 @@ export const useProgressSync = (
  const { user } = useAuth();
  const view = getView(bookKey);
  const config = getConfig(bookKey);
+  // flag to prevent accidental sync without first pulling the config
+  const configSynced = useRef(false);

  const pushConfig = (bookKey: string, config: BookConfig | null) => {
    if (!config || !user) return;
@@ -31,13 +33,26 @@ export const useProgressSync = (
    );
    syncConfigs([compressedConfig], bookHash, 'push');
  };
-
-  useEffect(() => {
+  const pullConfig = (bookKey: string) => {
    if (!user) return;
    const bookHash = bookKey.split('-')[0]!;
    syncConfigs([], bookHash, 'pull');
-    return () => {
+  };
+  const syncConfig = () => {
+    if (!configSynced.current) {
+      pullConfig(bookKey);
+    } else {
      pushConfig(bookKey, config);
+    }
+  };
+
+  useEffect(() => {
+    if (!user) return;
+    pullConfig(bookKey);
+    return () => {
+      if (configSynced.current) {
+        pushConfig(bookKey, config);
+      }
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
@@ -46,18 +61,19 @@ export const useProgressSync = (
  const syncTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
  useEffect(() => {
    if (!config?.location || !user) return;
+
    const now = Date.now();
    const timeSinceLastSync = now - lastProgressSyncTime.current;
-    if (configSynced.current && timeSinceLastSync > SYNC_PROGRESS_INTERVAL_SEC * 1000) {
+    if (timeSinceLastSync > SYNC_PROGRESS_INTERVAL_SEC * 1000) {
      lastProgressSyncTime.current = now;
-      pushConfig(bookKey, config);
+      syncConfig();
    } else {
      if (syncTimeoutRef.current) clearTimeout(syncTimeoutRef.current);
      syncTimeoutRef.current = setTimeout(
        () => {
          lastProgressSyncTime.current = Date.now();
-          pushConfig(bookKey, config);
          syncTimeoutRef.current = null;
+          syncConfig();
        },
        SYNC_PROGRESS_INTERVAL_SEC * 1000 - timeSinceLastSync,
      );
@@ -66,9 +82,9 @@ export const useProgressSync = (
  }, [config]);

  // sync progress once when the book is opened
-  const configSynced = useRef(false);
  useEffect(() => {
-    if (!configSynced.current && syncedConfigs?.length > 0) {
+    if (!configSynced.current && syncedConfigs) {
+      configSynced.current = true;
      const syncedConfig = syncedConfigs.filter((c) => c.bookHash === bookKey.split('-')[0])[0];
      if (syncedConfig) {
        const newConfig = deserializeConfig(
@@ -77,7 +93,6 @@ export const useProgressSync = (
          DEFAULT_BOOK_SEARCH_CONFIG,
        );
        setConfig(bookKey, { ...config, ...newConfig });
-        configSynced.current = true;
        if ((syncedConfig.progress?.[1] ?? 0) > 0 && (config?.progress?.[1] ?? 0) > 0) {
          const syncedFraction = syncedConfig.progress![0] / syncedConfig.progress![1];
          const configFraction = config!.progress![0] / config!.progress![1];
@@ -2,7 +2,7 @@

 import { useEffect } from 'react';
 import { useTheme } from '@/hooks/useTheme';
-import { isTauriAppPlatform } from '@/services/environment';
+import { hasUpdater } from '@/services/environment';
 import { checkForAppUpdates } from '@/helpers/updater';
 import Reader from './components/Reader';

@@ -10,7 +10,7 @@ export default function Page() {
  useTheme();
  useEffect(() => {
    const doAppUpdates = async () => {
-      if (isTauriAppPlatform()) {
+      if (hasUpdater()) {
        await checkForAppUpdates();
      }
    };
@@ -9,6 +9,7 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { formatDate, formatSubject } from '@/utils/book';
 import WindowButtons from '@/components/WindowButtons';
 import Spinner from './Spinner';
+import { BookDoc } from '@/libs/document';

 interface BookDetailModalProps {
  book: Book;
@@ -19,19 +20,25 @@ interface BookDetailModalProps {
 const BookDetailModal = ({ book, isOpen, onClose }: BookDetailModalProps) => {
  const _ = useTranslation();
  const [loading, setLoading] = useState(false);
-  const [bookMeta, setBookMeta] = useState<null | {
-    title: string;
-    language: string | string[];
-    editor?: string;
-    publisher?: string;
-    published?: string;
-    description?: string;
-    subject?: string[];
-    identifier?: string;
-  }>(null);
+  const [bookMeta, setBookMeta] = useState<BookDoc['metadata'] | null>(null);
  const { envConfig } = useEnv();
  const { settings } = useSettingsStore();

+  useEffect(() => {
+    if (!isOpen) return;
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        onClose();
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [isOpen, onClose]);
+
  useEffect(() => {
    const loadingTimeout = setTimeout(() => setLoading(true), 300);
    const fetchBookDetails = async () => {
@@ -98,10 +105,10 @@ const BookDetailModal = ({ book, isOpen, onClose }: BookDetailModalProps) => {
              </div>
            </div>

-            <div className='title-author flex h-40 flex-col justify-between pr-4'>
+            <div className='title-author flex h-40 max-w-[60%] flex-col justify-between pr-4'>
              <div>
-                <h2 className='text-base-content mb-2 line-clamp-2 text-2xl font-bold'>
-                  {bookMeta.title || _('Untitled')}
+                <h2 className='text-base-content mb-2 line-clamp-2 break-all text-2xl font-bold'>
+                  {book.title || _('Untitled')}
                </h2>
                <p className='text-neutral-content line-clamp-1'>{book.author || _('Unknown')}</p>
              </div>
@@ -34,7 +34,7 @@ const Dropdown: React.FC<DropdownProps> = ({
    : children;

  return (
-    <>
+    <div className='dropdown-container'>
      {isOpen && (
        <div className='fixed inset-0 bg-transparent' onClick={() => setIsDropdownOpen(false)} />
      )}
@@ -48,7 +48,7 @@ const Dropdown: React.FC<DropdownProps> = ({
        </div>
        {isOpen && childrenWithToggle}
      </div>
-    </>
+    </div>
  );
 };

@@ -21,7 +21,7 @@ const Popup = ({
 }) => (
  <div>
    <div
-      className={`triangle text-base-200 absolute z-10 ${triangleClassName}`}
+      className={`triangle text-base-200 absolute z-40 ${triangleClassName}`}
      style={{
        left:
          trianglePosition?.dir === 'left'
@@ -67,7 +67,7 @@ const Popup = ({
    />
    <div
      id='popup-container'
-      className={`bg-base-200 absolute rounded-lg font-sans shadow-xl ${className}`}
+      className={`bg-base-200 absolute z-30 rounded-lg font-sans shadow-xl ${className}`}
      style={{
        width: `${width}px`,
        height: `${height}px`,
@@ -8,7 +8,7 @@ const Toast: React.FC<{ message: string; toastClass?: string; alertClass?: strin
 }) => (
  <div className={clsx('toast toast-center toast-middle', toastClass)}>
    <div className={clsx('alert flex items-center justify-center border-0', alertClass)}>
-      <span>{message}</span>
+      <span className='whitespace-normal break-words'>{message}</span>
    </div>
  </div>
 );
@@ -1,5 +1,6 @@
 import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
+import { useEnv } from '@/context/EnvContext';

 import { tauriHandleMinimize, tauriHandleToggleMaximize, tauriHandleClose } from '@/utils/window';
 import { isTauriAppPlatform } from '@/services/environment';
@@ -44,6 +45,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
  onClose,
 }) => {
  const parentRef = useRef<HTMLDivElement>(null);
+  const { appService } = useEnv();

  const handleMouseDown = async (e: MouseEvent) => {
    const target = e.target as HTMLElement;
@@ -51,6 +53,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
    if (
      target.closest('.btn') ||
      target.closest('.window-button') ||
+      target.closest('.dropdown-container') ||
      target.closest('.exclude-title-bar-mousedown')
    ) {
      return;
@@ -110,7 +113,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
        className,
      )}
    >
-      {showMinimize && (
+      {showMinimize && appService?.hasWindowBar && (
        <WindowButton onClick={handleMinimize} ariaLabel='Minimize' id='titlebar-minimize'>
          <svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'>
            <path fill='currentColor' d='M20 14H4v-2h16' />
@@ -118,7 +121,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
        </WindowButton>
      )}

-      {showMaximize && (
+      {showMaximize && appService?.hasWindowBar && (
        <WindowButton onClick={handleMaximize} ariaLabel='Maximize/Restore' id='titlebar-maximize'>
          <svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'>
            <path fill='currentColor' d='M4 4h16v16H4zm2 4v10h12V8z' />
@@ -126,7 +129,7 @@ const WindowButtons: React.FC<WindowButtonsProps> = ({
        </WindowButton>
      )}

-      {showClose && (
+      {showClose && (appService?.hasWindowBar || onClose) && (
        <WindowButton onClick={handleClose} ariaLabel='Close' id='titlebar-close'>
          <svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'>
            <path
@@ -29,10 +29,8 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
  });

  useEffect(() => {
-    const fetchSession = async () => {
-      const {
-        data: { session },
-      } = await supabase.auth.getSession();
+    const syncSession = (session: { access_token: string; user: User } | null) => {
+      console.log('Syncing session');
      if (session) {
        const { access_token, user } = session;
        setToken(access_token);
@@ -46,10 +44,20 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
        setUser(null);
      }
    };
+    const fetchSession = async () => {
+      const { data } = await supabase.auth.getSession();
+      syncSession(data.session);
+    };

-    console.log('Fetching session');
    fetchSession();
-  }, [token]);
+    const { data: subscription } = supabase.auth.onAuthStateChange((_, session) => {
+      syncSession(session);
+    });
+
+    return () => {
+      subscription?.subscription.unsubscribe();
+    };
+  }, []);

  const login = (newToken: string, newUser: User) => {
    console.log('Logging in');
@@ -1,4 +1,4 @@
-import { isWebAppPlatform } from '@/services/environment';
+import { isWebAppPlatform, hasCli } from '@/services/environment';

 declare global {
  interface Window {
@@ -36,7 +36,7 @@ export const parseOpenWithFiles = async () => {
  if (isWebAppPlatform()) return [];

  let files = parseWindowOpenWithFiles();
-  if (!files) {
+  if (!files && hasCli()) {
    files = await parseCLIOpenWithFiles();
  }
  return files;
@@ -28,7 +28,7 @@ const DEFAULT_SHORTCUTS: ShortcutConfig = {
  onReloadPage: ['shift+r'],
  onQuitApp: ['ctrl+q', 'cmd+q'],
  onGoLeft: ['ArrowLeft', 'PageUp', 'h'],
-  onGoRight: ['ArrowRight', 'PageDown', 'l'],
+  onGoRight: ['ArrowRight', 'PageDown', 'l', ' '],
  onGoNext: ['ArrowDown', 'j'],
  onGoPrev: ['ArrowUp', 'k'],
  onGoBack: ['shift+ArrowLeft', 'shift+h'],
@@ -51,14 +51,15 @@ export function useSync(bookKey?: string) {
  );

  const [syncing, setSyncing] = useState(false);
+  // null means unsynced, empty array means synced no changes
  const [syncResult, setSyncResult] = useState<SyncResult>({
-    books: [],
-    configs: [],
-    notes: [],
+    books: null,
+    configs: null,
+    notes: null,
  });
-  const [syncedBooks, setSyncedBooks] = useState<Book[]>([]);
-  const [syncedConfigs, setSyncedConfigs] = useState<BookConfig[]>([]);
-  const [syncedNotes, setSyncedNotes] = useState<BookNote[]>([]);
+  const [syncedBooks, setSyncedBooks] = useState<Book[] | null>(null);
+  const [syncedConfigs, setSyncedConfigs] = useState<BookConfig[] | null>(null);
+  const [syncedNotes, setSyncedNotes] = useState<BookNote[] | null>(null);

  const { syncClient } = useSyncContext();

@@ -76,11 +77,11 @@ export function useSync(bookKey?: string) {

    try {
      const result = await syncClient.pullChanges(since, type, bookId);
+      setSyncResult({ ...syncResult, [type]: result[type] });
      const records = result[type];
-      if (!records.length) return;
-      const maxTime = computeMaxTimestamp(result[type]);
+      if (!records?.length) return;
+      const maxTime = computeMaxTimestamp(records);
      setLastSyncedAt(maxTime);
-      setSyncResult(result);
      switch (type) {
        case 'books':
          settings.lastSyncedAtBooks = maxTime;
@@ -169,16 +170,18 @@ export function useSync(bookKey?: string) {
  useEffect(() => {
    if (!syncing && syncResult) {
      const { books: dbBooks, configs: dbBookConfigs, notes: dbBookNotes } = syncResult;
-      const books = dbBooks.map((dbBook) => transformsFromDB['books'](dbBook as unknown as DBBook));
-      const configs = dbBookConfigs.map((dbBookConfig) =>
+      const books = dbBooks?.map((dbBook) =>
+        transformsFromDB['books'](dbBook as unknown as DBBook),
+      );
+      const configs = dbBookConfigs?.map((dbBookConfig) =>
        transformsFromDB['configs'](dbBookConfig as unknown as DBBookConfig),
      );
-      const notes = dbBookNotes.map((dbBookNote) =>
+      const notes = dbBookNotes?.map((dbBookNote) =>
        transformsFromDB['notes'](dbBookNote as unknown as DBBookNote),
      );
-      if (books.length) setSyncedBooks(books);
-      if (configs.length) setSyncedConfigs(configs);
-      if (notes.length) setSyncedNotes(notes);
+      if (books) setSyncedBooks(books);
+      if (configs) setSyncedConfigs(configs);
+      if (notes) setSyncedNotes(notes);
    }
  }, [syncResult, syncing]);

@@ -1,4 +1,5 @@
 import { BookFormat } from '@/types/book';
+import { Contributor, LanguageMap } from '@/utils/book';
 import * as epubcfi from 'foliate-js/epubcfi.js';

 // A groupBy polyfill for foliate-js
@@ -51,11 +52,16 @@ export interface SectionItem {

 export interface BookDoc {
  metadata: {
-    title: string;
-    author: string;
+    // NOTE: the title and author fields should be formatted
+    title: string | LanguageMap;
+    author: string | Contributor;
    language: string | string[];
    editor?: string;
    publisher?: string;
+    published?: string;
+    description?: string;
+    subject?: string[];
+    identifier?: string;
  };
  toc?: Array<TOCItem>;
  sections?: Array<SectionItem>;
@@ -18,9 +18,9 @@ interface BookConfigRecord extends BookDataRecord, BookConfig {}
 interface BookNoteRecord extends BookDataRecord, BookNote {}

 export interface SyncResult {
-  books: BookRecord[];
-  notes: BookNoteRecord[];
-  configs: BookConfigRecord[];
+  books: BookRecord[] | null;
+  notes: BookNoteRecord[] | null;
+  configs: BookConfigRecord[] | null;
 }

 export interface SyncData {
@@ -35,6 +35,7 @@ export abstract class BaseAppService implements AppService {
  abstract appPlatform: AppPlatform;
  abstract isAppDataSandbox: boolean;
  abstract hasTrafficLight: boolean;
+  abstract hasWindowBar: boolean;

  abstract resolvePath(fp: string, base: BaseDir): { baseDir: number; base: BaseDir; fp: string };
  abstract getCoverImageUrl(book: Book): string;
@@ -42,6 +42,7 @@ export const DEFAULT_BOOK_LAYOUT: BookLayout = {
  maxInlineSize: 720,
  maxBlockSize: 1440,
  animated: false,
+  writingMode: 'auto',
  vertical: false,
 };

@@ -82,6 +83,162 @@ export const SANS_SERIF_FONTS = ['Roboto', 'Noto Sans', 'Open Sans', 'Helvetica'

 export const MONOSPACE_FONTS = ['Fira Code', 'Lucida Console', 'Consolas', 'Courier New'];

+export const WINDOWS_FONTS = [
+  'Arial',
+  'Arial Black',
+  'Bahnschrift',
+  'Calibri',
+  'Cambria',
+  'Cambria Math',
+  'Candara',
+  'Comic Sans MS',
+  'Consolas',
+  'Constantia',
+  'Corbel',
+  'Courier New',
+  'Ebrima',
+  'Franklin Gothic Medium',
+  'Gabriola',
+  'Gadugi',
+  'Georgia',
+  'HoloLens MDL2 Assets',
+  'Impact',
+  'Ink Free',
+  'Javanese Text',
+  'Leelawadee UI',
+  'Lucida Console',
+  'Lucida Sans Unicode',
+  'Malgun Gothic',
+  'Marlett',
+  'Microsoft Himalaya',
+  'Microsoft JhengHei',
+  'Microsoft New Tai Lue',
+  'Microsoft PhagsPa',
+  'Microsoft Sans Serif',
+  'Microsoft Tai Le',
+  'Microsoft YaHei',
+  'Microsoft Yi Baiti',
+  'MingLiU-ExtB',
+  'Mongolian Baiti',
+  'MS Gothic',
+  'MV Boli',
+  'Myanmar Text',
+  'Nirmala UI',
+  'Palatino Linotype',
+  'Segoe MDL2 Assets',
+  'Segoe Print',
+  'Segoe Script',
+  'Segoe UI',
+  'Segoe UI Historic',
+  'Segoe UI Emoji',
+  'Segoe UI Symbol',
+  'SimSun',
+  'Sitka',
+  'Sylfaen',
+  'Symbol',
+  'Tahoma',
+  'Times New Roman',
+  'Trebuchet MS',
+  'Verdana',
+  'Webdings',
+  'Wingdings',
+  'Yu Gothic',
+];
+
+export const MACOS_FONTS = [
+  'American Typewriter',
+  'Andale Mono',
+  'Arial',
+  'Arial Black',
+  'Arial Narrow',
+  'Arial Rounded MT Bold',
+  'Arial Unicode MS',
+  'Avenir',
+  'Avenir Next',
+  'Avenir Next Condensed',
+  'Baskerville',
+  'Big Caslon',
+  'Bodoni 72',
+  'Bodoni 72 Oldstyle',
+  'Bodoni 72 Smallcaps',
+  'Bradley Hand',
+  'Brush Script MT',
+  'Chalkboard',
+  'Chalkboard SE',
+  'Chalkduster',
+  'Charter',
+  'Cochin',
+  'Comic Sans MS',
+  'Copperplate',
+  'Courier',
+  'Courier New',
+  'Didot',
+  'DIN Alternate',
+  'DIN Condensed',
+  'Futura',
+  'Geneva',
+  'Georgia',
+  'Gill Sans',
+  'Helvetica',
+  'Helvetica Neue',
+  'Herculanum',
+  'Hoefler Text',
+  'Impact',
+  'Lucida Grande',
+  'Luminari',
+  'Marker Felt',
+  'Menlo',
+  'Microsoft Sans Serif',
+  'Monaco',
+  'Noteworthy',
+  'Optima',
+  'Palatino',
+  'Papyrus',
+  'Phosphate',
+  'Rockwell',
+  'Savoye LET',
+  'SignPainter',
+  'Skia',
+  'Snell Roundhand',
+  'Tahoma',
+  'Times',
+  'Times New Roman',
+  'Trattatello',
+  'Trebuchet MS',
+  'Verdana',
+  'Zapfino',
+];
+
+export const LINUX_FONTS = [
+  'Arial',
+  'Cantarell',
+  'Comic Sans MS',
+  'Courier New',
+  'DejaVu Sans',
+  'DejaVu Sans Mono',
+  'DejaVu Serif',
+  'Droid Sans',
+  'Droid Sans Mono',
+  'FreeMono',
+  'FreeSans',
+  'FreeSerif',
+  'Georgia',
+  'Impact',
+  'Liberation Mono',
+  'Liberation Sans',
+  'Liberation Serif',
+  'Noto Mono',
+  'Noto Sans',
+  'Noto Serif',
+  'Open Sans',
+  'Poppins',
+  'Symbola',
+  'Times New Roman',
+  'Ubuntu',
+  'Ubuntu Mono',
+  'Wingdings',
+];
+
 export const ONE_COLUMN_MAX_INLINE_SIZE = 9999;

 export const BOOK_IDS_SEPARATOR = '+';
@@ -1,7 +1,16 @@
 import { AppService } from '@/types/system';

+declare global {
+  interface Window {
+    __READEST_CLI_ACCESS?: boolean;
+    __READEST_UPDATER_ACCESS?: boolean;
+  }
+}
+
 export const isTauriAppPlatform = () => process.env['NEXT_PUBLIC_APP_PLATFORM'] === 'tauri';
 export const isWebAppPlatform = () => process.env['NEXT_PUBLIC_APP_PLATFORM'] === 'web';
+export const hasUpdater = () => window.__READEST_UPDATER_ACCESS === true;
+export const hasCli = () => window.__READEST_CLI_ACCESS === true;

 export interface EnvConfigType {
  getAppService: () => Promise<AppService>;
@@ -119,6 +119,7 @@ export class NativeAppService extends BaseAppService {
  appPlatform = 'tauri' as AppPlatform;
  isAppDataSandbox = isMobile;
  hasTrafficLight = osType() === 'macos';
+  hasWindowBar = !(osType() === 'ios' || osType() === 'android');

  override resolvePath(fp: string, base: BaseDir): { baseDir: number; base: BaseDir; fp: string } {
    return resolvePath(fp, base);
@@ -180,6 +180,7 @@ export class WebAppService extends BaseAppService {
  appPlatform = 'web' as AppPlatform;
  isAppDataSandbox = false;
  hasTrafficLight = false;
+  hasWindowBar = false;

  override resolvePath(fp: string, base: BaseDir): { baseDir: number; base: BaseDir; fp: string } {
    return resolvePath(fp, base);
@@ -19,9 +19,9 @@ interface ViewState {
  progress: BookProgress | null;
  ribbonVisible: boolean;
  /* View settings for the view: 
-    generally view settings have a hirarchy of global settings < book settings < view settings
+    generally view settings have a hierarchy of global settings < book settings < view settings
    view settings for primary view are saved to book config which is persisted to config file
-    ommitting settings that are not changed from global settings */
+    omitting settings that are not changed from global settings */
  viewSettings: ViewSettings | null;
 }

@@ -6,6 +6,7 @@
  --background: #ffffff;
  --foreground: #171717;
  border-radius: 10px;
+  scrollbar-gutter: auto !important;
 }

@media (prefers-color-scheme: dark) {
@@ -117,6 +118,14 @@ foliate-view {
  z-index: 0;
 }

+.dropdown-content.bgcolor-base-200 {
+  background-color: theme('colors.base-200');
+}
+.dropdown-content.bgcolor-base-200::before {
+  border-bottom: 12px solid theme('colors.base-200');
+  z-index: 1;
+}
+
 .dropdown-left::before,
 .dropdown-left::after {
  left: 20px;
@@ -51,6 +51,7 @@ export interface BookLayout {
  maxInlineSize: number;
  maxBlockSize: number;
  animated: boolean;
+  writingMode: string;
  vertical: boolean;
 }

@@ -23,6 +23,7 @@ export interface AppService {
  fs: FileSystem;
  appPlatform: AppPlatform;
  hasTrafficLight: boolean;
+  hasWindowBar: boolean;
  isAppDataSandbox: boolean;

  selectFiles(name: string, extensions: string[]): Promise<string[]>;
@@ -29,11 +29,11 @@ export const INIT_BOOK_CONFIG: BookConfig = {
  updatedAt: 0,
 };

-interface LanguageMap {
+export interface LanguageMap {
  [key: string]: string;
 }

-interface Contributor {
+export interface Contributor {
  name: LanguageMap;
 }

@@ -46,15 +46,15 @@ const formatLanguageMap = (x: string | LanguageMap): string => {
  return x[userLang] || x[keys[0]!]!;
 };

-const listFormat = (lang: string) => {
-  if (lang === 'zh') {
+export const listFormater = (narrow = false, lang = userLang) => {
+  if (narrow) {
    return new Intl.ListFormat('en', { style: 'narrow', type: 'unit' });
  } else {
    return new Intl.ListFormat(lang, { style: 'long', type: 'conjunction' });
  }
 };

-const getBookLangCode = (lang: string | string[] | undefined) => {
+export const getBookLangCode = (lang: string | string[] | undefined) => {
  try {
    const bookLang = typeof lang === 'string' ? lang : lang?.[0];
    return bookLang ? bookLang.split('-')[0]! : 'en';
@@ -66,9 +66,10 @@ const getBookLangCode = (lang: string | string[] | undefined) => {
 export const formatAuthors = (
  bookLang: string | string[] | undefined,
  contributors: string | Contributor | [string | Contributor],
-) =>
-  Array.isArray(contributors)
-    ? listFormat(getBookLangCode(bookLang)).format(
+) => {
+  const langCode = getBookLangCode(bookLang);
+  return Array.isArray(contributors)
+    ? listFormater(langCode === 'zh', langCode).format(
        contributors.map((contributor) =>
          typeof contributor === 'string' ? contributor : formatLanguageMap(contributor?.name),
        ),
@@ -76,7 +77,7 @@ export const formatAuthors = (
    : typeof contributors === 'string'
      ? contributors
      : formatLanguageMap(contributors?.name);
-
+};
 export const formatTitle = (title: string | LanguageMap) => {
  return typeof title === 'string' ? title : formatLanguageMap(title);
 };
@@ -0,0 +1,77 @@
+const cssValidate = (css: string) => {
+  // Remove comments and normalize whitespace
+  css = css.replace(/\/\*[\s\S]*?\*\//g, '').trim();
+
+  // CSS property pattern (validate both property name and value)
+  const propertyPattern = /^[\s\n]*[-\w]+\s*:\s*[^;]+;?$/;
+
+  // Check if empty
+  if (!css) return { isValid: false, error: 'Empty CSS' };
+
+  // Ensure balanced curly braces
+  const openBraces = (css.match(/{/g) || []).length;
+  const closeBraces = (css.match(/}/g) || []).length;
+  if (openBraces !== closeBraces) {
+    return { isValid: false, error: 'Unbalanced curly braces' };
+  }
+
+  // Split into rule blocks
+  const blocks = css
+    .split('}')
+    .map((block) => block.trim())
+    .filter(Boolean);
+
+  for (const block of blocks) {
+    // Ensure the block has a selector and declarations
+    const parts = block.split('{').map((part) => part.trim());
+    if (parts.length !== 2) {
+      return { isValid: false, error: 'Invalid CSS structure' };
+    }
+
+    const [selector, decls] = parts;
+
+    // Ensure selector is not empty
+    if (!selector) {
+      return { isValid: false, error: 'Missing selector' };
+    }
+
+    // Ensure declarations are not empty
+    if (!decls) {
+      return { isValid: false, error: `Missing declarations for selector: ${selector}` };
+    }
+
+    // Validate declarations
+    const props = decls
+      .split(';')
+      .map((prop) => prop.trim())
+      .filter(Boolean);
+
+    if (props.length === 0) {
+      return { isValid: false, error: `No valid properties for selector: ${selector}` };
+    }
+
+    for (const prop of props) {
+      // Check if property is missing a name or value
+      if (!prop.includes(':')) {
+        return { isValid: false, error: `Missing property or value: ${prop}` };
+      }
+
+      const [name, value] = prop.split(':').map((part) => part.trim());
+      if (!name) {
+        return { isValid: false, error: `Missing property name: ${prop}` };
+      }
+      if (!value) {
+        return { isValid: false, error: `Missing property value: ${prop}` };
+      }
+
+      // Validate full property format
+      if (!propertyPattern.test(prop.endsWith(';') ? prop : prop + ';')) {
+        return { isValid: false, error: `Invalid property: ${prop}` };
+      }
+    }
+  }
+
+  return { isValid: true, error: null };
+};
+
+export default cssValidate;
@@ -20,10 +20,13 @@ const getFontStyles = (
      --sans-serif: ${sansSerifFonts.map((font) => `"${font}"`).join(', ')}, sans-serif;
      --monospace: ${monospaceFonts.map((font) => `"${font}"`).join(', ')}, monospace;
    }
-    body * {
-      font-size: ${fontSize}px ${overrideFont ? '!important' : ''};
-      font-family: revert ${overrideFont ? '!important' : ''};
+    body {
      font-family: var(${defaultFont.toLowerCase() === 'serif' ? '--serif' : '--sans-serif'}) ${overrideFont ? '!important' : ''};
+      font-size: ${fontSize}px ${overrideFont ? '!important' : ''};
+    }
+    body * {
+      font-family: revert ${overrideFont ? '!important' : ''};
+      font-family: inherit;
    }
  `;
  return fontStyles;
@@ -32,7 +35,8 @@ const getFontStyles = (
 const getAdditionalFontFaces = () => `
  @font-face {
    font-family: "FangSong";
-    src: url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot");
+    font-display: swap;
+    src: local("Fang Song"), local("FangSong"), local("Noto Serif CJK"), url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot");
    src: url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.woff") format("woff"),
@@ -41,7 +45,8 @@ const getAdditionalFontFaces = () => `
  }
  @font-face {
    font-family: "Kaiti";
-    src: url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot");
+    font-display: swap;
+    src: local("Kai"), local("KaiTi"), local("AR PL UKai"), url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot");
    src: url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.woff")format("woff"),
@@ -50,13 +55,24 @@ const getAdditionalFontFaces = () => `
  }
  @font-face {
    font-family: "Heiti";
-    src: url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot");
+    font-display: swap;
+    src: local("Hei"), local("SimHei"), local("WenQuanYi Zen Hei"), url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot");
    src: url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.svg#WenQuanYi Micro Hei")format("svg");
  }
+  @font-face {
+    font-family: "XiHeiti";
+    font-display: swap;
+    src: local("PingFang SC"), local("Microsoft YaHei"), local("WenQuanYi Micro Hei"), url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.eot");
+    src: url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.eot?#iefix")format("embedded-opentype"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.woff2")format("woff2"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.woff")format("woff"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.ttf")format("truetype"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.svg#STHeiti J Light")format("svg");
+}
 `;

 const getLayoutStyles = (
@@ -64,6 +80,7 @@ const getLayoutStyles = (
  justify: boolean,
  hyphenate: boolean,
  zoomLevel: number,
+  writingMode: string,
  bg: string,
  fg: string,
  primary: string,
@@ -74,7 +91,7 @@ const getLayoutStyles = (
    color: ${fg};
  }
  a:any-link {
-    color: ${primary};
+    color: ${primary} ${bg === '#ffffff' ? '' : '!important'};
  }
  aside[epub|type~="footnote"] {
    display: none;
@@ -87,7 +104,8 @@ const getLayoutStyles = (
  }
  
  html {
-    line-height: ${spacing};
+    --theme-bg-color: ${bg};
+    --default-text-align: ${justify ? 'justify' : 'start'};
    hanging-punctuation: allow-end last;
    orphans: 2;
    widows: 2;
@@ -104,8 +122,15 @@ const getLayoutStyles = (
      white-space: pre-wrap !important;
      tab-size: 2;
  }
+  html[has-background], body[has-background] {
+    --background-set: var(--theme-bg-color);
+  }
  html, body {
    color: ${fg};
+    ${writingMode === 'auto' ? '' : `writing-mode: ${writingMode};`}
+    text-align: var(--default-text-align);
+    background-color: var(--theme-bg-color, transparent);
+    background: var(--background-set, none);
  }
  body *:not(a):not(#b1):not(#b1 *):not(#b2):not(#b2 *):not(.bg):not(.bg *):not(.vol):not(.vol *):not(.background):not(.background *) {
    border-color: currentColor !important;
@@ -119,7 +144,8 @@ const getLayoutStyles = (
    background-color: transparent !important;
  }
  p, li, blockquote, dd {
-    text-align: ${justify ? 'justify' : 'start'};
+    line-height: ${spacing} !important;
+    text-align: inherit;
    -webkit-hyphens: ${hyphenate ? 'auto' : 'manual'};
    hyphens: ${hyphenate ? 'auto' : 'manual'};
    -webkit-hyphenate-limit-before: 3;
@@ -162,6 +188,7 @@ export const getStyles = (viewSettings: ViewSettings, themeCode: ThemeCode) => {
    viewSettings.fullJustification!,
    viewSettings.hyphenation!,
    viewSettings.zoomLevel! / 100.0,
+    viewSettings.writingMode!,
    themeCode.bg,
    themeCode.fg,
    themeCode.primary,
@@ -50,6 +50,9 @@ importers:
      '@tauri-apps/plugin-cli':
        specifier: ^2.2.0
        version: 2.2.0
+      '@tauri-apps/plugin-deep-link':
+        specifier: ^2.2.0
+        version: 2.2.0
      '@tauri-apps/plugin-dialog':
        specifier: ^2.2.0
        version: 2.2.0
@@ -787,6 +790,9 @@ packages:
  '@tauri-apps/plugin-cli@2.2.0':
    resolution: {integrity: sha512-rvNhMog9rHr01Xk+trBFKJ0eZICIvPkm9GX6ogB89/0hROU/lf+a/sb4vC0wtSeR7zrJuCSxwxYuvHCZheaYFA==}

+  '@tauri-apps/plugin-deep-link@2.2.0':
+    resolution: {integrity: sha512-H6mkxr2KZ3XJcKL44tiq6cOjCw9DL8OgU1xjn3j26Qsn+H/roPFiyhR7CHuB8Ar+sQFj4YVlfmJwtBajK2FETQ==}
+
  '@tauri-apps/plugin-dialog@2.2.0':
    resolution: {integrity: sha512-6bLkYK68zyK31418AK5fNccCdVuRnNpbxquCl8IqgFByOgWFivbiIlvb79wpSXi0O+8k8RCSsIpOquebusRVSg==}

@@ -3741,6 +3747,10 @@ snapshots:
    dependencies:
      '@tauri-apps/api': 2.1.1

+  '@tauri-apps/plugin-deep-link@2.2.0':
+    dependencies:
+      '@tauri-apps/api': 2.1.1
+
  '@tauri-apps/plugin-dialog@2.2.0':
    dependencies:
      '@tauri-apps/api': 2.1.1
Author	SHA1	Message	Date
Huang Xin	2406605871	Release aarch64 Linux binaries (#118 )	2025-01-06 19:19:35 +01:00
Huang Xin	a59a3b633b	Fix progress overridden by newly opened book (#117 )	2025-01-06 19:19:02 +01:00
Huang Xin	cccd4c2b16	Various fixes (#116 ) * Fix missing translations in translator popup * Disable annotator for PDFs for now, closes #115 * Fix triangle in shadow of popup making it darker	2025-01-06 01:33:35 +01:00
Huang Xin	990f61fb72	Fix layout issues on Windows (#113 )	2025-01-05 20:11:23 +01:00
Huang Xin	d51f5a632a	Regenerate tauri signing key to solve InvalidSignature error when updating	2025-01-05 18:07:49 +01:00
Huang Xin	3e9b89de0e	Swap font when downloading online fonts, closes #104 (#111 )	2025-01-05 17:26:36 +01:00
Huang Xin	f900608d6a	Update report-bug template to collect OS and version info	2025-01-05 16:23:48 +01:00
Huang Xin	ca56c5a73d	Fix no rounded window in reader page on Linux, closes #107 (#110 )	2025-01-05 15:50:12 +01:00
Huang Xin	57b72d6d57	Release exe portable files directly to workaround the stupid virus warning on Windows	2025-01-05 14:19:18 +01:00
Huang Xin	76c5f58547	Restore window position and size, closes #7 (#109 )	2025-01-05 14:08:56 +01:00
Huang Xin	e4a6ae01e0	Release portable binaries for Windows (#102 )	2025-01-04 19:46:57 +01:00
Huang Xin	2763c18d6f	Fix dropdown close overlay not working on Windows/Linux (#101 )	2025-01-04 17:13:53 +01:00
Huang Xin	71d0735917	Various fixes (#99 ) * Add shortcut to page turning with the space key on keyboard * Properly handle auto refresh token with supabase * Fix settings not stored in direct quit of app, closes #94	2025-01-04 14:18:57 +01:00
Huang Xin	3484c893df	Fix deeplink on Windows (#95 )	2025-01-04 11:20:31 +01:00
Huang Xin	e885d22631	Add deeplink to parse oauth callback url in tauri apps (#92 )	2025-01-03 23:24:30 +01:00
Huang Xin	3ad26d9d8f	Add vertical/horizontal switch in Layout configs for CJK books (#91 )	2025-01-03 21:24:15 +01:00
Huang Xin	b699fc98c2	Fix title layout of book details modal and apply of custom css deletion (#90 ) * Fix custom css cannot apply after deletion * Fix title layout of book details modal, closes #89	2025-01-03 19:12:25 +01:00
Huang Xin	2c9fe8e4f4	Better Custom CSS editor (#88 )	2025-01-03 14:52:31 +01:00
Huang Xin	f425ff8ffa	Release version 0.8.9 (#85 ) * Update README * Release version 0.8.9	2025-01-02 23:44:35 +01:00
Huang Xin	d6e0fd3b4d	Fix supabase settings of oauth for tauri app (#83 )	2025-01-02 23:03:50 +01:00
dependabot[bot]	2e2fad849b	Bump the github-actions group with 3 updates (#82 )	2025-01-02 15:31:39 +01:00
Christian Clauss	572ddd923c	Fix typos discovered by codespell (#80 )	2025-01-02 15:29:27 +01:00
Christian Clauss	adab6f8d9b	Keep GitHub Actions up to date with GitHub's Dependabot (#81 )	2025-01-02 15:27:16 +01:00
Ray-D-Song	f3f8df033d	Fix background color of search results (#79 )	2025-01-02 09:34:19 +01:00
Huang Xin	50f75c1f18	Show error toast for failed imported books and styles for dropdown menus (#76 ) * Styles for dropdown menus * Show error toast for failed imported books	2024-12-31 18:35:51 +01:00
Huang Xin	1ad13d0b7e	Fix translations and line-height settings not working for some books (#73 )	2024-12-31 14:42:08 +01:00
Huang Xin	cd67f6ec3f	Various enhancements and fixes (#70 ) * Fix excerpts cannot be deleted in Chrome browsers * Show book details in reader sidebar * Set minimum search term length to 1 for CJK languages * Use more system fonts as custom fonts, closes #31	2024-12-31 01:08:27 +01:00
Huang Xin	1be567ed4a	Setup CI for pull request: only build the web-app	2024-12-31 01:01:35 +01:00
Huang Xin	0a46fe8648	Add missing hasWindowBar in BaseAppService	2024-12-30 09:49:20 +01:00
QP Hou	abb1b7ae9c	add support for ios dev build (#68 )	2024-12-30 09:37:01 +01:00
Huang Xin	75e872af51	Bookshelf enhancements: 1. show details in context menu; 2. support some not found book covers (#64 ) * Add show book details and open book in context menu * Support extracting some book covers not included in the meta or guide sections	2024-12-30 00:09:23 +01:00
chrox	d1b6a0db1e	Release version 0.8.8	2024-12-29 13:09:40 +01:00
chrox	870607f9c3	Add missing translations	2024-12-29 10:42:35 +01:00
chrox	fc163926ad	Use mainBinaryName for binary execuable name	2024-12-29 10:02:30 +01:00
Huang Xin	4a33409559	Some CSS tweaks to better support dark mode and embedded fonts (#63 )	2024-12-28 23:24:59 +01:00
chrox	b8af483229	Rename binary execuable to readest for better cli interface, closes #61 Note that this does not affect the product name which is still Readest and the package name is not changed.	2024-12-28 17:13:37 +01:00
chrox	ba9490ad00	Use ubuntu-22.04 to build Linux binaries to support Debian Bookworm Add Windows arm64 build Fix release notes format	2024-12-28 10:16:55 +01:00