@prose-reader/enhancer-gallery 1.297.0 → 1.299.0

package/dist/index.js

@@ -1,24 +1,24 @@
-import { waitForFrameLoad as N, DocumentRenderer as $ } from "@prose-reader/core";
-import { combineLatest as E, from as _, defaultIfEmpty as j, of as g, switchMap as S, Observable as x, filter as q, first as M } from "rxjs";
+import { waitForFrameLoad as x, DocumentRenderer as P, injectCSS as $ } from "@prose-reader/core";
+import { combineLatest as v, from as j, defaultIfEmpty as H, of as S, switchMap as C, Observable as M, filter as T, first as q } from "rxjs";
 const F = (e, t) => {
   try {
     t.width = e.width, t.height = e.height;
-    const o = t.getContext("2d");
-    o && o.drawImage(e, 0, 0);
-  } catch (o) {
+    const r = t.getContext("2d");
+    r && r.drawImage(e, 0, 0);
+  } catch (r) {
     console.warn(
       "Could not copy canvas content - possible tainted canvas or cross-origin issue",
-      o
+      r
     );
   }
-}, H = [
+}, W = [
   "img",
   "video",
   "audio",
   "source",
   "link",
   "script"
-].join(","), P = () => {
+].join(","), B = () => {
   const e = /* @__PURE__ */ new Set();
   return {
     add: (t) => {
@@ -30,157 +30,161 @@ const F = (e, t) => {
       }), e.clear();
     }
   };
-}, W = (e) => e.getAttribute("src") || e.getAttribute("href"), B = (e, t) => {
+}, z = (e) => e.getAttribute("src") || e.getAttribute("href"), V = (e, t) => {
   e.hasAttribute("src") ? e.setAttribute("src", t) : e.hasAttribute("href") && e.setAttribute("href", t);
-}, T = async (e, t, o) => {
-  const r = await (await fetch(e)).blob(), n = t.defaultView?.URL.createObjectURL(r);
+}, Y = async (e, t, r) => {
+  const o = await (await fetch(e)).blob(), n = t.defaultView?.URL.createObjectURL(o);
   if (n)
-    return o.add(n), n;
-}, v = async (e, t, o) => {
-  const c = Array.from(
-    e.querySelectorAll(H)
+    return r.add(n), n;
+}, L = async (e, t, r) => {
+  const s = Array.from(
+    e.querySelectorAll(W)
   );
   await Promise.all(
-    c.map(async (r) => {
-      const n = W(r);
+    s.map(async (o) => {
+      const n = z(o);
       if (!n?.startsWith("blob:")) return;
-      let s;
+      let a;
       try {
-        s = await T(n, t, o);
-      } catch (a) {
-        console.error("Error copying snapshot blob asset:", a);
+        a = await Y(n, t, r);
+      } catch (i) {
+        console.error("Error copying snapshot blob asset:", i);
         return;
       }
-      s && B(r, s);
+      a && V(o, a);
     })
   );
-}, z = (e, t, o) => {
-  const c = Array.from(e).map(
-    (r, n) => {
-      const s = t[n];
-      return s ? N(g(s)).pipe(
-        S(async () => {
+}, G = (e, t, r) => {
+  const s = Array.from(e).map(
+    (o, n) => {
+      const a = t[n];
+      return a ? x(S(a)).pipe(
+        C(async () => {
           try {
-            if (r.contentDocument && s.contentDocument) {
-              const a = r.contentDocument.body.cloneNode(!0);
-              s.contentDocument.body.replaceWith(a);
-              const y = r.contentDocument.head, p = s.contentDocument.head;
+            if (o.contentDocument && a.contentDocument) {
+              const i = o.contentDocument.body.cloneNode(!0);
+              a.contentDocument.body.replaceWith(i);
+              const f = o.contentDocument.head, y = a.contentDocument.head;
               Array.from(
-                y.querySelectorAll('style, link[rel="stylesheet"]')
+                f.querySelectorAll('style, link[rel="stylesheet"]')
               ).forEach((u) => {
-                p.appendChild(u.cloneNode(!0));
-              }), await v(
-                s.contentDocument,
-                s.contentDocument,
-                o
+                y.appendChild(u.cloneNode(!0));
+              }), await L(
+                a.contentDocument,
+                a.contentDocument,
+                r
               );
             }
             return !0;
-          } catch (a) {
-            return console.error("Error copying iframe content:", a), !1;
+          } catch (i) {
+            return console.error("Error copying iframe content:", i), !1;
           }
         })
-      ) : g(!0);
+      ) : S(!0);
     }
   );
-  return c.length === 0 ? g(!0) : E(c);
-}, G = (e, t) => {
-  const o = e.querySelectorAll("canvas"), c = t.querySelectorAll("canvas");
-  o.forEach((r, n) => {
-    if (n < c.length) {
-      const s = c[n];
-      F(r, s);
+  return s.length === 0 ? S(!0) : v(s);
+}, K = (e, t) => {
+  const r = e.querySelectorAll("canvas"), s = t.querySelectorAll("canvas");
+  r.forEach((o, n) => {
+    if (n < s.length) {
+      const a = s[n];
+      F(o, a);
     }
   });
 };
-function V(e) {
-  const t = P(), o = e.cloneNode(!0), c = e.querySelectorAll("iframe"), r = o.querySelectorAll("iframe");
-  G(e, o);
-  const n = E([
-    _(
-      v(
-        o,
+function J(e) {
+  const t = B(), r = e.cloneNode(!0), s = e.querySelectorAll("iframe"), o = r.querySelectorAll("iframe");
+  K(e, r);
+  const n = v([
+    j(
+      L(
+        r,
         e.ownerDocument,
         t
       )
     ),
-    z(c, r, t)
+    G(s, o, t)
   ]);
   return {
-    clone: o,
-    ready$: n.pipe(j(!0)),
+    clone: r,
+    ready$: n.pipe(H(!0)),
     release: t.revokeAll
   };
 }
-const Y = () => {
-  const e = document.createElement("div");
-  e.style.width = "100%", e.style.height = "100%", e.style.position = "relative", e.style.overflow = "hidden";
-  const t = document.createElement("div");
-  return t.style.width = "100%", t.style.height = "100%", t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.overflow = "hidden", e.appendChild(t), e;
+const Q = "prose-reader-enhancer-gallery-snapshot", X = "prose-reader-enhancer-gallery-snapshot-mask", Z = "prose-reader-enhancer-gallery-snapshot-preview", ee = "prose-reader-enhancer-gallery-snapshot-frame", te = (e) => {
+  const t = e.createElement("div");
+  t.classList.add(Q), t.tabIndex = -1, t.setAttribute("aria-hidden", "true"), t.setAttribute("inert", "");
+  const r = e.createElement("div");
+  return r.classList.add(X), t.appendChild(r), t;
+}, re = (e) => {
+  e.classList.add(Z), e.tabIndex = -1, e.setAttribute("aria-hidden", "true"), e.setAttribute("inert", ""), e.querySelectorAll("iframe").forEach((t) => {
+    t.classList.add(ee), t.tabIndex = -1, t.setAttribute("aria-hidden", "true"), t.setAttribute("inert", "");
+  });
 };
-class J extends x {
-  constructor(t, o, c, r) {
+class ne extends M {
+  constructor(t, r, s, o) {
     super((n) => {
-      const s = t.spine.spineItemsLoader.forceOpen([o]);
-      let a = !1, y = () => {
-      }, p;
-      const u = () => {
-        a || (a = !0, s());
-      }, C = o.isReady$.pipe(
-        q((i) => i),
-        M(),
-        S(() => {
-          p = Y();
-          const i = t.viewport.value.pageSize, m = p, l = m?.children[0];
-          if (!m || !l)
+      const a = s.ownerDocument, i = t.spine.spineItemsLoader.forceOpen([r]);
+      let f = !1, y = () => {
+      }, u;
+      const g = () => {
+        f || (f = !0, i());
+      }, I = r.isReady$.pipe(
+        T((l) => l),
+        q(),
+        C(() => {
+          u = te(a);
+          const l = t.viewport.value.pageSize, m = u, c = m?.children[0];
+          if (!m || !c)
             throw new Error("No item element or content mask");
-          l.style.top = "0", l.style.left = "0";
-          const h = r, { height: R, width: U } = o.layoutInfo, O = o.numberOfPages, D = h.width / U * O, I = h.height / R, b = Math.min(D, I), {
-            clone: f,
-            ready$: L,
-            release: k
-          } = V(o.element);
-          y = k, Array.from(f.children).forEach((d) => {
-            d.classList.contains(
-              $.DOCUMENT_CONTAINER_CLASS_NAME
-            ) || d.remove();
-          }), f.style.left = "0", f.style.top = "0", f.style.position = "relative";
-          const w = i.width * b, A = i.height * b;
-          if (l.style.width = `${i.width}px`, l.style.height = `${i.height}px`, l.style.transformOrigin = "0 0", l.style.transform = `scale(${b})`, w < h.width) {
-            const d = (h.width - w) / 2;
-            l.style.left = `${d}px`;
+          c.style.top = "0", c.style.left = "0";
+          const h = o, { height: R, width: O } = r.layoutInfo, _ = r.numberOfPages, k = h.width / O * _, D = h.height / R, A = Math.min(k, D), {
+            clone: d,
+            ready$: U,
+            release: N
+          } = J(r.element);
+          y = N, Array.from(d.children).forEach((p) => {
+            p.classList.contains(
+              P.DOCUMENT_CONTAINER_CLASS_NAME
+            ) || p.remove();
+          }), d.style.left = "0", d.style.top = "0", d.style.position = "relative", re(d);
+          const b = l.width * A, w = l.height * A;
+          if (c.style.width = `${l.width}px`, c.style.height = `${l.height}px`, c.style.transformOrigin = "0 0", c.style.transform = `scale(${A})`, b < h.width) {
+            const p = (h.width - b) / 2;
+            c.style.left = `${p}px`;
           }
-          if (A < h.height) {
-            const d = (h.height - A) / 2;
-            l.style.top = `${d}px`;
+          if (w < h.height) {
+            const p = (h.height - w) / 2;
+            c.style.top = `${p}px`;
           }
-          return c.appendChild(m), l.appendChild(f), n.next(m), L;
+          return s.appendChild(m), c.appendChild(d), n.next(m), U;
         })
       ).subscribe({
-        error: (i) => {
-          u(), n.error(i);
+        error: (l) => {
+          g(), n.error(l);
         },
         complete: () => {
-          u();
+          g();
         }
       });
       return () => {
-        C.unsubscribe(), u(), y(), p?.remove();
+        I.unsubscribe(), g(), y(), u?.remove();
       };
     });
   }
 }
-const X = (e) => (t) => {
-  const o = e(t);
-  return {
-    ...o,
+const oe = ".prose-reader-enhancer-gallery-snapshot{width:100%;height:100%;position:relative;overflow:hidden}.prose-reader-enhancer-gallery-snapshot-mask{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.prose-reader-enhancer-gallery-snapshot-preview{position:relative;top:0;left:0}.prose-reader-enhancer-gallery-snapshot,.prose-reader-enhancer-gallery-snapshot-mask,.prose-reader-enhancer-gallery-snapshot-preview,.prose-reader-enhancer-gallery-snapshot-frame,.prose-reader-enhancer-gallery-snapshot iframe{pointer-events:none;user-select:none;-webkit-user-select:none}", E = "prose-reader-enhancer-gallery-snapshot-styles", ce = (e) => (t) => {
+  const r = e(t);
+  return typeof document < "u" && !document.getElementById(E) && $(document, E, oe), {
+    ...r,
     __PROSE_READER_ENHANCER_GALLERY: !0,
     gallery: {
-      snapshot: (c, r, n) => new J(o, c, r, n)
+      snapshot: (s, o, n) => new ne(r, s, o, n)
     }
   };
 };
 export {
-  X as galleryEnhancer
+  ce as galleryEnhancer
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/redrawCanvas.ts","../src/utils/snapshotBlobAssets.ts","../src/utils/deepCloneElement.ts","../src/Snapshot.ts","../src/index.ts"],"sourcesContent":["export const redrawCanvas = (\n  originalCanvas: HTMLCanvasElement,\n  clonedCanvas: HTMLCanvasElement,\n) => {\n  try {\n    // Copy canvas dimensions\n    clonedCanvas.width = originalCanvas.width\n    clonedCanvas.height = originalCanvas.height\n\n    // Copy canvas content\n    const context = clonedCanvas.getContext(\"2d\")\n    if (context) {\n      context.drawImage(originalCanvas, 0, 0)\n    }\n  } catch (e) {\n    console.warn(\n      \"Could not copy canvas content - possible tainted canvas or cross-origin issue\",\n      e,\n    )\n  }\n}\n","type SnapshotObjectUrlStore = {\n  add: (url: string) => void\n  revokeAll: () => void\n}\n\nconst RESOURCE_SELECTOR = [\n  `img`,\n  `video`,\n  `audio`,\n  `source`,\n  `link`,\n  `script`,\n].join(`,`)\n\nexport const createSnapshotObjectUrlStore = (): SnapshotObjectUrlStore => {\n  const objectUrls = new Set<string>()\n\n  return {\n    add: (url) => {\n      objectUrls.add(url)\n    },\n    revokeAll: () => {\n      objectUrls.forEach((url) => {\n        URL.revokeObjectURL(url)\n      })\n      objectUrls.clear()\n    },\n  }\n}\n\nconst getElementAssetUrl = (element: Element) =>\n  element.getAttribute(`src`) || element.getAttribute(`href`)\n\nconst setElementAssetUrl = (element: Element, url: string) => {\n  if (element.hasAttribute(`src`)) {\n    element.setAttribute(`src`, url)\n  } else if (element.hasAttribute(`href`)) {\n    element.setAttribute(`href`, url)\n  }\n}\n\nconst copyBlobUrl = async (\n  url: string,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const response = await fetch(url)\n  const blob = await response.blob()\n  const objectUrl = document.defaultView?.URL.createObjectURL(blob)\n\n  if (!objectUrl) return\n\n  objectUrlStore.add(objectUrl)\n\n  return objectUrl\n}\n\nexport const copyBlobAssetReferences = async (\n  root: ParentNode,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const elementsWithAssets = Array.from(\n    root.querySelectorAll(RESOURCE_SELECTOR),\n  )\n\n  await Promise.all(\n    elementsWithAssets.map(async (element) => {\n      const url = getElementAssetUrl(element)\n\n      if (!url?.startsWith(`blob:`)) return\n\n      let objectUrl: string | undefined\n\n      try {\n        objectUrl = await copyBlobUrl(url, document, objectUrlStore)\n      } catch (error) {\n        console.error(`Error copying snapshot blob asset:`, error)\n        return\n      }\n\n      if (objectUrl) {\n        setElementAssetUrl(element, objectUrl)\n      }\n    }),\n  )\n}\n","import { waitForFrameLoad } from \"@prose-reader/core\"\nimport { combineLatest, defaultIfEmpty, from, of, switchMap } from \"rxjs\"\nimport { redrawCanvas } from \"./redrawCanvas\"\nimport {\n  copyBlobAssetReferences,\n  createSnapshotObjectUrlStore,\n} from \"./snapshotBlobAssets\"\n\nconst copyIframeContents = (\n  originalIframes: NodeListOf<HTMLIFrameElement>,\n  clonedIframes: NodeListOf<HTMLIFrameElement>,\n  objectUrlStore: ReturnType<typeof createSnapshotObjectUrlStore>,\n) => {\n  const iframeCopies = Array.from(originalIframes).map(\n    (originalIframe, index) => {\n      const clonedIframe = clonedIframes[index]\n\n      if (!clonedIframe) return of(true)\n\n      return waitForFrameLoad(of(clonedIframe)).pipe(\n        switchMap(async () => {\n          try {\n            // Since we know they're same-origin EPUBs, we can directly copy content\n            if (\n              originalIframe.contentDocument &&\n              clonedIframe.contentDocument\n            ) {\n              // Clone the entire body content\n              const clonedBody =\n                originalIframe.contentDocument.body.cloneNode(true)\n\n              // Replace the body in the cloned iframe\n              clonedIframe.contentDocument.body.replaceWith(clonedBody)\n\n              // Also copy any head styles that might be important for rendering\n              const originalHead = originalIframe.contentDocument.head\n              const clonedHead = clonedIframe.contentDocument.head\n\n              // Copy all style and link elements from head\n              Array.from(\n                originalHead.querySelectorAll('style, link[rel=\"stylesheet\"]'),\n              ).forEach((node) => {\n                clonedHead.appendChild(node.cloneNode(true))\n              })\n\n              await copyBlobAssetReferences(\n                clonedIframe.contentDocument,\n                clonedIframe.contentDocument,\n                objectUrlStore,\n              )\n            }\n            return true\n          } catch (e) {\n            console.error(\"Error copying iframe content:\", e)\n            return false\n          }\n        }),\n      )\n    },\n  )\n\n  if (iframeCopies.length === 0) return of(true)\n\n  return combineLatest(iframeCopies)\n}\n\nconst redrawCanvases = (sourceElement: HTMLElement, clone: HTMLElement) => {\n  const originalCanvases = sourceElement.querySelectorAll(\"canvas\")\n  const clonedCanvases = clone.querySelectorAll(\"canvas\")\n\n  originalCanvases.forEach((originalCanvas, index) => {\n    if (index < clonedCanvases.length) {\n      const clonedCanvas = clonedCanvases[index] as HTMLCanvasElement\n\n      redrawCanvas(originalCanvas, clonedCanvas)\n    }\n  })\n}\n\nexport function deepCloneElement(sourceElement: HTMLElement) {\n  const objectUrlStore = createSnapshotObjectUrlStore()\n  // Create a deep clone of the source element\n  const clone = sourceElement.cloneNode(true) as HTMLElement\n\n  // Find all iframes in the original element\n  const originalIframes = sourceElement.querySelectorAll(\"iframe\")\n  // Find all iframes in the cloned element\n  const clonedIframes = clone.querySelectorAll(\"iframe\")\n\n  // Handle canvases in the main document\n  redrawCanvases(sourceElement, clone)\n\n  const copyContents$ = combineLatest([\n    from(\n      copyBlobAssetReferences(\n        clone,\n        sourceElement.ownerDocument,\n        objectUrlStore,\n      ),\n    ),\n    copyIframeContents(originalIframes, clonedIframes, objectUrlStore),\n  ])\n\n  return {\n    clone,\n    ready$: copyContents$.pipe(defaultIfEmpty(true)),\n    release: objectUrlStore.revokeAll,\n  }\n}\n","import {\n  DocumentRenderer,\n  type Reader,\n  type SpineItem,\n} from \"@prose-reader/core\"\nimport { filter, first, Observable, switchMap } from \"rxjs\"\nimport { deepCloneElement } from \"./utils/deepCloneElement\"\n\nconst createSnapshotItem = () => {\n  const spineItemContainerElement = document.createElement(\"div\")\n  spineItemContainerElement.style.width = `100%`\n  spineItemContainerElement.style.height = `100%`\n  spineItemContainerElement.style.position = \"relative\"\n  spineItemContainerElement.style.overflow = \"hidden\"\n\n  const contentMask = document.createElement(\"div\")\n\n  contentMask.style.width = \"100%\"\n  contentMask.style.height = \"100%\"\n  contentMask.style.position = \"absolute\"\n  contentMask.style.top = \"0\"\n  contentMask.style.left = \"0\"\n  contentMask.style.overflow = \"hidden\"\n\n  spineItemContainerElement.appendChild(contentMask)\n\n  return spineItemContainerElement\n}\n\nexport class Snapshot extends Observable<HTMLElement> {\n  constructor(\n    reader: Reader,\n    item: SpineItem,\n    parent: Element,\n    options: {\n      height: number\n      width: number\n    },\n  ) {\n    super((subscriber) => {\n      const unlockSpineItem = reader.spine.spineItemsLoader.forceOpen([item])\n      let hasUnlockedSpineItem = false\n      let releaseSnapshotAssets = () => {}\n      let snapshotItem: HTMLElement | undefined\n\n      const unlock = () => {\n        if (hasUnlockedSpineItem) return\n\n        hasUnlockedSpineItem = true\n        unlockSpineItem()\n      }\n\n      const subscription = item.isReady$\n        .pipe(\n          filter((isReady) => isReady),\n          first(),\n          switchMap(() => {\n            snapshotItem = createSnapshotItem()\n\n            const pageSize = reader.viewport.value.pageSize\n            const itemElement = snapshotItem\n            const contentMask = itemElement?.children[0] as\n              | HTMLElement\n              | undefined\n\n            if (!itemElement || !contentMask)\n              throw new Error(\"No item element or content mask\")\n\n            // mask reset\n            contentMask.style.top = \"0\"\n            contentMask.style.left = \"0\"\n\n            const measure = options\n            const { height, width } = item.layoutInfo\n            const numberOfPages = item.numberOfPages\n            const widthScaleFullFrame = (measure.width / width) * numberOfPages\n            const heightScale = measure.height / height\n\n            // Use the minimum scale to ensure the element fits within both dimensions\n            const scale = Math.min(widthScaleFullFrame, heightScale)\n\n            const {\n              clone: clonedElement,\n              ready$: cloneReady$,\n              release,\n            } = deepCloneElement(item.element)\n            releaseSnapshotAssets = release\n\n            // cleanup unwanted elements from the spine\n            Array.from(clonedElement.children).forEach((child) => {\n              if (\n                !child.classList.contains(\n                  DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME,\n                )\n              ) {\n                child.remove()\n              }\n            })\n\n            clonedElement.style.left = \"0\"\n            clonedElement.style.top = \"0\"\n            clonedElement.style.position = \"relative\"\n\n            /**\n             * Now we adjust the mask to make it fit in the center and cover\n             * only the required part of the spine item (hidding) the overflowing\n             * pages for example.\n             */\n            const pageWidthAfterScale = pageSize.width * scale\n            const pageHeightAfterScale = pageSize.height * scale\n\n            contentMask.style.width = `${pageSize.width}px`\n            contentMask.style.height = `${pageSize.height}px`\n            contentMask.style.transformOrigin = \"0 0\"\n            contentMask.style.transform = `scale(${scale})`\n\n            if (pageWidthAfterScale < measure.width) {\n              const gap = (measure.width - pageWidthAfterScale) / 2\n\n              contentMask.style.left = `${gap}px`\n            }\n\n            if (pageHeightAfterScale < measure.height) {\n              const gap = (measure.height - pageHeightAfterScale) / 2\n\n              contentMask.style.top = `${gap}px`\n            }\n\n            parent.appendChild(itemElement)\n            contentMask.appendChild(clonedElement)\n\n            subscriber.next(itemElement)\n\n            return cloneReady$\n          }),\n        )\n        .subscribe({\n          error: (error) => {\n            unlock()\n            subscriber.error(error)\n          },\n          complete: () => {\n            unlock()\n            // Keep the observable open after cloning so the thumbnail owns its\n            // copied object URLs until React unsubscribes from this snapshot.\n          },\n        })\n\n      return () => {\n        subscription.unsubscribe()\n        unlock()\n        releaseSnapshotAssets()\n        snapshotItem?.remove()\n      }\n    })\n  }\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport { Snapshot } from \"./Snapshot\"\nimport type { GalleryEnhancerAPI } from \"./types\"\n\nexport type { GalleryEnhancerAPI }\n\nexport const galleryEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions): InheritOutput & GalleryEnhancerAPI => {\n    const reader = next(options)\n\n    return {\n      ...reader,\n      __PROSE_READER_ENHANCER_GALLERY: true,\n      gallery: {\n        snapshot: (spineItem, parent, options) =>\n          new Snapshot(reader, spineItem, parent, options),\n      },\n    }\n  }\n"],"names":["redrawCanvas","originalCanvas","clonedCanvas","context","e","RESOURCE_SELECTOR","createSnapshotObjectUrlStore","objectUrls","url","getElementAssetUrl","element","setElementAssetUrl","copyBlobUrl","document","objectUrlStore","blob","objectUrl","copyBlobAssetReferences","root","elementsWithAssets","error","copyIframeContents","originalIframes","clonedIframes","iframeCopies","originalIframe","index","clonedIframe","waitForFrameLoad","of","switchMap","clonedBody","originalHead","clonedHead","node","combineLatest","redrawCanvases","sourceElement","clone","originalCanvases","clonedCanvases","deepCloneElement","copyContents$","from","defaultIfEmpty","createSnapshotItem","spineItemContainerElement","contentMask","Snapshot","Observable","reader","item","parent","options","subscriber","unlockSpineItem","hasUnlockedSpineItem","releaseSnapshotAssets","snapshotItem","unlock","subscription","filter","isReady","first","pageSize","itemElement","measure","height","width","numberOfPages","widthScaleFullFrame","heightScale","scale","clonedElement","cloneReady$","release","child","DocumentRenderer","pageWidthAfterScale","pageHeightAfterScale","gap","galleryEnhancer","next","spineItem"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/utils/redrawCanvas.ts","../src/utils/snapshotBlobAssets.ts","../src/utils/deepCloneElement.ts","../src/Snapshot.ts","../src/index.ts"],"sourcesContent":["export const redrawCanvas = (\n  originalCanvas: HTMLCanvasElement,\n  clonedCanvas: HTMLCanvasElement,\n) => {\n  try {\n    // Copy canvas dimensions\n    clonedCanvas.width = originalCanvas.width\n    clonedCanvas.height = originalCanvas.height\n\n    // Copy canvas content\n    const context = clonedCanvas.getContext(\"2d\")\n    if (context) {\n      context.drawImage(originalCanvas, 0, 0)\n    }\n  } catch (e) {\n    console.warn(\n      \"Could not copy canvas content - possible tainted canvas or cross-origin issue\",\n      e,\n    )\n  }\n}\n","type SnapshotObjectUrlStore = {\n  add: (url: string) => void\n  revokeAll: () => void\n}\n\nconst RESOURCE_SELECTOR = [\n  `img`,\n  `video`,\n  `audio`,\n  `source`,\n  `link`,\n  `script`,\n].join(`,`)\n\nexport const createSnapshotObjectUrlStore = (): SnapshotObjectUrlStore => {\n  const objectUrls = new Set<string>()\n\n  return {\n    add: (url) => {\n      objectUrls.add(url)\n    },\n    revokeAll: () => {\n      objectUrls.forEach((url) => {\n        URL.revokeObjectURL(url)\n      })\n      objectUrls.clear()\n    },\n  }\n}\n\nconst getElementAssetUrl = (element: Element) =>\n  element.getAttribute(`src`) || element.getAttribute(`href`)\n\nconst setElementAssetUrl = (element: Element, url: string) => {\n  if (element.hasAttribute(`src`)) {\n    element.setAttribute(`src`, url)\n  } else if (element.hasAttribute(`href`)) {\n    element.setAttribute(`href`, url)\n  }\n}\n\nconst copyBlobUrl = async (\n  url: string,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const response = await fetch(url)\n  const blob = await response.blob()\n  const objectUrl = document.defaultView?.URL.createObjectURL(blob)\n\n  if (!objectUrl) return\n\n  objectUrlStore.add(objectUrl)\n\n  return objectUrl\n}\n\nexport const copyBlobAssetReferences = async (\n  root: ParentNode,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const elementsWithAssets = Array.from(\n    root.querySelectorAll(RESOURCE_SELECTOR),\n  )\n\n  await Promise.all(\n    elementsWithAssets.map(async (element) => {\n      const url = getElementAssetUrl(element)\n\n      if (!url?.startsWith(`blob:`)) return\n\n      let objectUrl: string | undefined\n\n      try {\n        objectUrl = await copyBlobUrl(url, document, objectUrlStore)\n      } catch (error) {\n        console.error(`Error copying snapshot blob asset:`, error)\n        return\n      }\n\n      if (objectUrl) {\n        setElementAssetUrl(element, objectUrl)\n      }\n    }),\n  )\n}\n","import { waitForFrameLoad } from \"@prose-reader/core\"\nimport { combineLatest, defaultIfEmpty, from, of, switchMap } from \"rxjs\"\nimport { redrawCanvas } from \"./redrawCanvas\"\nimport {\n  copyBlobAssetReferences,\n  createSnapshotObjectUrlStore,\n} from \"./snapshotBlobAssets\"\n\nconst copyIframeContents = (\n  originalIframes: NodeListOf<HTMLIFrameElement>,\n  clonedIframes: NodeListOf<HTMLIFrameElement>,\n  objectUrlStore: ReturnType<typeof createSnapshotObjectUrlStore>,\n) => {\n  const iframeCopies = Array.from(originalIframes).map(\n    (originalIframe, index) => {\n      const clonedIframe = clonedIframes[index]\n\n      if (!clonedIframe) return of(true)\n\n      return waitForFrameLoad(of(clonedIframe)).pipe(\n        switchMap(async () => {\n          try {\n            // Since we know they're same-origin EPUBs, we can directly copy content\n            if (\n              originalIframe.contentDocument &&\n              clonedIframe.contentDocument\n            ) {\n              // Clone the entire body content\n              const clonedBody =\n                originalIframe.contentDocument.body.cloneNode(true)\n\n              // Replace the body in the cloned iframe\n              clonedIframe.contentDocument.body.replaceWith(clonedBody)\n\n              // Also copy any head styles that might be important for rendering\n              const originalHead = originalIframe.contentDocument.head\n              const clonedHead = clonedIframe.contentDocument.head\n\n              // Copy all style and link elements from head\n              Array.from(\n                originalHead.querySelectorAll('style, link[rel=\"stylesheet\"]'),\n              ).forEach((node) => {\n                clonedHead.appendChild(node.cloneNode(true))\n              })\n\n              await copyBlobAssetReferences(\n                clonedIframe.contentDocument,\n                clonedIframe.contentDocument,\n                objectUrlStore,\n              )\n            }\n            return true\n          } catch (e) {\n            console.error(\"Error copying iframe content:\", e)\n            return false\n          }\n        }),\n      )\n    },\n  )\n\n  if (iframeCopies.length === 0) return of(true)\n\n  return combineLatest(iframeCopies)\n}\n\nconst redrawCanvases = (sourceElement: HTMLElement, clone: HTMLElement) => {\n  const originalCanvases = sourceElement.querySelectorAll(\"canvas\")\n  const clonedCanvases = clone.querySelectorAll(\"canvas\")\n\n  originalCanvases.forEach((originalCanvas, index) => {\n    if (index < clonedCanvases.length) {\n      const clonedCanvas = clonedCanvases[index] as HTMLCanvasElement\n\n      redrawCanvas(originalCanvas, clonedCanvas)\n    }\n  })\n}\n\nexport function deepCloneElement(sourceElement: HTMLElement) {\n  const objectUrlStore = createSnapshotObjectUrlStore()\n  // Create a deep clone of the source element\n  const clone = sourceElement.cloneNode(true) as HTMLElement\n\n  // Find all iframes in the original element\n  const originalIframes = sourceElement.querySelectorAll(\"iframe\")\n  // Find all iframes in the cloned element\n  const clonedIframes = clone.querySelectorAll(\"iframe\")\n\n  // Handle canvases in the main document\n  redrawCanvases(sourceElement, clone)\n\n  const copyContents$ = combineLatest([\n    from(\n      copyBlobAssetReferences(\n        clone,\n        sourceElement.ownerDocument,\n        objectUrlStore,\n      ),\n    ),\n    copyIframeContents(originalIframes, clonedIframes, objectUrlStore),\n  ])\n\n  return {\n    clone,\n    ready$: copyContents$.pipe(defaultIfEmpty(true)),\n    release: objectUrlStore.revokeAll,\n  }\n}\n","import {\n  DocumentRenderer,\n  type Reader,\n  type SpineItem,\n} from \"@prose-reader/core\"\nimport { filter, first, Observable, switchMap } from \"rxjs\"\nimport { deepCloneElement } from \"./utils/deepCloneElement\"\n\nconst SNAPSHOT_CLASS = \"prose-reader-enhancer-gallery-snapshot\"\nconst SNAPSHOT_MASK_CLASS = \"prose-reader-enhancer-gallery-snapshot-mask\"\nconst SNAPSHOT_PREVIEW_CLASS = \"prose-reader-enhancer-gallery-snapshot-preview\"\nconst SNAPSHOT_FRAME_CLASS = \"prose-reader-enhancer-gallery-snapshot-frame\"\n\nconst createSnapshotItem = (doc: Document) => {\n  const spineItemContainerElement = doc.createElement(\"div\")\n  spineItemContainerElement.classList.add(SNAPSHOT_CLASS)\n  spineItemContainerElement.tabIndex = -1\n  spineItemContainerElement.setAttribute(\"aria-hidden\", \"true\")\n  spineItemContainerElement.setAttribute(\"inert\", \"\")\n\n  const contentMask = doc.createElement(\"div\")\n\n  contentMask.classList.add(SNAPSHOT_MASK_CLASS)\n\n  spineItemContainerElement.appendChild(contentMask)\n\n  return spineItemContainerElement\n}\n\nconst makeSnapshotPreviewInert = (element: HTMLElement) => {\n  element.classList.add(SNAPSHOT_PREVIEW_CLASS)\n  element.tabIndex = -1\n  element.setAttribute(\"aria-hidden\", \"true\")\n  element.setAttribute(\"inert\", \"\")\n\n  element.querySelectorAll(\"iframe\").forEach((iframe) => {\n    iframe.classList.add(SNAPSHOT_FRAME_CLASS)\n    iframe.tabIndex = -1\n    iframe.setAttribute(\"aria-hidden\", \"true\")\n    iframe.setAttribute(\"inert\", \"\")\n  })\n}\n\nexport class Snapshot extends Observable<HTMLElement> {\n  constructor(\n    reader: Reader,\n    item: SpineItem,\n    parent: Element,\n    options: {\n      height: number\n      width: number\n    },\n  ) {\n    super((subscriber) => {\n      const parentDocument = parent.ownerDocument\n      const unlockSpineItem = reader.spine.spineItemsLoader.forceOpen([item])\n      let hasUnlockedSpineItem = false\n      let releaseSnapshotAssets = () => {}\n      let snapshotItem: HTMLElement | undefined\n\n      const unlock = () => {\n        if (hasUnlockedSpineItem) return\n\n        hasUnlockedSpineItem = true\n        unlockSpineItem()\n      }\n\n      const subscription = item.isReady$\n        .pipe(\n          filter((isReady) => isReady),\n          first(),\n          switchMap(() => {\n            snapshotItem = createSnapshotItem(parentDocument)\n\n            const pageSize = reader.viewport.value.pageSize\n            const itemElement = snapshotItem\n            const contentMask = itemElement?.children[0] as\n              | HTMLElement\n              | undefined\n\n            if (!itemElement || !contentMask)\n              throw new Error(\"No item element or content mask\")\n\n            contentMask.style.top = \"0\"\n            contentMask.style.left = \"0\"\n\n            const measure = options\n            const { height, width } = item.layoutInfo\n            const numberOfPages = item.numberOfPages\n            const widthScaleFullFrame = (measure.width / width) * numberOfPages\n            const heightScale = measure.height / height\n\n            // Use the minimum scale to ensure the element fits within both dimensions\n            const scale = Math.min(widthScaleFullFrame, heightScale)\n\n            const {\n              clone: clonedElement,\n              ready$: cloneReady$,\n              release,\n            } = deepCloneElement(item.element)\n            releaseSnapshotAssets = release\n\n            // cleanup unwanted elements from the spine\n            Array.from(clonedElement.children).forEach((child) => {\n              if (\n                !child.classList.contains(\n                  DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME,\n                )\n              ) {\n                child.remove()\n              }\n            })\n\n            clonedElement.style.left = \"0\"\n            clonedElement.style.top = \"0\"\n            clonedElement.style.position = \"relative\"\n            makeSnapshotPreviewInert(clonedElement)\n\n            /**\n             * Now we adjust the mask to make it fit in the center and cover\n             * only the required part of the spine item (hidding) the overflowing\n             * pages for example.\n             */\n            const pageWidthAfterScale = pageSize.width * scale\n            const pageHeightAfterScale = pageSize.height * scale\n\n            contentMask.style.width = `${pageSize.width}px`\n            contentMask.style.height = `${pageSize.height}px`\n            contentMask.style.transformOrigin = \"0 0\"\n            contentMask.style.transform = `scale(${scale})`\n\n            if (pageWidthAfterScale < measure.width) {\n              const gap = (measure.width - pageWidthAfterScale) / 2\n\n              contentMask.style.left = `${gap}px`\n            }\n\n            if (pageHeightAfterScale < measure.height) {\n              const gap = (measure.height - pageHeightAfterScale) / 2\n\n              contentMask.style.top = `${gap}px`\n            }\n\n            parent.appendChild(itemElement)\n            contentMask.appendChild(clonedElement)\n\n            subscriber.next(itemElement)\n\n            return cloneReady$\n          }),\n        )\n        .subscribe({\n          error: (error) => {\n            unlock()\n            subscriber.error(error)\n          },\n          complete: () => {\n            unlock()\n            // Keep the observable open after cloning so the thumbnail owns its\n            // copied object URLs until React unsubscribes from this snapshot.\n          },\n        })\n\n      return () => {\n        subscription.unsubscribe()\n        unlock()\n        releaseSnapshotAssets()\n        snapshotItem?.remove()\n      }\n    })\n  }\n}\n","import { injectCSS, type Reader } from \"@prose-reader/core\"\nimport { Snapshot } from \"./Snapshot\"\nimport styles from \"./style.css?inline\"\nimport type { GalleryEnhancerAPI } from \"./types\"\n\nexport type { GalleryEnhancerAPI }\n\nconst STYLE_ID = \"prose-reader-enhancer-gallery-snapshot-styles\"\n\nexport const galleryEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions): InheritOutput & GalleryEnhancerAPI => {\n    const reader = next(options)\n\n    if (typeof document !== \"undefined\" && !document.getElementById(STYLE_ID)) {\n      injectCSS(document, STYLE_ID, styles)\n    }\n\n    return {\n      ...reader,\n      __PROSE_READER_ENHANCER_GALLERY: true,\n      gallery: {\n        snapshot: (spineItem, parent, options) =>\n          new Snapshot(reader, spineItem, parent, options),\n      },\n    }\n  }\n"],"names":["redrawCanvas","originalCanvas","clonedCanvas","context","e","RESOURCE_SELECTOR","createSnapshotObjectUrlStore","objectUrls","url","getElementAssetUrl","element","setElementAssetUrl","copyBlobUrl","document","objectUrlStore","blob","objectUrl","copyBlobAssetReferences","root","elementsWithAssets","error","copyIframeContents","originalIframes","clonedIframes","iframeCopies","originalIframe","index","clonedIframe","waitForFrameLoad","of","switchMap","clonedBody","originalHead","clonedHead","node","combineLatest","redrawCanvases","sourceElement","clone","originalCanvases","clonedCanvases","deepCloneElement","copyContents$","from","defaultIfEmpty","SNAPSHOT_CLASS","SNAPSHOT_MASK_CLASS","SNAPSHOT_PREVIEW_CLASS","SNAPSHOT_FRAME_CLASS","createSnapshotItem","doc","spineItemContainerElement","contentMask","makeSnapshotPreviewInert","iframe","Snapshot","Observable","reader","item","parent","options","subscriber","parentDocument","unlockSpineItem","hasUnlockedSpineItem","releaseSnapshotAssets","snapshotItem","unlock","subscription","filter","isReady","first","pageSize","itemElement","measure","height","width","numberOfPages","widthScaleFullFrame","heightScale","scale","clonedElement","cloneReady$","release","child","DocumentRenderer","pageWidthAfterScale","pageHeightAfterScale","gap","STYLE_ID","galleryEnhancer","next","injectCSS","styles","spineItem"],"mappings":";;AAAO,MAAMA,IAAe,CAC1BC,GACAC,MACG;AACH,MAAI;AAEF,IAAAA,EAAa,QAAQD,EAAe,OACpCC,EAAa,SAASD,EAAe;AAGrC,UAAME,IAAUD,EAAa,WAAW,IAAI;AAC5C,IAAIC,KACFA,EAAQ,UAAUF,GAAgB,GAAG,CAAC;AAAA,EAE1C,SAASG,GAAG;AACV,YAAQ;AAAA,MACN;AAAA,MACAA;AAAA,IAAA;AAAA,EAEJ;AACF,GCfMC,IAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEGC,IAA+B,MAA8B;AACxE,QAAMC,wBAAiB,IAAA;AAEvB,SAAO;AAAA,IACL,KAAK,CAACC,MAAQ;AACZ,MAAAD,EAAW,IAAIC,CAAG;AAAA,IACpB;AAAA,IACA,WAAW,MAAM;AACf,MAAAD,EAAW,QAAQ,CAACC,MAAQ;AAC1B,YAAI,gBAAgBA,CAAG;AAAA,MACzB,CAAC,GACDD,EAAW,MAAA;AAAA,IACb;AAAA,EAAA;AAEJ,GAEME,IAAqB,CAACC,MAC1BA,EAAQ,aAAa,KAAK,KAAKA,EAAQ,aAAa,MAAM,GAEtDC,IAAqB,CAACD,GAAkBF,MAAgB;AAC5D,EAAIE,EAAQ,aAAa,KAAK,IAC5BA,EAAQ,aAAa,OAAOF,CAAG,IACtBE,EAAQ,aAAa,MAAM,KACpCA,EAAQ,aAAa,QAAQF,CAAG;AAEpC,GAEMI,IAAc,OAClBJ,GACAK,GACAC,MACG;AAEH,QAAMC,IAAO,OADI,MAAM,MAAMP,CAAG,GACJ,KAAA,GACtBQ,IAAYH,EAAS,aAAa,IAAI,gBAAgBE,CAAI;AAEhE,MAAKC;AAEL,WAAAF,EAAe,IAAIE,CAAS,GAErBA;AACT,GAEaC,IAA0B,OACrCC,GACAL,GACAC,MACG;AACH,QAAMK,IAAqB,MAAM;AAAA,IAC/BD,EAAK,iBAAiBb,CAAiB;AAAA,EAAA;AAGzC,QAAM,QAAQ;AAAA,IACZc,EAAmB,IAAI,OAAOT,MAAY;AACxC,YAAMF,IAAMC,EAAmBC,CAAO;AAEtC,UAAI,CAACF,GAAK,WAAW,OAAO,EAAG;AAE/B,UAAIQ;AAEJ,UAAI;AACF,QAAAA,IAAY,MAAMJ,EAAYJ,GAAKK,GAAUC,CAAc;AAAA,MAC7D,SAASM,GAAO;AACd,gBAAQ,MAAM,sCAAsCA,CAAK;AACzD;AAAA,MACF;AAEA,MAAIJ,KACFL,EAAmBD,GAASM,CAAS;AAAA,IAEzC,CAAC;AAAA,EAAA;AAEL,GC9EMK,IAAqB,CACzBC,GACAC,GACAT,MACG;AACH,QAAMU,IAAe,MAAM,KAAKF,CAAe,EAAE;AAAA,IAC/C,CAACG,GAAgBC,MAAU;AACzB,YAAMC,IAAeJ,EAAcG,CAAK;AAExC,aAAKC,IAEEC,EAAiBC,EAAGF,CAAY,CAAC,EAAE;AAAA,QACxCG,EAAU,YAAY;AACpB,cAAI;AAEF,gBACEL,EAAe,mBACfE,EAAa,iBACb;AAEA,oBAAMI,IACJN,EAAe,gBAAgB,KAAK,UAAU,EAAI;AAGpD,cAAAE,EAAa,gBAAgB,KAAK,YAAYI,CAAU;AAGxD,oBAAMC,IAAeP,EAAe,gBAAgB,MAC9CQ,IAAaN,EAAa,gBAAgB;AAGhD,oBAAM;AAAA,gBACJK,EAAa,iBAAiB,+BAA+B;AAAA,cAAA,EAC7D,QAAQ,CAACE,MAAS;AAClB,gBAAAD,EAAW,YAAYC,EAAK,UAAU,EAAI,CAAC;AAAA,cAC7C,CAAC,GAED,MAAMjB;AAAA,gBACJU,EAAa;AAAA,gBACbA,EAAa;AAAA,gBACbb;AAAA,cAAA;AAAA,YAEJ;AACA,mBAAO;AAAA,UACT,SAASV,GAAG;AACV,2BAAQ,MAAM,iCAAiCA,CAAC,GACzC;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MAAA,IAvCuByB,EAAG,EAAI;AAAA,IAyCnC;AAAA,EAAA;AAGF,SAAIL,EAAa,WAAW,IAAUK,EAAG,EAAI,IAEtCM,EAAcX,CAAY;AACnC,GAEMY,IAAiB,CAACC,GAA4BC,MAAuB;AACzE,QAAMC,IAAmBF,EAAc,iBAAiB,QAAQ,GAC1DG,IAAiBF,EAAM,iBAAiB,QAAQ;AAEtD,EAAAC,EAAiB,QAAQ,CAACtC,GAAgByB,MAAU;AAClD,QAAIA,IAAQc,EAAe,QAAQ;AACjC,YAAMtC,IAAesC,EAAed,CAAK;AAEzC,MAAA1B,EAAaC,GAAgBC,CAAY;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;AAEO,SAASuC,EAAiBJ,GAA4B;AAC3D,QAAMvB,IAAiBR,EAAA,GAEjBgC,IAAQD,EAAc,UAAU,EAAI,GAGpCf,IAAkBe,EAAc,iBAAiB,QAAQ,GAEzDd,IAAgBe,EAAM,iBAAiB,QAAQ;AAGrD,EAAAF,EAAeC,GAAeC,CAAK;AAEnC,QAAMI,IAAgBP,EAAc;AAAA,IAClCQ;AAAA,MACE1B;AAAA,QACEqB;AAAA,QACAD,EAAc;AAAA,QACdvB;AAAA,MAAA;AAAA,IACF;AAAA,IAEFO,EAAmBC,GAAiBC,GAAeT,CAAc;AAAA,EAAA,CAClE;AAED,SAAO;AAAA,IACL,OAAAwB;AAAA,IACA,QAAQI,EAAc,KAAKE,EAAe,EAAI,CAAC;AAAA,IAC/C,SAAS9B,EAAe;AAAA,EAAA;AAE5B;ACpGA,MAAM+B,IAAiB,0CACjBC,IAAsB,+CACtBC,IAAyB,kDACzBC,KAAuB,gDAEvBC,KAAqB,CAACC,MAAkB;AAC5C,QAAMC,IAA4BD,EAAI,cAAc,KAAK;AACzD,EAAAC,EAA0B,UAAU,IAAIN,CAAc,GACtDM,EAA0B,WAAW,IACrCA,EAA0B,aAAa,eAAe,MAAM,GAC5DA,EAA0B,aAAa,SAAS,EAAE;AAElD,QAAMC,IAAcF,EAAI,cAAc,KAAK;AAE3C,SAAAE,EAAY,UAAU,IAAIN,CAAmB,GAE7CK,EAA0B,YAAYC,CAAW,GAE1CD;AACT,GAEME,KAA2B,CAAC3C,MAAyB;AACzD,EAAAA,EAAQ,UAAU,IAAIqC,CAAsB,GAC5CrC,EAAQ,WAAW,IACnBA,EAAQ,aAAa,eAAe,MAAM,GAC1CA,EAAQ,aAAa,SAAS,EAAE,GAEhCA,EAAQ,iBAAiB,QAAQ,EAAE,QAAQ,CAAC4C,MAAW;AACrD,IAAAA,EAAO,UAAU,IAAIN,EAAoB,GACzCM,EAAO,WAAW,IAClBA,EAAO,aAAa,eAAe,MAAM,GACzCA,EAAO,aAAa,SAAS,EAAE;AAAA,EACjC,CAAC;AACH;AAEO,MAAMC,WAAiBC,EAAwB;AAAA,EACpD,YACEC,GACAC,GACAC,GACAC,GAIA;AACA,UAAM,CAACC,MAAe;AACpB,YAAMC,IAAiBH,EAAO,eACxBI,IAAkBN,EAAO,MAAM,iBAAiB,UAAU,CAACC,CAAI,CAAC;AACtE,UAAIM,IAAuB,IACvBC,IAAwB,MAAM;AAAA,MAAC,GAC/BC;AAEJ,YAAMC,IAAS,MAAM;AACnB,QAAIH,MAEJA,IAAuB,IACvBD,EAAA;AAAA,MACF,GAEMK,IAAeV,EAAK,SACvB;AAAA,QACCW,EAAO,CAACC,MAAYA,CAAO;AAAA,QAC3BC,EAAA;AAAA,QACAzC,EAAU,MAAM;AACd,UAAAoC,IAAejB,GAAmBa,CAAc;AAEhD,gBAAMU,IAAWf,EAAO,SAAS,MAAM,UACjCgB,IAAcP,GACdd,IAAcqB,GAAa,SAAS,CAAC;AAI3C,cAAI,CAACA,KAAe,CAACrB;AACnB,kBAAM,IAAI,MAAM,iCAAiC;AAEnD,UAAAA,EAAY,MAAM,MAAM,KACxBA,EAAY,MAAM,OAAO;AAEzB,gBAAMsB,IAAUd,GACV,EAAE,QAAAe,GAAQ,OAAAC,EAAA,IAAUlB,EAAK,YACzBmB,IAAgBnB,EAAK,eACrBoB,IAAuBJ,EAAQ,QAAQE,IAASC,GAChDE,IAAcL,EAAQ,SAASC,GAG/BK,IAAQ,KAAK,IAAIF,GAAqBC,CAAW,GAEjD;AAAA,YACJ,OAAOE;AAAA,YACP,QAAQC;AAAA,YACR,SAAAC;AAAA,UAAA,IACE1C,EAAiBiB,EAAK,OAAO;AACjC,UAAAO,IAAwBkB,GAGxB,MAAM,KAAKF,EAAc,QAAQ,EAAE,QAAQ,CAACG,MAAU;AACpD,YACGA,EAAM,UAAU;AAAA,cACfC,EAAiB;AAAA,YAAA,KAGnBD,EAAM,OAAA;AAAA,UAEV,CAAC,GAEDH,EAAc,MAAM,OAAO,KAC3BA,EAAc,MAAM,MAAM,KAC1BA,EAAc,MAAM,WAAW,YAC/B5B,GAAyB4B,CAAa;AAOtC,gBAAMK,IAAsBd,EAAS,QAAQQ,GACvCO,IAAuBf,EAAS,SAASQ;AAO/C,cALA5B,EAAY,MAAM,QAAQ,GAAGoB,EAAS,KAAK,MAC3CpB,EAAY,MAAM,SAAS,GAAGoB,EAAS,MAAM,MAC7CpB,EAAY,MAAM,kBAAkB,OACpCA,EAAY,MAAM,YAAY,SAAS4B,CAAK,KAExCM,IAAsBZ,EAAQ,OAAO;AACvC,kBAAMc,KAAOd,EAAQ,QAAQY,KAAuB;AAEpD,YAAAlC,EAAY,MAAM,OAAO,GAAGoC,CAAG;AAAA,UACjC;AAEA,cAAID,IAAuBb,EAAQ,QAAQ;AACzC,kBAAMc,KAAOd,EAAQ,SAASa,KAAwB;AAEtD,YAAAnC,EAAY,MAAM,MAAM,GAAGoC,CAAG;AAAA,UAChC;AAEA,iBAAA7B,EAAO,YAAYc,CAAW,GAC9BrB,EAAY,YAAY6B,CAAa,GAErCpB,EAAW,KAAKY,CAAW,GAEpBS;AAAA,QACT,CAAC;AAAA,MAAA,EAEF,UAAU;AAAA,QACT,OAAO,CAAC9D,MAAU;AAChB,UAAA+C,EAAA,GACAN,EAAW,MAAMzC,CAAK;AAAA,QACxB;AAAA,QACA,UAAU,MAAM;AACd,UAAA+C,EAAA;AAAA,QAGF;AAAA,MAAA,CACD;AAEH,aAAO,MAAM;AACX,QAAAC,EAAa,YAAA,GACbD,EAAA,GACAF,EAAA,GACAC,GAAc,OAAA;AAAA,MAChB;AAAA,IACF,CAAC;AAAA,EACH;AACF;klBCpKMuB,IAAW,iDAEJC,KACX,CACEC,MAEF,CAAC/B,MAAgE;AAC/D,QAAMH,IAASkC,EAAK/B,CAAO;AAE3B,SAAI,OAAO,WAAa,OAAe,CAAC,SAAS,eAAe6B,CAAQ,KACtEG,EAAU,UAAUH,GAAUI,EAAM,GAG/B;AAAA,IACL,GAAGpC;AAAA,IACH,iCAAiC;AAAA,IACjC,SAAS;AAAA,MACP,UAAU,CAACqC,GAAWnC,GAAQC,MAC5B,IAAIL,GAASE,GAAQqC,GAAWnC,GAAQC,CAAO;AAAA,IAAA;AAAA,EACnD;AAEJ;"}

package/dist/index.umd.cjs

@@ -1,2 +1,2 @@
-(function(i,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("@prose-reader/core"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@prose-reader/core","rxjs"],u):(i=typeof globalThis<"u"?globalThis:i||self,u(i["prose-reader-enhancer-gallery"]={},i.core,i.rxjs))})(this,(function(i,u,a){"use strict";const C=(e,t)=>{try{t.width=e.width,t.height=e.height;const o=t.getContext("2d");o&&o.drawImage(e,0,0)}catch(o){console.warn("Could not copy canvas content - possible tainted canvas or cross-origin issue",o)}},R=["img","video","audio","source","link","script"].join(","),U=()=>{const e=new Set;return{add:t=>{e.add(t)},revokeAll:()=>{e.forEach(t=>{URL.revokeObjectURL(t)}),e.clear()}}},O=e=>e.getAttribute("src")||e.getAttribute("href"),L=(e,t)=>{e.hasAttribute("src")?e.setAttribute("src",t):e.hasAttribute("href")&&e.setAttribute("href",t)},D=async(e,t,o)=>{const r=await(await fetch(e)).blob(),n=t.defaultView?.URL.createObjectURL(r);if(n)return o.add(n),n},E=async(e,t,o)=>{const c=Array.from(e.querySelectorAll(R));await Promise.all(c.map(async r=>{const n=O(r);if(!n?.startsWith("blob:"))return;let s;try{s=await D(n,t,o)}catch(d){console.error("Error copying snapshot blob asset:",d);return}s&&L(r,s)}))},I=(e,t,o)=>{const c=Array.from(e).map((r,n)=>{const s=t[n];return s?u.waitForFrameLoad(a.of(s)).pipe(a.switchMap(async()=>{try{if(r.contentDocument&&s.contentDocument){const d=r.contentDocument.body.cloneNode(!0);s.contentDocument.body.replaceWith(d);const g=r.contentDocument.head,y=s.contentDocument.head;Array.from(g.querySelectorAll('style, link[rel="stylesheet"]')).forEach(m=>{y.appendChild(m.cloneNode(!0))}),await E(s.contentDocument,s.contentDocument,o)}return!0}catch(d){return console.error("Error copying iframe content:",d),!1}})):a.of(!0)});return c.length===0?a.of(!0):a.combineLatest(c)},k=(e,t)=>{const o=e.querySelectorAll("canvas"),c=t.querySelectorAll("canvas");o.forEach((r,n)=>{if(n<c.length){const s=c[n];C(r,s)}})};function N(e){const t=U(),o=e.cloneNode(!0),c=e.querySelectorAll("iframe"),r=o.querySelectorAll("iframe");k(e,o);const n=a.combineLatest([a.from(E(o,e.ownerDocument,t)),I(c,r,t)]);return{clone:o,ready$:n.pipe(a.defaultIfEmpty(!0)),release:t.revokeAll}}const $=()=>{const e=document.createElement("div");e.style.width="100%",e.style.height="100%",e.style.position="relative",e.style.overflow="hidden";const t=document.createElement("div");return t.style.width="100%",t.style.height="100%",t.style.position="absolute",t.style.top="0",t.style.left="0",t.style.overflow="hidden",e.appendChild(t),e};class _ extends a.Observable{constructor(t,o,c,r){super(n=>{const s=t.spine.spineItemsLoader.forceOpen([o]);let d=!1,g=()=>{},y;const m=()=>{d||(d=!0,s())},M=o.isReady$.pipe(a.filter(h=>h),a.first(),a.switchMap(()=>{y=$();const h=t.viewport.value.pageSize,w=y,l=w?.children[0];if(!w||!l)throw new Error("No item element or content mask");l.style.top="0",l.style.left="0";const p=r,{height:T,width:P}=o.layoutInfo,F=o.numberOfPages,H=p.width/P*F,W=p.height/T,A=Math.min(H,W),{clone:b,ready$:B,release:j}=N(o.element);g=j,Array.from(b.children).forEach(f=>{f.classList.contains(u.DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME)||f.remove()}),b.style.left="0",b.style.top="0",b.style.position="relative";const S=h.width*A,v=h.height*A;if(l.style.width=`${h.width}px`,l.style.height=`${h.height}px`,l.style.transformOrigin="0 0",l.style.transform=`scale(${A})`,S<p.width){const f=(p.width-S)/2;l.style.left=`${f}px`}if(v<p.height){const f=(p.height-v)/2;l.style.top=`${f}px`}return c.appendChild(w),l.appendChild(b),n.next(w),B})).subscribe({error:h=>{m(),n.error(h)},complete:()=>{m()}});return()=>{M.unsubscribe(),m(),g(),y?.remove()}})}}const q=e=>t=>{const o=e(t);return{...o,__PROSE_READER_ENHANCER_GALLERY:!0,gallery:{snapshot:(c,r,n)=>new _(o,c,r,n)}}};i.galleryEnhancer=q,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
+(function(i,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@prose-reader/core"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@prose-reader/core","rxjs"],h):(i=typeof globalThis<"u"?globalThis:i||self,h(i["prose-reader-enhancer-gallery"]={},i.core,i.rxjs))})(this,(function(i,h,c){"use strict";const I=(e,t)=>{try{t.width=e.width,t.height=e.height;const r=t.getContext("2d");r&&r.drawImage(e,0,0)}catch(r){console.warn("Could not copy canvas content - possible tainted canvas or cross-origin issue",r)}},R=["img","video","audio","source","link","script"].join(","),O=()=>{const e=new Set;return{add:t=>{e.add(t)},revokeAll:()=>{e.forEach(t=>{URL.revokeObjectURL(t)}),e.clear()}}},_=e=>e.getAttribute("src")||e.getAttribute("href"),k=(e,t)=>{e.hasAttribute("src")?e.setAttribute("src",t):e.hasAttribute("href")&&e.setAttribute("href",t)},D=async(e,t,r)=>{const o=await(await fetch(e)).blob(),n=t.defaultView?.URL.createObjectURL(o);if(n)return r.add(n),n},E=async(e,t,r)=>{const s=Array.from(e.querySelectorAll(R));await Promise.all(s.map(async o=>{const n=_(o);if(!n?.startsWith("blob:"))return;let a;try{a=await D(n,t,r)}catch(p){console.error("Error copying snapshot blob asset:",p);return}a&&k(o,a)}))},U=(e,t,r)=>{const s=Array.from(e).map((o,n)=>{const a=t[n];return a?h.waitForFrameLoad(c.of(a)).pipe(c.switchMap(async()=>{try{if(o.contentDocument&&a.contentDocument){const p=o.contentDocument.body.cloneNode(!0);a.contentDocument.body.replaceWith(p);const g=o.contentDocument.head,S=a.contentDocument.head;Array.from(g.querySelectorAll('style, link[rel="stylesheet"]')).forEach(m=>{S.appendChild(m.cloneNode(!0))}),await E(a.contentDocument,a.contentDocument,r)}return!0}catch(p){return console.error("Error copying iframe content:",p),!1}})):c.of(!0)});return s.length===0?c.of(!0):c.combineLatest(s)},N=(e,t)=>{const r=e.querySelectorAll("canvas"),s=t.querySelectorAll("canvas");r.forEach((o,n)=>{if(n<s.length){const a=s[n];I(o,a)}})};function P(e){const t=O(),r=e.cloneNode(!0),s=e.querySelectorAll("iframe"),o=r.querySelectorAll("iframe");N(e,r);const n=c.combineLatest([c.from(E(r,e.ownerDocument,t)),U(s,o,t)]);return{clone:r,ready$:n.pipe(c.defaultIfEmpty(!0)),release:t.revokeAll}}const T="prose-reader-enhancer-gallery-snapshot",M="prose-reader-enhancer-gallery-snapshot-mask",$="prose-reader-enhancer-gallery-snapshot-preview",q="prose-reader-enhancer-gallery-snapshot-frame",H=e=>{const t=e.createElement("div");t.classList.add(T),t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("inert","");const r=e.createElement("div");return r.classList.add(M),t.appendChild(r),t},F=e=>{e.classList.add($),e.tabIndex=-1,e.setAttribute("aria-hidden","true"),e.setAttribute("inert",""),e.querySelectorAll("iframe").forEach(t=>{t.classList.add(q),t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("inert","")})};class W extends c.Observable{constructor(t,r,s,o){super(n=>{const a=s.ownerDocument,p=t.spine.spineItemsLoader.forceOpen([r]);let g=!1,S=()=>{},m;const b=()=>{g||(g=!0,p())},j=r.isReady$.pipe(c.filter(d=>d),c.first(),c.switchMap(()=>{m=H(a);const d=t.viewport.value.pageSize,A=m,l=A?.children[0];if(!A||!l)throw new Error("No item element or content mask");l.style.top="0",l.style.left="0";const u=o,{height:z,width:V}=r.layoutInfo,Y=r.numberOfPages,G=u.width/V*Y,K=u.height/z,w=Math.min(G,K),{clone:f,ready$:J,release:Q}=P(r.element);S=Q,Array.from(f.children).forEach(y=>{y.classList.contains(h.DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME)||y.remove()}),f.style.left="0",f.style.top="0",f.style.position="relative",F(f);const C=d.width*w,L=d.height*w;if(l.style.width=`${d.width}px`,l.style.height=`${d.height}px`,l.style.transformOrigin="0 0",l.style.transform=`scale(${w})`,C<u.width){const y=(u.width-C)/2;l.style.left=`${y}px`}if(L<u.height){const y=(u.height-L)/2;l.style.top=`${y}px`}return s.appendChild(A),l.appendChild(f),n.next(A),J})).subscribe({error:d=>{b(),n.error(d)},complete:()=>{b()}});return()=>{j.unsubscribe(),b(),S(),m?.remove()}})}}const x=".prose-reader-enhancer-gallery-snapshot{width:100%;height:100%;position:relative;overflow:hidden}.prose-reader-enhancer-gallery-snapshot-mask{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.prose-reader-enhancer-gallery-snapshot-preview{position:relative;top:0;left:0}.prose-reader-enhancer-gallery-snapshot,.prose-reader-enhancer-gallery-snapshot-mask,.prose-reader-enhancer-gallery-snapshot-preview,.prose-reader-enhancer-gallery-snapshot-frame,.prose-reader-enhancer-gallery-snapshot iframe{pointer-events:none;user-select:none;-webkit-user-select:none}",v="prose-reader-enhancer-gallery-snapshot-styles",B=e=>t=>{const r=e(t);return typeof document<"u"&&!document.getElementById(v)&&h.injectCSS(document,v,x),{...r,__PROSE_READER_ENHANCER_GALLERY:!0,gallery:{snapshot:(s,o,n)=>new W(r,s,o,n)}}};i.galleryEnhancer=B,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.cjs","sources":["../src/utils/redrawCanvas.ts","../src/utils/snapshotBlobAssets.ts","../src/utils/deepCloneElement.ts","../src/Snapshot.ts","../src/index.ts"],"sourcesContent":["export const redrawCanvas = (\n  originalCanvas: HTMLCanvasElement,\n  clonedCanvas: HTMLCanvasElement,\n) => {\n  try {\n    // Copy canvas dimensions\n    clonedCanvas.width = originalCanvas.width\n    clonedCanvas.height = originalCanvas.height\n\n    // Copy canvas content\n    const context = clonedCanvas.getContext(\"2d\")\n    if (context) {\n      context.drawImage(originalCanvas, 0, 0)\n    }\n  } catch (e) {\n    console.warn(\n      \"Could not copy canvas content - possible tainted canvas or cross-origin issue\",\n      e,\n    )\n  }\n}\n","type SnapshotObjectUrlStore = {\n  add: (url: string) => void\n  revokeAll: () => void\n}\n\nconst RESOURCE_SELECTOR = [\n  `img`,\n  `video`,\n  `audio`,\n  `source`,\n  `link`,\n  `script`,\n].join(`,`)\n\nexport const createSnapshotObjectUrlStore = (): SnapshotObjectUrlStore => {\n  const objectUrls = new Set<string>()\n\n  return {\n    add: (url) => {\n      objectUrls.add(url)\n    },\n    revokeAll: () => {\n      objectUrls.forEach((url) => {\n        URL.revokeObjectURL(url)\n      })\n      objectUrls.clear()\n    },\n  }\n}\n\nconst getElementAssetUrl = (element: Element) =>\n  element.getAttribute(`src`) || element.getAttribute(`href`)\n\nconst setElementAssetUrl = (element: Element, url: string) => {\n  if (element.hasAttribute(`src`)) {\n    element.setAttribute(`src`, url)\n  } else if (element.hasAttribute(`href`)) {\n    element.setAttribute(`href`, url)\n  }\n}\n\nconst copyBlobUrl = async (\n  url: string,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const response = await fetch(url)\n  const blob = await response.blob()\n  const objectUrl = document.defaultView?.URL.createObjectURL(blob)\n\n  if (!objectUrl) return\n\n  objectUrlStore.add(objectUrl)\n\n  return objectUrl\n}\n\nexport const copyBlobAssetReferences = async (\n  root: ParentNode,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const elementsWithAssets = Array.from(\n    root.querySelectorAll(RESOURCE_SELECTOR),\n  )\n\n  await Promise.all(\n    elementsWithAssets.map(async (element) => {\n      const url = getElementAssetUrl(element)\n\n      if (!url?.startsWith(`blob:`)) return\n\n      let objectUrl: string | undefined\n\n      try {\n        objectUrl = await copyBlobUrl(url, document, objectUrlStore)\n      } catch (error) {\n        console.error(`Error copying snapshot blob asset:`, error)\n        return\n      }\n\n      if (objectUrl) {\n        setElementAssetUrl(element, objectUrl)\n      }\n    }),\n  )\n}\n","import { waitForFrameLoad } from \"@prose-reader/core\"\nimport { combineLatest, defaultIfEmpty, from, of, switchMap } from \"rxjs\"\nimport { redrawCanvas } from \"./redrawCanvas\"\nimport {\n  copyBlobAssetReferences,\n  createSnapshotObjectUrlStore,\n} from \"./snapshotBlobAssets\"\n\nconst copyIframeContents = (\n  originalIframes: NodeListOf<HTMLIFrameElement>,\n  clonedIframes: NodeListOf<HTMLIFrameElement>,\n  objectUrlStore: ReturnType<typeof createSnapshotObjectUrlStore>,\n) => {\n  const iframeCopies = Array.from(originalIframes).map(\n    (originalIframe, index) => {\n      const clonedIframe = clonedIframes[index]\n\n      if (!clonedIframe) return of(true)\n\n      return waitForFrameLoad(of(clonedIframe)).pipe(\n        switchMap(async () => {\n          try {\n            // Since we know they're same-origin EPUBs, we can directly copy content\n            if (\n              originalIframe.contentDocument &&\n              clonedIframe.contentDocument\n            ) {\n              // Clone the entire body content\n              const clonedBody =\n                originalIframe.contentDocument.body.cloneNode(true)\n\n              // Replace the body in the cloned iframe\n              clonedIframe.contentDocument.body.replaceWith(clonedBody)\n\n              // Also copy any head styles that might be important for rendering\n              const originalHead = originalIframe.contentDocument.head\n              const clonedHead = clonedIframe.contentDocument.head\n\n              // Copy all style and link elements from head\n              Array.from(\n                originalHead.querySelectorAll('style, link[rel=\"stylesheet\"]'),\n              ).forEach((node) => {\n                clonedHead.appendChild(node.cloneNode(true))\n              })\n\n              await copyBlobAssetReferences(\n                clonedIframe.contentDocument,\n                clonedIframe.contentDocument,\n                objectUrlStore,\n              )\n            }\n            return true\n          } catch (e) {\n            console.error(\"Error copying iframe content:\", e)\n            return false\n          }\n        }),\n      )\n    },\n  )\n\n  if (iframeCopies.length === 0) return of(true)\n\n  return combineLatest(iframeCopies)\n}\n\nconst redrawCanvases = (sourceElement: HTMLElement, clone: HTMLElement) => {\n  const originalCanvases = sourceElement.querySelectorAll(\"canvas\")\n  const clonedCanvases = clone.querySelectorAll(\"canvas\")\n\n  originalCanvases.forEach((originalCanvas, index) => {\n    if (index < clonedCanvases.length) {\n      const clonedCanvas = clonedCanvases[index] as HTMLCanvasElement\n\n      redrawCanvas(originalCanvas, clonedCanvas)\n    }\n  })\n}\n\nexport function deepCloneElement(sourceElement: HTMLElement) {\n  const objectUrlStore = createSnapshotObjectUrlStore()\n  // Create a deep clone of the source element\n  const clone = sourceElement.cloneNode(true) as HTMLElement\n\n  // Find all iframes in the original element\n  const originalIframes = sourceElement.querySelectorAll(\"iframe\")\n  // Find all iframes in the cloned element\n  const clonedIframes = clone.querySelectorAll(\"iframe\")\n\n  // Handle canvases in the main document\n  redrawCanvases(sourceElement, clone)\n\n  const copyContents$ = combineLatest([\n    from(\n      copyBlobAssetReferences(\n        clone,\n        sourceElement.ownerDocument,\n        objectUrlStore,\n      ),\n    ),\n    copyIframeContents(originalIframes, clonedIframes, objectUrlStore),\n  ])\n\n  return {\n    clone,\n    ready$: copyContents$.pipe(defaultIfEmpty(true)),\n    release: objectUrlStore.revokeAll,\n  }\n}\n","import {\n  DocumentRenderer,\n  type Reader,\n  type SpineItem,\n} from \"@prose-reader/core\"\nimport { filter, first, Observable, switchMap } from \"rxjs\"\nimport { deepCloneElement } from \"./utils/deepCloneElement\"\n\nconst createSnapshotItem = () => {\n  const spineItemContainerElement = document.createElement(\"div\")\n  spineItemContainerElement.style.width = `100%`\n  spineItemContainerElement.style.height = `100%`\n  spineItemContainerElement.style.position = \"relative\"\n  spineItemContainerElement.style.overflow = \"hidden\"\n\n  const contentMask = document.createElement(\"div\")\n\n  contentMask.style.width = \"100%\"\n  contentMask.style.height = \"100%\"\n  contentMask.style.position = \"absolute\"\n  contentMask.style.top = \"0\"\n  contentMask.style.left = \"0\"\n  contentMask.style.overflow = \"hidden\"\n\n  spineItemContainerElement.appendChild(contentMask)\n\n  return spineItemContainerElement\n}\n\nexport class Snapshot extends Observable<HTMLElement> {\n  constructor(\n    reader: Reader,\n    item: SpineItem,\n    parent: Element,\n    options: {\n      height: number\n      width: number\n    },\n  ) {\n    super((subscriber) => {\n      const unlockSpineItem = reader.spine.spineItemsLoader.forceOpen([item])\n      let hasUnlockedSpineItem = false\n      let releaseSnapshotAssets = () => {}\n      let snapshotItem: HTMLElement | undefined\n\n      const unlock = () => {\n        if (hasUnlockedSpineItem) return\n\n        hasUnlockedSpineItem = true\n        unlockSpineItem()\n      }\n\n      const subscription = item.isReady$\n        .pipe(\n          filter((isReady) => isReady),\n          first(),\n          switchMap(() => {\n            snapshotItem = createSnapshotItem()\n\n            const pageSize = reader.viewport.value.pageSize\n            const itemElement = snapshotItem\n            const contentMask = itemElement?.children[0] as\n              | HTMLElement\n              | undefined\n\n            if (!itemElement || !contentMask)\n              throw new Error(\"No item element or content mask\")\n\n            // mask reset\n            contentMask.style.top = \"0\"\n            contentMask.style.left = \"0\"\n\n            const measure = options\n            const { height, width } = item.layoutInfo\n            const numberOfPages = item.numberOfPages\n            const widthScaleFullFrame = (measure.width / width) * numberOfPages\n            const heightScale = measure.height / height\n\n            // Use the minimum scale to ensure the element fits within both dimensions\n            const scale = Math.min(widthScaleFullFrame, heightScale)\n\n            const {\n              clone: clonedElement,\n              ready$: cloneReady$,\n              release,\n            } = deepCloneElement(item.element)\n            releaseSnapshotAssets = release\n\n            // cleanup unwanted elements from the spine\n            Array.from(clonedElement.children).forEach((child) => {\n              if (\n                !child.classList.contains(\n                  DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME,\n                )\n              ) {\n                child.remove()\n              }\n            })\n\n            clonedElement.style.left = \"0\"\n            clonedElement.style.top = \"0\"\n            clonedElement.style.position = \"relative\"\n\n            /**\n             * Now we adjust the mask to make it fit in the center and cover\n             * only the required part of the spine item (hidding) the overflowing\n             * pages for example.\n             */\n            const pageWidthAfterScale = pageSize.width * scale\n            const pageHeightAfterScale = pageSize.height * scale\n\n            contentMask.style.width = `${pageSize.width}px`\n            contentMask.style.height = `${pageSize.height}px`\n            contentMask.style.transformOrigin = \"0 0\"\n            contentMask.style.transform = `scale(${scale})`\n\n            if (pageWidthAfterScale < measure.width) {\n              const gap = (measure.width - pageWidthAfterScale) / 2\n\n              contentMask.style.left = `${gap}px`\n            }\n\n            if (pageHeightAfterScale < measure.height) {\n              const gap = (measure.height - pageHeightAfterScale) / 2\n\n              contentMask.style.top = `${gap}px`\n            }\n\n            parent.appendChild(itemElement)\n            contentMask.appendChild(clonedElement)\n\n            subscriber.next(itemElement)\n\n            return cloneReady$\n          }),\n        )\n        .subscribe({\n          error: (error) => {\n            unlock()\n            subscriber.error(error)\n          },\n          complete: () => {\n            unlock()\n            // Keep the observable open after cloning so the thumbnail owns its\n            // copied object URLs until React unsubscribes from this snapshot.\n          },\n        })\n\n      return () => {\n        subscription.unsubscribe()\n        unlock()\n        releaseSnapshotAssets()\n        snapshotItem?.remove()\n      }\n    })\n  }\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport { Snapshot } from \"./Snapshot\"\nimport type { GalleryEnhancerAPI } from \"./types\"\n\nexport type { GalleryEnhancerAPI }\n\nexport const galleryEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions): InheritOutput & GalleryEnhancerAPI => {\n    const reader = next(options)\n\n    return {\n      ...reader,\n      __PROSE_READER_ENHANCER_GALLERY: true,\n      gallery: {\n        snapshot: (spineItem, parent, options) =>\n          new Snapshot(reader, spineItem, parent, options),\n      },\n    }\n  }\n"],"names":["redrawCanvas","originalCanvas","clonedCanvas","context","e","RESOURCE_SELECTOR","createSnapshotObjectUrlStore","objectUrls","url","getElementAssetUrl","element","setElementAssetUrl","copyBlobUrl","document","objectUrlStore","blob","objectUrl","copyBlobAssetReferences","root","elementsWithAssets","error","copyIframeContents","originalIframes","clonedIframes","iframeCopies","originalIframe","index","clonedIframe","waitForFrameLoad","of","switchMap","clonedBody","originalHead","clonedHead","node","combineLatest","redrawCanvases","sourceElement","clone","originalCanvases","clonedCanvases","deepCloneElement","copyContents$","from","defaultIfEmpty","createSnapshotItem","spineItemContainerElement","contentMask","Snapshot","Observable","reader","item","parent","options","subscriber","unlockSpineItem","hasUnlockedSpineItem","releaseSnapshotAssets","snapshotItem","unlock","subscription","filter","isReady","first","pageSize","itemElement","measure","height","width","numberOfPages","widthScaleFullFrame","heightScale","scale","clonedElement","cloneReady$","release","child","DocumentRenderer","pageWidthAfterScale","pageHeightAfterScale","gap","galleryEnhancer","next","spineItem"],"mappings":"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"}
+{"version":3,"file":"index.umd.cjs","sources":["../src/utils/redrawCanvas.ts","../src/utils/snapshotBlobAssets.ts","../src/utils/deepCloneElement.ts","../src/Snapshot.ts","../src/index.ts"],"sourcesContent":["export const redrawCanvas = (\n  originalCanvas: HTMLCanvasElement,\n  clonedCanvas: HTMLCanvasElement,\n) => {\n  try {\n    // Copy canvas dimensions\n    clonedCanvas.width = originalCanvas.width\n    clonedCanvas.height = originalCanvas.height\n\n    // Copy canvas content\n    const context = clonedCanvas.getContext(\"2d\")\n    if (context) {\n      context.drawImage(originalCanvas, 0, 0)\n    }\n  } catch (e) {\n    console.warn(\n      \"Could not copy canvas content - possible tainted canvas or cross-origin issue\",\n      e,\n    )\n  }\n}\n","type SnapshotObjectUrlStore = {\n  add: (url: string) => void\n  revokeAll: () => void\n}\n\nconst RESOURCE_SELECTOR = [\n  `img`,\n  `video`,\n  `audio`,\n  `source`,\n  `link`,\n  `script`,\n].join(`,`)\n\nexport const createSnapshotObjectUrlStore = (): SnapshotObjectUrlStore => {\n  const objectUrls = new Set<string>()\n\n  return {\n    add: (url) => {\n      objectUrls.add(url)\n    },\n    revokeAll: () => {\n      objectUrls.forEach((url) => {\n        URL.revokeObjectURL(url)\n      })\n      objectUrls.clear()\n    },\n  }\n}\n\nconst getElementAssetUrl = (element: Element) =>\n  element.getAttribute(`src`) || element.getAttribute(`href`)\n\nconst setElementAssetUrl = (element: Element, url: string) => {\n  if (element.hasAttribute(`src`)) {\n    element.setAttribute(`src`, url)\n  } else if (element.hasAttribute(`href`)) {\n    element.setAttribute(`href`, url)\n  }\n}\n\nconst copyBlobUrl = async (\n  url: string,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const response = await fetch(url)\n  const blob = await response.blob()\n  const objectUrl = document.defaultView?.URL.createObjectURL(blob)\n\n  if (!objectUrl) return\n\n  objectUrlStore.add(objectUrl)\n\n  return objectUrl\n}\n\nexport const copyBlobAssetReferences = async (\n  root: ParentNode,\n  document: Document,\n  objectUrlStore: SnapshotObjectUrlStore,\n) => {\n  const elementsWithAssets = Array.from(\n    root.querySelectorAll(RESOURCE_SELECTOR),\n  )\n\n  await Promise.all(\n    elementsWithAssets.map(async (element) => {\n      const url = getElementAssetUrl(element)\n\n      if (!url?.startsWith(`blob:`)) return\n\n      let objectUrl: string | undefined\n\n      try {\n        objectUrl = await copyBlobUrl(url, document, objectUrlStore)\n      } catch (error) {\n        console.error(`Error copying snapshot blob asset:`, error)\n        return\n      }\n\n      if (objectUrl) {\n        setElementAssetUrl(element, objectUrl)\n      }\n    }),\n  )\n}\n","import { waitForFrameLoad } from \"@prose-reader/core\"\nimport { combineLatest, defaultIfEmpty, from, of, switchMap } from \"rxjs\"\nimport { redrawCanvas } from \"./redrawCanvas\"\nimport {\n  copyBlobAssetReferences,\n  createSnapshotObjectUrlStore,\n} from \"./snapshotBlobAssets\"\n\nconst copyIframeContents = (\n  originalIframes: NodeListOf<HTMLIFrameElement>,\n  clonedIframes: NodeListOf<HTMLIFrameElement>,\n  objectUrlStore: ReturnType<typeof createSnapshotObjectUrlStore>,\n) => {\n  const iframeCopies = Array.from(originalIframes).map(\n    (originalIframe, index) => {\n      const clonedIframe = clonedIframes[index]\n\n      if (!clonedIframe) return of(true)\n\n      return waitForFrameLoad(of(clonedIframe)).pipe(\n        switchMap(async () => {\n          try {\n            // Since we know they're same-origin EPUBs, we can directly copy content\n            if (\n              originalIframe.contentDocument &&\n              clonedIframe.contentDocument\n            ) {\n              // Clone the entire body content\n              const clonedBody =\n                originalIframe.contentDocument.body.cloneNode(true)\n\n              // Replace the body in the cloned iframe\n              clonedIframe.contentDocument.body.replaceWith(clonedBody)\n\n              // Also copy any head styles that might be important for rendering\n              const originalHead = originalIframe.contentDocument.head\n              const clonedHead = clonedIframe.contentDocument.head\n\n              // Copy all style and link elements from head\n              Array.from(\n                originalHead.querySelectorAll('style, link[rel=\"stylesheet\"]'),\n              ).forEach((node) => {\n                clonedHead.appendChild(node.cloneNode(true))\n              })\n\n              await copyBlobAssetReferences(\n                clonedIframe.contentDocument,\n                clonedIframe.contentDocument,\n                objectUrlStore,\n              )\n            }\n            return true\n          } catch (e) {\n            console.error(\"Error copying iframe content:\", e)\n            return false\n          }\n        }),\n      )\n    },\n  )\n\n  if (iframeCopies.length === 0) return of(true)\n\n  return combineLatest(iframeCopies)\n}\n\nconst redrawCanvases = (sourceElement: HTMLElement, clone: HTMLElement) => {\n  const originalCanvases = sourceElement.querySelectorAll(\"canvas\")\n  const clonedCanvases = clone.querySelectorAll(\"canvas\")\n\n  originalCanvases.forEach((originalCanvas, index) => {\n    if (index < clonedCanvases.length) {\n      const clonedCanvas = clonedCanvases[index] as HTMLCanvasElement\n\n      redrawCanvas(originalCanvas, clonedCanvas)\n    }\n  })\n}\n\nexport function deepCloneElement(sourceElement: HTMLElement) {\n  const objectUrlStore = createSnapshotObjectUrlStore()\n  // Create a deep clone of the source element\n  const clone = sourceElement.cloneNode(true) as HTMLElement\n\n  // Find all iframes in the original element\n  const originalIframes = sourceElement.querySelectorAll(\"iframe\")\n  // Find all iframes in the cloned element\n  const clonedIframes = clone.querySelectorAll(\"iframe\")\n\n  // Handle canvases in the main document\n  redrawCanvases(sourceElement, clone)\n\n  const copyContents$ = combineLatest([\n    from(\n      copyBlobAssetReferences(\n        clone,\n        sourceElement.ownerDocument,\n        objectUrlStore,\n      ),\n    ),\n    copyIframeContents(originalIframes, clonedIframes, objectUrlStore),\n  ])\n\n  return {\n    clone,\n    ready$: copyContents$.pipe(defaultIfEmpty(true)),\n    release: objectUrlStore.revokeAll,\n  }\n}\n","import {\n  DocumentRenderer,\n  type Reader,\n  type SpineItem,\n} from \"@prose-reader/core\"\nimport { filter, first, Observable, switchMap } from \"rxjs\"\nimport { deepCloneElement } from \"./utils/deepCloneElement\"\n\nconst SNAPSHOT_CLASS = \"prose-reader-enhancer-gallery-snapshot\"\nconst SNAPSHOT_MASK_CLASS = \"prose-reader-enhancer-gallery-snapshot-mask\"\nconst SNAPSHOT_PREVIEW_CLASS = \"prose-reader-enhancer-gallery-snapshot-preview\"\nconst SNAPSHOT_FRAME_CLASS = \"prose-reader-enhancer-gallery-snapshot-frame\"\n\nconst createSnapshotItem = (doc: Document) => {\n  const spineItemContainerElement = doc.createElement(\"div\")\n  spineItemContainerElement.classList.add(SNAPSHOT_CLASS)\n  spineItemContainerElement.tabIndex = -1\n  spineItemContainerElement.setAttribute(\"aria-hidden\", \"true\")\n  spineItemContainerElement.setAttribute(\"inert\", \"\")\n\n  const contentMask = doc.createElement(\"div\")\n\n  contentMask.classList.add(SNAPSHOT_MASK_CLASS)\n\n  spineItemContainerElement.appendChild(contentMask)\n\n  return spineItemContainerElement\n}\n\nconst makeSnapshotPreviewInert = (element: HTMLElement) => {\n  element.classList.add(SNAPSHOT_PREVIEW_CLASS)\n  element.tabIndex = -1\n  element.setAttribute(\"aria-hidden\", \"true\")\n  element.setAttribute(\"inert\", \"\")\n\n  element.querySelectorAll(\"iframe\").forEach((iframe) => {\n    iframe.classList.add(SNAPSHOT_FRAME_CLASS)\n    iframe.tabIndex = -1\n    iframe.setAttribute(\"aria-hidden\", \"true\")\n    iframe.setAttribute(\"inert\", \"\")\n  })\n}\n\nexport class Snapshot extends Observable<HTMLElement> {\n  constructor(\n    reader: Reader,\n    item: SpineItem,\n    parent: Element,\n    options: {\n      height: number\n      width: number\n    },\n  ) {\n    super((subscriber) => {\n      const parentDocument = parent.ownerDocument\n      const unlockSpineItem = reader.spine.spineItemsLoader.forceOpen([item])\n      let hasUnlockedSpineItem = false\n      let releaseSnapshotAssets = () => {}\n      let snapshotItem: HTMLElement | undefined\n\n      const unlock = () => {\n        if (hasUnlockedSpineItem) return\n\n        hasUnlockedSpineItem = true\n        unlockSpineItem()\n      }\n\n      const subscription = item.isReady$\n        .pipe(\n          filter((isReady) => isReady),\n          first(),\n          switchMap(() => {\n            snapshotItem = createSnapshotItem(parentDocument)\n\n            const pageSize = reader.viewport.value.pageSize\n            const itemElement = snapshotItem\n            const contentMask = itemElement?.children[0] as\n              | HTMLElement\n              | undefined\n\n            if (!itemElement || !contentMask)\n              throw new Error(\"No item element or content mask\")\n\n            contentMask.style.top = \"0\"\n            contentMask.style.left = \"0\"\n\n            const measure = options\n            const { height, width } = item.layoutInfo\n            const numberOfPages = item.numberOfPages\n            const widthScaleFullFrame = (measure.width / width) * numberOfPages\n            const heightScale = measure.height / height\n\n            // Use the minimum scale to ensure the element fits within both dimensions\n            const scale = Math.min(widthScaleFullFrame, heightScale)\n\n            const {\n              clone: clonedElement,\n              ready$: cloneReady$,\n              release,\n            } = deepCloneElement(item.element)\n            releaseSnapshotAssets = release\n\n            // cleanup unwanted elements from the spine\n            Array.from(clonedElement.children).forEach((child) => {\n              if (\n                !child.classList.contains(\n                  DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME,\n                )\n              ) {\n                child.remove()\n              }\n            })\n\n            clonedElement.style.left = \"0\"\n            clonedElement.style.top = \"0\"\n            clonedElement.style.position = \"relative\"\n            makeSnapshotPreviewInert(clonedElement)\n\n            /**\n             * Now we adjust the mask to make it fit in the center and cover\n             * only the required part of the spine item (hidding) the overflowing\n             * pages for example.\n             */\n            const pageWidthAfterScale = pageSize.width * scale\n            const pageHeightAfterScale = pageSize.height * scale\n\n            contentMask.style.width = `${pageSize.width}px`\n            contentMask.style.height = `${pageSize.height}px`\n            contentMask.style.transformOrigin = \"0 0\"\n            contentMask.style.transform = `scale(${scale})`\n\n            if (pageWidthAfterScale < measure.width) {\n              const gap = (measure.width - pageWidthAfterScale) / 2\n\n              contentMask.style.left = `${gap}px`\n            }\n\n            if (pageHeightAfterScale < measure.height) {\n              const gap = (measure.height - pageHeightAfterScale) / 2\n\n              contentMask.style.top = `${gap}px`\n            }\n\n            parent.appendChild(itemElement)\n            contentMask.appendChild(clonedElement)\n\n            subscriber.next(itemElement)\n\n            return cloneReady$\n          }),\n        )\n        .subscribe({\n          error: (error) => {\n            unlock()\n            subscriber.error(error)\n          },\n          complete: () => {\n            unlock()\n            // Keep the observable open after cloning so the thumbnail owns its\n            // copied object URLs until React unsubscribes from this snapshot.\n          },\n        })\n\n      return () => {\n        subscription.unsubscribe()\n        unlock()\n        releaseSnapshotAssets()\n        snapshotItem?.remove()\n      }\n    })\n  }\n}\n","import { injectCSS, type Reader } from \"@prose-reader/core\"\nimport { Snapshot } from \"./Snapshot\"\nimport styles from \"./style.css?inline\"\nimport type { GalleryEnhancerAPI } from \"./types\"\n\nexport type { GalleryEnhancerAPI }\n\nconst STYLE_ID = \"prose-reader-enhancer-gallery-snapshot-styles\"\n\nexport const galleryEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions): InheritOutput & GalleryEnhancerAPI => {\n    const reader = next(options)\n\n    if (typeof document !== \"undefined\" && !document.getElementById(STYLE_ID)) {\n      injectCSS(document, STYLE_ID, styles)\n    }\n\n    return {\n      ...reader,\n      __PROSE_READER_ENHANCER_GALLERY: true,\n      gallery: {\n        snapshot: (spineItem, parent, options) =>\n          new Snapshot(reader, spineItem, parent, options),\n      },\n    }\n  }\n"],"names":["redrawCanvas","originalCanvas","clonedCanvas","context","e","RESOURCE_SELECTOR","createSnapshotObjectUrlStore","objectUrls","url","getElementAssetUrl","element","setElementAssetUrl","copyBlobUrl","document","objectUrlStore","blob","objectUrl","copyBlobAssetReferences","root","elementsWithAssets","error","copyIframeContents","originalIframes","clonedIframes","iframeCopies","originalIframe","index","clonedIframe","waitForFrameLoad","of","switchMap","clonedBody","originalHead","clonedHead","node","combineLatest","redrawCanvases","sourceElement","clone","originalCanvases","clonedCanvases","deepCloneElement","copyContents$","from","defaultIfEmpty","SNAPSHOT_CLASS","SNAPSHOT_MASK_CLASS","SNAPSHOT_PREVIEW_CLASS","SNAPSHOT_FRAME_CLASS","createSnapshotItem","doc","spineItemContainerElement","contentMask","makeSnapshotPreviewInert","iframe","Snapshot","Observable","reader","item","parent","options","subscriber","parentDocument","unlockSpineItem","hasUnlockedSpineItem","releaseSnapshotAssets","snapshotItem","unlock","subscription","filter","isReady","first","pageSize","itemElement","measure","height","width","numberOfPages","widthScaleFullFrame","heightScale","scale","clonedElement","cloneReady$","release","child","DocumentRenderer","pageWidthAfterScale","pageHeightAfterScale","gap","STYLE_ID","galleryEnhancer","next","injectCSS","styles","spineItem"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/enhancer-gallery",
-  "version": "1.297.0",
+  "version": "1.299.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -20,7 +20,7 @@
     "test": "vitest run --coverage"
   },
   "dependencies": {
-    "@prose-reader/core": "^1.297.0"
+    "@prose-reader/core": "^1.299.0"
   },
   "peerDependencies": {
     "rxjs": "*"
@@ -28,5 +28,5 @@
   "devDependencies": {
     "rxjs": "*"
   },
-  "gitHead": "28c3e3cc50036fc624fc48111e0461251026c177"
+  "gitHead": "30ebdd7f5e3398cfa38b3e9c1c8db8d70e15aa3e"
 }