@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.10

package/dist/utils/hooks/usePrint.js

@@ -1,59 +1,185 @@
-import "react";
+import { useState as g, useRef as N, useEffect as R, useCallback as P } from "react";
+import { useDocumentContext as O } from "../../contexts/RPDocumentContext.js";
+import { PixelsPerInch as X, AnnotationMode as q, RenderingCancelledException as B } from "pdfjs-dist";
 import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "../types.js";
+import "../../th_TH-d627cd51.js";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { v as ir } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "pdfjs-dist";
+import "../appConsole.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+const re = () => {
+  const { pdf: l, pages: f } = O(), [D, E] = g({
+    loadedPages: 0,
+    totalPages: 0,
+    percentage: 0
+  }), [T, b] = g(!1), [A, y] = g(!1), [Z, L] = g(null), [F, w] = g(void 0), s = N(!1);
+  R(() => {
+    s.current;
+  }, [s]);
+  const C = P(() => {
+    document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
+    const e = document.querySelector(".rp-print-zone");
+    e && e.remove();
+  }, []), a = P(() => {
+    s.current = !1, b(!1), y(!1), L(null), w(void 0), E({
+      loadedPages: 0,
+      totalPages: 0,
+      percentage: 0
+    });
+  }, []), M = () => {
+    s.current = !0;
+  }, I = async ({
+    scratchCanvas: e,
+    pdfDocument: n,
+    pageNumber: t,
+    viewerPdfPage: o,
+    printResolution: r,
+    optionalContentConfigPromise: i,
+    printAnnotationStoragePromise: u
+  }) => {
+    if (s.current) {
+      a();
+      return;
+    }
+    const c = r / X.PDF;
+    e.width = Math.floor(o.width * c), e.height = Math.floor(o.height * c);
+    const p = e.getContext("2d");
+    p.save(), p.fillStyle = "rgb(255, 255, 255)", p.fillRect(0, 0, e.width, e.height), p.restore();
+    const [m, h] = await Promise.all([
+      n.getPage(t),
+      u
+    ]);
+    if (s.current) {
+      a();
+      return;
+    }
+    const v = {
+      canvas: e,
+      canvasContext: p,
+      transform: [c, 0, 0, c, 0, 0],
+      viewport: m.getViewport({ scale: 1, rotation: o.rotation }),
+      intent: "print",
+      annotationMode: q.ENABLE_STORAGE,
+      optionalContentConfigPromise: i,
+      printAnnotationStorage: h
+    };
+    try {
+      return m.render(v).promise;
+    } catch (d) {
+      throw d instanceof B || console.error(d), d;
+    }
+  }, S = P(() => {
+    const e = window.print;
+    return new Promise((n) => {
+      const t = (i) => {
+        setTimeout(() => {
+          e.call(window), setTimeout(() => i(), 20);
+        }, 0);
+      };
+      if (document.querySelector(".rp-print-zone")) {
+        t(n);
+        return;
+      }
+      const r = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (t(n), r.disconnect());
+      });
+      r.observe(document.body, { childList: !0, subtree: !0 });
+    });
+  }, []), U = async (e) => {
+    const n = document.createElement("img"), t = document.createElement("div");
+    return t.classList.add("rp-print-page"), await new Promise((o, r) => {
+      e.toBlob((i) => {
+        i ? (n.src = URL.createObjectURL(i), n.onload = () => {
+          URL.revokeObjectURL(n.src), o();
+        }, n.onerror = r) : r(new Error("Failed to create blob"));
+      });
+    }).catch(() => {
+    }), t.appendChild(n), t;
+  }, x = (e, n) => {
+    const t = document.createElement("div");
+    t.classList.add("rp-print-zone");
+    const o = document.createElement("style"), r = n.get(1);
+    if (r) {
+      const { width: i, height: u } = r == null ? void 0 : r.page.getViewport({ scale: 1 });
+      o.innerHTML = `@page { size: ${i}px ${u}px }`;
+    }
+    return t.appendChild(o), t.append(...e), t;
+  }, k = P(
+    async (e) => {
+      if (!l)
+        return;
+      a();
+      const n = e && "visibleDefaultProgress" in e ? e : void 0;
+      (n == null ? void 0 : n.visibleDefaultProgress) !== void 0 ? w(n.visibleDefaultProgress) : w(!0);
+      const t = document.createElement("canvas"), o = [];
+      try {
+        l.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
+        const i = l.getOptionalContentConfig({ intent: "print" }), u = Promise.resolve(
+          l.annotationStorage.print ?? void 0
+        ), c = f.size;
+        for (const [m, h] of f) {
+          if (s.current) {
+            a();
+            return;
+          }
+          const v = h.page.getViewport({ scale: 1 });
+          if (await I({
+            scratchCanvas: t,
+            pdfDocument: l,
+            pageNumber: m,
+            viewerPdfPage: v,
+            printResolution: 150,
+            optionalContentConfigPromise: i,
+            printAnnotationStoragePromise: u
+          }), s.current) {
+            a();
+            return;
+          }
+          const d = await U(t);
+          o.push(d);
+          const z = parseFloat((o.length / c * 100).toFixed(2));
+          E({
+            loadedPages: m,
+            totalPages: c,
+            percentage: z
+          });
+        }
+        if (s.current) {
+          a();
+          return;
+        }
+        const p = x(o, f);
+        document.body.appendChild(p), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), b(!0), await S();
+      } catch (r) {
+        y(!0), r instanceof Error && L(r);
+      } finally {
+        t.height = 0, t.width = 0;
+      }
+    },
+    [l, f, s, a, x, S]
+  );
+  return R(() => {
+    const e = () => {
+      a(), C();
+    };
+    return window.addEventListener("afterprint", e, !0), () => {
+      window.removeEventListener("afterprint", e, !0);
+    };
+  }, [C, a]), {
+    print: k,
+    cancel: M,
+    progress: D,
+    isComplete: T,
+    isError: A,
+    error: Z,
+    showDefaultProgress: F
+  };
+};
 export {
-  ir as usePrint
+  re as usePrint
 };

package/dist/utils/hooks/useRotate.js

@@ -1,13 +1,27 @@
-import { useCallback as e } from "react";
-import { useRotationContext as a } from "../../contexts/RotationContext.js";
-const l = () => {
-  const { setRotate: t } = a(), n = e(() => {
+import { useCallback as r } from "react";
+import { useRotationContext as p } from "../../contexts/RotationContext.js";
+import "react/jsx-runtime";
+import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../types.js";
+import "../../th_TH-d627cd51.js";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+const g = () => {
+  const { setRotate: t } = p(), i = r(() => {
     t((o) => (o + 90) % 360);
-  }, [t]), s = e(() => {
+  }, [t]), m = r(() => {
     t((o) => (o - 90 + 360) % 360);
   }, [t]);
-  return { handleRotateClockwise: n, handleRotateCounterclockwise: s };
+  return { handleRotateClockwise: i, handleRotateCounterclockwise: m };
 };
 export {
-  l as useRotate
+  g as useRotate
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,62 +1,37 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { r as eo } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
-import "../types.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
+import { a as G } from "../../PaginationContext-9217cab4.js";
 import "../../contexts/ViewModeContext.js";
+import "../types.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "../smoothScrollTo.js";
 import "../getScrollDistance.js";
 import "../calculatePage.js";
+import "react/jsx-runtime";
+import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../th_TH-d627cd51.js";
+import "../../contexts/RPDocumentContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "./useDebounce.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ZoomContext.js";
+import "../constants.js";
+import "../getZoomLevel.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/PagesRotateContext.js";
 export {
-  eo as useScrollToPage
+  G as useScrollToPage
 };

package/dist/utils/hooks/useSearch.js

@@ -1,62 +1,148 @@
-import "react";
-import "../types.js";
-import "../highlight.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/ZoomContext.js";
+import { useState as P, useRef as b, useMemo as V, useCallback as d, useEffect as Z } from "react";
+import { ScrollMode as E } from "../types.js";
+import { findMatches as et } from "../highlight.js";
+import { useVirtualScrollContext as ot } from "../../contexts/VirtualScrollContext.js";
+import { useScrollModeContext as rt } from "../../contexts/ScrollModeContext.js";
+import { useDocumentContext as nt } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as st } from "../../contexts/ZoomContext.js";
+import { u as ct } from "../../PaginationContext-9217cab4.js";
+import { useViewModeContext as it } from "../../contexts/ViewModeContext.js";
+import { useDimensionPagesContext as at } from "../../contexts/DimensionPagesContext.js";
+import { useLayoutContainer as mt } from "../../contexts/LayoutContainerContext.js";
+import { getScrollDistance as _ } from "../getScrollDistance.js";
+import { getWordPositionInPage as ut } from "../getWordPositionInPage.js";
+import { usePagesRotateContext as pt } from "../../contexts/PagesRotateContext.js";
+import "../../th_TH-d627cd51.js";
+import "../charators.js";
 import "react/jsx-runtime";
+import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "./useLoadPdf.js";
+import "pdfjs-dist";
+import "../getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { z as er } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
+import "./usePdfProperties.js";
+import "../convertPdfDate.js";
+import "../formatFileSize.js";
+import "../constants.js";
+import "../getZoomLevel.js";
 import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ViewModeContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "./useDebounce.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
+import "../smoothScrollTo.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../ZoomTool.module-6c5eabbb.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "../getScrollDistance.js";
-import "../getWordPositionInPage.js";
+import "../calculatePage.js";
+const Qt = (N = {}, k = "") => {
+  const [u, v] = P(k), [W, T] = P(!1), { pdf: y, pages: C } = nt(), { widths: f, heights: S } = at(), I = b(!u), { currentZoom: j } = st(), [s, g] = P([]), { setFocusedPage: O } = ct(), { columnCount: z } = it(), { pageRotate: F } = pt(), [c, i] = P(0), { pageScrollElementRef: D, virtualScrollableElementRef: G } = ot(), { scrollMode: h } = rt(), { pagesRef: R } = mt(), H = b({}), m = b(0), q = V(() => c === 0 ? null : s[c - 1], [c, s]), a = V(() => s.length, [s]), p = d(
+    (e) => {
+      if (e === 0)
+        return;
+      const t = s[e - 1];
+      if (!t || !C)
+        return;
+      const o = G || D;
+      if (!o || !R)
+        return;
+      const r = C.get(t.page);
+      if (h === E.PAGE_SCROLLING && O(t.page), !r)
+        return;
+      let n = 0, l = 0;
+      if (h === E.VERTICAL_SCROLLING) {
+        const x = t.page - 1, M = z, $ = x % M, tt = Math.floor(x / M);
+        n = _(S, tt), l = _(f, $);
+      }
+      h === E.HORIZONTAL_SCROLLING && (l = f.slice(0, t.page - 1).reduce((x, M) => x + M, 0));
+      const L = {
+        height: S[t.page - 1],
+        width: f[t.page - 1]
+      }, w = F[t.page], { leftInPage: K, topInPage: Q } = ut(
+        L,
+        R,
+        t.rect,
+        j,
+        w
+      ), U = l + K, X = n + Q, Y = {
+        left: Math.max(U, 0),
+        top: Math.max(X, 0)
+      };
+      o.scrollTo({
+        ...Y,
+        behavior: "smooth"
+      });
+    },
+    [
+      C,
+      O,
+      f,
+      S,
+      h,
+      G,
+      D,
+      R,
+      s
+    ]
+  );
+  Z(() => {
+    c && p(c);
+  }, [c]);
+  const B = d(() => {
+    i((e) => {
+      let t;
+      return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
+    }), m.current === 1 && p(m.current);
+  }, [a, p]), J = d(() => {
+    i((e) => {
+      let t;
+      return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
+    }), m.current === 1 && p(m.current);
+  }, [a, p]), A = d(async (e) => {
+    if (!e)
+      return {};
+    const t = e.numPages, o = {};
+    for (let r = 1; r <= t; r++) {
+      if (I.current)
+        throw "close pop over";
+      const n = await e.getPage(r);
+      o[r.toString()] = await n.getTextContent();
+    }
+    return o;
+  }, []);
+  return Z(() => {
+    if (!u) {
+      I.current = !0, g([]), i(0);
+      return;
+    }
+    I.current = !1, T(!0), g([]), i(0), A(y).then((e) => {
+      H.current = e;
+      const o = Object.keys(e).reduce((r, n) => {
+        const l = et(
+          [u],
+          e[n],
+          Number(n) - 1,
+          N
+        ).map((L, w) => ({ ...L, page: Number(n), pageMatchIdx: w }));
+        return [...r, ...l];
+      }, []);
+      g(o), i(o.length ? 1 : 0);
+    }).catch(() => {
+      g([]), i(0);
+    }).finally(() => T(!1));
+  }, [u, A, y, N]), {
+    search: u,
+    setSearch: v,
+    loading: W,
+    matches: s,
+    totalMatches: a,
+    currentMatchPosition: c,
+    currentMatch: q,
+    nextMatch: B,
+    prevMatch: J,
+    setCurrentMatchPosition: i
+  };
+};
 export {
-  er as useSearch
+  Qt as useSearch
 };