@prose-reader/enhancer-gallery 1.201.0

package/dist/Snapshot.d.ts

@@ -0,0 +1,8 @@
+import { Reader, SpineItem } from '@prose-reader/core';
+import { Observable } from 'rxjs';
+export declare class Snapshot extends Observable<HTMLElement> {
+    constructor(reader: Reader, item: SpineItem, options: {
+        height: number;
+        width: number;
+    });
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { Reader } from '@prose-reader/core';
+import { GalleryEnhancerAPI } from './types';
+export type { GalleryEnhancerAPI };
+export declare const galleryEnhancer: <InheritOptions, InheritOutput extends Reader>(next: (options: InheritOptions) => InheritOutput) => (options: InheritOptions) => InheritOutput & GalleryEnhancerAPI;

package/dist/index.js

@@ -0,0 +1,132 @@
+import { DocumentRenderer as E } from "@prose-reader/core";
+import { Observable as S, filter as C, first as A, switchMap as D, of as x, tap as I } from "rxjs";
+function L(l) {
+  const s = l.cloneNode(!0), n = l.querySelectorAll("iframe"), c = s.querySelectorAll("iframe");
+  n.forEach((t, r) => {
+    var y;
+    const e = c[r];
+    if (!e) return;
+    const o = () => {
+      try {
+        if (!t.contentDocument || !e.contentDocument) {
+          console.warn(
+            "Cannot access iframe content document - possible cross-origin restriction"
+          );
+          return;
+        }
+        t.contentDocument.querySelectorAll(
+          'link[rel="stylesheet"], style'
+        ).forEach((u) => {
+          var a;
+          const m = u.cloneNode(!0);
+          (a = e.contentDocument) == null || a.head.appendChild(m);
+        });
+      } catch (h) {
+        console.error("Error copying iframe styles:", h);
+      }
+    }, d = () => {
+      o(), e.removeEventListener("load", d);
+    };
+    e.addEventListener("load", d), ((y = t.contentDocument) == null ? void 0 : y.readyState) === "complete" && o();
+  });
+  const p = l.querySelectorAll("canvas"), v = s.querySelectorAll("canvas");
+  return p.forEach((t, r) => {
+    if (r < v.length) {
+      const e = v[r];
+      try {
+        e.width = t.width, e.height = t.height;
+        const o = e.getContext("2d");
+        o && o.drawImage(t, 0, 0);
+      } catch (o) {
+        console.warn(
+          "Could not copy canvas content - possible tainted canvas or cross-origin issue",
+          o
+        );
+      }
+    }
+  }), n.forEach((t, r) => {
+    var y;
+    const e = c[r];
+    if (!e) return;
+    const o = () => {
+      try {
+        if (!t.contentDocument || !e.contentDocument)
+          return;
+        const h = t.contentDocument.querySelectorAll("canvas"), u = e.contentDocument.querySelectorAll("canvas");
+        h.forEach((m, a) => {
+          if (a < u.length) {
+            const i = u[a];
+            try {
+              i.width = m.width, i.height = m.height;
+              const f = i.getContext("2d");
+              f && f.drawImage(m, 0, 0);
+            } catch (f) {
+              console.warn("Could not copy iframe canvas content", f);
+            }
+          }
+        });
+      } catch (h) {
+        console.error("Error copying iframe canvases:", h);
+      }
+    }, d = () => {
+      o(), e.removeEventListener("load", d);
+    };
+    e.addEventListener("load", d), ((y = t.contentDocument) == null ? void 0 : y.readyState) === "complete" && o();
+  }), s;
+}
+const N = (l) => {
+  const s = document.createElement("div");
+  s.style.width = `${l.width}px`, s.style.height = `${l.height}px`, s.style.position = "relative";
+  const n = document.createElement("div");
+  n.style.width = "100%", n.style.height = "100%", n.style.position = "relative", n.style.overflow = "hidden";
+  const c = document.createElement("div");
+  return c.style.width = "100%", c.style.height = "100%", c.style.position = "absolute", c.style.top = "0", c.style.left = "0", c.style.overflow = "hidden", n.appendChild(c), n;
+};
+class R extends S {
+  constructor(s, n, c) {
+    super((p) => {
+      const v = N(c);
+      return n.isReady$.pipe(
+        C((t) => t),
+        A(),
+        D(() => {
+          const t = s.viewport.value.pageSize, r = v, e = r == null ? void 0 : r.children[0];
+          if (!r || !e)
+            throw new Error("No item element or content mask");
+          e.style.top = "0", e.style.left = "0";
+          const o = c, { height: d, width: y } = n.layout.layoutInfo, h = n.numberOfPages, u = o.width / y * h, m = o.height / d, a = Math.min(u, m), i = L(n.element);
+          Array.from(i.children).forEach((g) => {
+            g.classList.contains(E.DOCUMENT_CONTAINER_CLASS_NAME) || g.remove();
+          }), i.style.left = "0", i.style.top = "0", i.style.position = "relative";
+          const f = t.width * a, w = t.height * a;
+          if (e.style.width = `${t.width}px`, e.style.height = `${t.height}px`, e.style.transformOrigin = "0 0", e.style.transform = `scale(${a})`, f < o.width) {
+            const g = (o.width - f) / 2;
+            e.style.left = `${g}px`;
+          }
+          if (w < o.height) {
+            const g = (o.height - w) / 2;
+            e.style.top = `${g}px`;
+          }
+          return e.innerHTML = "", e.appendChild(i), x(v);
+        }),
+        I((t) => {
+          p.next(t), p.complete();
+        })
+      ).subscribe();
+    });
+  }
+}
+const b = (l) => (s) => {
+  const n = l(s);
+  return {
+    ...n,
+    __PROSE_READER_ENHANCER_GALLERY: !0,
+    gallery: {
+      snapshot: (c, p) => new R(n, c, p)
+    }
+  };
+};
+export {
+  b as galleryEnhancer
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils/deepCloneElement.ts","../src/Snapshot.ts","../src/index.ts"],"sourcesContent":["export function deepCloneElement(sourceElement: HTMLElement) {\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  // Process each iframe\n  originalIframes.forEach((originalIframe, index) => {\n    const clonedIframe = clonedIframes[index]\n\n    if (!clonedIframe) return\n\n    const copyStyles = () => {\n      try {\n        // Check for cross-origin restrictions\n        if (!originalIframe.contentDocument || !clonedIframe.contentDocument) {\n          console.warn(\n            \"Cannot access iframe content document - possible cross-origin restriction\",\n          )\n          return\n        }\n\n        // Copy all stylesheets from original iframe to cloned iframe\n        const originalStylesheets =\n          originalIframe.contentDocument.querySelectorAll(\n            'link[rel=\"stylesheet\"], style',\n          )\n\n        originalStylesheets.forEach((stylesheet) => {\n          const stylesheetClone = stylesheet.cloneNode(true)\n          clonedIframe.contentDocument?.head.appendChild(stylesheetClone)\n        })\n      } catch (e) {\n        console.error(\"Error copying iframe styles:\", e)\n      }\n    }\n\n    // Store reference to the handler so we can remove it later\n    const loadHandler = () => {\n      copyStyles()\n      // Remove the event listener after it's been called to prevent memory leaks\n      clonedIframe.removeEventListener(\"load\", loadHandler)\n    }\n\n    // Add load event listener to the cloned iframe\n    clonedIframe.addEventListener(\"load\", loadHandler)\n\n    // If the original iframe is already loaded, trigger the handler\n    if (originalIframe.contentDocument?.readyState === \"complete\") {\n      copyStyles()\n    }\n  })\n\n  // Handle canvases in the main document\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      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  })\n\n  // Also handle canvases inside iframes\n  originalIframes.forEach((originalIframe, index) => {\n    const clonedIframe = clonedIframes[index]\n\n    if (!clonedIframe) return\n\n    const copyCanvases = () => {\n      try {\n        if (!originalIframe.contentDocument || !clonedIframe.contentDocument) {\n          return\n        }\n\n        const originalCanvasesInIframe =\n          originalIframe.contentDocument.querySelectorAll(\"canvas\")\n        const clonedCanvasesInIframe =\n          clonedIframe.contentDocument.querySelectorAll(\"canvas\")\n\n        originalCanvasesInIframe.forEach((originalCanvas, canvasIndex) => {\n          if (canvasIndex < clonedCanvasesInIframe.length) {\n            const clonedCanvas = clonedCanvasesInIframe[\n              canvasIndex\n            ] as 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 (canvasError) {\n              console.warn(\"Could not copy iframe canvas content\", canvasError)\n            }\n          }\n        })\n      } catch (e) {\n        console.error(\"Error copying iframe canvases:\", e)\n      }\n    }\n\n    // Store reference to the handler so we can remove it later\n    const canvasLoadHandler = () => {\n      copyCanvases()\n      // Remove the event listener after it's been called to prevent memory leaks\n      clonedIframe.removeEventListener(\"load\", canvasLoadHandler)\n    }\n\n    // Add load event listener to copy canvases after iframe loads\n    clonedIframe.addEventListener(\"load\", canvasLoadHandler)\n\n    // If the original iframe is already loaded, trigger the handler\n    if (originalIframe.contentDocument?.readyState === \"complete\") {\n      copyCanvases()\n    }\n  })\n\n  return clone\n}\n","import { DocumentRenderer, type Reader, type SpineItem } from \"@prose-reader/core\"\nimport { Observable, filter, first, of, switchMap, tap } from \"rxjs\"\nimport { deepCloneElement } from \"./utils/deepCloneElement\"\n\nconst createGridItem = (options: {\n  height: number\n  width: number\n}) => {\n  const gridItemElement = document.createElement(\"div\")\n  gridItemElement.style.width = `${options.width}px`\n  gridItemElement.style.height = `${options.height}px`\n  gridItemElement.style.position = \"relative\"\n\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  // gridItemElement.appendChild(spineItemContainerElement)\n\n  return spineItemContainerElement\n}\n\nexport class Snapshot extends Observable<HTMLElement> {\n  constructor(\n    reader: Reader,\n    item: SpineItem,\n    options: {\n      height: number\n      width: number\n    },\n  ) {\n    super((subscriber) => {\n      const gridItem = createGridItem(options)\n\n      return item.isReady$\n        .pipe(\n          filter((isReady) => isReady),\n          first(),\n          switchMap(() => {\n            const pageSize = reader.viewport.value.pageSize\n            const itemElement = gridItem\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            // itemElement.style.aspectRatio = `${pageSize.width / pageSize.height}`\n\n            const measure = options\n            const { height, width } = item.layout.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 clonedElement = deepCloneElement(item.element)\n\n            // cleanup unwanted elements from the spine\n            Array.from(clonedElement.children).forEach((child) => {\n              if (!child.classList.contains(DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME)) {\n                child.remove()\n              }\n            })\n\n            clonedElement.style.left = \"0\"\n            clonedElement.style.top = \"0\"\n            clonedElement.style.position = \"relative\"\n            // clonedElement.style.transformOrigin = \"0 0\"\n            // clonedElement.style.transform = `scale(${scale})`\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 = `${pageWidthAfterScale}px`\n            contentMask.style.width = `${pageSize.width}px`\n            // contentMask.style.height = `${pageHeightAfterScale}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            contentMask.innerHTML = \"\"\n            contentMask.appendChild(clonedElement)\n\n            return of(gridItem)\n          }),\n          tap((gridItem) => {\n            subscriber.next(gridItem)\n            subscriber.complete()\n          }),\n        )\n        .subscribe()\n    })\n  }\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport type { GalleryEnhancerAPI } from \"./types\"\nimport { Snapshot } from \"./Snapshot\"\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, options) =>\n          new Snapshot(reader, spineItem, options),\n      },\n    }\n  }\n"],"names":["deepCloneElement","sourceElement","clone","originalIframes","clonedIframes","originalIframe","index","clonedIframe","copyStyles","stylesheet","stylesheetClone","_a","e","loadHandler","originalCanvases","clonedCanvases","originalCanvas","clonedCanvas","context","copyCanvases","originalCanvasesInIframe","clonedCanvasesInIframe","canvasIndex","canvasError","canvasLoadHandler","createGridItem","options","gridItemElement","spineItemContainerElement","contentMask","Snapshot","Observable","reader","item","subscriber","gridItem","filter","isReady","first","switchMap","pageSize","itemElement","measure","height","width","numberOfPages","widthScaleFullFrame","heightScale","scale","clonedElement","child","DocumentRenderer","pageWidthAfterScale","pageHeightAfterScale","gap","of","tap","galleryEnhancer","next","spineItem"],"mappings":"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"}

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.umd.cjs

@@ -0,0 +1,2 @@
+(function(d,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("@prose-reader/core"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@prose-reader/core","rxjs"],w):(d=typeof globalThis<"u"?globalThis:d||self,w(d["prose-reader-enhancer-gallery"]={},d.core,d.rxjs))})(this,function(d,w,m){"use strict";function A(l){const r=l.cloneNode(!0),n=l.querySelectorAll("iframe"),c=r.querySelectorAll("iframe");n.forEach((t,s)=>{var f;const e=c[s];if(!e)return;const o=()=>{try{if(!t.contentDocument||!e.contentDocument){console.warn("Cannot access iframe content document - possible cross-origin restriction");return}t.contentDocument.querySelectorAll('link[rel="stylesheet"], style').forEach(v=>{var a;const u=v.cloneNode(!0);(a=e.contentDocument)==null||a.head.appendChild(u)})}catch(h){console.error("Error copying iframe styles:",h)}},y=()=>{o(),e.removeEventListener("load",y)};e.addEventListener("load",y),((f=t.contentDocument)==null?void 0:f.readyState)==="complete"&&o()});const g=l.querySelectorAll("canvas"),S=r.querySelectorAll("canvas");return g.forEach((t,s)=>{if(s<S.length){const e=S[s];try{e.width=t.width,e.height=t.height;const o=e.getContext("2d");o&&o.drawImage(t,0,0)}catch(o){console.warn("Could not copy canvas content - possible tainted canvas or cross-origin issue",o)}}}),n.forEach((t,s)=>{var f;const e=c[s];if(!e)return;const o=()=>{try{if(!t.contentDocument||!e.contentDocument)return;const h=t.contentDocument.querySelectorAll("canvas"),v=e.contentDocument.querySelectorAll("canvas");h.forEach((u,a)=>{if(a<v.length){const i=v[a];try{i.width=u.width,i.height=u.height;const p=i.getContext("2d");p&&p.drawImage(u,0,0)}catch(p){console.warn("Could not copy iframe canvas content",p)}}})}catch(h){console.error("Error copying iframe canvases:",h)}},y=()=>{o(),e.removeEventListener("load",y)};e.addEventListener("load",y),((f=t.contentDocument)==null?void 0:f.readyState)==="complete"&&o()}),r}const D=l=>{const r=document.createElement("div");r.style.width=`${l.width}px`,r.style.height=`${l.height}px`,r.style.position="relative";const n=document.createElement("div");n.style.width="100%",n.style.height="100%",n.style.position="relative",n.style.overflow="hidden";const c=document.createElement("div");return c.style.width="100%",c.style.height="100%",c.style.position="absolute",c.style.top="0",c.style.left="0",c.style.overflow="hidden",n.appendChild(c),n};class I extends m.Observable{constructor(r,n,c){super(g=>{const S=D(c);return n.isReady$.pipe(m.filter(t=>t),m.first(),m.switchMap(()=>{const t=r.viewport.value.pageSize,s=S,e=s==null?void 0:s.children[0];if(!s||!e)throw new Error("No item element or content mask");e.style.top="0",e.style.left="0";const o=c,{height:y,width:f}=n.layout.layoutInfo,h=n.numberOfPages,v=o.width/f*h,u=o.height/y,a=Math.min(v,u),i=A(n.element);Array.from(i.children).forEach(E=>{E.classList.contains(w.DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME)||E.remove()}),i.style.left="0",i.style.top="0",i.style.position="relative";const p=t.width*a,C=t.height*a;if(e.style.width=`${t.width}px`,e.style.height=`${t.height}px`,e.style.transformOrigin="0 0",e.style.transform=`scale(${a})`,p<o.width){const E=(o.width-p)/2;e.style.left=`${E}px`}if(C<o.height){const E=(o.height-C)/2;e.style.top=`${E}px`}return e.innerHTML="",e.appendChild(i),m.of(S)}),m.tap(t=>{g.next(t),g.complete()})).subscribe()})}}const x=l=>r=>{const n=l(r);return{...n,__PROSE_READER_ENHANCER_GALLERY:!0,gallery:{snapshot:(c,g)=>new I(n,c,g)}}};d.galleryEnhancer=x,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.cjs","sources":["../src/utils/deepCloneElement.ts","../src/Snapshot.ts","../src/index.ts"],"sourcesContent":["export function deepCloneElement(sourceElement: HTMLElement) {\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  // Process each iframe\n  originalIframes.forEach((originalIframe, index) => {\n    const clonedIframe = clonedIframes[index]\n\n    if (!clonedIframe) return\n\n    const copyStyles = () => {\n      try {\n        // Check for cross-origin restrictions\n        if (!originalIframe.contentDocument || !clonedIframe.contentDocument) {\n          console.warn(\n            \"Cannot access iframe content document - possible cross-origin restriction\",\n          )\n          return\n        }\n\n        // Copy all stylesheets from original iframe to cloned iframe\n        const originalStylesheets =\n          originalIframe.contentDocument.querySelectorAll(\n            'link[rel=\"stylesheet\"], style',\n          )\n\n        originalStylesheets.forEach((stylesheet) => {\n          const stylesheetClone = stylesheet.cloneNode(true)\n          clonedIframe.contentDocument?.head.appendChild(stylesheetClone)\n        })\n      } catch (e) {\n        console.error(\"Error copying iframe styles:\", e)\n      }\n    }\n\n    // Store reference to the handler so we can remove it later\n    const loadHandler = () => {\n      copyStyles()\n      // Remove the event listener after it's been called to prevent memory leaks\n      clonedIframe.removeEventListener(\"load\", loadHandler)\n    }\n\n    // Add load event listener to the cloned iframe\n    clonedIframe.addEventListener(\"load\", loadHandler)\n\n    // If the original iframe is already loaded, trigger the handler\n    if (originalIframe.contentDocument?.readyState === \"complete\") {\n      copyStyles()\n    }\n  })\n\n  // Handle canvases in the main document\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      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  })\n\n  // Also handle canvases inside iframes\n  originalIframes.forEach((originalIframe, index) => {\n    const clonedIframe = clonedIframes[index]\n\n    if (!clonedIframe) return\n\n    const copyCanvases = () => {\n      try {\n        if (!originalIframe.contentDocument || !clonedIframe.contentDocument) {\n          return\n        }\n\n        const originalCanvasesInIframe =\n          originalIframe.contentDocument.querySelectorAll(\"canvas\")\n        const clonedCanvasesInIframe =\n          clonedIframe.contentDocument.querySelectorAll(\"canvas\")\n\n        originalCanvasesInIframe.forEach((originalCanvas, canvasIndex) => {\n          if (canvasIndex < clonedCanvasesInIframe.length) {\n            const clonedCanvas = clonedCanvasesInIframe[\n              canvasIndex\n            ] as 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 (canvasError) {\n              console.warn(\"Could not copy iframe canvas content\", canvasError)\n            }\n          }\n        })\n      } catch (e) {\n        console.error(\"Error copying iframe canvases:\", e)\n      }\n    }\n\n    // Store reference to the handler so we can remove it later\n    const canvasLoadHandler = () => {\n      copyCanvases()\n      // Remove the event listener after it's been called to prevent memory leaks\n      clonedIframe.removeEventListener(\"load\", canvasLoadHandler)\n    }\n\n    // Add load event listener to copy canvases after iframe loads\n    clonedIframe.addEventListener(\"load\", canvasLoadHandler)\n\n    // If the original iframe is already loaded, trigger the handler\n    if (originalIframe.contentDocument?.readyState === \"complete\") {\n      copyCanvases()\n    }\n  })\n\n  return clone\n}\n","import { DocumentRenderer, type Reader, type SpineItem } from \"@prose-reader/core\"\nimport { Observable, filter, first, of, switchMap, tap } from \"rxjs\"\nimport { deepCloneElement } from \"./utils/deepCloneElement\"\n\nconst createGridItem = (options: {\n  height: number\n  width: number\n}) => {\n  const gridItemElement = document.createElement(\"div\")\n  gridItemElement.style.width = `${options.width}px`\n  gridItemElement.style.height = `${options.height}px`\n  gridItemElement.style.position = \"relative\"\n\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  // gridItemElement.appendChild(spineItemContainerElement)\n\n  return spineItemContainerElement\n}\n\nexport class Snapshot extends Observable<HTMLElement> {\n  constructor(\n    reader: Reader,\n    item: SpineItem,\n    options: {\n      height: number\n      width: number\n    },\n  ) {\n    super((subscriber) => {\n      const gridItem = createGridItem(options)\n\n      return item.isReady$\n        .pipe(\n          filter((isReady) => isReady),\n          first(),\n          switchMap(() => {\n            const pageSize = reader.viewport.value.pageSize\n            const itemElement = gridItem\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            // itemElement.style.aspectRatio = `${pageSize.width / pageSize.height}`\n\n            const measure = options\n            const { height, width } = item.layout.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 clonedElement = deepCloneElement(item.element)\n\n            // cleanup unwanted elements from the spine\n            Array.from(clonedElement.children).forEach((child) => {\n              if (!child.classList.contains(DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME)) {\n                child.remove()\n              }\n            })\n\n            clonedElement.style.left = \"0\"\n            clonedElement.style.top = \"0\"\n            clonedElement.style.position = \"relative\"\n            // clonedElement.style.transformOrigin = \"0 0\"\n            // clonedElement.style.transform = `scale(${scale})`\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 = `${pageWidthAfterScale}px`\n            contentMask.style.width = `${pageSize.width}px`\n            // contentMask.style.height = `${pageHeightAfterScale}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            contentMask.innerHTML = \"\"\n            contentMask.appendChild(clonedElement)\n\n            return of(gridItem)\n          }),\n          tap((gridItem) => {\n            subscriber.next(gridItem)\n            subscriber.complete()\n          }),\n        )\n        .subscribe()\n    })\n  }\n}\n","import type { Reader } from \"@prose-reader/core\"\nimport type { GalleryEnhancerAPI } from \"./types\"\nimport { Snapshot } from \"./Snapshot\"\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, options) =>\n          new Snapshot(reader, spineItem, options),\n      },\n    }\n  }\n"],"names":["deepCloneElement","sourceElement","clone","originalIframes","clonedIframes","originalIframe","index","clonedIframe","copyStyles","stylesheet","stylesheetClone","_a","e","loadHandler","originalCanvases","clonedCanvases","originalCanvas","clonedCanvas","context","copyCanvases","originalCanvasesInIframe","clonedCanvasesInIframe","canvasIndex","canvasError","canvasLoadHandler","createGridItem","options","gridItemElement","spineItemContainerElement","contentMask","Snapshot","Observable","reader","item","subscriber","gridItem","filter","isReady","first","switchMap","pageSize","itemElement","measure","height","width","numberOfPages","widthScaleFullFrame","heightScale","scale","clonedElement","child","DocumentRenderer","pageWidthAfterScale","pageHeightAfterScale","gap","of","tap","galleryEnhancer","next","spineItem"],"mappings":"oVAAO,SAASA,EAAiBC,EAA4B,CAErD,MAAAC,EAAQD,EAAc,UAAU,EAAI,EAGpCE,EAAkBF,EAAc,iBAAiB,QAAQ,EAEzDG,EAAgBF,EAAM,iBAAiB,QAAQ,EAGrCC,EAAA,QAAQ,CAACE,EAAgBC,IAAU,OAC3C,MAAAC,EAAeH,EAAcE,CAAK,EAExC,GAAI,CAACC,EAAc,OAEnB,MAAMC,EAAa,IAAM,CACnB,GAAA,CAEF,GAAI,CAACH,EAAe,iBAAmB,CAACE,EAAa,gBAAiB,CAC5D,QAAA,KACN,2EACF,EACA,MAAA,CAKAF,EAAe,gBAAgB,iBAC7B,+BACF,EAEkB,QAASI,GAAe,OACpC,MAAAC,EAAkBD,EAAW,UAAU,EAAI,GACpCE,EAAAJ,EAAA,kBAAA,MAAAI,EAAiB,KAAK,YAAYD,EAAe,CAC/D,QACME,EAAG,CACF,QAAA,MAAM,+BAAgCA,CAAC,CAAA,CAEnD,EAGMC,EAAc,IAAM,CACbL,EAAA,EAEED,EAAA,oBAAoB,OAAQM,CAAW,CACtD,EAGaN,EAAA,iBAAiB,OAAQM,CAAW,IAG7CF,EAAAN,EAAe,kBAAf,YAAAM,EAAgC,cAAe,YACtCH,EAAA,CACb,CACD,EAGK,MAAAM,EAAmBb,EAAc,iBAAiB,QAAQ,EAC1Dc,EAAiBb,EAAM,iBAAiB,QAAQ,EAErC,OAAAY,EAAA,QAAQ,CAACE,EAAgBV,IAAU,CAC9C,GAAAA,EAAQS,EAAe,OAAQ,CAC3B,MAAAE,EAAeF,EAAeT,CAAK,EAErC,GAAA,CAEFW,EAAa,MAAQD,EAAe,MACpCC,EAAa,OAASD,EAAe,OAG/B,MAAAE,EAAUD,EAAa,WAAW,IAAI,EACxCC,GACMA,EAAA,UAAUF,EAAgB,EAAG,CAAC,QAEjCJ,EAAG,CACF,QAAA,KACN,gFACAA,CACF,CAAA,CACF,CACF,CACD,EAGeT,EAAA,QAAQ,CAACE,EAAgBC,IAAU,OAC3C,MAAAC,EAAeH,EAAcE,CAAK,EAExC,GAAI,CAACC,EAAc,OAEnB,MAAMY,EAAe,IAAM,CACrB,GAAA,CACF,GAAI,CAACd,EAAe,iBAAmB,CAACE,EAAa,gBACnD,OAGF,MAAMa,EACJf,EAAe,gBAAgB,iBAAiB,QAAQ,EACpDgB,EACJd,EAAa,gBAAgB,iBAAiB,QAAQ,EAE/Ba,EAAA,QAAQ,CAACJ,EAAgBM,IAAgB,CAC5D,GAAAA,EAAcD,EAAuB,OAAQ,CACzC,MAAAJ,EAAeI,EACnBC,CACF,EAEI,GAAA,CAEFL,EAAa,MAAQD,EAAe,MACpCC,EAAa,OAASD,EAAe,OAG/B,MAAAE,EAAUD,EAAa,WAAW,IAAI,EACxCC,GACMA,EAAA,UAAUF,EAAgB,EAAG,CAAC,QAEjCO,EAAa,CACZ,QAAA,KAAK,uCAAwCA,CAAW,CAAA,CAClE,CACF,CACD,QACMX,EAAG,CACF,QAAA,MAAM,iCAAkCA,CAAC,CAAA,CAErD,EAGMY,EAAoB,IAAM,CACjBL,EAAA,EAEAZ,EAAA,oBAAoB,OAAQiB,CAAiB,CAC5D,EAGajB,EAAA,iBAAiB,OAAQiB,CAAiB,IAGnDb,EAAAN,EAAe,kBAAf,YAAAM,EAAgC,cAAe,YACpCQ,EAAA,CACf,CACD,EAEMjB,CACT,CC3IA,MAAMuB,EAAkBC,GAGlB,CACE,MAAAC,EAAkB,SAAS,cAAc,KAAK,EACpDA,EAAgB,MAAM,MAAQ,GAAGD,EAAQ,KAAK,KAC9CC,EAAgB,MAAM,OAAS,GAAGD,EAAQ,MAAM,KAChDC,EAAgB,MAAM,SAAW,WAE3B,MAAAC,EAA4B,SAAS,cAAc,KAAK,EAC9DA,EAA0B,MAAM,MAAQ,OACxCA,EAA0B,MAAM,OAAS,OACzCA,EAA0B,MAAM,SAAW,WAC3CA,EAA0B,MAAM,SAAW,SAErC,MAAAC,EAAc,SAAS,cAAc,KAAK,EAEhD,OAAAA,EAAY,MAAM,MAAQ,OAC1BA,EAAY,MAAM,OAAS,OAC3BA,EAAY,MAAM,SAAW,WAC7BA,EAAY,MAAM,IAAM,IACxBA,EAAY,MAAM,KAAO,IACzBA,EAAY,MAAM,SAAW,SAE7BD,EAA0B,YAAYC,CAAW,EAG1CD,CACT,EAEO,MAAME,UAAiBC,EAAAA,UAAwB,CACpD,YACEC,EACAC,EACAP,EAIA,CACA,MAAOQ,GAAe,CACd,MAAAC,EAAWV,EAAeC,CAAO,EAEvC,OAAOO,EAAK,SACT,KACCG,SAAQC,GAAYA,CAAO,EAC3BC,QAAM,EACNC,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAWR,EAAO,SAAS,MAAM,SACjCS,EAAcN,EACdN,EAAcY,GAAA,YAAAA,EAAa,SAAS,GAItC,GAAA,CAACA,GAAe,CAACZ,EACb,MAAA,IAAI,MAAM,iCAAiC,EAGnDA,EAAY,MAAM,IAAM,IACxBA,EAAY,MAAM,KAAO,IAIzB,MAAMa,EAAUhB,EACV,CAAE,OAAAiB,EAAQ,MAAAC,CAAM,EAAIX,EAAK,OAAO,WAChCY,EAAgBZ,EAAK,cACrBa,EAAuBJ,EAAQ,MAAQE,EAASC,EAChDE,EAAcL,EAAQ,OAASC,EAG/BK,EAAQ,KAAK,IAAIF,EAAqBC,CAAW,EAEjDE,EAAgBjD,EAAiBiC,EAAK,OAAO,EAGnD,MAAM,KAAKgB,EAAc,QAAQ,EAAE,QAASC,GAAU,CAC/CA,EAAM,UAAU,SAASC,EAAA,iBAAiB,6BAA6B,GAC1ED,EAAM,OAAO,CACf,CACD,EAEDD,EAAc,MAAM,KAAO,IAC3BA,EAAc,MAAM,IAAM,IAC1BA,EAAc,MAAM,SAAW,WASzB,MAAAG,EAAsBZ,EAAS,MAAQQ,EACvCK,EAAuBb,EAAS,OAASQ,EAS3C,GANJnB,EAAY,MAAM,MAAQ,GAAGW,EAAS,KAAK,KAE3CX,EAAY,MAAM,OAAS,GAAGW,EAAS,MAAM,KAC7CX,EAAY,MAAM,gBAAkB,MACxBA,EAAA,MAAM,UAAY,SAASmB,CAAK,IAExCI,EAAsBV,EAAQ,MAAO,CACjC,MAAAY,GAAOZ,EAAQ,MAAQU,GAAuB,EAExCvB,EAAA,MAAM,KAAO,GAAGyB,CAAG,IAAA,CAG7B,GAAAD,EAAuBX,EAAQ,OAAQ,CACnC,MAAAY,GAAOZ,EAAQ,OAASW,GAAwB,EAE1CxB,EAAA,MAAM,IAAM,GAAGyB,CAAG,IAAA,CAGhC,OAAAzB,EAAY,UAAY,GACxBA,EAAY,YAAYoB,CAAa,EAE9BM,EAAAA,GAAGpB,CAAQ,CAAA,CACnB,EACDqB,EAAA,IAAKrB,GAAa,CAChBD,EAAW,KAAKC,CAAQ,EACxBD,EAAW,SAAS,CACrB,CAAA,GAEF,UAAU,CAAA,CACd,CAAA,CAEL,CC5HO,MAAMuB,EAETC,GAEDhC,GAAgE,CACzD,MAAAM,EAAS0B,EAAKhC,CAAO,EAEpB,MAAA,CACL,GAAGM,EACH,gCAAiC,GACjC,QAAS,CACP,SAAU,CAAC2B,EAAWjC,IACpB,IAAII,EAASE,EAAQ2B,EAAWjC,CAAO,CAAA,CAE7C,CACF"}

package/dist/types.d.ts

@@ -0,0 +1,11 @@
+import { SpineItem } from '@prose-reader/core';
+import { Observable } from 'rxjs';
+export type GalleryEnhancerAPI = {
+    readonly __PROSE_READER_ENHANCER_GALLERY: boolean;
+    gallery: {
+        snapshot: (spineItem: SpineItem, options: {
+            height: number;
+            width: number;
+        }) => Observable<HTMLElement>;
+    };
+};

package/dist/utils/deepCloneElement.d.ts

@@ -0,0 +1 @@
+export declare function deepCloneElement(sourceElement: HTMLElement): HTMLElement;

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@prose-reader/enhancer-gallery",
+  "version": "1.201.0",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "files": ["/dist"],
+  "scripts": {
+    "start": "vite build --watch --mode development",
+    "build": "tsc && vite build",
+    "test": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@prose-reader/core": "^1.201.0"
+  },
+  "peerDependencies": {
+    "rxjs": "*"
+  },
+  "devDependencies": {
+    "rxjs": "*"
+  }
+}