Merge pull request #430 from d-i-t-a/develop

2.1.10

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "A viewer application for EPUB files.",
   "repository": "https://github.com/d-i-t-a/R2D2BC",
   "license": "Apache-2.0",

src/modules/history/HistoryModule.ts

@@ -49,8 +49,8 @@ export class HistoryModule implements ReaderModule {
 
   private historyForwardAnchorElement: HTMLAnchorElement;
   private historyBackAnchorElement: HTMLAnchorElement;
-  private historyCurrentIndex: number;
-  private history: Array<Locator> = [];
+  historyCurrentIndex: number;
+  history: Array<Locator> = [];
 
   private constructor(
     annotator: Annotator,
@@ -200,7 +200,13 @@ export class HistoryModule implements ReaderModule {
     );
   }
 
-  private async handleHistoryForwardClick(event: MouseEvent) {
+  async handleHistoryForwardClick(event: MouseEvent) {
+    await this.historyForward();
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
+  async historyForward() {
     if (this.history.length > 0) {
       if (this.historyCurrentIndex + 1 < this.history.length) {
         this.historyCurrentIndex = this.historyCurrentIndex + 1;
@@ -210,11 +216,15 @@ export class HistoryModule implements ReaderModule {
         );
       }
     }
+  }
+
+  private async handleHistoryBackClick(event: MouseEvent) {
+    await this.historyBack();
     event.preventDefault();
     event.stopPropagation();
   }
 
-  private async handleHistoryBackClick(event: MouseEvent) {
+  async historyBack() {
     if (this.history.length > 0) {
       if (this.historyCurrentIndex > 0) {
         this.historyCurrentIndex = this.historyCurrentIndex - 1;
@@ -224,7 +234,5 @@ export class HistoryModule implements ReaderModule {
         );
       }
     }
-    event.preventDefault();
-    event.stopPropagation();
   }
 }

src/reader.ts

@@ -523,6 +523,23 @@ export default class D2Reader {
     return this.annotationModule?.getAnnotations();
   }
 
+  /** History */
+  get history() {
+    return this.historyModule?.history;
+  }
+  /** Current index of history */
+  get historyCurrentIndex() {
+    return this.historyModule?.historyCurrentIndex;
+  }
+  /** History Back */
+  historyBack = async () => {
+    return this.historyModule?.historyBack();
+  };
+  /** History Forward */
+  historyForward = async () => {
+    return this.historyModule?.historyForward();
+  };
+
   /**
    * Search
    */