@prose-reader/enhancer-pdf 1.303.0 → 1.305.0

package/dist/createArchiveFromPdf.d.ts

@@ -5,10 +5,5 @@ type PdfJsArchive = Archive & {
     proxyDocument: pdfjsLib.PDFDocumentProxy;
 };
 export declare const isPdfJsArchive: (archive: Archive) => archive is PdfJsArchive;
-/**
- * @important
- * Make sure the urls are on the same origin or the cors header is set otherwise
- * the resource cannot be consumed as it is on the web.
- */
 export declare const createArchiveFromPdf: (file: Blob, filename: string) => Promise<Archive>;
 export {};

package/dist/index.js

@@ -1,370 +1,165 @@
-import * as pdfjsLib from 'pdfjs-dist';
-import { TextLayer, RenderingCancelledException } from 'pdfjs-dist';
-import { of, from, switchMap, EMPTY, tap, catchError, map, mergeMap } from 'rxjs';
-import { setStylePropertyIfChanged, setPropertyIfChanged, DocumentRenderer, waitForSwitch, waitForFrameLoad, injectCSSToFrame, upsertCSSToFrame, setAttributeIfChanged, waitForFrameReady } from '@prose-reader/core';
-
-const PDF_SYMBOL = /* @__PURE__ */ Symbol(`pdfjs`);
-const isPdfJsArchive = (archive) => "_symbol" in archive && archive._symbol === PDF_SYMBOL;
-const createArchiveFromPdf = async (file, filename) => {
-  const loadingTask = pdfjsLib.getDocument(await file.arrayBuffer());
-  const pdf = await loadingTask.promise;
-  const pages = Array.from({ length: pdf.numPages });
-  const pageEntries = pages.map((_, index) => ({
-    id: `page-${index}`,
-    resourcePath: `${index}.pdf`
-  }));
-  const opfFileData = `
+import * as e from "pdfjs-dist";
+import { RenderingCancelledException as t, TextLayer as n } from "pdfjs-dist";
+import { EMPTY as r, catchError as i, from as a, map as o, mergeMap as s, of as c, switchMap as l, tap as u } from "rxjs";
+import { DocumentRenderer as d, injectCSSToFrame as f, setAttributeIfChanged as p, setPropertyIfChanged as m, setStylePropertyIfChanged as h, upsertCSSToFrame as g, waitForFrameLoad as _, waitForFrameReady as v, waitForSwitch as y } from "@prose-reader/core";
+//#region src/createArchiveFromPdf.ts
+var b = Symbol("pdfjs"), x = (e) => "_symbol" in e && e._symbol === b, S = async (t, n) => {
+	let r = await e.getDocument(await t.arrayBuffer()).promise, i = Array.from({ length: r.numPages }), a = i.map((e, t) => ({
+		id: `page-${t}`,
+		resourcePath: `${t}.pdf`
+	})), o = `
     <?xml version="1.0" encoding="UTF-8"?><package xmlns="http://www.idpf.org/2007/opf" version="2.0" unique-identifier="bookid">
       <metadata>
         <meta property="rendition:layout">pre-paginated</meta>
       </metadata>
       <manifest>
-        ${pageEntries.map(({ id, resourcePath }) => `<item id="${id}" href="${resourcePath}" />`).join(`
-`)}
+        ${a.map(({ id: e, resourcePath: t }) => `<item id="${e}" href="${t}" />`).join("\n")}
       </manifest>
       <spine>
-        ${pageEntries.map(({ id }) => `<itemref idref="${id}" />`).join(`
-`)}
+        ${a.map(({ id: e }) => `<itemref idref="${e}" />`).join("\n")}
       </spine>
     </package>
   `;
-  const opfFile = {
-    dir: false,
-    basename: `content.opf`,
-    uri: `content.opf`,
-    size: 0,
-    blob: async () => new Blob(),
-    string: async () => opfFileData
-  };
-  const archive = {
-    filename,
-    encodingFormat: "application/pdf",
-    proxyDocument: pdf,
-    _symbol: PDF_SYMBOL,
-    records: [
-      opfFile,
-      ...pages.map((_, index) => ({
-        dir: false,
-        blob: async () => {
-          throw new Error("Unable to get blob from pdf");
-        },
-        basename: `${index}.pdf`,
-        size: 0,
-        string: () => {
-          throw new Error("Unable to get blob from pdf");
-        },
-        uri: `${index}.pdf`
-      }))
-    ],
-    close: () => {
-      return pdf.cleanup();
-    }
-  };
-  return archive;
-};
-
-const pdfFrameStyle = "html {\n  /* Pdf are always pre-paginated so its safe to disable touch action */\n  touch-action: none;\n}\n\nbody {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  /* This will prevent scrollbar and wrong offset of annotation layer */\n  overflow: hidden;\n}\n";
-
-const layoutContainer = (container, spreadPosition, viewport) => {
-  if (!container) return;
-  const { height: pageHeight, width: pageWidth } = viewport.pageSize;
-  setStylePropertyIfChanged(container.style, `width`, `${pageWidth}px`);
-  setStylePropertyIfChanged(container.style, `height`, `${pageHeight}px`);
-  if (spreadPosition === `right`) {
-    setStylePropertyIfChanged(container.style, `justify-content`, `flex-start`);
-  } else if (spreadPosition === `left`) {
-    setStylePropertyIfChanged(container.style, `justify-content`, `flex-end`);
-  } else {
-    setStylePropertyIfChanged(container.style, `justify-content`, `center`);
-  }
-};
-const layoutCanvas = (pageProxy, canvas, readerViewport) => {
-  const pixelRatioScale = window.devicePixelRatio || 1;
-  const { height: pageHeight, width: pageWidth } = readerViewport.pageSize;
-  const { width: viewportWidth, height: viewportHeight } = pageProxy.getViewport({ scale: 1 });
-  const pageScale = Math.max(
-    pageWidth / viewportWidth,
-    pageHeight / viewportHeight
-  );
-  const viewport = pageProxy.getViewport({ scale: pageScale });
-  const viewportRatio = viewport.width / viewport.height;
-  const pageRatio = pageWidth / pageHeight;
-  const isWiderThanPage = viewportRatio > pageRatio;
-  const canvasWidth = isWiderThanPage ? pageWidth : pageHeight * viewportRatio;
-  const canvasHeight = viewportRatio > pageRatio ? pageWidth / viewportRatio : pageHeight;
-  setPropertyIfChanged(
-    canvas,
-    `width`,
-    Math.floor(viewport.width * pixelRatioScale)
-  );
-  setPropertyIfChanged(
-    canvas,
-    `height`,
-    Math.floor(viewport.height * pixelRatioScale)
-  );
-  setStylePropertyIfChanged(
-    canvas.style,
-    `width`,
-    `${Math.floor(canvasWidth)}px`
-  );
-  setStylePropertyIfChanged(
-    canvas.style,
-    `height`,
-    `${Math.floor(canvasHeight)}px`
-  );
-};
-
-const pdfScaleStyle = `:root {
-  --scale-factor: 1;
-  --user-unit: 1;
-  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
-  --scale-round-x: 1px;
-  --scale-round-y: 1px;
-}`;
-class PdfRenderer extends DocumentRenderer {
-  constructor(pdfViewerStyle, params) {
-    super(params);
-    this.pdfViewerStyle = pdfViewerStyle;
-  }
-  pdfViewerStyle;
-  pageProxy;
-  renderTask;
-  textLayer;
-  getCanvas() {
-    const element = this.documentContainer?.children[0];
-    if (!(element instanceof HTMLCanvasElement)) return;
-    return element;
-  }
-  getFrameElement() {
-    const frame = this.documentContainer?.children[1].children[0];
-    if (!(frame instanceof HTMLIFrameElement)) return;
-    return frame;
-  }
-  getPageProxy() {
-    if (this.pageProxy) return of(this.pageProxy);
-    return from(this.resourcesHandler.fetchResource()).pipe(
-      switchMap((resource) => {
-        if (!("custom" in resource)) return EMPTY;
-        this.pageProxy = resource.data;
-        return of(this.pageProxy);
-      })
-    );
-  }
-  onUnload() {
-    this.detach();
-    if (this.renderTask) {
-      this.renderTask.cancel();
-    }
-    this.textLayer?.cancel();
-    this.pageProxy?.cleanup();
-    return EMPTY;
-  }
-  onCreateDocument() {
-    const frameElement = document.createElement(`iframe`);
-    frameElement.style.cssText = `
-      overflow: hidden;
-      height: 100%;
-      width: 100%;
-    `;
-    frameElement.setAttribute("tabIndex", "0");
-    frameElement.setAttribute("frameBorder", "0");
-    frameElement.setAttribute(`src`, "about:blank");
-    const frameContainer = this.containerElement.ownerDocument.createElement("div");
-    frameContainer.style.cssText = `
-      mix-blend-mode: multiply;
-      -webkit-transform: translateZ(0);
-      transform: translateZ(0);
-      position: absolute;
-      height: 100%;
-      width: 100%;
-      top: 0;
-    `;
-    const canvas = this.containerElement.ownerDocument.createElement("canvas");
-    frameContainer.appendChild(frameElement);
-    const rootElement = this.containerElement.ownerDocument.createElement(`div`);
-    rootElement.style.cssText = `
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    `;
-    rootElement.appendChild(canvas);
-    rootElement.appendChild(frameContainer);
-    this.setDocumentContainer(rootElement);
-    return of(rootElement);
-  }
-  onLoadDocument() {
-    return this.getPageProxy().pipe(
-      switchMap(() => {
-        const frameElement = this.getFrameElement();
-        const pageProxy = this.pageProxy;
-        if (!frameElement || !pageProxy) return EMPTY;
-        return of(frameElement).pipe(
-          waitForSwitch(this.context.bridgeEvent.viewportFree$),
-          tap(() => {
-            this.attach();
-          }),
-          waitForFrameLoad,
-          switchMap(() => {
-            injectCSSToFrame(
-              frameElement,
-              "pdfjs-viewer-style",
-              this.pdfViewerStyle
-            );
-            injectCSSToFrame(frameElement, "enhancer-pdf-style", pdfFrameStyle);
-            upsertCSSToFrame(frameElement, "pdf-scale-scale", pdfScaleStyle);
-            const frameBody = frameElement.contentDocument?.body;
-            if (!frameBody || !this.pageProxy) return EMPTY;
-            setAttributeIfChanged(frameBody, "class", "textLayer");
-            this.textLayer = new TextLayer({
-              container: frameBody,
-              textContentSource: this.pageProxy.streamTextContent(),
-              viewport: this.pageProxy.getViewport({ scale: 1 })
-            });
-            return from(this.textLayer.render());
-          }),
-          waitForFrameReady
-        );
-      })
-    );
-  }
-  onLayout({
-    spreadPosition
-  }) {
-    const frameElement = this.getFrameElement();
-    const canvas = this.getCanvas();
-    if (!frameElement || !canvas) return of(void 0);
-    const { height: pageHeight, width: pageWidth } = this.viewport.pageSize;
-    layoutContainer(this.documentContainer, spreadPosition, this.viewport);
-    const context = canvas.getContext("2d");
-    const pixelRatioScale = window.devicePixelRatio || 1;
-    if (!this.pageProxy || !context) return of(void 0);
-    if (this.renderTask) {
-      this.renderTask.cancel();
-      this.renderTask = void 0;
-    }
-    layoutCanvas(this.pageProxy, canvas, this.viewport);
-    const { width: viewportWidth, height: viewportHeight } = this.pageProxy.getViewport({ scale: 1 });
-    const pageScale = Math.max(
-      pageWidth / viewportWidth,
-      pageHeight / viewportHeight
-    );
-    const viewport = this.pageProxy.getViewport({ scale: pageScale });
-    const transform = pixelRatioScale !== 1 ? [pixelRatioScale, 0, 0, pixelRatioScale, 0, 0] : null;
-    this.renderTask = this.pageProxy.render({
-      ...transform && { transform },
-      canvasContext: context,
-      viewport,
-      canvas
-    });
-    return from(this.renderTask.promise).pipe(
-      switchMap(() => {
-        this.renderTask = void 0;
-        const frameDoc = frameElement?.contentDocument;
-        const pdfPage = this.pageProxy;
-        if (!frameDoc || !frameElement || !pdfPage || !this.textLayer) {
-          throw new Error("Unable to update text layer due to missing elements");
-        }
-        const textLayerElement = frameDoc.body;
-        const canvasScale = canvas.clientWidth / viewportWidth;
-        setStylePropertyIfChanged(
-          textLayerElement.style,
-          `top`,
-          `${canvas.offsetTop}px`
-        );
-        setStylePropertyIfChanged(
-          textLayerElement.style,
-          `left`,
-          `${canvas.offsetLeft}px`
-        );
-        setStylePropertyIfChanged(
-          textLayerElement.style,
-          `height`,
-          canvas.style.height
-        );
-        setStylePropertyIfChanged(
-          textLayerElement.style,
-          `width`,
-          canvas.style.width
-        );
-        setStylePropertyIfChanged(
-          frameDoc.documentElement.style,
-          `--scale-factor`,
-          `${canvasScale}`
-        );
-        this.textLayer.update({
-          viewport
-        });
-        return of(void 0);
-      }),
-      catchError((e) => {
-        if (!(e instanceof RenderingCancelledException)) console.error(e);
-        return of(void 0);
-      })
-    );
-  }
-  /**
-   * @important
-   * We should keep the same node structure to preserve CFI integrity.
-   */
-  onRenderHeadless() {
-    return this.getPageProxy().pipe(
-      switchMap((pageProxy) => {
-        const headlessDocument = document.implementation.createHTMLDocument();
-        const textLayerElement = headlessDocument.body;
-        const textLayer = new TextLayer({
-          container: textLayerElement,
-          textContentSource: pageProxy.streamTextContent(),
-          viewport: pageProxy.getViewport({ scale: 1 })
-        });
-        return from(textLayer.render()).pipe(map(() => headlessDocument));
-      })
-    );
-  }
-  getDocumentFrame() {
-    return this.getFrameElement();
-  }
-}
-
-const pdfEnhancer = (next) => (options) => {
-  const reader = next({
-    ...options,
-    /**
-     * We have a special renderer for pdf so we need to inject it
-     * for the relevant items. The enhancer could be configurable but for
-     * the sake of simplicity we will assume that an item ending with .pdf should
-     * be treated as a pdf document.
-     *
-     * The `getRenderer` hook should be non destructive, if we detect a renderer already
-     * setup we should return it.
-     */
-    getRenderer(item) {
-      const maybeFactory = options.getRenderer?.(item);
-      if (!maybeFactory && item.href.endsWith(`.pdf`)) {
-        return (params) => new PdfRenderer(options.pdf.pdfjsViewerInlineCss, params);
-      }
-      return maybeFactory;
-    },
-    getResource: (item) => options.pdf.getArchiveForItem(item).pipe(
-      mergeMap((archive) => {
-        if (!archive) return of(void 0);
-        if (!isPdfJsArchive(archive)) {
-          console.warn(`You provided an invalid pdf archive`);
-          return of(void 0);
-        }
-        const fileIndex = archive.records.findIndex(
-          (file) => item.href.endsWith(file.uri)
-        ) - 1;
-        return from(archive.proxyDocument.getPage(fileIndex + 1)).pipe(
-          map((pageProxy) => ({
-            custom: true,
-            data: pageProxy
-          }))
-        );
-      })
-    )
-  });
-  return reader;
-};
+	return {
+		filename: n,
+		encodingFormat: "application/pdf",
+		proxyDocument: r,
+		_symbol: b,
+		records: [{
+			dir: !1,
+			basename: "content.opf",
+			uri: "content.opf",
+			size: 0,
+			blob: async () => new Blob(),
+			string: async () => o
+		}, ...i.map((e, t) => ({
+			dir: !1,
+			blob: async () => {
+				throw Error("Unable to get blob from pdf");
+			},
+			basename: `${t}.pdf`,
+			size: 0,
+			string: () => {
+				throw Error("Unable to get blob from pdf");
+			},
+			uri: `${t}.pdf`
+		}))],
+		close: () => r.cleanup()
+	};
+}, C = "html{touch-action:none}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}", w = (e, t, n) => {
+	if (!e) return;
+	let { height: r, width: i } = n.pageSize;
+	h(e.style, "width", `${i}px`), h(e.style, "height", `${r}px`), t === "right" ? h(e.style, "justify-content", "flex-start") : t === "left" ? h(e.style, "justify-content", "flex-end") : h(e.style, "justify-content", "center");
+}, T = (e, t, n) => {
+	let r = window.devicePixelRatio || 1, { height: i, width: a } = n.pageSize, { width: o, height: s } = e.getViewport({ scale: 1 }), c = Math.max(a / o, i / s), l = e.getViewport({ scale: c }), u = l.width / l.height, d = a / i, f = u > d ? a : i * u, p = u > d ? a / u : i;
+	m(t, "width", Math.floor(l.width * r)), m(t, "height", Math.floor(l.height * r)), h(t.style, "width", `${Math.floor(f)}px`), h(t.style, "height", `${Math.floor(p)}px`);
+}, E = ":root {\n  --scale-factor: 1;\n  --user-unit: 1;\n  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n  --scale-round-x: 1px;\n  --scale-round-y: 1px;\n}", D = class extends d {
+	pdfViewerStyle;
+	pageProxy;
+	renderTask;
+	textLayer;
+	constructor(e, t) {
+		super(t), this.pdfViewerStyle = e;
+	}
+	getCanvas() {
+		let e = this.documentContainer?.children[0];
+		if (e instanceof HTMLCanvasElement) return e;
+	}
+	getFrameElement() {
+		let e = this.documentContainer?.children[1]?.children[0];
+		if (e instanceof HTMLIFrameElement) return e;
+	}
+	getPageProxy() {
+		return this.pageProxy ? c(this.pageProxy) : a(this.resourcesHandler.fetchResource()).pipe(l((e) => "custom" in e ? (this.pageProxy = e.data, c(this.pageProxy)) : r));
+	}
+	onUnload() {
+		return this.detach(), this.renderTask && this.renderTask.cancel(), this.textLayer?.cancel(), this.pageProxy?.cleanup(), r;
+	}
+	onCreateDocument() {
+		let e = document.createElement("iframe");
+		e.style.cssText = "\n      overflow: hidden;\n      height: 100%;\n      width: 100%;\n    ", e.setAttribute("tabIndex", "0"), e.setAttribute("frameBorder", "0"), e.setAttribute("src", "about:blank");
+		let t = this.containerElement.ownerDocument.createElement("div");
+		t.style.cssText = "\n      mix-blend-mode: multiply;\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n    ";
+		let n = this.containerElement.ownerDocument.createElement("canvas");
+		t.appendChild(e);
+		let r = this.containerElement.ownerDocument.createElement("div");
+		return r.style.cssText = "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    ", r.appendChild(n), r.appendChild(t), this.setDocumentContainer(r), c(r);
+	}
+	onLoadDocument() {
+		return this.getPageProxy().pipe(l(() => {
+			let e = this.getFrameElement(), t = this.pageProxy;
+			return !e || !t ? r : c(e).pipe(y(this.context.bridgeEvent.viewportFree$), u(() => {
+				this.attach();
+			}), _, l(() => {
+				f(e, "pdfjs-viewer-style", this.pdfViewerStyle), f(e, "enhancer-pdf-style", C), g(e, "pdf-scale-scale", E);
+				let t = e.contentDocument?.body;
+				return !t || !this.pageProxy ? r : (p(t, "class", "textLayer"), this.textLayer = new n({
+					container: t,
+					textContentSource: this.pageProxy.streamTextContent(),
+					viewport: this.pageProxy.getViewport({ scale: 1 })
+				}), a(this.textLayer.render()));
+			}), v);
+		}));
+	}
+	onLayout({ spreadPosition: e }) {
+		let n = this.getFrameElement(), r = this.getCanvas();
+		if (!n || !r) return c(void 0);
+		let { height: o, width: s } = this.viewport.pageSize;
+		w(this.documentContainer, e, this.viewport);
+		let u = r.getContext("2d"), d = window.devicePixelRatio || 1;
+		if (!this.pageProxy || !u) return c(void 0);
+		this.renderTask &&= (this.renderTask.cancel(), void 0), T(this.pageProxy, r, this.viewport);
+		let { width: f, height: p } = this.pageProxy.getViewport({ scale: 1 }), m = Math.max(s / f, o / p), g = this.pageProxy.getViewport({ scale: m }), _ = d === 1 ? null : [
+			d,
+			0,
+			0,
+			d,
+			0,
+			0
+		];
+		return this.renderTask = this.pageProxy.render({
+			..._ && { transform: _ },
+			canvasContext: u,
+			viewport: g,
+			canvas: r
+		}), a(this.renderTask.promise).pipe(l(() => {
+			this.renderTask = void 0;
+			let e = n?.contentDocument, t = this.pageProxy;
+			if (!e || !n || !t || !this.textLayer) throw Error("Unable to update text layer due to missing elements");
+			let i = e.body, a = r.clientWidth / f;
+			return h(i.style, "top", `${r.offsetTop}px`), h(i.style, "left", `${r.offsetLeft}px`), h(i.style, "height", r.style.height), h(i.style, "width", r.style.width), h(e.documentElement.style, "--scale-factor", `${a}`), this.textLayer.update({ viewport: g }), c(void 0);
+		}), i((e) => (e instanceof t || console.error(e), c(void 0))));
+	}
+	onRenderHeadless() {
+		return this.getPageProxy().pipe(l((e) => {
+			let t = document.implementation.createHTMLDocument(), r = t.body;
+			return a(new n({
+				container: r,
+				textContentSource: e.streamTextContent(),
+				viewport: e.getViewport({ scale: 1 })
+			}).render()).pipe(o(() => t));
+		}));
+	}
+	getDocumentFrame() {
+		return this.getFrameElement();
+	}
+}, O = (e) => (t) => e({
+	...t,
+	getRenderer(e) {
+		let n = t.getRenderer?.(e);
+		return !n && e.href.endsWith(".pdf") ? (e) => new D(t.pdf.pdfjsViewerInlineCss, e) : n;
+	},
+	getResource: (e) => t.pdf.getArchiveForItem(e).pipe(s((t) => {
+		if (!t) return c(void 0);
+		if (!x(t)) return console.warn("You provided an invalid pdf archive"), c(void 0);
+		let n = t.records.findIndex((t) => e.href.endsWith(t.uri)) - 1;
+		return a(t.proxyDocument.getPage(n + 1)).pipe(o((e) => ({
+			custom: !0,
+			data: e
+		})));
+	}))
+});
+//#endregion
+export { S as createArchiveFromPdf, x as isPdfJsArchive, O as pdfEnhancer };
 
-export { createArchiveFromPdf, isPdfJsArchive, pdfEnhancer };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/createArchiveFromPdf.ts","../src/renderer/layout.ts","../src/renderer/PdfRenderer.ts","../src/pdfEnhancer.ts"],"sourcesContent":["import type { Archive } from \"@prose-reader/streamer\"\nimport * as pdfjsLib from \"pdfjs-dist\"\n\ntype PdfJsArchive = Archive & {\n  _symbol: symbol\n  proxyDocument: pdfjsLib.PDFDocumentProxy\n}\n\nconst PDF_SYMBOL = Symbol(`pdfjs`)\n\nexport const isPdfJsArchive = (archive: Archive): archive is PdfJsArchive =>\n  \"_symbol\" in archive && archive._symbol === PDF_SYMBOL\n\n/**\n * @important\n * Make sure the urls are on the same origin or the cors header is set otherwise\n * the resource cannot be consumed as it is on the web.\n */\nexport const createArchiveFromPdf = async (\n  file: Blob,\n  filename: string,\n): Promise<Archive> => {\n  const loadingTask = pdfjsLib.getDocument(await file.arrayBuffer())\n\n  const pdf = await loadingTask.promise\n\n  const pages = Array.from({ length: pdf.numPages })\n  const pageEntries = pages.map((_, index) => ({\n    id: `page-${index}`,\n    resourcePath: `${index}.pdf`,\n  }))\n\n  const opfFileData = `\n    <?xml version=\"1.0\" encoding=\"UTF-8\"?><package xmlns=\"http://www.idpf.org/2007/opf\" version=\"2.0\" unique-identifier=\"bookid\">\n      <metadata>\n        <meta property=\"rendition:layout\">pre-paginated</meta>\n      </metadata>\n      <manifest>\n        ${pageEntries.map(({ id, resourcePath }) => `<item id=\"${id}\" href=\"${resourcePath}\" />`).join(`\\n`)}\n      </manifest>\n      <spine>\n        ${pageEntries.map(({ id }) => `<itemref idref=\"${id}\" />`).join(`\\n`)}\n      </spine>\n    </package>\n  `\n\n  const opfFile: Archive[`records`][number] = {\n    dir: false,\n    basename: `content.opf`,\n    uri: `content.opf`,\n    size: 0,\n    blob: async () => new Blob(),\n    string: async () => opfFileData,\n  }\n\n  const archive = {\n    filename,\n    encodingFormat: \"application/pdf\",\n    proxyDocument: pdf,\n    _symbol: PDF_SYMBOL,\n    records: [\n      opfFile,\n      ...pages.map((_, index) => ({\n        dir: false,\n        blob: async () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        basename: `${index}.pdf`,\n        size: 0,\n        string: () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        uri: `${index}.pdf`,\n      })),\n    ],\n    close: () => {\n      return pdf.cleanup()\n    },\n  } satisfies PdfJsArchive\n\n  return archive as Archive\n}\n","import {\n  setPropertyIfChanged,\n  setStylePropertyIfChanged,\n  type Viewport,\n} from \"@prose-reader/core\"\nimport type { PDFPageProxy } from \"pdfjs-dist\"\n\nexport const layoutContainer = (\n  container: HTMLElement | undefined,\n  spreadPosition: `none` | `left` | `right`,\n  viewport: Viewport,\n) => {\n  if (!container) return\n\n  // first we try to get the desired viewport for a comfortable reading based on theh current page size\n  const { height: pageHeight, width: pageWidth } = viewport.pageSize\n\n  setStylePropertyIfChanged(container.style, `width`, `${pageWidth}px`)\n  setStylePropertyIfChanged(container.style, `height`, `${pageHeight}px`)\n\n  if (spreadPosition === `right`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-start`)\n  } else if (spreadPosition === `left`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-end`)\n  } else {\n    setStylePropertyIfChanged(container.style, `justify-content`, `center`)\n  }\n}\n\nexport const layoutCanvas = (\n  pageProxy: PDFPageProxy,\n  canvas: HTMLCanvasElement,\n  readerViewport: Viewport,\n) => {\n  // Support HiDPI-screens.\n  const pixelRatioScale = window.devicePixelRatio || 1\n  const { height: pageHeight, width: pageWidth } = readerViewport.pageSize\n  const { width: viewportWidth, height: viewportHeight } =\n    pageProxy.getViewport({ scale: 1 })\n  const pageScale = Math.max(\n    pageWidth / viewportWidth,\n    pageHeight / viewportHeight,\n  )\n\n  // then we generate the viewport for the canvas based on the page scale\n  const viewport = pageProxy.getViewport({ scale: pageScale })\n\n  // Then we define which axis should stretch or shrink to ratio\n  const viewportRatio = viewport.width / viewport.height\n  const pageRatio = pageWidth / pageHeight\n  const isWiderThanPage = viewportRatio > pageRatio\n  const canvasWidth = isWiderThanPage ? pageWidth : pageHeight * viewportRatio\n  const canvasHeight =\n    viewportRatio > pageRatio ? pageWidth / viewportRatio : pageHeight\n\n  setPropertyIfChanged(\n    canvas,\n    `width`,\n    Math.floor(viewport.width * pixelRatioScale),\n  )\n  setPropertyIfChanged(\n    canvas,\n    `height`,\n    Math.floor(viewport.height * pixelRatioScale),\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `width`,\n    `${Math.floor(canvasWidth)}px`,\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `height`,\n    `${Math.floor(canvasHeight)}px`,\n  )\n}\n","import {\n  DocumentRenderer,\n  injectCSSToFrame,\n  setAttributeIfChanged,\n  setStylePropertyIfChanged,\n  upsertCSSToFrame,\n  waitForFrameLoad,\n  waitForFrameReady,\n  waitForSwitch,\n} from \"@prose-reader/core\"\nimport {\n  type PDFPageProxy,\n  RenderingCancelledException,\n  type RenderTask,\n  TextLayer,\n} from \"pdfjs-dist\"\nimport {\n  catchError,\n  EMPTY,\n  from,\n  map,\n  type Observable,\n  of,\n  switchMap,\n  tap,\n} from \"rxjs\"\nimport pdfFrameStyle from \"./frame.css?inline\"\nimport { layoutCanvas, layoutContainer } from \"./layout\"\n\nconst pdfScaleStyle = `:root {\n  --scale-factor: 1;\n  --user-unit: 1;\n  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n  --scale-round-x: 1px;\n  --scale-round-y: 1px;\n}`\n\nexport class PdfRenderer extends DocumentRenderer {\n  private pageProxy: PDFPageProxy | undefined\n  private renderTask: RenderTask | undefined\n  private textLayer: TextLayer | undefined\n\n  constructor(\n    private pdfViewerStyle: string,\n    params: ConstructorParameters<typeof DocumentRenderer>[0],\n  ) {\n    super(params)\n  }\n\n  private getCanvas() {\n    const element = this.documentContainer?.children[0]\n\n    if (!(element instanceof HTMLCanvasElement)) return\n\n    return element\n  }\n\n  private getFrameElement() {\n    const frame = this.documentContainer?.children[1].children[0]\n\n    if (!(frame instanceof HTMLIFrameElement)) return\n\n    return frame\n  }\n\n  private getPageProxy() {\n    if (this.pageProxy) return of(this.pageProxy)\n\n    return from(this.resourcesHandler.fetchResource()).pipe(\n      switchMap((resource) => {\n        if (!(\"custom\" in resource)) return EMPTY\n\n        this.pageProxy = resource.data as PDFPageProxy\n\n        return of(this.pageProxy)\n      }),\n    )\n  }\n\n  onUnload(): Observable<unknown> {\n    this.detach()\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n    }\n\n    this.textLayer?.cancel()\n    this.pageProxy?.cleanup()\n\n    return EMPTY\n  }\n\n  onCreateDocument(): Observable<HTMLElement> {\n    const frameElement = document.createElement(`iframe`)\n    frameElement.style.cssText = `\n      overflow: hidden;\n      height: 100%;\n      width: 100%;\n    `\n\n    frameElement.setAttribute(\"tabIndex\", \"0\")\n    frameElement.setAttribute(\"frameBorder\", \"0\")\n    frameElement.setAttribute(`src`, \"about:blank\")\n\n    const frameContainer =\n      this.containerElement.ownerDocument.createElement(\"div\")\n    frameContainer.style.cssText = `\n      mix-blend-mode: multiply;\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n    `\n\n    /**\n     * The canvas is never attached to the DOM and will be used for offscreen rendering\n     * then copied into the frame.\n     */\n    const canvas = this.containerElement.ownerDocument.createElement(\"canvas\")\n\n    frameContainer.appendChild(frameElement)\n\n    const rootElement = this.containerElement.ownerDocument.createElement(`div`)\n    rootElement.style.cssText = `\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    `\n\n    rootElement.appendChild(canvas)\n    rootElement.appendChild(frameContainer)\n\n    this.setDocumentContainer(rootElement)\n\n    return of(rootElement)\n  }\n\n  onLoadDocument(): Observable<unknown> {\n    return this.getPageProxy().pipe(\n      switchMap(() => {\n        const frameElement = this.getFrameElement()\n        const pageProxy = this.pageProxy\n\n        if (!frameElement || !pageProxy) return EMPTY\n\n        return of(frameElement).pipe(\n          waitForSwitch(this.context.bridgeEvent.viewportFree$),\n          tap(() => {\n            this.attach()\n          }),\n          waitForFrameLoad,\n          switchMap(() => {\n            injectCSSToFrame(\n              frameElement,\n              \"pdfjs-viewer-style\",\n              this.pdfViewerStyle,\n            )\n            injectCSSToFrame(frameElement, \"enhancer-pdf-style\", pdfFrameStyle)\n            upsertCSSToFrame(frameElement, \"pdf-scale-scale\", pdfScaleStyle)\n\n            /**\n             * We make sure to render the text layer to simulate the document being loaded.\n             * It will be correctly re-layout later. Consumers looking for document load have at least\n             * the actual text document ready. (cfi lookup, etc.)\n             */\n            const frameBody = frameElement.contentDocument?.body\n\n            if (!frameBody || !this.pageProxy) return EMPTY\n\n            setAttributeIfChanged(frameBody, \"class\", \"textLayer\")\n\n            this.textLayer = new TextLayer({\n              container: frameBody,\n              textContentSource: this.pageProxy.streamTextContent(),\n              viewport: this.pageProxy.getViewport({ scale: 1 }),\n            })\n\n            return from(this.textLayer.render())\n          }),\n          waitForFrameReady,\n        )\n      }),\n    )\n  }\n\n  onLayout({\n    spreadPosition,\n  }: {\n    minPageSpread: number\n    blankPagePosition: `before` | `after` | `none`\n    spreadPosition: `none` | `left` | `right`\n  }) {\n    const frameElement = this.getFrameElement()\n    const canvas = this.getCanvas()\n\n    if (!frameElement || !canvas) return of(undefined)\n\n    // first we try to get the desired viewport for a comfortable reading based on the current page size\n    const { height: pageHeight, width: pageWidth } = this.viewport.pageSize\n\n    layoutContainer(this.documentContainer, spreadPosition, this.viewport)\n\n    const context = canvas.getContext(\"2d\")\n    // Support HiDPI-screens.\n    const pixelRatioScale = window.devicePixelRatio || 1\n\n    if (!this.pageProxy || !context) return of(undefined)\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n      this.renderTask = undefined\n    }\n\n    layoutCanvas(this.pageProxy, canvas, this.viewport)\n\n    const { width: viewportWidth, height: viewportHeight } =\n      this.pageProxy.getViewport({ scale: 1 })\n\n    const pageScale = Math.max(\n      pageWidth / viewportWidth,\n      pageHeight / viewportHeight,\n    )\n\n    // then we generate the viewport for the canvas based on the page scale\n    const viewport = this.pageProxy.getViewport({ scale: pageScale })\n\n    const transform =\n      pixelRatioScale !== 1\n        ? [pixelRatioScale, 0, 0, pixelRatioScale, 0, 0]\n        : null\n\n    this.renderTask = this.pageProxy.render({\n      ...(transform && { transform }),\n      canvasContext: context,\n      viewport,\n      canvas,\n    })\n\n    return from(this.renderTask.promise).pipe(\n      switchMap(() => {\n        this.renderTask = undefined\n\n        const frameDoc = frameElement?.contentDocument\n        const pdfPage = this.pageProxy\n\n        if (!frameDoc || !frameElement || !pdfPage || !this.textLayer) {\n          throw new Error(\"Unable to update text layer due to missing elements\")\n        }\n\n        const textLayerElement = frameDoc.body\n        const canvasScale = canvas.clientWidth / viewportWidth\n\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `top`,\n          `${canvas.offsetTop}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `left`,\n          `${canvas.offsetLeft}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `height`,\n          canvas.style.height,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `width`,\n          canvas.style.width,\n        )\n\n        /**\n         * Taking inspiration from https://github.com/mozilla/pdf.js/blob/master/web/pdf_viewer.css.\n         * Not sure why pdfjs DOES rely on css from the viewer to works. Or in another words, why is it\n         * not more obvious that TextLayer requires a set of variables to work correctly.\n         */\n        setStylePropertyIfChanged(\n          frameDoc.documentElement.style,\n          `--scale-factor`,\n          `${canvasScale}`,\n        )\n\n        this.textLayer.update({\n          viewport,\n        })\n\n        return of(undefined)\n      }),\n      catchError((e) => {\n        if (!(e instanceof RenderingCancelledException)) console.error(e)\n\n        return of(undefined)\n      }),\n    )\n  }\n\n  /**\n   * @important\n   * We should keep the same node structure to preserve CFI integrity.\n   */\n  onRenderHeadless() {\n    return this.getPageProxy().pipe(\n      switchMap((pageProxy) => {\n        const headlessDocument = document.implementation.createHTMLDocument()\n        const textLayerElement = headlessDocument.body\n\n        const textLayer = new TextLayer({\n          container: textLayerElement,\n          textContentSource: pageProxy.streamTextContent(),\n          viewport: pageProxy.getViewport({ scale: 1 }),\n        })\n\n        return from(textLayer.render()).pipe(map(() => headlessDocument))\n      }),\n    )\n  }\n\n  getDocumentFrame() {\n    return this.getFrameElement()\n  }\n}\n","import type { createReader, Reader } from \"@prose-reader/core\"\nimport { from, map, mergeMap, of } from \"rxjs\"\nimport { isPdfJsArchive } from \"./createArchiveFromPdf\"\nimport { PdfRenderer } from \"./renderer/PdfRenderer\"\nimport type { EnhancerOptions } from \"./types\"\n\ntype CreateReader = typeof createReader\ntype CreateReaderOptions = Parameters<CreateReader>[0]\n\nexport const pdfEnhancer =\n  <InheritOptions extends CreateReaderOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions & EnhancerOptions): InheritOutput => {\n    const reader = next({\n      ...options,\n      /**\n       * We have a special renderer for pdf so we need to inject it\n       * for the relevant items. The enhancer could be configurable but for\n       * the sake of simplicity we will assume that an item ending with .pdf should\n       * be treated as a pdf document.\n       *\n       * The `getRenderer` hook should be non destructive, if we detect a renderer already\n       * setup we should return it.\n       */\n      getRenderer(item) {\n        const maybeFactory = options.getRenderer?.(item)\n\n        if (!maybeFactory && item.href.endsWith(`.pdf`)) {\n          return (params) =>\n            new PdfRenderer(options.pdf.pdfjsViewerInlineCss, params)\n        }\n\n        return maybeFactory\n      },\n      getResource: (item) =>\n        options.pdf.getArchiveForItem(item).pipe(\n          mergeMap((archive) => {\n            if (!archive) return of(undefined)\n\n            if (!isPdfJsArchive(archive)) {\n              console.warn(`You provided an invalid pdf archive`)\n\n              return of(undefined)\n            }\n\n            // we account for opf file\n            const fileIndex =\n              archive.records.findIndex((file) =>\n                item.href.endsWith(file.uri),\n              ) - 1\n\n            return from(archive.proxyDocument.getPage(fileIndex + 1)).pipe(\n              map((pageProxy) => ({\n                custom: true as const,\n                data: pageProxy,\n              })),\n            )\n          }),\n        ),\n    })\n\n    return reader\n  }\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/createArchiveFromPdf.ts","../src/renderer/frame.css?inline","../src/renderer/layout.ts","../src/renderer/PdfRenderer.ts","../src/pdfEnhancer.ts"],"sourcesContent":["import type { Archive } from \"@prose-reader/streamer\"\nimport * as pdfjsLib from \"pdfjs-dist\"\n\ntype PdfJsArchive = Archive & {\n  _symbol: symbol\n  proxyDocument: pdfjsLib.PDFDocumentProxy\n}\n\nconst PDF_SYMBOL = Symbol(`pdfjs`)\n\nexport const isPdfJsArchive = (archive: Archive): archive is PdfJsArchive =>\n  \"_symbol\" in archive && archive._symbol === PDF_SYMBOL\n\n/**\n * @important\n * Make sure the urls are on the same origin or the cors header is set otherwise\n * the resource cannot be consumed as it is on the web.\n */\nexport const createArchiveFromPdf = async (\n  file: Blob,\n  filename: string,\n): Promise<Archive> => {\n  const loadingTask = pdfjsLib.getDocument(await file.arrayBuffer())\n\n  const pdf = await loadingTask.promise\n\n  const pages = Array.from({ length: pdf.numPages })\n  const pageEntries = pages.map((_, index) => ({\n    id: `page-${index}`,\n    resourcePath: `${index}.pdf`,\n  }))\n\n  const opfFileData = `\n    <?xml version=\"1.0\" encoding=\"UTF-8\"?><package xmlns=\"http://www.idpf.org/2007/opf\" version=\"2.0\" unique-identifier=\"bookid\">\n      <metadata>\n        <meta property=\"rendition:layout\">pre-paginated</meta>\n      </metadata>\n      <manifest>\n        ${pageEntries.map(({ id, resourcePath }) => `<item id=\"${id}\" href=\"${resourcePath}\" />`).join(`\\n`)}\n      </manifest>\n      <spine>\n        ${pageEntries.map(({ id }) => `<itemref idref=\"${id}\" />`).join(`\\n`)}\n      </spine>\n    </package>\n  `\n\n  const opfFile: Archive[`records`][number] = {\n    dir: false,\n    basename: `content.opf`,\n    uri: `content.opf`,\n    size: 0,\n    blob: async () => new Blob(),\n    string: async () => opfFileData,\n  }\n\n  const archive = {\n    filename,\n    encodingFormat: \"application/pdf\",\n    proxyDocument: pdf,\n    _symbol: PDF_SYMBOL,\n    records: [\n      opfFile,\n      ...pages.map((_, index) => ({\n        dir: false,\n        blob: async () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        basename: `${index}.pdf`,\n        size: 0,\n        string: () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        uri: `${index}.pdf`,\n      })),\n    ],\n    close: () => {\n      return pdf.cleanup()\n    },\n  } satisfies PdfJsArchive\n\n  return archive as Archive\n}\n","html {\n  /* Pdf are always pre-paginated so its safe to disable touch action */\n  touch-action: none;\n}\n\nbody {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  /* This will prevent scrollbar and wrong offset of annotation layer */\n  overflow: hidden;\n}\n","import {\n  setPropertyIfChanged,\n  setStylePropertyIfChanged,\n  type Viewport,\n} from \"@prose-reader/core\"\nimport type { PDFPageProxy } from \"pdfjs-dist\"\n\nexport const layoutContainer = (\n  container: HTMLElement | undefined,\n  spreadPosition: `none` | `left` | `right`,\n  viewport: Viewport,\n) => {\n  if (!container) return\n\n  // first we try to get the desired viewport for a comfortable reading based on theh current page size\n  const { height: pageHeight, width: pageWidth } = viewport.pageSize\n\n  setStylePropertyIfChanged(container.style, `width`, `${pageWidth}px`)\n  setStylePropertyIfChanged(container.style, `height`, `${pageHeight}px`)\n\n  if (spreadPosition === `right`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-start`)\n  } else if (spreadPosition === `left`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-end`)\n  } else {\n    setStylePropertyIfChanged(container.style, `justify-content`, `center`)\n  }\n}\n\nexport const layoutCanvas = (\n  pageProxy: PDFPageProxy,\n  canvas: HTMLCanvasElement,\n  readerViewport: Viewport,\n) => {\n  // Support HiDPI-screens.\n  const pixelRatioScale = window.devicePixelRatio || 1\n  const { height: pageHeight, width: pageWidth } = readerViewport.pageSize\n  const { width: viewportWidth, height: viewportHeight } =\n    pageProxy.getViewport({ scale: 1 })\n  const pageScale = Math.max(\n    pageWidth / viewportWidth,\n    pageHeight / viewportHeight,\n  )\n\n  // then we generate the viewport for the canvas based on the page scale\n  const viewport = pageProxy.getViewport({ scale: pageScale })\n\n  // Then we define which axis should stretch or shrink to ratio\n  const viewportRatio = viewport.width / viewport.height\n  const pageRatio = pageWidth / pageHeight\n  const isWiderThanPage = viewportRatio > pageRatio\n  const canvasWidth = isWiderThanPage ? pageWidth : pageHeight * viewportRatio\n  const canvasHeight =\n    viewportRatio > pageRatio ? pageWidth / viewportRatio : pageHeight\n\n  setPropertyIfChanged(\n    canvas,\n    `width`,\n    Math.floor(viewport.width * pixelRatioScale),\n  )\n  setPropertyIfChanged(\n    canvas,\n    `height`,\n    Math.floor(viewport.height * pixelRatioScale),\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `width`,\n    `${Math.floor(canvasWidth)}px`,\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `height`,\n    `${Math.floor(canvasHeight)}px`,\n  )\n}\n","import {\n  DocumentRenderer,\n  injectCSSToFrame,\n  setAttributeIfChanged,\n  setStylePropertyIfChanged,\n  upsertCSSToFrame,\n  waitForFrameLoad,\n  waitForFrameReady,\n  waitForSwitch,\n} from \"@prose-reader/core\"\nimport {\n  type PDFPageProxy,\n  RenderingCancelledException,\n  type RenderTask,\n  TextLayer,\n} from \"pdfjs-dist\"\nimport {\n  catchError,\n  EMPTY,\n  from,\n  map,\n  type Observable,\n  of,\n  switchMap,\n  tap,\n} from \"rxjs\"\nimport pdfFrameStyle from \"./frame.css?inline\"\nimport { layoutCanvas, layoutContainer } from \"./layout\"\n\nconst pdfScaleStyle = `:root {\n  --scale-factor: 1;\n  --user-unit: 1;\n  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n  --scale-round-x: 1px;\n  --scale-round-y: 1px;\n}`\n\nexport class PdfRenderer extends DocumentRenderer {\n  private pageProxy: PDFPageProxy | undefined\n  private renderTask: RenderTask | undefined\n  private textLayer: TextLayer | undefined\n\n  constructor(\n    private pdfViewerStyle: string,\n    params: ConstructorParameters<typeof DocumentRenderer>[0],\n  ) {\n    super(params)\n  }\n\n  private getCanvas() {\n    const element = this.documentContainer?.children[0]\n\n    if (!(element instanceof HTMLCanvasElement)) return\n\n    return element\n  }\n\n  private getFrameElement() {\n    const frame = this.documentContainer?.children[1]?.children[0]\n\n    if (!(frame instanceof HTMLIFrameElement)) return\n\n    return frame\n  }\n\n  private getPageProxy() {\n    if (this.pageProxy) return of(this.pageProxy)\n\n    return from(this.resourcesHandler.fetchResource()).pipe(\n      switchMap((resource) => {\n        if (!(\"custom\" in resource)) return EMPTY\n\n        this.pageProxy = resource.data as PDFPageProxy\n\n        return of(this.pageProxy)\n      }),\n    )\n  }\n\n  onUnload(): Observable<unknown> {\n    this.detach()\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n    }\n\n    this.textLayer?.cancel()\n    this.pageProxy?.cleanup()\n\n    return EMPTY\n  }\n\n  onCreateDocument(): Observable<HTMLElement> {\n    const frameElement = document.createElement(`iframe`)\n    frameElement.style.cssText = `\n      overflow: hidden;\n      height: 100%;\n      width: 100%;\n    `\n\n    frameElement.setAttribute(\"tabIndex\", \"0\")\n    frameElement.setAttribute(\"frameBorder\", \"0\")\n    frameElement.setAttribute(`src`, \"about:blank\")\n\n    const frameContainer =\n      this.containerElement.ownerDocument.createElement(\"div\")\n    frameContainer.style.cssText = `\n      mix-blend-mode: multiply;\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n    `\n\n    /**\n     * The canvas is never attached to the DOM and will be used for offscreen rendering\n     * then copied into the frame.\n     */\n    const canvas = this.containerElement.ownerDocument.createElement(\"canvas\")\n\n    frameContainer.appendChild(frameElement)\n\n    const rootElement = this.containerElement.ownerDocument.createElement(`div`)\n    rootElement.style.cssText = `\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    `\n\n    rootElement.appendChild(canvas)\n    rootElement.appendChild(frameContainer)\n\n    this.setDocumentContainer(rootElement)\n\n    return of(rootElement)\n  }\n\n  onLoadDocument(): Observable<unknown> {\n    return this.getPageProxy().pipe(\n      switchMap(() => {\n        const frameElement = this.getFrameElement()\n        const pageProxy = this.pageProxy\n\n        if (!frameElement || !pageProxy) return EMPTY\n\n        return of(frameElement).pipe(\n          waitForSwitch(this.context.bridgeEvent.viewportFree$),\n          tap(() => {\n            this.attach()\n          }),\n          waitForFrameLoad,\n          switchMap(() => {\n            injectCSSToFrame(\n              frameElement,\n              \"pdfjs-viewer-style\",\n              this.pdfViewerStyle,\n            )\n            injectCSSToFrame(frameElement, \"enhancer-pdf-style\", pdfFrameStyle)\n            upsertCSSToFrame(frameElement, \"pdf-scale-scale\", pdfScaleStyle)\n\n            /**\n             * We make sure to render the text layer to simulate the document being loaded.\n             * It will be correctly re-layout later. Consumers looking for document load have at least\n             * the actual text document ready. (cfi lookup, etc.)\n             */\n            const frameBody = frameElement.contentDocument?.body\n\n            if (!frameBody || !this.pageProxy) return EMPTY\n\n            setAttributeIfChanged(frameBody, \"class\", \"textLayer\")\n\n            this.textLayer = new TextLayer({\n              container: frameBody,\n              textContentSource: this.pageProxy.streamTextContent(),\n              viewport: this.pageProxy.getViewport({ scale: 1 }),\n            })\n\n            return from(this.textLayer.render())\n          }),\n          waitForFrameReady,\n        )\n      }),\n    )\n  }\n\n  onLayout({\n    spreadPosition,\n  }: {\n    minPageSpread: number\n    blankPagePosition: `before` | `after` | `none`\n    spreadPosition: `none` | `left` | `right`\n  }) {\n    const frameElement = this.getFrameElement()\n    const canvas = this.getCanvas()\n\n    if (!frameElement || !canvas) return of(undefined)\n\n    // first we try to get the desired viewport for a comfortable reading based on the current page size\n    const { height: pageHeight, width: pageWidth } = this.viewport.pageSize\n\n    layoutContainer(this.documentContainer, spreadPosition, this.viewport)\n\n    const context = canvas.getContext(\"2d\")\n    // Support HiDPI-screens.\n    const pixelRatioScale = window.devicePixelRatio || 1\n\n    if (!this.pageProxy || !context) return of(undefined)\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n      this.renderTask = undefined\n    }\n\n    layoutCanvas(this.pageProxy, canvas, this.viewport)\n\n    const { width: viewportWidth, height: viewportHeight } =\n      this.pageProxy.getViewport({ scale: 1 })\n\n    const pageScale = Math.max(\n      pageWidth / viewportWidth,\n      pageHeight / viewportHeight,\n    )\n\n    // then we generate the viewport for the canvas based on the page scale\n    const viewport = this.pageProxy.getViewport({ scale: pageScale })\n\n    const transform =\n      pixelRatioScale !== 1\n        ? [pixelRatioScale, 0, 0, pixelRatioScale, 0, 0]\n        : null\n\n    this.renderTask = this.pageProxy.render({\n      ...(transform && { transform }),\n      canvasContext: context,\n      viewport,\n      canvas,\n    })\n\n    return from(this.renderTask.promise).pipe(\n      switchMap(() => {\n        this.renderTask = undefined\n\n        const frameDoc = frameElement?.contentDocument\n        const pdfPage = this.pageProxy\n\n        if (!frameDoc || !frameElement || !pdfPage || !this.textLayer) {\n          throw new Error(\"Unable to update text layer due to missing elements\")\n        }\n\n        const textLayerElement = frameDoc.body\n        const canvasScale = canvas.clientWidth / viewportWidth\n\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `top`,\n          `${canvas.offsetTop}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `left`,\n          `${canvas.offsetLeft}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `height`,\n          canvas.style.height,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `width`,\n          canvas.style.width,\n        )\n\n        /**\n         * Taking inspiration from https://github.com/mozilla/pdf.js/blob/master/web/pdf_viewer.css.\n         * Not sure why pdfjs DOES rely on css from the viewer to works. Or in another words, why is it\n         * not more obvious that TextLayer requires a set of variables to work correctly.\n         */\n        setStylePropertyIfChanged(\n          frameDoc.documentElement.style,\n          `--scale-factor`,\n          `${canvasScale}`,\n        )\n\n        this.textLayer.update({\n          viewport,\n        })\n\n        return of(undefined)\n      }),\n      catchError((e) => {\n        if (!(e instanceof RenderingCancelledException)) console.error(e)\n\n        return of(undefined)\n      }),\n    )\n  }\n\n  /**\n   * @important\n   * We should keep the same node structure to preserve CFI integrity.\n   */\n  onRenderHeadless() {\n    return this.getPageProxy().pipe(\n      switchMap((pageProxy) => {\n        const headlessDocument = document.implementation.createHTMLDocument()\n        const textLayerElement = headlessDocument.body\n\n        const textLayer = new TextLayer({\n          container: textLayerElement,\n          textContentSource: pageProxy.streamTextContent(),\n          viewport: pageProxy.getViewport({ scale: 1 }),\n        })\n\n        return from(textLayer.render()).pipe(map(() => headlessDocument))\n      }),\n    )\n  }\n\n  getDocumentFrame() {\n    return this.getFrameElement()\n  }\n}\n","import type { createReader, Reader } from \"@prose-reader/core\"\nimport { from, map, mergeMap, of } from \"rxjs\"\nimport { isPdfJsArchive } from \"./createArchiveFromPdf\"\nimport { PdfRenderer } from \"./renderer/PdfRenderer\"\nimport type { EnhancerOptions } from \"./types\"\n\ntype CreateReader = typeof createReader\ntype CreateReaderOptions = Parameters<CreateReader>[0]\n\nexport const pdfEnhancer =\n  <InheritOptions extends CreateReaderOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions & EnhancerOptions): InheritOutput => {\n    const reader = next({\n      ...options,\n      /**\n       * We have a special renderer for pdf so we need to inject it\n       * for the relevant items. The enhancer could be configurable but for\n       * the sake of simplicity we will assume that an item ending with .pdf should\n       * be treated as a pdf document.\n       *\n       * The `getRenderer` hook should be non destructive, if we detect a renderer already\n       * setup we should return it.\n       */\n      getRenderer(item) {\n        const maybeFactory = options.getRenderer?.(item)\n\n        if (!maybeFactory && item.href.endsWith(`.pdf`)) {\n          return (params) =>\n            new PdfRenderer(options.pdf.pdfjsViewerInlineCss, params)\n        }\n\n        return maybeFactory\n      },\n      getResource: (item) =>\n        options.pdf.getArchiveForItem(item).pipe(\n          mergeMap((archive) => {\n            if (!archive) return of(undefined)\n\n            if (!isPdfJsArchive(archive)) {\n              console.warn(`You provided an invalid pdf archive`)\n\n              return of(undefined)\n            }\n\n            // we account for opf file\n            const fileIndex =\n              archive.records.findIndex((file) =>\n                item.href.endsWith(file.uri),\n              ) - 1\n\n            return from(archive.proxyDocument.getPage(fileIndex + 1)).pipe(\n              map((pageProxy) => ({\n                custom: true as const,\n                data: pageProxy,\n              })),\n            )\n          }),\n        ),\n    })\n\n    return reader\n  }\n"],"mappings":";;;;;AAQA,IAAM,IAAa,OAAO,OAAO,GAEpB,KAAkB,MAC7B,aAAa,KAAW,EAAQ,YAAY,GAOjC,IAAuB,OAClC,GACA,MACqB;CAGrB,IAAM,IAAM,MAFQ,EAAS,YAAY,MAAM,EAAK,YAAY,CAE9C,EAAY,SAExB,IAAQ,MAAM,KAAK,EAAE,QAAQ,EAAI,SAAS,CAAC,GAC3C,IAAc,EAAM,KAAK,GAAG,OAAW;EAC3C,IAAI,QAAQ;EACZ,cAAc,GAAG,EAAM;CACzB,EAAE,GAEI,IAAc;;;;;;UAMZ,EAAY,KAAK,EAAE,OAAI,sBAAmB,aAAa,EAAG,UAAU,EAAa,KAAK,EAAE,KAAK,IAAI,EAAE;;;UAGnG,EAAY,KAAK,EAAE,YAAS,mBAAmB,EAAG,KAAK,EAAE,KAAK,IAAI,EAAE;;;;CAuC5E,OAAO;EAxBL;EACA,gBAAgB;EAChB,eAAe;EACf,SAAS;EACT,SAAS,CACP;GAdF,KAAK;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,MAAM,YAAY,IAAI,KAAK;GAC3B,QAAQ,YAAY;EASlB,GACA,GAAG,EAAM,KAAK,GAAG,OAAW;GAC1B,KAAK;GACL,MAAM,YAAY;IAChB,MAAU,MAAM,6BAA6B;GAC/C;GACA,UAAU,GAAG,EAAM;GACnB,MAAM;GACN,cAAc;IACZ,MAAU,MAAM,6BAA6B;GAC/C;GACA,KAAK,GAAG,EAAM;EAChB,EAAE,CACJ;EACA,aACS,EAAI,QAAQ;CAIhB;AACT,iGE1Ea,KACX,GACA,GACA,MACG;CACH,IAAI,CAAC,GAAW;CAGhB,IAAM,EAAE,QAAQ,GAAY,OAAO,MAAc,EAAS;CAK1D,AAHA,EAA0B,EAAU,OAAO,SAAS,GAAG,EAAU,GAAG,GACpE,EAA0B,EAAU,OAAO,UAAU,GAAG,EAAW,GAAG,GAElE,MAAmB,UACrB,EAA0B,EAAU,OAAO,mBAAmB,YAAY,IACjE,MAAmB,SAC5B,EAA0B,EAAU,OAAO,mBAAmB,UAAU,IAExE,EAA0B,EAAU,OAAO,mBAAmB,QAAQ;AAE1E,GAEa,KACX,GACA,GACA,MACG;CAEH,IAAM,IAAkB,OAAO,oBAAoB,GAC7C,EAAE,QAAQ,GAAY,OAAO,MAAc,EAAe,UAC1D,EAAE,OAAO,GAAe,QAAQ,MACpC,EAAU,YAAY,EAAE,OAAO,EAAE,CAAC,GAC9B,IAAY,KAAK,IACrB,IAAY,GACZ,IAAa,CACf,GAGM,IAAW,EAAU,YAAY,EAAE,OAAO,EAAU,CAAC,GAGrD,IAAgB,EAAS,QAAQ,EAAS,QAC1C,IAAY,IAAY,GAExB,IADkB,IAAgB,IACF,IAAY,IAAa,GACzD,IACJ,IAAgB,IAAY,IAAY,IAAgB;CAiB1D,AAfA,EACE,GACA,SACA,KAAK,MAAM,EAAS,QAAQ,CAAe,CAC7C,GACA,EACE,GACA,UACA,KAAK,MAAM,EAAS,SAAS,CAAe,CAC9C,GACA,EACE,EAAO,OACP,SACA,GAAG,KAAK,MAAM,CAAW,EAAE,GAC7B,GACA,EACE,EAAO,OACP,UACA,GAAG,KAAK,MAAM,CAAY,EAAE,GAC9B;AACF,GC9CM,IAAgB,gLAQT,IAAb,cAAiC,EAAiB;CAMtC;CALV;CACA;CACA;CAEA,YACE,GACA,GACA;EAFQ,AAGR,MAAM,CAAM,GAHJ,KAAA,iBAAA;CAIV;CAEA,YAAoB;EAClB,IAAM,IAAU,KAAK,mBAAmB,SAAS;EAE3C,iBAAmB,mBAEzB,OAAO;CACT;CAEA,kBAA0B;EACxB,IAAM,IAAQ,KAAK,mBAAmB,SAAS,IAAI,SAAS;EAEtD,iBAAiB,mBAEvB,OAAO;CACT;CAEA,eAAuB;EAGrB,OAFI,KAAK,YAAkB,EAAG,KAAK,SAAS,IAErC,EAAK,KAAK,iBAAiB,cAAc,CAAC,EAAE,KACjD,GAAW,MACH,YAAY,KAElB,KAAK,YAAY,EAAS,MAEnB,EAAG,KAAK,SAAS,KAJY,CAKrC,CACH;CACF;CAEA,WAAgC;EAU9B,OATA,KAAK,OAAO,GAER,KAAK,cACP,KAAK,WAAW,OAAO,GAGzB,KAAK,WAAW,OAAO,GACvB,KAAK,WAAW,QAAQ,GAEjB;CACT;CAEA,mBAA4C;EAC1C,IAAM,IAAe,SAAS,cAAc,QAAQ;EASpD,AARA,EAAa,MAAM,UAAU,4EAM7B,EAAa,aAAa,YAAY,GAAG,GACzC,EAAa,aAAa,eAAe,GAAG,GAC5C,EAAa,aAAa,OAAO,aAAa;EAE9C,IAAM,IACJ,KAAK,iBAAiB,cAAc,cAAc,KAAK;EACzD,EAAe,MAAM,UAAU;EAc/B,IAAM,IAAS,KAAK,iBAAiB,cAAc,cAAc,QAAQ;EAEzE,EAAe,YAAY,CAAY;EAEvC,IAAM,IAAc,KAAK,iBAAiB,cAAc,cAAc,KAAK;EAY3E,OAXA,EAAY,MAAM,UAAU,4FAM5B,EAAY,YAAY,CAAM,GAC9B,EAAY,YAAY,CAAc,GAEtC,KAAK,qBAAqB,CAAW,GAE9B,EAAG,CAAW;CACvB;CAEA,iBAAsC;EACpC,OAAO,KAAK,aAAa,EAAE,KACzB,QAAgB;GACd,IAAM,IAAe,KAAK,gBAAgB,GACpC,IAAY,KAAK;GAIvB,OAFI,CAAC,KAAgB,CAAC,IAAkB,IAEjC,EAAG,CAAY,EAAE,KACtB,EAAc,KAAK,QAAQ,YAAY,aAAa,GACpD,QAAU;IACR,KAAK,OAAO;GACd,CAAC,GACD,GACA,QAAgB;IAOd,AANA,EACE,GACA,sBACA,KAAK,cACP,GACA,EAAiB,GAAc,sBAAsB,CAAa,GAClE,EAAiB,GAAc,mBAAmB,CAAa;IAO/D,IAAM,IAAY,EAAa,iBAAiB;IAYhD,OAVI,CAAC,KAAa,CAAC,KAAK,YAAkB,KAE1C,EAAsB,GAAW,SAAS,WAAW,GAErD,KAAK,YAAY,IAAI,EAAU;KAC7B,WAAW;KACX,mBAAmB,KAAK,UAAU,kBAAkB;KACpD,UAAU,KAAK,UAAU,YAAY,EAAE,OAAO,EAAE,CAAC;IACnD,CAAC,GAEM,EAAK,KAAK,UAAU,OAAO,CAAC;GACrC,CAAC,GACD,CACF;EACF,CAAC,CACH;CACF;CAEA,SAAS,EACP,qBAKC;EACD,IAAM,IAAe,KAAK,gBAAgB,GACpC,IAAS,KAAK,UAAU;EAE9B,IAAI,CAAC,KAAgB,CAAC,GAAQ,OAAO,EAAG,KAAA,CAAS;EAGjD,IAAM,EAAE,QAAQ,GAAY,OAAO,MAAc,KAAK,SAAS;EAE/D,EAAgB,KAAK,mBAAmB,GAAgB,KAAK,QAAQ;EAErE,IAAM,IAAU,EAAO,WAAW,IAAI,GAEhC,IAAkB,OAAO,oBAAoB;EAEnD,IAAI,CAAC,KAAK,aAAa,CAAC,GAAS,OAAO,EAAG,KAAA,CAAS;EAOpD,AALA,AAEE,KAAK,gBADL,KAAK,WAAW,OAAO,GACL,KAAA,IAGpB,EAAa,KAAK,WAAW,GAAQ,KAAK,QAAQ;EAElD,IAAM,EAAE,OAAO,GAAe,QAAQ,MACpC,KAAK,UAAU,YAAY,EAAE,OAAO,EAAE,CAAC,GAEnC,IAAY,KAAK,IACrB,IAAY,GACZ,IAAa,CACf,GAGM,IAAW,KAAK,UAAU,YAAY,EAAE,OAAO,EAAU,CAAC,GAE1D,IACJ,MAAoB,IAEhB,OADA;GAAC;GAAiB;GAAG;GAAG;GAAiB;GAAG;EAAC;EAUnD,OAPA,KAAK,aAAa,KAAK,UAAU,OAAO;GACtC,GAAI,KAAa,EAAE,aAAU;GAC7B,eAAe;GACf;GACA;EACF,CAAC,GAEM,EAAK,KAAK,WAAW,OAAO,EAAE,KACnC,QAAgB;GACd,KAAK,aAAa,KAAA;GAElB,IAAM,IAAW,GAAc,iBACzB,IAAU,KAAK;GAErB,IAAI,CAAC,KAAY,CAAC,KAAgB,CAAC,KAAW,CAAC,KAAK,WAClD,MAAU,MAAM,qDAAqD;GAGvE,IAAM,IAAmB,EAAS,MAC5B,IAAc,EAAO,cAAc;GAsCzC,OApCA,EACE,EAAiB,OACjB,OACA,GAAG,EAAO,UAAU,GACtB,GACA,EACE,EAAiB,OACjB,QACA,GAAG,EAAO,WAAW,GACvB,GACA,EACE,EAAiB,OACjB,UACA,EAAO,MAAM,MACf,GACA,EACE,EAAiB,OACjB,SACA,EAAO,MAAM,KACf,GAOA,EACE,EAAS,gBAAgB,OACzB,kBACA,GAAG,GACL,GAEA,KAAK,UAAU,OAAO,EACpB,YACF,CAAC,GAEM,EAAG,KAAA,CAAS;EACrB,CAAC,GACD,GAAY,OACJ,aAAa,KAA8B,QAAQ,MAAM,CAAC,GAEzD,EAAG,KAAA,CAAS,EACpB,CACH;CACF;CAMA,mBAAmB;EACjB,OAAO,KAAK,aAAa,EAAE,KACzB,GAAW,MAAc;GACvB,IAAM,IAAmB,SAAS,eAAe,mBAAmB,GAC9D,IAAmB,EAAiB;GAQ1C,OAAO,EAAK,IANU,EAAU;IAC9B,WAAW;IACX,mBAAmB,EAAU,kBAAkB;IAC/C,UAAU,EAAU,YAAY,EAAE,OAAO,EAAE,CAAC;GAC9C,CAEY,EAAU,OAAO,CAAC,EAAE,KAAK,QAAU,CAAgB,CAAC;EAClE,CAAC,CACH;CACF;CAEA,mBAAmB;EACjB,OAAO,KAAK,gBAAgB;CAC9B;AACF,GC3Ta,KAET,OAED,MACgB,EAAK;CAClB,GAAG;CAUH,YAAY,GAAM;EAChB,IAAM,IAAe,EAAQ,cAAc,CAAI;EAO/C,OALI,CAAC,KAAgB,EAAK,KAAK,SAAS,MAAM,KACpC,MACN,IAAI,EAAY,EAAQ,IAAI,sBAAsB,CAAM,IAGrD;CACT;CACA,cAAc,MACZ,EAAQ,IAAI,kBAAkB,CAAI,EAAE,KAClC,GAAU,MAAY;EACpB,IAAI,CAAC,GAAS,OAAO,EAAG,KAAA,CAAS;EAEjC,IAAI,CAAC,EAAe,CAAO,GAGzB,OAFA,QAAQ,KAAK,qCAAqC,GAE3C,EAAG,KAAA,CAAS;EAIrB,IAAM,IACJ,EAAQ,QAAQ,WAAW,MACzB,EAAK,KAAK,SAAS,EAAK,GAAG,CAC7B,IAAI;EAEN,OAAO,EAAK,EAAQ,cAAc,QAAQ,IAAY,CAAC,CAAC,EAAE,KACxD,GAAK,OAAe;GAClB,QAAQ;GACR,MAAM;EACR,EAAE,CACJ;CACF,CAAC,CACH;AACJ,CAEO"}

package/dist/index.umd.cjs

@@ -1,196 +1,28 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('pdfjs-dist'), require('rxjs'), require('@prose-reader/core')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'pdfjs-dist', 'rxjs', '@prose-reader/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["prose-reader-enhancer-pdf"] = {}, global.pdfjsLib, global.rxjs, global.core));
-})(this, (function (exports, pdfjsLib, rxjs, core) { 'use strict';
-
-  function _interopNamespaceDefault(e) {
-    const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-    if (e) {
-      for (const k in e) {
-        if (k !== 'default') {
-          const d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: () => e[k]
-          });
-        }
-      }
-    }
-    n.default = e;
-    return Object.freeze(n);
-  }
-
-  const pdfjsLib__namespace = /*#__PURE__*/_interopNamespaceDefault(pdfjsLib);
-
-  const PDF_SYMBOL = /* @__PURE__ */ Symbol(`pdfjs`);
-  const isPdfJsArchive = (archive) => "_symbol" in archive && archive._symbol === PDF_SYMBOL;
-  const createArchiveFromPdf = async (file, filename) => {
-    const loadingTask = pdfjsLib__namespace.getDocument(await file.arrayBuffer());
-    const pdf = await loadingTask.promise;
-    const pages = Array.from({ length: pdf.numPages });
-    const pageEntries = pages.map((_, index) => ({
-      id: `page-${index}`,
-      resourcePath: `${index}.pdf`
-    }));
-    const opfFileData = `
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("pdfjs-dist"),require("rxjs"),require("@prose-reader/core")):typeof define==`function`&&define.amd?define([`exports`,`pdfjs-dist`,`rxjs`,`@prose-reader/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`prose-reader-enhancer-pdf`]={},e.pdfjs_dist,e.rxjs,e._prose_reader_core))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var d=Symbol(`pdfjs`),f=e=>`_symbol`in e&&e._symbol===d,p=async(e,n)=>{let r=await t.getDocument(await e.arrayBuffer()).promise,i=Array.from({length:r.numPages}),a=i.map((e,t)=>({id:`page-${t}`,resourcePath:`${t}.pdf`})),o=`
     <?xml version="1.0" encoding="UTF-8"?><package xmlns="http://www.idpf.org/2007/opf" version="2.0" unique-identifier="bookid">
       <metadata>
         <meta property="rendition:layout">pre-paginated</meta>
       </metadata>
       <manifest>
-        ${pageEntries.map(({ id, resourcePath }) => `<item id="${id}" href="${resourcePath}" />`).join(`
+        ${a.map(({id:e,resourcePath:t})=>`<item id="${e}" href="${t}" />`).join(`
 `)}
       </manifest>
       <spine>
-        ${pageEntries.map(({ id }) => `<itemref idref="${id}" />`).join(`
+        ${a.map(({id:e})=>`<itemref idref="${e}" />`).join(`
 `)}
       </spine>
     </package>
-  `;
-    const opfFile = {
-      dir: false,
-      basename: `content.opf`,
-      uri: `content.opf`,
-      size: 0,
-      blob: async () => new Blob(),
-      string: async () => opfFileData
-    };
-    const archive = {
-      filename,
-      encodingFormat: "application/pdf",
-      proxyDocument: pdf,
-      _symbol: PDF_SYMBOL,
-      records: [
-        opfFile,
-        ...pages.map((_, index) => ({
-          dir: false,
-          blob: async () => {
-            throw new Error("Unable to get blob from pdf");
-          },
-          basename: `${index}.pdf`,
-          size: 0,
-          string: () => {
-            throw new Error("Unable to get blob from pdf");
-          },
-          uri: `${index}.pdf`
-        }))
-      ],
-      close: () => {
-        return pdf.cleanup();
-      }
-    };
-    return archive;
-  };
-
-  const pdfFrameStyle = "html {\n  /* Pdf are always pre-paginated so its safe to disable touch action */\n  touch-action: none;\n}\n\nbody {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  /* This will prevent scrollbar and wrong offset of annotation layer */\n  overflow: hidden;\n}\n";
-
-  const layoutContainer = (container, spreadPosition, viewport) => {
-    if (!container) return;
-    const { height: pageHeight, width: pageWidth } = viewport.pageSize;
-    core.setStylePropertyIfChanged(container.style, `width`, `${pageWidth}px`);
-    core.setStylePropertyIfChanged(container.style, `height`, `${pageHeight}px`);
-    if (spreadPosition === `right`) {
-      core.setStylePropertyIfChanged(container.style, `justify-content`, `flex-start`);
-    } else if (spreadPosition === `left`) {
-      core.setStylePropertyIfChanged(container.style, `justify-content`, `flex-end`);
-    } else {
-      core.setStylePropertyIfChanged(container.style, `justify-content`, `center`);
-    }
-  };
-  const layoutCanvas = (pageProxy, canvas, readerViewport) => {
-    const pixelRatioScale = window.devicePixelRatio || 1;
-    const { height: pageHeight, width: pageWidth } = readerViewport.pageSize;
-    const { width: viewportWidth, height: viewportHeight } = pageProxy.getViewport({ scale: 1 });
-    const pageScale = Math.max(
-      pageWidth / viewportWidth,
-      pageHeight / viewportHeight
-    );
-    const viewport = pageProxy.getViewport({ scale: pageScale });
-    const viewportRatio = viewport.width / viewport.height;
-    const pageRatio = pageWidth / pageHeight;
-    const isWiderThanPage = viewportRatio > pageRatio;
-    const canvasWidth = isWiderThanPage ? pageWidth : pageHeight * viewportRatio;
-    const canvasHeight = viewportRatio > pageRatio ? pageWidth / viewportRatio : pageHeight;
-    core.setPropertyIfChanged(
-      canvas,
-      `width`,
-      Math.floor(viewport.width * pixelRatioScale)
-    );
-    core.setPropertyIfChanged(
-      canvas,
-      `height`,
-      Math.floor(viewport.height * pixelRatioScale)
-    );
-    core.setStylePropertyIfChanged(
-      canvas.style,
-      `width`,
-      `${Math.floor(canvasWidth)}px`
-    );
-    core.setStylePropertyIfChanged(
-      canvas.style,
-      `height`,
-      `${Math.floor(canvasHeight)}px`
-    );
-  };
-
-  const pdfScaleStyle = `:root {
+  `;return{filename:n,encodingFormat:`application/pdf`,proxyDocument:r,_symbol:d,records:[{dir:!1,basename:`content.opf`,uri:`content.opf`,size:0,blob:async()=>new Blob,string:async()=>o},...i.map((e,t)=>({dir:!1,blob:async()=>{throw Error(`Unable to get blob from pdf`)},basename:`${t}.pdf`,size:0,string:()=>{throw Error(`Unable to get blob from pdf`)},uri:`${t}.pdf`}))],close:()=>r.cleanup()}},m=`html{touch-action:none}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}`,h=(e,t,n)=>{if(!e)return;let{height:i,width:a}=n.pageSize;(0,r.setStylePropertyIfChanged)(e.style,`width`,`${a}px`),(0,r.setStylePropertyIfChanged)(e.style,`height`,`${i}px`),t===`right`?(0,r.setStylePropertyIfChanged)(e.style,`justify-content`,`flex-start`):t===`left`?(0,r.setStylePropertyIfChanged)(e.style,`justify-content`,`flex-end`):(0,r.setStylePropertyIfChanged)(e.style,`justify-content`,`center`)},g=(e,t,n)=>{let i=window.devicePixelRatio||1,{height:a,width:o}=n.pageSize,{width:s,height:c}=e.getViewport({scale:1}),l=Math.max(o/s,a/c),u=e.getViewport({scale:l}),d=u.width/u.height,f=o/a,p=d>f?o:a*d,m=d>f?o/d:a;(0,r.setPropertyIfChanged)(t,`width`,Math.floor(u.width*i)),(0,r.setPropertyIfChanged)(t,`height`,Math.floor(u.height*i)),(0,r.setStylePropertyIfChanged)(t.style,`width`,`${Math.floor(p)}px`),(0,r.setStylePropertyIfChanged)(t.style,`height`,`${Math.floor(m)}px`)},_=`:root {
   --scale-factor: 1;
   --user-unit: 1;
   --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
   --scale-round-x: 1px;
   --scale-round-y: 1px;
-}`;
-  class PdfRenderer extends core.DocumentRenderer {
-    constructor(pdfViewerStyle, params) {
-      super(params);
-      this.pdfViewerStyle = pdfViewerStyle;
-    }
-    pdfViewerStyle;
-    pageProxy;
-    renderTask;
-    textLayer;
-    getCanvas() {
-      const element = this.documentContainer?.children[0];
-      if (!(element instanceof HTMLCanvasElement)) return;
-      return element;
-    }
-    getFrameElement() {
-      const frame = this.documentContainer?.children[1].children[0];
-      if (!(frame instanceof HTMLIFrameElement)) return;
-      return frame;
-    }
-    getPageProxy() {
-      if (this.pageProxy) return rxjs.of(this.pageProxy);
-      return rxjs.from(this.resourcesHandler.fetchResource()).pipe(
-        rxjs.switchMap((resource) => {
-          if (!("custom" in resource)) return rxjs.EMPTY;
-          this.pageProxy = resource.data;
-          return rxjs.of(this.pageProxy);
-        })
-      );
-    }
-    onUnload() {
-      this.detach();
-      if (this.renderTask) {
-        this.renderTask.cancel();
-      }
-      this.textLayer?.cancel();
-      this.pageProxy?.cleanup();
-      return rxjs.EMPTY;
-    }
-    onCreateDocument() {
-      const frameElement = document.createElement(`iframe`);
-      frameElement.style.cssText = `
+}`,v=class extends r.DocumentRenderer{pdfViewerStyle;pageProxy;renderTask;textLayer;constructor(e,t){super(t),this.pdfViewerStyle=e}getCanvas(){let e=this.documentContainer?.children[0];if(e instanceof HTMLCanvasElement)return e}getFrameElement(){let e=this.documentContainer?.children[1]?.children[0];if(e instanceof HTMLIFrameElement)return e}getPageProxy(){return this.pageProxy?(0,n.of)(this.pageProxy):(0,n.from)(this.resourcesHandler.fetchResource()).pipe((0,n.switchMap)(e=>`custom`in e?(this.pageProxy=e.data,(0,n.of)(this.pageProxy)):n.EMPTY))}onUnload(){return this.detach(),this.renderTask&&this.renderTask.cancel(),this.textLayer?.cancel(),this.pageProxy?.cleanup(),n.EMPTY}onCreateDocument(){let e=document.createElement(`iframe`);e.style.cssText=`
       overflow: hidden;
       height: 100%;
       width: 100%;
-    `;
-      frameElement.setAttribute("tabIndex", "0");
-      frameElement.setAttribute("frameBorder", "0");
-      frameElement.setAttribute(`src`, "about:blank");
-      const frameContainer = this.containerElement.ownerDocument.createElement("div");
-      frameContainer.style.cssText = `
+    `,e.setAttribute(`tabIndex`,`0`),e.setAttribute(`frameBorder`,`0`),e.setAttribute(`src`,`about:blank`);let t=this.containerElement.ownerDocument.createElement(`div`);t.style.cssText=`
       mix-blend-mode: multiply;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
@@ -198,199 +30,9 @@
       height: 100%;
       width: 100%;
       top: 0;
-    `;
-      const canvas = this.containerElement.ownerDocument.createElement("canvas");
-      frameContainer.appendChild(frameElement);
-      const rootElement = this.containerElement.ownerDocument.createElement(`div`);
-      rootElement.style.cssText = `
+    `;let r=this.containerElement.ownerDocument.createElement(`canvas`);t.appendChild(e);let i=this.containerElement.ownerDocument.createElement(`div`);return i.style.cssText=`
       display: flex;
       align-items: center;
       justify-content: center;
-    `;
-      rootElement.appendChild(canvas);
-      rootElement.appendChild(frameContainer);
-      this.setDocumentContainer(rootElement);
-      return rxjs.of(rootElement);
-    }
-    onLoadDocument() {
-      return this.getPageProxy().pipe(
-        rxjs.switchMap(() => {
-          const frameElement = this.getFrameElement();
-          const pageProxy = this.pageProxy;
-          if (!frameElement || !pageProxy) return rxjs.EMPTY;
-          return rxjs.of(frameElement).pipe(
-            core.waitForSwitch(this.context.bridgeEvent.viewportFree$),
-            rxjs.tap(() => {
-              this.attach();
-            }),
-            core.waitForFrameLoad,
-            rxjs.switchMap(() => {
-              core.injectCSSToFrame(
-                frameElement,
-                "pdfjs-viewer-style",
-                this.pdfViewerStyle
-              );
-              core.injectCSSToFrame(frameElement, "enhancer-pdf-style", pdfFrameStyle);
-              core.upsertCSSToFrame(frameElement, "pdf-scale-scale", pdfScaleStyle);
-              const frameBody = frameElement.contentDocument?.body;
-              if (!frameBody || !this.pageProxy) return rxjs.EMPTY;
-              core.setAttributeIfChanged(frameBody, "class", "textLayer");
-              this.textLayer = new pdfjsLib.TextLayer({
-                container: frameBody,
-                textContentSource: this.pageProxy.streamTextContent(),
-                viewport: this.pageProxy.getViewport({ scale: 1 })
-              });
-              return rxjs.from(this.textLayer.render());
-            }),
-            core.waitForFrameReady
-          );
-        })
-      );
-    }
-    onLayout({
-      spreadPosition
-    }) {
-      const frameElement = this.getFrameElement();
-      const canvas = this.getCanvas();
-      if (!frameElement || !canvas) return rxjs.of(void 0);
-      const { height: pageHeight, width: pageWidth } = this.viewport.pageSize;
-      layoutContainer(this.documentContainer, spreadPosition, this.viewport);
-      const context = canvas.getContext("2d");
-      const pixelRatioScale = window.devicePixelRatio || 1;
-      if (!this.pageProxy || !context) return rxjs.of(void 0);
-      if (this.renderTask) {
-        this.renderTask.cancel();
-        this.renderTask = void 0;
-      }
-      layoutCanvas(this.pageProxy, canvas, this.viewport);
-      const { width: viewportWidth, height: viewportHeight } = this.pageProxy.getViewport({ scale: 1 });
-      const pageScale = Math.max(
-        pageWidth / viewportWidth,
-        pageHeight / viewportHeight
-      );
-      const viewport = this.pageProxy.getViewport({ scale: pageScale });
-      const transform = pixelRatioScale !== 1 ? [pixelRatioScale, 0, 0, pixelRatioScale, 0, 0] : null;
-      this.renderTask = this.pageProxy.render({
-        ...transform && { transform },
-        canvasContext: context,
-        viewport,
-        canvas
-      });
-      return rxjs.from(this.renderTask.promise).pipe(
-        rxjs.switchMap(() => {
-          this.renderTask = void 0;
-          const frameDoc = frameElement?.contentDocument;
-          const pdfPage = this.pageProxy;
-          if (!frameDoc || !frameElement || !pdfPage || !this.textLayer) {
-            throw new Error("Unable to update text layer due to missing elements");
-          }
-          const textLayerElement = frameDoc.body;
-          const canvasScale = canvas.clientWidth / viewportWidth;
-          core.setStylePropertyIfChanged(
-            textLayerElement.style,
-            `top`,
-            `${canvas.offsetTop}px`
-          );
-          core.setStylePropertyIfChanged(
-            textLayerElement.style,
-            `left`,
-            `${canvas.offsetLeft}px`
-          );
-          core.setStylePropertyIfChanged(
-            textLayerElement.style,
-            `height`,
-            canvas.style.height
-          );
-          core.setStylePropertyIfChanged(
-            textLayerElement.style,
-            `width`,
-            canvas.style.width
-          );
-          core.setStylePropertyIfChanged(
-            frameDoc.documentElement.style,
-            `--scale-factor`,
-            `${canvasScale}`
-          );
-          this.textLayer.update({
-            viewport
-          });
-          return rxjs.of(void 0);
-        }),
-        rxjs.catchError((e) => {
-          if (!(e instanceof pdfjsLib.RenderingCancelledException)) console.error(e);
-          return rxjs.of(void 0);
-        })
-      );
-    }
-    /**
-     * @important
-     * We should keep the same node structure to preserve CFI integrity.
-     */
-    onRenderHeadless() {
-      return this.getPageProxy().pipe(
-        rxjs.switchMap((pageProxy) => {
-          const headlessDocument = document.implementation.createHTMLDocument();
-          const textLayerElement = headlessDocument.body;
-          const textLayer = new pdfjsLib.TextLayer({
-            container: textLayerElement,
-            textContentSource: pageProxy.streamTextContent(),
-            viewport: pageProxy.getViewport({ scale: 1 })
-          });
-          return rxjs.from(textLayer.render()).pipe(rxjs.map(() => headlessDocument));
-        })
-      );
-    }
-    getDocumentFrame() {
-      return this.getFrameElement();
-    }
-  }
-
-  const pdfEnhancer = (next) => (options) => {
-    const reader = next({
-      ...options,
-      /**
-       * We have a special renderer for pdf so we need to inject it
-       * for the relevant items. The enhancer could be configurable but for
-       * the sake of simplicity we will assume that an item ending with .pdf should
-       * be treated as a pdf document.
-       *
-       * The `getRenderer` hook should be non destructive, if we detect a renderer already
-       * setup we should return it.
-       */
-      getRenderer(item) {
-        const maybeFactory = options.getRenderer?.(item);
-        if (!maybeFactory && item.href.endsWith(`.pdf`)) {
-          return (params) => new PdfRenderer(options.pdf.pdfjsViewerInlineCss, params);
-        }
-        return maybeFactory;
-      },
-      getResource: (item) => options.pdf.getArchiveForItem(item).pipe(
-        rxjs.mergeMap((archive) => {
-          if (!archive) return rxjs.of(void 0);
-          if (!isPdfJsArchive(archive)) {
-            console.warn(`You provided an invalid pdf archive`);
-            return rxjs.of(void 0);
-          }
-          const fileIndex = archive.records.findIndex(
-            (file) => item.href.endsWith(file.uri)
-          ) - 1;
-          return rxjs.from(archive.proxyDocument.getPage(fileIndex + 1)).pipe(
-            rxjs.map((pageProxy) => ({
-              custom: true,
-              data: pageProxy
-            }))
-          );
-        })
-      )
-    });
-    return reader;
-  };
-
-  exports.createArchiveFromPdf = createArchiveFromPdf;
-  exports.isPdfJsArchive = isPdfJsArchive;
-  exports.pdfEnhancer = pdfEnhancer;
-
-  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-}));
-//# sourceMappingURL=index.umd.cjs.map
+    `,i.appendChild(r),i.appendChild(t),this.setDocumentContainer(i),(0,n.of)(i)}onLoadDocument(){return this.getPageProxy().pipe((0,n.switchMap)(()=>{let e=this.getFrameElement(),i=this.pageProxy;return!e||!i?n.EMPTY:(0,n.of)(e).pipe((0,r.waitForSwitch)(this.context.bridgeEvent.viewportFree$),(0,n.tap)(()=>{this.attach()}),r.waitForFrameLoad,(0,n.switchMap)(()=>{(0,r.injectCSSToFrame)(e,`pdfjs-viewer-style`,this.pdfViewerStyle),(0,r.injectCSSToFrame)(e,`enhancer-pdf-style`,m),(0,r.upsertCSSToFrame)(e,`pdf-scale-scale`,_);let i=e.contentDocument?.body;return!i||!this.pageProxy?n.EMPTY:((0,r.setAttributeIfChanged)(i,`class`,`textLayer`),this.textLayer=new t.TextLayer({container:i,textContentSource:this.pageProxy.streamTextContent(),viewport:this.pageProxy.getViewport({scale:1})}),(0,n.from)(this.textLayer.render()))}),r.waitForFrameReady)}))}onLayout({spreadPosition:e}){let i=this.getFrameElement(),a=this.getCanvas();if(!i||!a)return(0,n.of)(void 0);let{height:o,width:s}=this.viewport.pageSize;h(this.documentContainer,e,this.viewport);let c=a.getContext(`2d`),l=window.devicePixelRatio||1;if(!this.pageProxy||!c)return(0,n.of)(void 0);this.renderTask&&=(this.renderTask.cancel(),void 0),g(this.pageProxy,a,this.viewport);let{width:u,height:d}=this.pageProxy.getViewport({scale:1}),f=Math.max(s/u,o/d),p=this.pageProxy.getViewport({scale:f}),m=l===1?null:[l,0,0,l,0,0];return this.renderTask=this.pageProxy.render({...m&&{transform:m},canvasContext:c,viewport:p,canvas:a}),(0,n.from)(this.renderTask.promise).pipe((0,n.switchMap)(()=>{this.renderTask=void 0;let e=i?.contentDocument,t=this.pageProxy;if(!e||!i||!t||!this.textLayer)throw Error(`Unable to update text layer due to missing elements`);let o=e.body,s=a.clientWidth/u;return(0,r.setStylePropertyIfChanged)(o.style,`top`,`${a.offsetTop}px`),(0,r.setStylePropertyIfChanged)(o.style,`left`,`${a.offsetLeft}px`),(0,r.setStylePropertyIfChanged)(o.style,`height`,a.style.height),(0,r.setStylePropertyIfChanged)(o.style,`width`,a.style.width),(0,r.setStylePropertyIfChanged)(e.documentElement.style,`--scale-factor`,`${s}`),this.textLayer.update({viewport:p}),(0,n.of)(void 0)}),(0,n.catchError)(e=>(e instanceof t.RenderingCancelledException||console.error(e),(0,n.of)(void 0))))}onRenderHeadless(){return this.getPageProxy().pipe((0,n.switchMap)(e=>{let r=document.implementation.createHTMLDocument(),i=r.body;return(0,n.from)(new t.TextLayer({container:i,textContentSource:e.streamTextContent(),viewport:e.getViewport({scale:1})}).render()).pipe((0,n.map)(()=>r))}))}getDocumentFrame(){return this.getFrameElement()}};e.createArchiveFromPdf=p,e.isPdfJsArchive=f,e.pdfEnhancer=e=>t=>e({...t,getRenderer(e){let n=t.getRenderer?.(e);return!n&&e.href.endsWith(`.pdf`)?e=>new v(t.pdf.pdfjsViewerInlineCss,e):n},getResource:e=>t.pdf.getArchiveForItem(e).pipe((0,n.mergeMap)(t=>{if(!t)return(0,n.of)(void 0);if(!f(t))return console.warn(`You provided an invalid pdf archive`),(0,n.of)(void 0);let r=t.records.findIndex(t=>e.href.endsWith(t.uri))-1;return(0,n.from)(t.proxyDocument.getPage(r+1)).pipe((0,n.map)(e=>({custom:!0,data:e})))}))})});
+//# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.cjs","sources":["../src/createArchiveFromPdf.ts","../src/renderer/layout.ts","../src/renderer/PdfRenderer.ts","../src/pdfEnhancer.ts"],"sourcesContent":["import type { Archive } from \"@prose-reader/streamer\"\nimport * as pdfjsLib from \"pdfjs-dist\"\n\ntype PdfJsArchive = Archive & {\n  _symbol: symbol\n  proxyDocument: pdfjsLib.PDFDocumentProxy\n}\n\nconst PDF_SYMBOL = Symbol(`pdfjs`)\n\nexport const isPdfJsArchive = (archive: Archive): archive is PdfJsArchive =>\n  \"_symbol\" in archive && archive._symbol === PDF_SYMBOL\n\n/**\n * @important\n * Make sure the urls are on the same origin or the cors header is set otherwise\n * the resource cannot be consumed as it is on the web.\n */\nexport const createArchiveFromPdf = async (\n  file: Blob,\n  filename: string,\n): Promise<Archive> => {\n  const loadingTask = pdfjsLib.getDocument(await file.arrayBuffer())\n\n  const pdf = await loadingTask.promise\n\n  const pages = Array.from({ length: pdf.numPages })\n  const pageEntries = pages.map((_, index) => ({\n    id: `page-${index}`,\n    resourcePath: `${index}.pdf`,\n  }))\n\n  const opfFileData = `\n    <?xml version=\"1.0\" encoding=\"UTF-8\"?><package xmlns=\"http://www.idpf.org/2007/opf\" version=\"2.0\" unique-identifier=\"bookid\">\n      <metadata>\n        <meta property=\"rendition:layout\">pre-paginated</meta>\n      </metadata>\n      <manifest>\n        ${pageEntries.map(({ id, resourcePath }) => `<item id=\"${id}\" href=\"${resourcePath}\" />`).join(`\\n`)}\n      </manifest>\n      <spine>\n        ${pageEntries.map(({ id }) => `<itemref idref=\"${id}\" />`).join(`\\n`)}\n      </spine>\n    </package>\n  `\n\n  const opfFile: Archive[`records`][number] = {\n    dir: false,\n    basename: `content.opf`,\n    uri: `content.opf`,\n    size: 0,\n    blob: async () => new Blob(),\n    string: async () => opfFileData,\n  }\n\n  const archive = {\n    filename,\n    encodingFormat: \"application/pdf\",\n    proxyDocument: pdf,\n    _symbol: PDF_SYMBOL,\n    records: [\n      opfFile,\n      ...pages.map((_, index) => ({\n        dir: false,\n        blob: async () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        basename: `${index}.pdf`,\n        size: 0,\n        string: () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        uri: `${index}.pdf`,\n      })),\n    ],\n    close: () => {\n      return pdf.cleanup()\n    },\n  } satisfies PdfJsArchive\n\n  return archive as Archive\n}\n","import {\n  setPropertyIfChanged,\n  setStylePropertyIfChanged,\n  type Viewport,\n} from \"@prose-reader/core\"\nimport type { PDFPageProxy } from \"pdfjs-dist\"\n\nexport const layoutContainer = (\n  container: HTMLElement | undefined,\n  spreadPosition: `none` | `left` | `right`,\n  viewport: Viewport,\n) => {\n  if (!container) return\n\n  // first we try to get the desired viewport for a comfortable reading based on theh current page size\n  const { height: pageHeight, width: pageWidth } = viewport.pageSize\n\n  setStylePropertyIfChanged(container.style, `width`, `${pageWidth}px`)\n  setStylePropertyIfChanged(container.style, `height`, `${pageHeight}px`)\n\n  if (spreadPosition === `right`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-start`)\n  } else if (spreadPosition === `left`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-end`)\n  } else {\n    setStylePropertyIfChanged(container.style, `justify-content`, `center`)\n  }\n}\n\nexport const layoutCanvas = (\n  pageProxy: PDFPageProxy,\n  canvas: HTMLCanvasElement,\n  readerViewport: Viewport,\n) => {\n  // Support HiDPI-screens.\n  const pixelRatioScale = window.devicePixelRatio || 1\n  const { height: pageHeight, width: pageWidth } = readerViewport.pageSize\n  const { width: viewportWidth, height: viewportHeight } =\n    pageProxy.getViewport({ scale: 1 })\n  const pageScale = Math.max(\n    pageWidth / viewportWidth,\n    pageHeight / viewportHeight,\n  )\n\n  // then we generate the viewport for the canvas based on the page scale\n  const viewport = pageProxy.getViewport({ scale: pageScale })\n\n  // Then we define which axis should stretch or shrink to ratio\n  const viewportRatio = viewport.width / viewport.height\n  const pageRatio = pageWidth / pageHeight\n  const isWiderThanPage = viewportRatio > pageRatio\n  const canvasWidth = isWiderThanPage ? pageWidth : pageHeight * viewportRatio\n  const canvasHeight =\n    viewportRatio > pageRatio ? pageWidth / viewportRatio : pageHeight\n\n  setPropertyIfChanged(\n    canvas,\n    `width`,\n    Math.floor(viewport.width * pixelRatioScale),\n  )\n  setPropertyIfChanged(\n    canvas,\n    `height`,\n    Math.floor(viewport.height * pixelRatioScale),\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `width`,\n    `${Math.floor(canvasWidth)}px`,\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `height`,\n    `${Math.floor(canvasHeight)}px`,\n  )\n}\n","import {\n  DocumentRenderer,\n  injectCSSToFrame,\n  setAttributeIfChanged,\n  setStylePropertyIfChanged,\n  upsertCSSToFrame,\n  waitForFrameLoad,\n  waitForFrameReady,\n  waitForSwitch,\n} from \"@prose-reader/core\"\nimport {\n  type PDFPageProxy,\n  RenderingCancelledException,\n  type RenderTask,\n  TextLayer,\n} from \"pdfjs-dist\"\nimport {\n  catchError,\n  EMPTY,\n  from,\n  map,\n  type Observable,\n  of,\n  switchMap,\n  tap,\n} from \"rxjs\"\nimport pdfFrameStyle from \"./frame.css?inline\"\nimport { layoutCanvas, layoutContainer } from \"./layout\"\n\nconst pdfScaleStyle = `:root {\n  --scale-factor: 1;\n  --user-unit: 1;\n  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n  --scale-round-x: 1px;\n  --scale-round-y: 1px;\n}`\n\nexport class PdfRenderer extends DocumentRenderer {\n  private pageProxy: PDFPageProxy | undefined\n  private renderTask: RenderTask | undefined\n  private textLayer: TextLayer | undefined\n\n  constructor(\n    private pdfViewerStyle: string,\n    params: ConstructorParameters<typeof DocumentRenderer>[0],\n  ) {\n    super(params)\n  }\n\n  private getCanvas() {\n    const element = this.documentContainer?.children[0]\n\n    if (!(element instanceof HTMLCanvasElement)) return\n\n    return element\n  }\n\n  private getFrameElement() {\n    const frame = this.documentContainer?.children[1].children[0]\n\n    if (!(frame instanceof HTMLIFrameElement)) return\n\n    return frame\n  }\n\n  private getPageProxy() {\n    if (this.pageProxy) return of(this.pageProxy)\n\n    return from(this.resourcesHandler.fetchResource()).pipe(\n      switchMap((resource) => {\n        if (!(\"custom\" in resource)) return EMPTY\n\n        this.pageProxy = resource.data as PDFPageProxy\n\n        return of(this.pageProxy)\n      }),\n    )\n  }\n\n  onUnload(): Observable<unknown> {\n    this.detach()\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n    }\n\n    this.textLayer?.cancel()\n    this.pageProxy?.cleanup()\n\n    return EMPTY\n  }\n\n  onCreateDocument(): Observable<HTMLElement> {\n    const frameElement = document.createElement(`iframe`)\n    frameElement.style.cssText = `\n      overflow: hidden;\n      height: 100%;\n      width: 100%;\n    `\n\n    frameElement.setAttribute(\"tabIndex\", \"0\")\n    frameElement.setAttribute(\"frameBorder\", \"0\")\n    frameElement.setAttribute(`src`, \"about:blank\")\n\n    const frameContainer =\n      this.containerElement.ownerDocument.createElement(\"div\")\n    frameContainer.style.cssText = `\n      mix-blend-mode: multiply;\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n    `\n\n    /**\n     * The canvas is never attached to the DOM and will be used for offscreen rendering\n     * then copied into the frame.\n     */\n    const canvas = this.containerElement.ownerDocument.createElement(\"canvas\")\n\n    frameContainer.appendChild(frameElement)\n\n    const rootElement = this.containerElement.ownerDocument.createElement(`div`)\n    rootElement.style.cssText = `\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    `\n\n    rootElement.appendChild(canvas)\n    rootElement.appendChild(frameContainer)\n\n    this.setDocumentContainer(rootElement)\n\n    return of(rootElement)\n  }\n\n  onLoadDocument(): Observable<unknown> {\n    return this.getPageProxy().pipe(\n      switchMap(() => {\n        const frameElement = this.getFrameElement()\n        const pageProxy = this.pageProxy\n\n        if (!frameElement || !pageProxy) return EMPTY\n\n        return of(frameElement).pipe(\n          waitForSwitch(this.context.bridgeEvent.viewportFree$),\n          tap(() => {\n            this.attach()\n          }),\n          waitForFrameLoad,\n          switchMap(() => {\n            injectCSSToFrame(\n              frameElement,\n              \"pdfjs-viewer-style\",\n              this.pdfViewerStyle,\n            )\n            injectCSSToFrame(frameElement, \"enhancer-pdf-style\", pdfFrameStyle)\n            upsertCSSToFrame(frameElement, \"pdf-scale-scale\", pdfScaleStyle)\n\n            /**\n             * We make sure to render the text layer to simulate the document being loaded.\n             * It will be correctly re-layout later. Consumers looking for document load have at least\n             * the actual text document ready. (cfi lookup, etc.)\n             */\n            const frameBody = frameElement.contentDocument?.body\n\n            if (!frameBody || !this.pageProxy) return EMPTY\n\n            setAttributeIfChanged(frameBody, \"class\", \"textLayer\")\n\n            this.textLayer = new TextLayer({\n              container: frameBody,\n              textContentSource: this.pageProxy.streamTextContent(),\n              viewport: this.pageProxy.getViewport({ scale: 1 }),\n            })\n\n            return from(this.textLayer.render())\n          }),\n          waitForFrameReady,\n        )\n      }),\n    )\n  }\n\n  onLayout({\n    spreadPosition,\n  }: {\n    minPageSpread: number\n    blankPagePosition: `before` | `after` | `none`\n    spreadPosition: `none` | `left` | `right`\n  }) {\n    const frameElement = this.getFrameElement()\n    const canvas = this.getCanvas()\n\n    if (!frameElement || !canvas) return of(undefined)\n\n    // first we try to get the desired viewport for a comfortable reading based on the current page size\n    const { height: pageHeight, width: pageWidth } = this.viewport.pageSize\n\n    layoutContainer(this.documentContainer, spreadPosition, this.viewport)\n\n    const context = canvas.getContext(\"2d\")\n    // Support HiDPI-screens.\n    const pixelRatioScale = window.devicePixelRatio || 1\n\n    if (!this.pageProxy || !context) return of(undefined)\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n      this.renderTask = undefined\n    }\n\n    layoutCanvas(this.pageProxy, canvas, this.viewport)\n\n    const { width: viewportWidth, height: viewportHeight } =\n      this.pageProxy.getViewport({ scale: 1 })\n\n    const pageScale = Math.max(\n      pageWidth / viewportWidth,\n      pageHeight / viewportHeight,\n    )\n\n    // then we generate the viewport for the canvas based on the page scale\n    const viewport = this.pageProxy.getViewport({ scale: pageScale })\n\n    const transform =\n      pixelRatioScale !== 1\n        ? [pixelRatioScale, 0, 0, pixelRatioScale, 0, 0]\n        : null\n\n    this.renderTask = this.pageProxy.render({\n      ...(transform && { transform }),\n      canvasContext: context,\n      viewport,\n      canvas,\n    })\n\n    return from(this.renderTask.promise).pipe(\n      switchMap(() => {\n        this.renderTask = undefined\n\n        const frameDoc = frameElement?.contentDocument\n        const pdfPage = this.pageProxy\n\n        if (!frameDoc || !frameElement || !pdfPage || !this.textLayer) {\n          throw new Error(\"Unable to update text layer due to missing elements\")\n        }\n\n        const textLayerElement = frameDoc.body\n        const canvasScale = canvas.clientWidth / viewportWidth\n\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `top`,\n          `${canvas.offsetTop}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `left`,\n          `${canvas.offsetLeft}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `height`,\n          canvas.style.height,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `width`,\n          canvas.style.width,\n        )\n\n        /**\n         * Taking inspiration from https://github.com/mozilla/pdf.js/blob/master/web/pdf_viewer.css.\n         * Not sure why pdfjs DOES rely on css from the viewer to works. Or in another words, why is it\n         * not more obvious that TextLayer requires a set of variables to work correctly.\n         */\n        setStylePropertyIfChanged(\n          frameDoc.documentElement.style,\n          `--scale-factor`,\n          `${canvasScale}`,\n        )\n\n        this.textLayer.update({\n          viewport,\n        })\n\n        return of(undefined)\n      }),\n      catchError((e) => {\n        if (!(e instanceof RenderingCancelledException)) console.error(e)\n\n        return of(undefined)\n      }),\n    )\n  }\n\n  /**\n   * @important\n   * We should keep the same node structure to preserve CFI integrity.\n   */\n  onRenderHeadless() {\n    return this.getPageProxy().pipe(\n      switchMap((pageProxy) => {\n        const headlessDocument = document.implementation.createHTMLDocument()\n        const textLayerElement = headlessDocument.body\n\n        const textLayer = new TextLayer({\n          container: textLayerElement,\n          textContentSource: pageProxy.streamTextContent(),\n          viewport: pageProxy.getViewport({ scale: 1 }),\n        })\n\n        return from(textLayer.render()).pipe(map(() => headlessDocument))\n      }),\n    )\n  }\n\n  getDocumentFrame() {\n    return this.getFrameElement()\n  }\n}\n","import type { createReader, Reader } from \"@prose-reader/core\"\nimport { from, map, mergeMap, of } from \"rxjs\"\nimport { isPdfJsArchive } from \"./createArchiveFromPdf\"\nimport { PdfRenderer } from \"./renderer/PdfRenderer\"\nimport type { EnhancerOptions } from \"./types\"\n\ntype CreateReader = typeof createReader\ntype CreateReaderOptions = Parameters<CreateReader>[0]\n\nexport const pdfEnhancer =\n  <InheritOptions extends CreateReaderOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions & EnhancerOptions): InheritOutput => {\n    const reader = next({\n      ...options,\n      /**\n       * We have a special renderer for pdf so we need to inject it\n       * for the relevant items. The enhancer could be configurable but for\n       * the sake of simplicity we will assume that an item ending with .pdf should\n       * be treated as a pdf document.\n       *\n       * The `getRenderer` hook should be non destructive, if we detect a renderer already\n       * setup we should return it.\n       */\n      getRenderer(item) {\n        const maybeFactory = options.getRenderer?.(item)\n\n        if (!maybeFactory && item.href.endsWith(`.pdf`)) {\n          return (params) =>\n            new PdfRenderer(options.pdf.pdfjsViewerInlineCss, params)\n        }\n\n        return maybeFactory\n      },\n      getResource: (item) =>\n        options.pdf.getArchiveForItem(item).pipe(\n          mergeMap((archive) => {\n            if (!archive) return of(undefined)\n\n            if (!isPdfJsArchive(archive)) {\n              console.warn(`You provided an invalid pdf archive`)\n\n              return of(undefined)\n            }\n\n            // we account for opf file\n            const fileIndex =\n              archive.records.findIndex((file) =>\n                item.href.endsWith(file.uri),\n              ) - 1\n\n            return from(archive.proxyDocument.getPage(fileIndex + 1)).pipe(\n              map((pageProxy) => ({\n                custom: true as const,\n                data: pageProxy,\n              })),\n            )\n          }),\n        ),\n    })\n\n    return reader\n  }\n"],"names":["pdfjsLib","setStylePropertyIfChanged","setPropertyIfChanged","DocumentRenderer","of","from","switchMap","EMPTY","waitForSwitch","tap","waitForFrameLoad","injectCSSToFrame","upsertCSSToFrame","setAttributeIfChanged","TextLayer","waitForFrameReady","catchError","RenderingCancelledException","map","mergeMap"],"mappings":"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"}
+{"version":3,"file":"index.umd.cjs","names":[],"sources":["../src/createArchiveFromPdf.ts","../src/renderer/frame.css?inline","../src/renderer/layout.ts","../src/renderer/PdfRenderer.ts","../src/pdfEnhancer.ts"],"sourcesContent":["import type { Archive } from \"@prose-reader/streamer\"\nimport * as pdfjsLib from \"pdfjs-dist\"\n\ntype PdfJsArchive = Archive & {\n  _symbol: symbol\n  proxyDocument: pdfjsLib.PDFDocumentProxy\n}\n\nconst PDF_SYMBOL = Symbol(`pdfjs`)\n\nexport const isPdfJsArchive = (archive: Archive): archive is PdfJsArchive =>\n  \"_symbol\" in archive && archive._symbol === PDF_SYMBOL\n\n/**\n * @important\n * Make sure the urls are on the same origin or the cors header is set otherwise\n * the resource cannot be consumed as it is on the web.\n */\nexport const createArchiveFromPdf = async (\n  file: Blob,\n  filename: string,\n): Promise<Archive> => {\n  const loadingTask = pdfjsLib.getDocument(await file.arrayBuffer())\n\n  const pdf = await loadingTask.promise\n\n  const pages = Array.from({ length: pdf.numPages })\n  const pageEntries = pages.map((_, index) => ({\n    id: `page-${index}`,\n    resourcePath: `${index}.pdf`,\n  }))\n\n  const opfFileData = `\n    <?xml version=\"1.0\" encoding=\"UTF-8\"?><package xmlns=\"http://www.idpf.org/2007/opf\" version=\"2.0\" unique-identifier=\"bookid\">\n      <metadata>\n        <meta property=\"rendition:layout\">pre-paginated</meta>\n      </metadata>\n      <manifest>\n        ${pageEntries.map(({ id, resourcePath }) => `<item id=\"${id}\" href=\"${resourcePath}\" />`).join(`\\n`)}\n      </manifest>\n      <spine>\n        ${pageEntries.map(({ id }) => `<itemref idref=\"${id}\" />`).join(`\\n`)}\n      </spine>\n    </package>\n  `\n\n  const opfFile: Archive[`records`][number] = {\n    dir: false,\n    basename: `content.opf`,\n    uri: `content.opf`,\n    size: 0,\n    blob: async () => new Blob(),\n    string: async () => opfFileData,\n  }\n\n  const archive = {\n    filename,\n    encodingFormat: \"application/pdf\",\n    proxyDocument: pdf,\n    _symbol: PDF_SYMBOL,\n    records: [\n      opfFile,\n      ...pages.map((_, index) => ({\n        dir: false,\n        blob: async () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        basename: `${index}.pdf`,\n        size: 0,\n        string: () => {\n          throw new Error(\"Unable to get blob from pdf\")\n        },\n        uri: `${index}.pdf`,\n      })),\n    ],\n    close: () => {\n      return pdf.cleanup()\n    },\n  } satisfies PdfJsArchive\n\n  return archive as Archive\n}\n","html {\n  /* Pdf are always pre-paginated so its safe to disable touch action */\n  touch-action: none;\n}\n\nbody {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  /* This will prevent scrollbar and wrong offset of annotation layer */\n  overflow: hidden;\n}\n","import {\n  setPropertyIfChanged,\n  setStylePropertyIfChanged,\n  type Viewport,\n} from \"@prose-reader/core\"\nimport type { PDFPageProxy } from \"pdfjs-dist\"\n\nexport const layoutContainer = (\n  container: HTMLElement | undefined,\n  spreadPosition: `none` | `left` | `right`,\n  viewport: Viewport,\n) => {\n  if (!container) return\n\n  // first we try to get the desired viewport for a comfortable reading based on theh current page size\n  const { height: pageHeight, width: pageWidth } = viewport.pageSize\n\n  setStylePropertyIfChanged(container.style, `width`, `${pageWidth}px`)\n  setStylePropertyIfChanged(container.style, `height`, `${pageHeight}px`)\n\n  if (spreadPosition === `right`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-start`)\n  } else if (spreadPosition === `left`) {\n    setStylePropertyIfChanged(container.style, `justify-content`, `flex-end`)\n  } else {\n    setStylePropertyIfChanged(container.style, `justify-content`, `center`)\n  }\n}\n\nexport const layoutCanvas = (\n  pageProxy: PDFPageProxy,\n  canvas: HTMLCanvasElement,\n  readerViewport: Viewport,\n) => {\n  // Support HiDPI-screens.\n  const pixelRatioScale = window.devicePixelRatio || 1\n  const { height: pageHeight, width: pageWidth } = readerViewport.pageSize\n  const { width: viewportWidth, height: viewportHeight } =\n    pageProxy.getViewport({ scale: 1 })\n  const pageScale = Math.max(\n    pageWidth / viewportWidth,\n    pageHeight / viewportHeight,\n  )\n\n  // then we generate the viewport for the canvas based on the page scale\n  const viewport = pageProxy.getViewport({ scale: pageScale })\n\n  // Then we define which axis should stretch or shrink to ratio\n  const viewportRatio = viewport.width / viewport.height\n  const pageRatio = pageWidth / pageHeight\n  const isWiderThanPage = viewportRatio > pageRatio\n  const canvasWidth = isWiderThanPage ? pageWidth : pageHeight * viewportRatio\n  const canvasHeight =\n    viewportRatio > pageRatio ? pageWidth / viewportRatio : pageHeight\n\n  setPropertyIfChanged(\n    canvas,\n    `width`,\n    Math.floor(viewport.width * pixelRatioScale),\n  )\n  setPropertyIfChanged(\n    canvas,\n    `height`,\n    Math.floor(viewport.height * pixelRatioScale),\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `width`,\n    `${Math.floor(canvasWidth)}px`,\n  )\n  setStylePropertyIfChanged(\n    canvas.style,\n    `height`,\n    `${Math.floor(canvasHeight)}px`,\n  )\n}\n","import {\n  DocumentRenderer,\n  injectCSSToFrame,\n  setAttributeIfChanged,\n  setStylePropertyIfChanged,\n  upsertCSSToFrame,\n  waitForFrameLoad,\n  waitForFrameReady,\n  waitForSwitch,\n} from \"@prose-reader/core\"\nimport {\n  type PDFPageProxy,\n  RenderingCancelledException,\n  type RenderTask,\n  TextLayer,\n} from \"pdfjs-dist\"\nimport {\n  catchError,\n  EMPTY,\n  from,\n  map,\n  type Observable,\n  of,\n  switchMap,\n  tap,\n} from \"rxjs\"\nimport pdfFrameStyle from \"./frame.css?inline\"\nimport { layoutCanvas, layoutContainer } from \"./layout\"\n\nconst pdfScaleStyle = `:root {\n  --scale-factor: 1;\n  --user-unit: 1;\n  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));\n  --scale-round-x: 1px;\n  --scale-round-y: 1px;\n}`\n\nexport class PdfRenderer extends DocumentRenderer {\n  private pageProxy: PDFPageProxy | undefined\n  private renderTask: RenderTask | undefined\n  private textLayer: TextLayer | undefined\n\n  constructor(\n    private pdfViewerStyle: string,\n    params: ConstructorParameters<typeof DocumentRenderer>[0],\n  ) {\n    super(params)\n  }\n\n  private getCanvas() {\n    const element = this.documentContainer?.children[0]\n\n    if (!(element instanceof HTMLCanvasElement)) return\n\n    return element\n  }\n\n  private getFrameElement() {\n    const frame = this.documentContainer?.children[1]?.children[0]\n\n    if (!(frame instanceof HTMLIFrameElement)) return\n\n    return frame\n  }\n\n  private getPageProxy() {\n    if (this.pageProxy) return of(this.pageProxy)\n\n    return from(this.resourcesHandler.fetchResource()).pipe(\n      switchMap((resource) => {\n        if (!(\"custom\" in resource)) return EMPTY\n\n        this.pageProxy = resource.data as PDFPageProxy\n\n        return of(this.pageProxy)\n      }),\n    )\n  }\n\n  onUnload(): Observable<unknown> {\n    this.detach()\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n    }\n\n    this.textLayer?.cancel()\n    this.pageProxy?.cleanup()\n\n    return EMPTY\n  }\n\n  onCreateDocument(): Observable<HTMLElement> {\n    const frameElement = document.createElement(`iframe`)\n    frameElement.style.cssText = `\n      overflow: hidden;\n      height: 100%;\n      width: 100%;\n    `\n\n    frameElement.setAttribute(\"tabIndex\", \"0\")\n    frameElement.setAttribute(\"frameBorder\", \"0\")\n    frameElement.setAttribute(`src`, \"about:blank\")\n\n    const frameContainer =\n      this.containerElement.ownerDocument.createElement(\"div\")\n    frameContainer.style.cssText = `\n      mix-blend-mode: multiply;\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n    `\n\n    /**\n     * The canvas is never attached to the DOM and will be used for offscreen rendering\n     * then copied into the frame.\n     */\n    const canvas = this.containerElement.ownerDocument.createElement(\"canvas\")\n\n    frameContainer.appendChild(frameElement)\n\n    const rootElement = this.containerElement.ownerDocument.createElement(`div`)\n    rootElement.style.cssText = `\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    `\n\n    rootElement.appendChild(canvas)\n    rootElement.appendChild(frameContainer)\n\n    this.setDocumentContainer(rootElement)\n\n    return of(rootElement)\n  }\n\n  onLoadDocument(): Observable<unknown> {\n    return this.getPageProxy().pipe(\n      switchMap(() => {\n        const frameElement = this.getFrameElement()\n        const pageProxy = this.pageProxy\n\n        if (!frameElement || !pageProxy) return EMPTY\n\n        return of(frameElement).pipe(\n          waitForSwitch(this.context.bridgeEvent.viewportFree$),\n          tap(() => {\n            this.attach()\n          }),\n          waitForFrameLoad,\n          switchMap(() => {\n            injectCSSToFrame(\n              frameElement,\n              \"pdfjs-viewer-style\",\n              this.pdfViewerStyle,\n            )\n            injectCSSToFrame(frameElement, \"enhancer-pdf-style\", pdfFrameStyle)\n            upsertCSSToFrame(frameElement, \"pdf-scale-scale\", pdfScaleStyle)\n\n            /**\n             * We make sure to render the text layer to simulate the document being loaded.\n             * It will be correctly re-layout later. Consumers looking for document load have at least\n             * the actual text document ready. (cfi lookup, etc.)\n             */\n            const frameBody = frameElement.contentDocument?.body\n\n            if (!frameBody || !this.pageProxy) return EMPTY\n\n            setAttributeIfChanged(frameBody, \"class\", \"textLayer\")\n\n            this.textLayer = new TextLayer({\n              container: frameBody,\n              textContentSource: this.pageProxy.streamTextContent(),\n              viewport: this.pageProxy.getViewport({ scale: 1 }),\n            })\n\n            return from(this.textLayer.render())\n          }),\n          waitForFrameReady,\n        )\n      }),\n    )\n  }\n\n  onLayout({\n    spreadPosition,\n  }: {\n    minPageSpread: number\n    blankPagePosition: `before` | `after` | `none`\n    spreadPosition: `none` | `left` | `right`\n  }) {\n    const frameElement = this.getFrameElement()\n    const canvas = this.getCanvas()\n\n    if (!frameElement || !canvas) return of(undefined)\n\n    // first we try to get the desired viewport for a comfortable reading based on the current page size\n    const { height: pageHeight, width: pageWidth } = this.viewport.pageSize\n\n    layoutContainer(this.documentContainer, spreadPosition, this.viewport)\n\n    const context = canvas.getContext(\"2d\")\n    // Support HiDPI-screens.\n    const pixelRatioScale = window.devicePixelRatio || 1\n\n    if (!this.pageProxy || !context) return of(undefined)\n\n    if (this.renderTask) {\n      this.renderTask.cancel()\n      this.renderTask = undefined\n    }\n\n    layoutCanvas(this.pageProxy, canvas, this.viewport)\n\n    const { width: viewportWidth, height: viewportHeight } =\n      this.pageProxy.getViewport({ scale: 1 })\n\n    const pageScale = Math.max(\n      pageWidth / viewportWidth,\n      pageHeight / viewportHeight,\n    )\n\n    // then we generate the viewport for the canvas based on the page scale\n    const viewport = this.pageProxy.getViewport({ scale: pageScale })\n\n    const transform =\n      pixelRatioScale !== 1\n        ? [pixelRatioScale, 0, 0, pixelRatioScale, 0, 0]\n        : null\n\n    this.renderTask = this.pageProxy.render({\n      ...(transform && { transform }),\n      canvasContext: context,\n      viewport,\n      canvas,\n    })\n\n    return from(this.renderTask.promise).pipe(\n      switchMap(() => {\n        this.renderTask = undefined\n\n        const frameDoc = frameElement?.contentDocument\n        const pdfPage = this.pageProxy\n\n        if (!frameDoc || !frameElement || !pdfPage || !this.textLayer) {\n          throw new Error(\"Unable to update text layer due to missing elements\")\n        }\n\n        const textLayerElement = frameDoc.body\n        const canvasScale = canvas.clientWidth / viewportWidth\n\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `top`,\n          `${canvas.offsetTop}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `left`,\n          `${canvas.offsetLeft}px`,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `height`,\n          canvas.style.height,\n        )\n        setStylePropertyIfChanged(\n          textLayerElement.style,\n          `width`,\n          canvas.style.width,\n        )\n\n        /**\n         * Taking inspiration from https://github.com/mozilla/pdf.js/blob/master/web/pdf_viewer.css.\n         * Not sure why pdfjs DOES rely on css from the viewer to works. Or in another words, why is it\n         * not more obvious that TextLayer requires a set of variables to work correctly.\n         */\n        setStylePropertyIfChanged(\n          frameDoc.documentElement.style,\n          `--scale-factor`,\n          `${canvasScale}`,\n        )\n\n        this.textLayer.update({\n          viewport,\n        })\n\n        return of(undefined)\n      }),\n      catchError((e) => {\n        if (!(e instanceof RenderingCancelledException)) console.error(e)\n\n        return of(undefined)\n      }),\n    )\n  }\n\n  /**\n   * @important\n   * We should keep the same node structure to preserve CFI integrity.\n   */\n  onRenderHeadless() {\n    return this.getPageProxy().pipe(\n      switchMap((pageProxy) => {\n        const headlessDocument = document.implementation.createHTMLDocument()\n        const textLayerElement = headlessDocument.body\n\n        const textLayer = new TextLayer({\n          container: textLayerElement,\n          textContentSource: pageProxy.streamTextContent(),\n          viewport: pageProxy.getViewport({ scale: 1 }),\n        })\n\n        return from(textLayer.render()).pipe(map(() => headlessDocument))\n      }),\n    )\n  }\n\n  getDocumentFrame() {\n    return this.getFrameElement()\n  }\n}\n","import type { createReader, Reader } from \"@prose-reader/core\"\nimport { from, map, mergeMap, of } from \"rxjs\"\nimport { isPdfJsArchive } from \"./createArchiveFromPdf\"\nimport { PdfRenderer } from \"./renderer/PdfRenderer\"\nimport type { EnhancerOptions } from \"./types\"\n\ntype CreateReader = typeof createReader\ntype CreateReaderOptions = Parameters<CreateReader>[0]\n\nexport const pdfEnhancer =\n  <InheritOptions extends CreateReaderOptions, InheritOutput extends Reader>(\n    next: (options: InheritOptions) => InheritOutput,\n  ) =>\n  (options: InheritOptions & EnhancerOptions): InheritOutput => {\n    const reader = next({\n      ...options,\n      /**\n       * We have a special renderer for pdf so we need to inject it\n       * for the relevant items. The enhancer could be configurable but for\n       * the sake of simplicity we will assume that an item ending with .pdf should\n       * be treated as a pdf document.\n       *\n       * The `getRenderer` hook should be non destructive, if we detect a renderer already\n       * setup we should return it.\n       */\n      getRenderer(item) {\n        const maybeFactory = options.getRenderer?.(item)\n\n        if (!maybeFactory && item.href.endsWith(`.pdf`)) {\n          return (params) =>\n            new PdfRenderer(options.pdf.pdfjsViewerInlineCss, params)\n        }\n\n        return maybeFactory\n      },\n      getResource: (item) =>\n        options.pdf.getArchiveForItem(item).pipe(\n          mergeMap((archive) => {\n            if (!archive) return of(undefined)\n\n            if (!isPdfJsArchive(archive)) {\n              console.warn(`You provided an invalid pdf archive`)\n\n              return of(undefined)\n            }\n\n            // we account for opf file\n            const fileIndex =\n              archive.records.findIndex((file) =>\n                item.href.endsWith(file.uri),\n              ) - 1\n\n            return from(archive.proxyDocument.getPage(fileIndex + 1)).pipe(\n              map((pageProxy) => ({\n                custom: true as const,\n                data: pageProxy,\n              })),\n            )\n          }),\n        ),\n    })\n\n    return reader\n  }\n"],"mappings":"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"}

package/dist/renderer/PdfRenderer.d.ts

@@ -17,10 +17,6 @@ export declare class PdfRenderer extends DocumentRenderer {
         blankPagePosition: `before` | `after` | `none`;
         spreadPosition: `none` | `left` | `right`;
     }): Observable<undefined>;
-    /**
-     * @important
-     * We should keep the same node structure to preserve CFI integrity.
-     */
     onRenderHeadless(): Observable<Document>;
     getDocumentFrame(): HTMLIFrameElement | undefined;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prose-reader/enhancer-pdf",
-  "version": "1.303.0",
+  "version": "1.305.0",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -26,5 +26,5 @@
     "pdfjs-dist": "5.x",
     "rxjs": "*"
   },
-  "gitHead": "dddc06869ba852fa280e050c1c1929433bb91c5e"
+  "gitHead": "9c94c0d55718d2054c2f12702d05464a361c717f"
 }