28 files changed, 1426 insertions, 782 deletions

diff --git a/viewer/.env.development b/viewer/.env.development
index 0d87cf4..7e9a240 100644
--- a/viewer/.env.development
+++ b/viewer/.env.development
@@ -1,3 +1,4 @@
 VUE_APP_DEVSERVER_PORT=8085
 VUE_APP_DEVSERVER_CONFIG_PATH=../example/
 VUE_APP_DATA_URL=~/
+VUE_APP_WEBPACK_WATCH_POLL=0
diff --git a/viewer/ldgallery-viewer.7.md b/viewer/ldgallery-viewer.7.md
index c0634b6..ad36f7f 100644
--- a/viewer/ldgallery-viewer.7.md
+++ b/viewer/ldgallery-viewer.7.md
@@ -2,7 +2,7 @@
 pagetitle: Viewer user manual - ldgallery
 title: LDGALLERY-VIEWER(7) ldgallery
 author: Pacien TRAN-GIRARD, Guillaume FOUET
-date: 2022-09-04 (v2.1)
+date: 2023-02-17 (v2.2)
 ---
 
 
@@ -37,10 +37,18 @@ Items of the following formats can be opened and visualised within the web appli
 * Pictures (Bitmap, JPEG, PNG, TIFF, HDR, GIF)
 * Videos (OGV, WebM, Matroska, MPEG-4)
 * Audio files (WAV, Opus, FLAC, MP3, MPEG-4)
-* Plain text files (`.txt`)
-* PDFs
+* Text files (TXT, Markdown)
+* Ebooks (PDF, EPUB)
 
 Formats which are not listed above or which are not supported by the user's web browser are offered for download instead of being directly displayed in the same window.
+The item being visualised can be downloaded using the download button at the top-left corner.
+
+
+# KEYBOARD SHORTCUTS
+
+`CTRL-K`
+: Moves the focus to the tag search field, opening the side search panel if it is closed.
+  Pressing again while in the search input field sets the focus to the browser's address bar.
 
 
 # SEARCH QUERIES
@@ -161,7 +169,7 @@ The ldgallery source code is available on <https://ldgallery.pacien.org>.
 
 # LICENSE
 
-Copyright (C) 2019-2022  Pacien TRAN-GIRARD and Guillaume FOUET.
+Copyright (C) 2019-2023  Pacien TRAN-GIRARD and Guillaume FOUET.
 
 This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
 
diff --git a/viewer/package.json b/viewer/package.json
index c93b022..36c35fb 100644
--- a/viewer/package.json
+++ b/viewer/package.json
@@ -1,10 +1,10 @@
 {
   "name": "ldgallery-viewer",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "vue-tsc --noEmit && vue-cli-service build",
     "lint": "vue-cli-service lint --no-fix --max-warnings 0",
     "lint-autoformat": "vue-cli-service lint --fix"
   },
@@ -12,21 +12,22 @@
     "@fortawesome/fontawesome-svg-core": "6.1.2",
     "@fortawesome/free-solid-svg-icons": "6.1.2",
     "@fortawesome/vue-fontawesome": "3.0.1",
-    "@vueuse/core": "9.1.1",
+    "@vueuse/core": "9.3.1",
     "core-js": "3.25.0",
+    "epubjs": "0.3.93",
     "hammerjs": "2.0.8",
-    "marked": "4.0.19",
+    "marked": "4.1.1",
     "mosha-vue-toastify": "1.0.23",
-    "pinia": "2.0.21",
+    "pinia": "2.0.23",
     "v-lazy-image": "2.1.1",
-    "vue": "3.2.37",
+    "vue": "3.2.41",
     "vue-dragscroll": "4.0.4",
     "vue-i18n": "9.1.10",
-    "vue-router": "4.1.5"
+    "vue-router": "4.1.6"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.41",
-    "@types/marked": "4.0.6",
+    "@types/marked": "4.0.7",
     "@typescript-eslint/eslint-plugin": "5.31.0",
     "@typescript-eslint/parser": "5.31.0",
     "@vue/cli-plugin-babel": "5.0.8",
@@ -44,9 +45,10 @@
     "js-yaml-loader": "1.2.2",
     "sass": "1.54.0",
     "sass-loader": "13.0.2",
-    "typescript": "4.7.4",
-    "vue-cli-plugin-pinia": "0.1.4"
+    "typescript": "4.8.4",
+    "vue-cli-plugin-pinia": "0.1.6",
+    "vue-tsc": "1.0.9"
   },
   "homepage": "https://ldgallery.pacien.org/",
-  "license": "AGPL-3"
+  "license": "AGPL-3.0-only"
 }
diff --git a/viewer/src/@types/gallery.ts b/viewer/src/@types/gallery.ts
index 8c0f177..6960de2 100644
--- a/viewer/src/@types/gallery.ts
+++ b/viewer/src/@types/gallery.ts
@@ -64,6 +64,9 @@ export interface MarkdownProperties extends Downloadable {
 export interface PDFProperties extends Downloadable {
   type: ItemType.PDF;
 }
+export interface EPUBProperties extends Downloadable {
+  type: ItemType.EPUB;
+}
 export interface VideoProperties extends Downloadable {
   type: ItemType.VIDEO;
 }
@@ -107,6 +110,9 @@ export interface MarkdownItem extends Item {
 export interface PDFItem extends Item {
   properties: PDFProperties;
 }
+export interface EPUBItem extends Item {
+  properties: EPUBProperties;
+}
 export interface VideoItem extends Item {
   properties: VideoProperties;
 }
diff --git a/viewer/src/@types/itemType.ts b/viewer/src/@types/itemType.ts
index ecab05c..8528728 100644
--- a/viewer/src/@types/itemType.ts
+++ b/viewer/src/@types/itemType.ts
@@ -23,6 +23,7 @@ export enum ItemType {
   PLAINTEXT = 'plaintext',
   MARKDOWN = 'markdown',
   PDF = 'pdf',
+  EPUB = 'epub',
   VIDEO = 'video',
   AUDIO = 'audio',
   DIRECTORY = 'directory',
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 63febbf..6622fa5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -41,6 +41,8 @@ $dropdown-item-color: $palette-600;
 $dropdown-item-hover-color: $palette-500;
 $panel-top-bgcolor: $palette-800;
 $panel-top-txtcolor: $primary;
+$panel-bottom-bgcolor: $palette-800;
+$panel-bottom-txtcolor: $primary;
 $panel-left-bgcolor: $palette-800;
 $panel-left-txtcolor: $primary;
 $command-buttons-bgcolor: $palette-700;
@@ -55,6 +57,7 @@ $thumbnail-other-size: $body-line-height * 7em;
 $proposed-category-bgcolor: $palette-700;
 $viewer-text: $palette-000;
 $viewer-text-background: $palette-900;
+$viewer-epub-background: $palette-000;
 
 // Layout
 
diff --git a/viewer/src/components/async/AsyncLdMarkdown.vue b/viewer/src/components/async/AsyncLdMarkdown.vue
index 213c11c..c3f368a 100644
--- a/viewer/src/components/async/AsyncLdMarkdown.vue
+++ b/viewer/src/components/async/AsyncLdMarkdown.vue
@@ -40,7 +40,6 @@ const html = computed(() => marked(props.markdown));
 <style lang="scss" module>
 .markdown {
   color: white;
-  line-height: 1.7;
   word-wrap: break-word;
 
   a {
@@ -52,19 +51,10 @@ const html = computed(() => marked(props.markdown));
     background-color: #666;