@prose-reader/enhancer-gallery 1.201.0 → 1.203.0

package/LICENCE

@@ -0,0 +1,7 @@
+Copyright 2021 @prose-reader/core
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/index.js

@@ -96,7 +96,9 @@ class R extends S {
           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();
+            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) {

package/dist/index.js.map

@@ -1 +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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"}
+{"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 {\n  DocumentRenderer,\n  type Reader,\n  type SpineItem,\n} 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 (\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            // 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 { 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, 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.umd.cjs.map

@@ -1 +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":"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"}
+{"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 {\n  DocumentRenderer,\n  type Reader,\n  type SpineItem,\n} 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 (\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            // 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 { 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, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/enhancer-gallery",
-  "version": "1.201.0",
+  "version": "1.203.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -11,19 +11,22 @@
       "require": "./dist/index.umd.cjs"
     }
   },
-  "files": ["/dist"],
+  "files": [
+    "/dist"
+  ],
   "scripts": {
     "start": "vite build --watch --mode development",
     "build": "tsc && vite build",
     "test": "vitest run --coverage"
   },
   "dependencies": {
-    "@prose-reader/core": "^1.201.0"
+    "@prose-reader/core": "^1.203.0"
   },
   "peerDependencies": {
     "rxjs": "*"
   },
   "devDependencies": {
     "rxjs": "*"
-  }
+  },
+  "gitHead": "3d7485595c3a36462daf1921b08454d7cba84dc5"
 }