@d-i-t-a/reader 2.1.0-beta.1 → 2.1.0-beta.4

package/dist/esm/index.js

@@ -10118,9 +10118,9 @@ var require_source_map = __commonJS({
   }
 });
 
-// (disabled):path
+// (disabled):node_modules/path/path.js
 var require_path = __commonJS({
-  "(disabled):path"() {
+  "(disabled):node_modules/path/path.js"() {
     init_polyfills();
   }
 });
@@ -34139,10 +34139,8 @@ function TaJsonDeserialize(json, type) {
 
 // src/model/Publication.ts
 var Publication = class extends import_publication.Publication {
-  static async fromUrl(url) {
-    const response = await fetch(url.href, {
-      credentials: "same-origin"
-    });
+  static async fromUrl(url, requestConfig) {
+    const response = await fetch(url.href, requestConfig);
     const manifestJSON = await response.json();
     let publication = TaJsonDeserialize(manifestJSON, Publication);
     publication.manifestUrl = url;
@@ -34318,7 +34316,7 @@ var Publication = class extends import_publication.Publication {
     const decodedHref = decodeURI(href) ?? "";
     return this.positions?.filter((p) => decodedHref.includes(p.href));
   }
-  async autoGeneratePositions(getContentBytesLength = fetchContentBytesLength) {
+  async autoGeneratePositions(requestConfig, getContentBytesLength = fetchContentBytesLength) {
     let startPosition = 0;
     let totalContentLength = 0;
     const positions = [];
@@ -34337,7 +34335,7 @@ var Publication = class extends import_publication.Publication {
           startPosition = startPosition + 1;
         } else {
           let href = this.getAbsoluteHref(link.Href);
-          let length = await getContentBytesLength(href);
+          let length = await getContentBytesLength(href, requestConfig);
           link.contentLength = length;
           totalContentLength += length;
           let positionLength = 1024;
@@ -34381,17 +34379,17 @@ var Publication = class extends import_publication.Publication {
     }
     this.positions = positions;
   }
-  async fetchPositionsFromService(href) {
-    const result = await fetch(href);
+  async fetchPositionsFromService(href, requestConfig) {
+    const result = await fetch(href, requestConfig);
     const content = await result.json();
     this.positions = content.positions;
   }
-  async fetchWeightsFromService(href) {
+  async fetchWeightsFromService(href, requestConfig) {
     if (this.isFixedLayout) {
       console.warn("Not fetching weights from service for fixed layout publication.");
       return;
     }
-    const result = await fetch(href);
+    const result = await fetch(href, requestConfig);
     const weights = await result.json();
     if (this.readingOrder !== void 0) {
       this.readingOrder.forEach((link) => {
@@ -34403,8 +34401,8 @@ var Publication = class extends import_publication.Publication {
 Publication = __decorateClass([
   (0, import_ta_json_x2.JsonObject)()
 ], Publication);
-var fetchContentBytesLength = async (href) => {
-  const r = await fetch(href);
+var fetchContentBytesLength = async (href, requestConfig) => {
+  const r = await fetch(href, requestConfig);
   const b = await r.blob();
   return b.size;
 };
@@ -34637,7 +34635,7 @@ var Popup = class {
         absolute = absolute.substring(0, absolute.indexOf("#"));
         event.preventDefault();
         event.stopPropagation();
-        await fetch(absolute).then((r) => r.text()).then(async (data) => {
+        await fetch(absolute, this.navigator.requestConfig).then((r) => r.text()).then(async (data) => {
           const parser = new DOMParser();
           const doc = parser.parseFromString(data, "text/html");
           const element = doc.querySelector("#" + id2);
@@ -34687,7 +34685,7 @@ var Popup = class {
         const d2content = document.createElement("div");
         d2content.className = "d2-popover-content";
         d2wrapper.appendChild(d2content);
-        await fetch(absolute).then((r) => r.text()).then(async (data) => {
+        await fetch(absolute, this.navigator.requestConfig).then((r) => r.text()).then(async (data) => {
           d2content.innerHTML = data;
           let doc = this.navigator.iframes[0].contentDocument;
           if (doc) {
@@ -37421,6 +37419,12 @@ var TextHighlighter = class {
   constructor(delegate, layerSettings, properties, hasEventListener, options, api) {
     this.lastSelectedHighlight = void 0;
     this.activeAnnotationMarkerId = void 0;
+    this.showTool = (0, import_debounce2.debounce)((b) => {
+      if (!this.isAndroid()) {
+        this.snapSelectionToWord(b);
+      }
+      this.toolboxShow();
+    }, navigator.userAgent.toLowerCase().indexOf("firefox") > -1 ? 200 : 100);
     this.isSelectionMenuOpen = false;
     this.selectionMenuOpened = (0, import_debounce2.debounce)(() => {
       if (!this.isSelectionMenuOpen) {
@@ -37907,14 +37911,8 @@ var TextHighlighter = class {
       toolbox.style.display = "none";
     this.selectionMenuClosed();
   }
-  toolboxShowDelayed(ev) {
-    let self2 = this;
-    setTimeout(function() {
-      if (!self2.isAndroid()) {
-        self2.snapSelectionToWord(ev.detail === 1);
-      }
-      self2.toolboxShow();
-    }, 100);
+  toolboxShowDelayed(event) {
+    this.showTool(event.detail === 1);
   }
   snapSelectionToWord(trimmed = false) {
     let self2 = this;
@@ -40977,7 +40975,7 @@ var MediaOverlayModule = class {
       const moUrlFull = moUrlObjFull.toString();
       let response;
       try {
-        response = await fetch(moUrlFull);
+        response = await fetch(moUrlFull, this.delegate.requestConfig);
       } catch (e) {
         console.error(e, moUrlFull);
         return;
@@ -42299,7 +42297,7 @@ async function searchDocDomSeek(searchInput, doc, href, title, fullWordSearch =
 
 // src/modules/search/SearchModule.ts
 var SearchModule = class {
-  constructor(delegate, publication, properties, highlighter, api, headerMenu) {
+  constructor(delegate, publication, properties, highlighter, requestConfig, api, headerMenu) {
     this.currentChapterSearchResult = [];
     this.bookSearchResult = [];
     this.currentSearchHighlights = [];
@@ -42309,9 +42307,10 @@ var SearchModule = class {
     this.properties = properties;
     this.api = api;
     this.highlighter = highlighter;
+    this.requestConfig = requestConfig;
   }
   static async create(config2) {
-    const search = new this(config2.delegate, config2.publication, config2, config2.highlighter, config2.api, config2.headerMenu);
+    const search = new this(config2.delegate, config2.publication, config2, config2.highlighter, config2.requestConfig, config2.api, config2.headerMenu);
     await search.start();
     return search;
   }
@@ -42737,9 +42736,9 @@ var SearchModule = class {
       }
       if (tocItem) {
         let href = this.publication.getAbsoluteHref(tocItem.Href);
-        await fetch(href).then((r) => r.text()).then(async (data) => {
+        await fetch(href, this.requestConfig).then((r) => r.text()).then(async (data) => {
           let parser = new DOMParser();
-          let doc = parser.parseFromString(data, "application/xhtml+xml");
+          let doc = parser.parseFromString(this.requestConfig?.encoded ? this.decodeBase64(data) : data, "application/xhtml+xml");
           if (tocItem) {
             searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
               result.forEach((searchItem) => {
@@ -42755,6 +42754,16 @@ var SearchModule = class {
       }
     }
   }
+  decodeBase64(base64) {
+    const text = atob(base64);
+    const length = text.length;
+    const bytes = new Uint8Array(length);
+    for (let i = 0; i < length; i++) {
+      bytes[i] = text.charCodeAt(i);
+    }
+    const decoder = new TextDecoder();
+    return decoder.decode(bytes);
+  }
   async searchChapter(term) {
     let localSearchResultBook = [];
     const linkHref = this.publication.getAbsoluteHref(this.publication.readingOrder[this.delegate.currentResource() ?? 0].Href);
@@ -42764,9 +42773,9 @@ var SearchModule = class {
     }
     if (tocItem) {
       let href = this.publication.getAbsoluteHref(tocItem.Href);
-      await fetch(href).then((r) => r.text()).then(async (data) => {
+      await fetch(href, this.requestConfig).then((r) => r.text()).then(async (data) => {
         let parser = new DOMParser();
-        let doc = parser.parseFromString(data, "application/xhtml+xml");
+        let doc = parser.parseFromString(this.requestConfig?.encoded ? this.decodeBase64(data) : data, "application/xhtml+xml");
         if (tocItem) {
           searchDocDomSeek(term, doc, tocItem.Href, tocItem.Title).then((result) => {
             result.forEach((searchItem) => {
@@ -43431,11 +43440,10 @@ var SampleReadEventHandler = class {
 // src/navigator/IFrameNavigator.ts
 var import_eventemitter3 = __toModule(require_eventemitter3());
 var IFrameNavigator = class extends import_eventemitter3.default {
-  constructor(settings, annotator = void 0, upLinkConfig = void 0, initialLastReadingPosition = void 0, publication, material, api, rights, tts, injectables, attributes, services, sample) {
+  constructor(settings, annotator = void 0, upLinkConfig = void 0, initialLastReadingPosition = void 0, publication, api, rights, tts, injectables, attributes, services, sample, requestConfig) {
     super();
     this.iframes = [];
     this.sideNavExpanded = false;
-    this.material = false;
     this.currentChapterLink = { href: "" };
     this.currentSpreadLinks = {};
     this.upLink = void 0;
@@ -43506,7 +43514,6 @@ var IFrameNavigator = class extends import_eventemitter3.default {
     this.upLinkConfig = upLinkConfig;
     this.initialLastReadingPosition = initialLastReadingPosition;
     this.publication = publication;
-    this.material = material;
     this.api = api;
     this.rights = rights ?? {
       autoGeneratePositions: false,
@@ -43529,10 +43536,11 @@ var IFrameNavigator = class extends import_eventemitter3.default {
     this.attributes = attributes || { margin: 0 };
     this.services = services;
     this.sample = sample;
+    this.requestConfig = requestConfig;
     this.sampleReadEventHandler = new SampleReadEventHandler(this);
   }
   static async create(config2) {
-    const navigator2 = new this(config2.settings, config2.annotator || void 0, config2.upLink || void 0, config2.initialLastReadingPosition || void 0, config2.publication, config2.material, config2.api, config2.rights, config2.tts, config2.injectables, config2.attributes || { margin: 0 }, config2.services, config2.sample);
+    const navigator2 = new this(config2.settings, config2.annotator || void 0, config2.upLink || void 0, config2.initialLastReadingPosition || void 0, config2.publication, config2.api, config2.rights, config2.tts, config2.injectables, config2.attributes || { margin: 0 }, config2.services, config2.sample);
     await navigator2.start(config2.mainElement, config2.headerMenu, config2.footerMenu);
     return new Promise((resolve) => resolve(navigator2));
   }
@@ -44385,7 +44393,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                 if (isSameOrigin) {
                   this.iframes[0].src = this.currentChapterLink.href;
                 } else {
-                  fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content2) => {
+                  fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content2) => {
                     writeIframeDoc.call(this, content2, this.currentChapterLink.href);
                   });
                 }
@@ -44406,7 +44414,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                       if (isSameOrigin) {
                         this.iframes[1].src = href;
                       } else {
-                        fetch(href).then((r) => r.text()).then(async (content2) => {
+                        fetch(href, this.requestConfig).then((r) => r.text()).then(async (content2) => {
                           writeIframe2Doc.call(this, content2, href);
                           this.currentSpreadLinks.right = {
                             href
@@ -44435,7 +44443,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                     if (isSameOrigin) {
                       this.iframes[0].src = href;
                     } else {
-                      fetch(href).then((r) => r.text()).then(async (content2) => {
+                      fetch(href, this.requestConfig).then((r) => r.text()).then(async (content2) => {
                         writeIframeDoc.call(this, content2, href);
                       });
                     }
@@ -44456,7 +44464,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                   if (isSameOrigin) {
                     this.iframes[1].src = this.currentChapterLink.href;
                   } else {
-                    fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content2) => {
+                    fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content2) => {
                       writeIframe2Doc.call(this, content2, this.currentChapterLink.href);
                     });
                   }
@@ -44475,7 +44483,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
               if (isSameOrigin) {
                 this.iframes[0].src = this.currentChapterLink.href;
               } else {
-                fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content2) => {
+                fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content2) => {
                   writeIframeDoc.call(this, content2, this.currentChapterLink.href);
                 });
               }
@@ -44493,7 +44501,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
             if (isSameOrigin) {
               this.iframes[0].src = this.currentChapterLink.href;
             } else {
-              fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content2) => {
+              fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content2) => {
                 writeIframeDoc.call(this, content2, this.currentChapterLink.href);
               });
             }
@@ -44526,7 +44534,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                 }
               }
             } else {
-              fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content) => {
+              fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
                 writeIframeDoc.call(this, content, this.currentChapterLink.href);
               });
               if (this.iframes.length === 2) {
@@ -44537,7 +44545,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                     this.currentSpreadLinks.right = {
                       href
                     };
-                    fetch(href).then((r) => r.text()).then(async (content) => {
+                    fetch(href, this.requestConfig).then((r) => r.text()).then(async (content) => {
                       writeIframe2Doc.call(this, content, href);
                     });
                   }
@@ -44560,14 +44568,14 @@ var IFrameNavigator = class extends import_eventemitter3.default {
                     this.iframes[1].src = this.currentChapterLink.href;
                   }
                 } else {
-                  fetch(href).then((r) => r.text()).then(async (content) => {
+                  fetch(href, this.requestConfig).then((r) => r.text()).then(async (content) => {
                     writeIframeDoc.call(this, content, href);
                   });
                   if (this.iframes.length === 2) {
                     this.currentSpreadLinks.right = {
                       href: this.currentChapterLink.href
                     };
-                    fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content) => {
+                    fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
                       writeIframe2Doc.call(this, content, this.currentChapterLink.href);
                     });
                   }
@@ -44583,7 +44591,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
               if (isSameOrigin) {
                 this.iframes[1].src = this.currentChapterLink.href;
               } else {
-                fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content) => {
+                fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
                   writeIframe2Doc.call(this, content, this.currentChapterLink.href);
                 });
               }
@@ -44596,7 +44604,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
           if (isSameOrigin) {
             this.iframes[0].src = this.currentChapterLink.href;
           } else {
-            fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content) => {
+            fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
               writeIframeDoc.call(this, content, this.currentChapterLink.href);
             });
           }
@@ -44608,7 +44616,7 @@ var IFrameNavigator = class extends import_eventemitter3.default {
         if (isSameOrigin) {
           this.iframes[0].src = this.currentChapterLink.href;
         } else {
-          fetch(this.currentChapterLink.href).then((r) => r.text()).then(async (content) => {
+          fetch(this.currentChapterLink.href, this.requestConfig).then((r) => r.text()).then(async (content) => {
             writeIframeDoc.call(this, content, this.currentChapterLink.href);
           });
         }
@@ -46426,7 +46434,7 @@ var TTSModule2 = class {
           var restOfTheText;
           if (ttsQueueItem && selectionInfo && selectionInfo.cleanText) {
             const sentence = getTtsQueueItemRefText(ttsQueueItem);
-            let startIndex = sentence.indexOf(selectionInfo.cleanText);
+            let startIndex = selectionInfo.rangeInfo.startOffset;
             let textToBeSpoken = selectionInfo.cleanText;
             if (ttsQueueItemEnd && idx + 1 === idxEnd) {
               const sentenceEnd = getTtsQueueItemRefText(ttsQueueItemEnd);
@@ -46434,20 +46442,20 @@ var TTSModule2 = class {
               textToBeSpoken = sentence.slice(startIndex, sentence.length);
               restOfTheText = selectionInfo.cleanText.replace(textToBeSpoken, "").trim();
             } else if (idxEnd > idx) {
-              let mergedSentenses = "";
+              let mergedSentences = "";
               for (let i = idx + 1; i < idxEnd; i++) {
                 const ttsQueueItemInBetween = getTtsQueueItemRef(ttsQueue, i);
                 if (ttsQueueItemInBetween) {
                   const sentenceInBetween = getTtsQueueItemRefText(ttsQueueItemInBetween);
-                  mergedSentenses += sentenceInBetween;
+                  mergedSentences += sentenceInBetween;
                   restOfTheText = selectionInfo.cleanText.replace(sentenceInBetween, "");
                 }
               }
               if (ttsQueueItemEnd) {
                 const sentenceEnd = getTtsQueueItemRefText(ttsQueueItemEnd);
-                mergedSentenses += " " + sentenceEnd;
+                mergedSentences += " " + sentenceEnd;
               }
-              startIndex = (sentence + " " + mergedSentenses).indexOf(selectionInfo.cleanText);
+              startIndex = (sentence + " " + mergedSentences).indexOf(selectionInfo.cleanText);
               textToBeSpoken = sentence.slice(startIndex, sentence.length);
               restOfTheText = restOfTheText.replace(textToBeSpoken, "").trim();
             }
@@ -48317,9 +48325,16 @@ var D2Reader = class {
     const mainElement = findRequiredElement(document, "#D2Reader-Container");
     const headerMenu = findElement(document, "#headerMenu");
     const footerMenu = findElement(document, "#footerMenu");
-    const webPubManifestUrl = initialConfig.url;
+    let webPubManifestUrl = initialConfig.url;
+    let publication;
+    if (initialConfig.publication) {
+      publication = TaJsonDeserialize(initialConfig.publication, Publication);
+      publication.manifestUrl = new URL(webPubManifestUrl);
+    } else {
+      publication = await Publication.fromUrl(webPubManifestUrl, initialConfig.requestConfig);
+    }
     const store = new LocalStorageStore({
-      prefix: webPubManifestUrl.href,
+      prefix: publication.manifestUrl,
       useLocalStorage: initialConfig.useLocalStorage ?? false
     });
     const settingsStore = new LocalStorageStore({
@@ -48332,17 +48347,16 @@ var D2Reader = class {
     });
     const annotator = new LocalAnnotator({ store });
     const upLink = initialConfig.upLinkUrl ?? void 0;
-    const publication = await Publication.fromUrl(webPubManifestUrl);
     publication.sample = initialConfig.sample;
     rights = updateConfig(rights, publication);
     if (rights.autoGeneratePositions) {
-      await publication.autoGeneratePositions();
+      await publication.autoGeneratePositions(initialConfig.requestConfig);
     } else {
       if (initialConfig.services?.positions) {
-        await publication.fetchPositionsFromService(initialConfig.services?.positions.href);
+        await publication.fetchPositionsFromService(initialConfig.services?.positions.href, initialConfig.requestConfig);
       }
       if (initialConfig.services?.weight) {
-        await publication.fetchWeightsFromService(initialConfig.services?.weight.href);
+        await publication.fetchWeightsFromService(initialConfig.services?.weight.href, initialConfig.requestConfig);
       }
     }
     const layers = await LayerSettings.create({ store: layerStore });
@@ -48350,7 +48364,6 @@ var D2Reader = class {
       store: settingsStore,
       initialUserSettings: initialConfig.userSettings,
       headerMenu,
-      material: initialConfig.material,
       api: initialConfig.api,
       injectables: (publication.Metadata.Rendition?.Layout ?? "unknown") === "fixed" ? initialConfig.injectablesFixed : initialConfig.injectables,
       layout: (publication.Metadata.Rendition?.Layout ?? "unknown") === "fixed" ? "fixed" : "reflowable"
@@ -48364,12 +48377,12 @@ var D2Reader = class {
       annotator,
       upLink,
       initialLastReadingPosition: initialConfig.lastReadingPosition,
-      material: initialConfig.material,
       api: initialConfig.api,
       rights,
       tts: initialConfig.tts,
       sample: initialConfig.sample,
-      injectables: (publication.Metadata.Rendition?.Layout ?? "unknown") === "fixed" ? initialConfig.injectablesFixed : initialConfig.injectables,
+      requestConfig: initialConfig.requestConfig,
+      injectables: (publication.Metadata.Rendition?.Layout ?? "unknown") === "fixed" ? initialConfig.injectablesFixed ?? [] : initialConfig.injectables,
       attributes: initialConfig.attributes,
       services: initialConfig.services
     });
@@ -48414,7 +48427,8 @@ var D2Reader = class {
       headerMenu,
       delegate: navigator2,
       publication,
-      highlighter
+      highlighter,
+      requestConfig: initialConfig.requestConfig
     }, initialConfig.search)) : void 0;
     const definitionsModule = rights.enableDefinitions ? await DefinitionsModule.create(__spreadValues({
       delegate: navigator2,