@pdf-viewer/react 1.4.0-beta.4 → 1.4.0-beta.6

package/dist/contexts/RPDocumentContext.js

@@ -1,44 +1,46 @@
 import { jsx as x } from "react/jsx-runtime";
-import { createContext as C, useState as m, useEffect as h, useMemo as S, useContext as g } from "react";
-import { useLoadPdf as v } from "../utils/hooks/useLoadPdf.js";
-import { usePdfProperties as D } from "../utils/hooks/usePdfProperties.js";
-import { appConsole as F } from "../utils/appConsole.js";
-const u = C({
+import { createContext as C, useState as l, useEffect as h, useMemo as S, useContext as v } from "react";
+import { useLoadPdf as D } from "../utils/hooks/useLoadPdf.js";
+import { usePdfProperties as F } from "../utils/hooks/usePdfProperties.js";
+import { appConsole as M } from "../utils/appConsole.js";
+const m = C({
   pdf: void 0,
   pages: /* @__PURE__ */ new Map(),
   setPdfSrc: () => {
   },
   setFilename: () => {
   },
-  loading: !1
-}), L = ({
+  loading: !1,
+  loaderProgress: 0
+}), R = ({
   children: t,
   src: e,
-  characterMap: a,
+  characterMap: u,
   onLoadError: c,
-  onLoaded: l
+  onLoaded: P
 }) => {
-  const [o, r] = m(e), { pdf: n, pages: s, loading: i } = v(o, a, { onLoadError: c, onLoaded: l }), [p, f] = m(), d = D(o, n, p);
+  const [o, n] = l(e), { pdf: r, pages: s, loading: i, loadingProgress: p } = D(o, u, { onLoadError: c, onLoaded: P }), [d, f] = l(), a = F(o, r, d);
   h(() => {
-    f(e == null ? void 0 : e.split("/").pop()), r(e);
+    f(e == null ? void 0 : e.split("/").pop()), n(e);
   }, [e]);
-  const P = S(() => ({
-    pdf: n,
+  const g = S(() => ({
+    pdf: r,
     pages: s,
     pdfSrc: o,
-    setPdfSrc: r,
-    pdfProperties: d,
+    setPdfSrc: n,
+    pdfProperties: a,
     setFilename: f,
-    filename: p,
-    loading: i
-  }), [n, s, o, d, i]);
-  return /* @__PURE__ */ x(u.Provider, { value: P, children: o ? t : null });
-}, R = () => {
-  const t = g(u);
-  return t.pdfSrc || F.error("Please use this hooks inside children component of RPDocument"), t;
+    filename: d,
+    loading: i,
+    loaderProgress: p
+  }), [r, s, o, a, i, p]);
+  return /* @__PURE__ */ x(m.Provider, { value: g, children: o ? t : null });
+}, b = () => {
+  const t = v(m);
+  return t.pdfSrc || M.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  L as DocumentProvider,
-  u as default,
-  R as useDocumentContext
+  R as DocumentProvider,
+  m as default,
+  b as useDocumentContext
 };

package/dist/types/utils/hooks/useLoadPdf.d.ts

@@ -4,4 +4,5 @@ export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMap, opti
     pdf: PDFDocumentProxy | undefined;
     pages: Map<number, PdfPage>;
     loading: boolean;
+    loadingProgress: number;
 };

package/dist/types/utils/types.d.ts

@@ -11,6 +11,7 @@ export interface DocumentContextType {
     setFilename: React.Dispatch<React.SetStateAction<string | undefined>>;
     filename?: string | null;
     loading: boolean;
+    loaderProgress: number;
 }
 export declare enum AnnotationSubType {
     Text = 1,

package/dist/utils/hooks/useHighlight.js

@@ -1,7 +1,7 @@
-import { useState as c, useCallback as x, useEffect as C } from "react";
+import { useState as l, useCallback as x, useEffect as C } from "react";
 import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
 const d = (i) => {
-  const [g, r] = c(void 0), [l, a] = c([]), u = x(async (t) => {
+  const [g, a] = l(void 0), [u, r] = l([]), m = x(async (t) => {
     if (!t)
       return {};
     const o = t.numPages, s = {};
@@ -10,13 +10,13 @@ const d = (i) => {
       s[e.toString()] = await h.getTextContent();
     }
     return s;
-  }, []), m = async (t) => {
-    r(t);
-  }, f = () => {
-    a([]), r(void 0);
+  }, []), f = async (t) => {
+    a(t);
+  }, c = () => {
+    r([]), a(void 0);
   };
   return C(() => {
-    i && u(i).then((t) => {
+    i && m(i).then((t) => {
       let o = [];
       for (const { keyword: s, highlightColor: e, options: h } of g) {
         const p = H(h);
@@ -36,14 +36,14 @@ const d = (i) => {
           o = [...o, ...y];
         }
       }
-      a(o);
-    }).catch((t) => {
-      console.error(t);
+      r(o);
+    }).catch(() => {
+      c();
     });
   }, [g, i]), {
-    highlight: m,
-    clear: f,
-    highlightMatches: l,
+    highlight: f,
+    clear: c,
+    highlightMatches: u,
     highlightKeywords: g
   };
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as E } from "react";
 import { appConsole as l } from "../appConsole.js";
-const A = /* @__PURE__ */ new Date("2025-04-16T03:06:57.051Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const A = /* @__PURE__ */ new Date("2025-04-18T03:13:50.431Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/dist/utils/hooks/useLoadPdf.js

@@ -1,50 +1,56 @@
-import { useState as g, useRef as C, useEffect as c } from "react";
-import * as T from "pdfjs-dist";
-import { getThumbnailViewport as x } from "../getThumbnailViewport.js";
-import { useConfigContext as E } from "../../contexts/ConfigContext.js";
-const U = (i, o, w = {}) => {
-  const [s, b] = g(), { workerUrlAdded: a } = E(), [k, P] = g(/* @__PURE__ */ new Map()), u = C(), [l, p] = g(!1), { onLoadError: m, onLoaded: f } = w;
-  return c(() => {
-    if (!a || !i)
+import { useState as l, useRef as E, useEffect as k } from "react";
+import * as I from "pdfjs-dist";
+import { getThumbnailViewport as N } from "../getThumbnailViewport.js";
+import { useConfigContext as S } from "../../contexts/ConfigContext.js";
+const A = (d, e, L = {}) => {
+  const [r, y] = l(), { workerUrlAdded: p } = S(), [C, w] = l(/* @__PURE__ */ new Map()), i = E(), [T, m] = l(0), [f, b] = l(!1), { onLoadError: g, onLoaded: a } = L;
+  return k(() => {
+    if (!p || !d)
       return;
-    u.current = Date.now();
-    const n = u.current, d = {
-      url: i,
-      cMapPacked: (o == null ? void 0 : o.isCompressed) ?? !0,
-      ...(o == null ? void 0 : o.url) && { cMapUrl: o.url }
-    }, r = T.getDocument(d);
-    p(!0);
-    const t = r.promise.then((e) => (n === u.current && b(e), f && f(e), e)).catch((e) => {
-      m && m(e);
-    }).finally(() => p(!1));
+    i.current = Date.now();
+    const t = i.current, P = {
+      url: d,
+      cMapPacked: (e == null ? void 0 : e.isCompressed) ?? !0,
+      ...(e == null ? void 0 : e.url) && { cMapUrl: e.url }
+    }, n = I.getDocument(P);
+    n.onProgress = (o) => {
+      if (t === i.current) {
+        const { loaded: c, total: u } = o, x = u ? Math.min(100, Math.round(c / u * 100)) : 0;
+        m(x);
+      }
+    }, b(!0), m(0);
+    const s = n.promise.then((o) => (t === i.current && (y(o), m(100)), a && a(o), o)).catch((o) => {
+      g && g(o);
+    }).finally(() => b(!1));
     return () => {
-      t.finally(() => {
-        r.destroy();
+      s.finally(() => {
+        n.destroy();
       });
     };
-  }, [i, a, m, f]), c(() => {
-    const n = /* @__PURE__ */ new Map();
-    if (!s || l) {
-      P(n);
+  }, [d, p, g, a]), k(() => {
+    const t = /* @__PURE__ */ new Map();
+    if (!r || f) {
+      w(t);
       return;
     }
-    const d = s.numPages, r = [];
-    for (let t = 1; t <= d; t++) {
-      const e = s.getPage(t);
-      r.push(e);
+    const P = r.numPages, n = [];
+    for (let s = 1; s <= P; s++) {
+      const o = r.getPage(s);
+      n.push(o);
     }
-    Promise.all(r).then((t) => {
-      t.map((e) => {
-        const { thumbnailViewport: L, scale: y } = x(e);
-        n.set(e.pageNumber, { page: e, thumbnailViewport: L, thumbnailScale: y });
-      }), P(n);
+    Promise.all(n).then((s) => {
+      s.map((o) => {
+        const { thumbnailViewport: c, scale: u } = N(o);
+        t.set(o.pageNumber, { page: o, thumbnailViewport: c, thumbnailScale: u });
+      }), w(t);
     });
-  }, [s, l]), {
-    pdf: s,
-    pages: k,
-    loading: l
+  }, [r, f]), {
+    pdf: r,
+    pages: C,
+    loading: f,
+    loadingProgress: T
   };
 };
 export {
-  U as useLoadPdf
+  A as useLoadPdf
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.4.0-beta.4",
+  "version": "1.4.0-beta.6",
   "keywords": [
     "component",
     "frontend",