@prose-reader/core 1.163.0 → 1.164.0

package/dist/index.umd.cjs

@@ -5567,7 +5567,7 @@
           if (this.renditionLayout === `pre-paginated`) {
             this.lastLayoutDims = {
               height: this.context.getPageSize().height,
-              width: this.context.getPageSize().width
+              width: params.minimumWidth
             };
           } else {
             this.lastLayoutDims = {
@@ -8357,21 +8357,46 @@
       latestContentHeightWhenLoaded: newLatestContentHeightWhenLoaded
     };
   };
-  const loadMedias = ({
+  const joinPath = (base, path) => {
+    const isFileProtocol = base.startsWith("file://");
+    const tempBase = isFileProtocol ? base.replace("file://", "http://") : base;
+    const result = new URL(path, tempBase).toString();
+    return isFileProtocol ? result.replace("http://", "file://") : result;
+  };
+  const getElementsWithAssets = (document2) => {
+    const RESOURCE_ELEMENTS = [
+      "img",
+      // Images
+      "video",
+      // Video files
+      "audio",
+      // Audio files
+      "source",
+      // Source elements within video/audio
+      "link",
+      // Stylesheets and other linked resources
+      "script"
+      // JavaScript files
+    ].join(",");
+    return Array.from((document2 == null ? void 0 : document2.querySelectorAll(RESOURCE_ELEMENTS)) || []);
+  };
+  const loadAssets = ({
     settings,
     item,
     context
   }) => (stream) => stream.pipe(
     rxjs.switchMap((frameElement) => {
-      var _a;
-      const images = ((_a = frameElement.contentDocument) == null ? void 0 : _a.getElementsByTagName("img")) || [];
-      const imageObservables = Array.from(images).map((img) => {
-        var _a2;
-        const originalSrc = img.getAttribute("src");
+      const elementsWithAsset = getElementsWithAssets(
+        frameElement.contentDocument
+      );
+      const assetsLoad$ = Array.from(elementsWithAsset).map((element) => {
+        var _a;
+        const originalSrc = element.getAttribute("src") || element.getAttribute("href");
+        if (!originalSrc) return rxjs.of(null);
         const spineItemUriParentPath = shared.getParentPath(item.href);
-        const foundItem = (_a2 = context.manifest) == null ? void 0 : _a2.items.find(({ href }) => {
-          return `${spineItemUriParentPath}/${originalSrc}`.endsWith(
-            `${href}`
+        const foundItem = (_a = context.manifest) == null ? void 0 : _a.items.find(({ href }) => {
+          return `${joinPath(spineItemUriParentPath, originalSrc).toLowerCase()}`.endsWith(
+            `${href.toLowerCase()}`
           );
         });
         if (!foundItem) return rxjs.of(null);
@@ -8383,22 +8408,24 @@
           rxjs.tap((blob) => {
             if (blob) {
               const blobUrl = URL.createObjectURL(blob);
-              img.src = blobUrl;
+              if (element.hasAttribute("src")) {
+                element.setAttribute("src", blobUrl);
+              } else if (element.hasAttribute("href")) {
+                element.setAttribute("href", blobUrl);
+              }
             }
           })
         );
       });
-      return rxjs.combineLatest(imageObservables).pipe(rxjs.map(() => frameElement));
+      return rxjs.combineLatest(assetsLoad$).pipe(rxjs.map(() => frameElement));
     })
   );
   const unloadMedias = (frameElement) => {
-    var _a;
-    const images = Array.from(
-      ((_a = frameElement == null ? void 0 : frameElement.contentDocument) == null ? void 0 : _a.getElementsByTagName("img")) || []
-    );
-    images.forEach((img) => {
-      if (img.src.startsWith("blob:")) {
-        URL.revokeObjectURL(img.src);
+    const elementsWithAsset = getElementsWithAssets(frameElement == null ? void 0 : frameElement.contentDocument);
+    elementsWithAsset.forEach((element) => {
+      const url = element.getAttribute("src") || element.getAttribute("href");
+      if (url == null ? void 0 : url.startsWith("blob:")) {
+        URL.revokeObjectURL(url);
       }
     });
   };
@@ -8433,7 +8460,7 @@
           this.containerElement.appendChild(frameElement2);
         }),
         waitForFrameLoad,
-        loadMedias({
+        loadAssets({
           context: this.context,
           item: this.item,
           settings: this.settings