@d-i-t-a/reader 2.1.0-beta.2 → 2.1.0-beta.5

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) {
@@ -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) => {
@@ -43180,9 +43189,6 @@ init_polyfills();
 
 // src/utils/HTMLTemplates.ts
 init_polyfills();
-var simpleUpLinkTemplate = (href, _label, ariaLabel) => `
-<a rel="up" href='${href}' aria-label="${ariaLabel}" style="padding: 0px"><i class="material-icons show-on-large">arrow_back_ios</i></a>
-`;
 var readerLoading = `${icons.loading}`;
 var readerError = `
     <span>
@@ -43431,14 +43437,12 @@ 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, 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;
     this.rights = {
       autoGeneratePositions: false,
       enableAnnotations: false,
@@ -43503,10 +43507,8 @@ var IFrameNavigator = class extends import_eventemitter3.default {
     this.eventHandler = new EventHandler(this);
     this.touchEventHandler = new TouchEventHandler(this);
     this.keyboardEventHandler = new KeyboardEventHandler(this);
-    this.upLinkConfig = upLinkConfig;
     this.initialLastReadingPosition = initialLastReadingPosition;
     this.publication = publication;
-    this.material = material;
     this.api = api;
     this.rights = rights ?? {
       autoGeneratePositions: false,
@@ -43529,10 +43531,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.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));
   }
@@ -44030,22 +44033,6 @@ var IFrameNavigator = class extends import_eventemitter3.default {
           this.landmarksSection.parentElement?.removeChild(this.landmarksSection);
         }
       }
-      if ((this.links || this.linksTopLeft) && this.upLinkConfig && this.upLinkConfig.url) {
-        const upUrl = this.upLinkConfig.url;
-        const upLabel = this.upLinkConfig.label || "";
-        const upAriaLabel = this.upLinkConfig.ariaLabel || upLabel;
-        var upHTML = simpleUpLinkTemplate(upUrl.href, upLabel, upAriaLabel);
-        const upParent = document.createElement("li");
-        upParent.classList.add("uplink-wrapper");
-        upParent.innerHTML = upHTML;
-        if (this.links) {
-          this.links.insertBefore(upParent, this.links.firstChild);
-          this.upLink = findRequiredElement(this.links, "a[rel=up]");
-        } else {
-          this.linksTopLeft.insertBefore(upParent, this.linksTopLeft.firstChild);
-          this.upLink = findRequiredElement(this.linksTopLeft, "a[rel=up]");
-        }
-      }
       let lastReadingPosition = void 0;
       if (this.annotator) {
         lastReadingPosition = await this.annotator.getLastReadingPosition();
@@ -44385,7 +44372,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 +44393,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 +44422,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 +44443,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 +44462,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 +44480,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 +44513,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 +44524,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 +44547,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 +44570,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 +44583,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 +44595,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);
           });
         }
@@ -48317,9 +48304,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({
@@ -48331,18 +48325,16 @@ var D2Reader = class {
       useLocalStorage: initialConfig.useLocalStorage ?? false
     });
     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 +48342,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"
@@ -48362,14 +48353,13 @@ var D2Reader = class {
       publication,
       settings,
       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 +48404,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,