Merge pull request #29 from d-i-t-a/feature/injectable-context-menu

Feature/injectable context menu

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "A viewer application for EPUB files.",
   "repository": "https://github.com/d-i-t-a/R2D2BC",
   "main": "src/index.js",

src/index.ts

@@ -174,7 +174,9 @@ export async function load(config: ReaderConfig): Promise<any> {
         initialLastReadingPosition: config.lastReadingPosition,
         material: config.material,
         api: config.api,
-        injectables: config.injectables
+        injectables: config.injectables,
+        selectionMenuItems: config.selectionMenuItems,
+        initialAnnotationColor: config.initialAnnotationColor
     })
     // add custom modules
     // Bookmark Module

src/modules/AnnotationModule.ts

@@ -9,7 +9,7 @@
 
  import * as HTMLUtilities from "../utils/HTMLUtilities";
 import Annotator, { AnnotationType } from "../store/Annotator";
-import IFrameNavigator, { ReaderRights } from "../navigator/IFrameNavigator";
+import IFrameNavigator, { ReaderRights, SelectionMenuItem } from "../navigator/IFrameNavigator";
 import Publication, { Link } from "../model/Publication";
 import TextHighlighter, { _highlights } from "./highlight/TextHighlighter";
 import ReaderModule from "./ReaderModule";
@@ -52,6 +52,7 @@ export default class AnnotationModule implements ReaderModule {
     private initialAnnotations: any;
 
     delegate: IFrameNavigator
+    selectionMenuItems: SelectionMenuItem[];
 
     public static async create(config: AnnotationModuleConfig) {
         const annotations = new this(
@@ -103,13 +104,16 @@ export default class AnnotationModule implements ReaderModule {
         }, 10);
     }
 
-    initialize() {
+    initialAnnotationColor?: string
+
+    initialize(initialAnnotationColor?:string) {
+        this.initialAnnotationColor = initialAnnotationColor
         return new Promise(async (resolve) => {
             await (document as any).fonts.ready;
             if (this.rights.enableAnnotations) {
                 const body = HTMLUtilities.findRequiredIframeElement(this.delegate.iframe.contentDocument, "body") as HTMLBodyElement;
                 var self = this
-                this.highlighter = new TextHighlighter(this, body, {
+                this.highlighter = new TextHighlighter(this, body, this.selectionMenuItems, {
                     onBeforeHighlight: function (selectionInfo: any) {
                         if (IS_DEV) {
                             console.log("onBeforeHighlight")
@@ -320,6 +324,9 @@ export default class AnnotationModule implements ReaderModule {
                     });
                 }
             }
+            if (this.initialAnnotationColor) {
+                this.highlighter.setColor(this.initialAnnotationColor);
+            }
         }
     }