@react-pdf-kit/viewer 0.0.0-experimental.3 → 0.0.0-experimental.5

package/dist/types/components/layout/sidebar/Thumbnail.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
-import { Viewport } from '@pdf-viewer/pdfium/compat';
+import { PageViewport } from 'pdfjs-dist/types/web/interfaces';
 interface Props {
     pageNumber: number;
     loading: boolean;
     isFocused: boolean;
-    viewport: Viewport;
+    viewport: PageViewport;
     defaultRotation: number;
 }
 export declare const Thumbnail: FC<Props>;

package/dist/types/contexts/LayoutDropFileZoneContext.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+interface LayoutDropFileZoneProviderProps extends PropsWithChildren {
+    value: LayoutDropFileZoneValue;
+}
+type LayoutDropFileZoneValue = boolean | React.ReactNode | React.ComponentType;
+export declare const LayoutDropFileZoneContext: import('react').Context<LayoutDropFileZoneValue>;
+export declare const useLayoutDropFileZoneContext: () => LayoutDropFileZoneValue;
+export declare const LayoutDropFileZoneProvider: FC<LayoutDropFileZoneProviderProps>;
+export {};

package/dist/types/contexts/RPDocumentContext.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { DocumentContextType, RPSrc, CharacterMap, LoadPDFOptions } from '../utils/types';
-import { PDFDocumentProxy } from '@pdf-viewer/pdfium/compat';
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 declare const DocumentContext: React.Context<DocumentContextType>;
 interface Props extends PropsWithChildren, LoadPDFOptions {
     src?: RPSrc;

package/dist/types/contexts/RenderQueueProvider.d.ts

@@ -1,6 +1,6 @@
 import { Queue } from '../utils/Queue';
 import { FC } from 'react';
-import { PDFPageProxy } from '@pdf-viewer/pdfium/compat';
+import { PDFPageProxy } from 'pdfjs-dist';
 import { RenderOptions } from '../utils/types';
 interface RenderData {
     page: PDFPageProxy;

package/dist/types/contexts/RenderedPagesCache.d.ts

@@ -1,7 +1,7 @@
-import { Viewport } from '@pdf-viewer/pdfium/compat';
+import { PageViewport } from 'pdfjs-dist';
 import { FC, PropsWithChildren } from 'react';
 interface CacheContext {
-    viewports: Map<number, Viewport>;
+    viewports: Map<number, PageViewport>;
     pages: Map<number, any>;
 }
 export declare const RenderedPagesCacheContext: import('react').Context<CacheContext>;

package/dist/types/main.d.ts

@@ -21,7 +21,7 @@ export { useHighlightContext } from './contexts/HighlightContext';
 export { useFullScreenContext } from './contexts/FullScreenContext';
 export { usePageRotateContext } from './utils/hooks/usePageRotateContext';
 export { useElementPageContext } from './contexts/ElementPageContext';
-export { type PDFDocumentProxy } from '@pdf-viewer/pdfium/compat';
+export { type PDFDocumentProxy } from 'pdfjs-dist';
 export { SearchTool } from './components/layout/toolbar/SearchTool';
 export { ThemeSwitcherTool } from './components/layout/toolbar/tools/ThemeSwitcherTool';
 export { ThumbnailTool } from './components/layout/toolbar/tools/ThumbnailTool';

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

@@ -1,10 +1,10 @@
-import { Viewport, PDFDocumentProxy } from '@pdf-viewer/pdfium/compat';
+import { PageViewport, PDFDocumentProxy } from 'pdfjs-dist';
 import { Annotation, AnnotationEventPayload } from './types';
 export declare const insertDateText: (annotationLayer: HTMLDivElement | null) => void;
 export declare function bindLayerEvents(annotatedLayer: HTMLDivElement, handler: (event: Event) => void): void;
 export declare function unbindLayerEvents(annotatedLayer: HTMLDivElement, handler: (event: Event) => void): void;
 export declare function handleAnnotationLink(annotation: Annotation): void;
-export declare function handleAnnotationWidget(annotation: Annotation, viewport: Viewport, canvasMap: Map<string, HTMLCanvasElement>): void;
+export declare function handleAnnotationWidget(annotation: Annotation, viewport: PageViewport, canvasMap: Map<string, HTMLCanvasElement>): void;
 /**
  * Fixes tabindex values greater than 0 in annotation layer elements
  * WCAG 2.1 requires tabindex to be 0, -1, or not set (for natural tab order)

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

@@ -1,5 +1,5 @@
-import { PDFPageProxy } from '@pdf-viewer/pdfium/compat';
+import { PDFPageProxy } from 'pdfjs-dist/types/web/interfaces';
 export declare const getThumbnailViewport: (page: PDFPageProxy, rotation?: number) => {
     scale: number;
-    thumbnailViewport: import('@pdf-viewer/pdfium/compat').Viewport;
+    thumbnailViewport: import('pdfjs-dist/types/src/display/display_utils').PageViewport;
 };

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

@@ -1,14 +1,14 @@
-import { TextContentCompat } from '@pdf-viewer/pdfium/compat';
+import { TextContent } from 'pdfjs-dist/types/src/display/text_layer';
 import { SearchOptions, Match, MatchHighlight } from './types';
-export declare function findMatches(queries: (string | RegExp)[], textContent: TextContentCompat, pageIndex: number, options: SearchOptions): Match[];
+export declare function findMatches(queries: (string | RegExp)[], textContent: TextContent, pageIndex: number, options: SearchOptions): Match[];
 export declare function isMatchEntireWord(content: string, startIdx: number, length: number): boolean;
-export declare function highlightMatches(matches: Match[], textContent: TextContentCompat, textDivs: HTMLElement[]): {
+export declare function highlightMatches(matches: Match[], textContent: TextContent, textDivs: HTMLElement[]): {
     element: HTMLElement;
     index: number;
 }[];
-export declare function resetDivs(textContent: TextContentCompat, textDivs: HTMLElement[]): void;
+export declare function resetDivs(textContent: TextContent, textDivs: HTMLElement[]): void;
 export declare function getHighlightOptionsWithDefaults(options?: SearchOptions): SearchOptions;
-export declare function highlightMultipleColorMatches(matches: MatchHighlight[], textContent: TextContentCompat, textDivs: HTMLElement[]): {
+export declare function highlightMultipleColorMatches(matches: MatchHighlight[], textContent: TextContent, textDivs: HTMLElement[]): {
     element: HTMLElement;
     index: number;
 }[];

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

@@ -0,0 +1,5 @@
+export declare const useDropFileZone: () => {
+    DropFileZoneLayout: import('react').ReactNode | import('react').ComponentType<{}>;
+    DropFileZoneTool: import('react').ReactNode | import('react').ComponentType<{}>;
+    DropFileZoneToolbar: import('react').ReactNode | import('react').ComponentType<{}>;
+};

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

@@ -1,4 +1,4 @@
-import { PDFDocumentProxy } from '@pdf-viewer/pdfium/compat';
+import { PDFDocumentProxy } from 'pdfjs-dist';
 import { MatchHighlight, TextHighlight } from '../types';
 interface UseHighlight {
     highlight: (value: TextHighlight[]) => Promise<void>;

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

@@ -1,6 +1,6 @@
-import { PDFDocumentProxy } from '@pdf-viewer/pdfium/compat';
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api.js';
 import { PdfPage, RPSrc, CharacterMap, LoadPDFOptions, ErrorType } from '../types';
-export declare const useLoadPdf: (src?: RPSrc, _characterMap?: CharacterMap, options?: LoadPDFOptions) => {
+export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMap, options?: LoadPDFOptions) => {
     pdf: PDFDocumentProxy | undefined;
     pages: Map<number, PdfPage>;
     loading: boolean;

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

@@ -1,7 +1,3 @@
-/**
- * @deprecated No longer needed — PDFium uses WASM directly without a web worker.
- * Kept for backward compatibility in case external code references it.
- */
-export declare const useLoadWorker: (_workerUrl?: string) => {
+export declare const useLoadWorker: (workerUrl?: string) => {
     workerUrlAdded: boolean;
 };

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

@@ -1,4 +1,4 @@
-import { PDFDocumentProxy } from '@pdf-viewer/pdfium/compat';
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 import { PdfProperties, PDFSrc } from '../types';
 type CMapSource = {
     url: string;

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

@@ -1,5 +1,6 @@
-import { PDFDocumentProxy, LinkService } from '@pdf-viewer/pdfium/compat';
-declare class SimpleLinkService implements LinkService {
+import { PDFDocumentProxy } from 'pdfjs-dist';
+import { IPDFLinkService } from 'pdfjs-dist/types/web/interfaces';
+declare class SimpleLinkService implements IPDFLinkService {
     externalLinkEnabled: boolean;
     pdfDocument: PDFDocumentProxy | undefined;
     constructor(pdfDocument: PDFDocumentProxy, goToPage: (page: number) => void);

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

@@ -1,3 +1,3 @@
-import { PDFPageProxy, RenderTask } from '@pdf-viewer/pdfium/compat';
+import { PDFPageProxy } from 'pdfjs-dist/types/web/interfaces';
 import { RenderOptions } from './types';
-export declare const renderPage: (page: PDFPageProxy, canvasElem: HTMLCanvasElement, options?: RenderOptions) => RenderTask;
+export declare const renderPage: (page: PDFPageProxy, canvasElem: HTMLCanvasElement, options?: RenderOptions) => import('pdfjs-dist/types/src/display/api').RenderTask;

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

@@ -1,4 +1,6 @@
-import { PDFDocumentProxy, PDFPageProxy, Viewport } from '@pdf-viewer/pdfium/compat';
+import { PDFPageProxy } from 'pdfjs-dist';
+import { DocumentInitParameters, PDFDataRangeTransport, PDFDocumentProxy, TypedArray } from 'pdfjs-dist/types/src/display/api';
+import { PageViewport } from 'pdfjs-dist/types/web/interfaces';
 import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
 export interface DocumentContextType {
     pdf?: PDFDocumentProxy;
@@ -251,7 +253,7 @@ export type DecryptedLicense = {
 };
 export interface PdfPage {
     page: PDFPageProxy;
-    thumbnailViewport: Viewport;
+    thumbnailViewport: PageViewport;
     thumbnailScale: number;
     defaultRotation: number;
 }
@@ -288,7 +290,7 @@ export interface ThumbnailRenderedList {
     loading: boolean;
     page: PDFPageProxy;
     thumbnailSrc?: string;
-    viewport: Viewport;
+    viewport: PageViewport;
     scale: number;
     defaultRotation: number;
 }
@@ -297,8 +299,8 @@ export declare enum ViewMode {
     DUAL_PAGE = "Dual",
     DUAL_PAGE_WITH_COVER = "DualWithCover"
 }
-export type PDFSrc = string | URL | ArrayBuffer | Uint8Array | undefined | null;
-export type RPSrc = PDFSrc;
+export type PDFSrc = string | URL | TypedArray | PDFDataRangeTransport | DocumentInitParameters | undefined | null;
+export type RPSrc = Omit<PDFSrc, 'DocumentInitParameters' | 'PDFDataRangeTransport'>;
 export interface FullScreenToolProps {
     isFullScreen: boolean;
     toggleFullScreen: () => void;
@@ -520,6 +522,7 @@ export interface RPDefaultLayoutProps extends PropsWithChildren, ViewportProps {
     cleanupOnLoaded?: () => void;
 }
 export interface RPLayoutProps extends PropsWithChildren, ViewportProps {
+    dropFileZone?: boolean | React.ReactNode | React.ComponentType;
     toolbar?: boolean | Partial<ToolbarProps>;
     style?: React.CSSProperties;
     className?: string;

package/dist/utils/hooks/useDropFileZone.js

@@ -0,0 +1,12 @@
+import { useLayoutDropFileZoneContext as r } from "../../contexts/LayoutDropFileZoneContext.js";
+import { useToolComponentContext as n } from "../../contexts/ToolComponentContext.js";
+import { useToolbarComponentContext as p } from "../../contexts/ToolbarComponentContext.js";
+import "react/jsx-runtime";
+import "react";
+const F = () => {
+  const o = r(), { dropFileZone: e } = n(), { dropFileZone: t } = p();
+  return { DropFileZoneLayout: o, DropFileZoneTool: e, DropFileZoneToolbar: t };
+};
+export {
+  F as useDropFileZone
+};

package/dist/utils/hooks/useFileDownload.js

@@ -3,8 +3,7 @@ import { useCallback as a } from "react";
 import { useDownloadContext as s } from "../../contexts/DownloadContext.js";
 import "react/jsx-runtime";
 import "./useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../types.js";
 import "../../de_DE-a553b162.js";
 import "../getThumbnailViewport.js";
@@ -14,10 +13,10 @@ import "../appConsole.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-const i = ".pdf", d = (o) => URL.createObjectURL(o), p = async (o) => {
+const i = ".pdf", d = (o) => URL.createObjectURL(o), l = async (o) => {
   const r = await (await fetch(o)).blob();
   return d(r);
-}, B = () => {
+}, k = () => {
   const { filename: o, pdfSrc: e } = c(), { downloadFilename: r } = s(), m = (t) => {
     const n = r || t;
     return n.endsWith(i) ? n : `${n}${i}`;
@@ -26,9 +25,9 @@ const i = ".pdf", d = (o) => URL.createObjectURL(o), p = async (o) => {
     if (!o || !e)
       throw new Error("There is no PDF source to download");
     const t = document.createElement("a");
-    t.href = await p(e), t.download = m(o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
+    t.href = await l(e), t.download = m(o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
   }, [o, e]) };
 };
 export {
-  B as useFileDownload
+  k as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2026-03-10T05:15:21.036Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-03-13T02:44:19.445Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   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,111 +1,86 @@
-import { useState as h, useRef as I, useEffect as P } from "react";
-import { init as F } from "@pdf-viewer/pdfium";
-import { createDocumentProxy as N } from "@pdf-viewer/pdfium/compat";
-import { ErrorType as O } from "../types.js";
-import { getThumbnailViewport as q } from "../getThumbnailViewport.js";
-import { useConfigContext as v } from "../../contexts/ConfigContext.js";
+import { useState as a, useRef as F, useEffect as v } from "react";
+import * as U from "pdfjs-dist";
+import { ErrorType as j } from "../types.js";
+import { getThumbnailViewport as z } from "../getThumbnailViewport.js";
+import { useConfigContext as _ } from "../../contexts/ConfigContext.js";
 import { useDocumentPasswordContext as B } from "../../contexts/DocumentPasswordContext.js";
 import "../../de_DE-a553b162.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
-async function W(t, c) {
-  const a = await fetch(typeof t == "string" ? t : t.href);
-  if (!a.ok)
-    throw new Error(`Failed to fetch PDF: ${a.status} ${a.statusText}`);
-  const o = a.headers.get("content-length"), l = o ? parseInt(o, 10) : 0;
-  if (!a.body || !l) {
-    const n = await a.arrayBuffer();
-    return c == null || c(100), n;
-  }
-  const y = a.body.getReader(), p = [];
-  let m = 0;
-  for (; ; ) {
-    const { done: n, value: i } = await y.read();
-    if (n)
-      break;
-    p.push(i), m += i.length, l && (c == null || c(Math.min(100, Math.round(m / l * 100))));
-  }
-  const w = new Uint8Array(m);
-  let s = 0;
-  for (const n of p)
-    w.set(n, s), s += n.length;
-  return w.buffer;
-}
-const re = (t, c, a = {}) => {
-  const [o, l] = h(), { workerUrlAdded: y, wasmUrl: p } = v(), [m, w] = h(/* @__PURE__ */ new Map()), s = I(), [n, i] = h(0), [D, _] = h(!1), [T, M] = h(), { password: x, passwordError: V, setPasswordError: b, passwordRequired: E, setPasswordRequired: R } = B(), { onLoadError: A, onLoaded: L, onLoadProgress: S, disableAutoFetch: $, disableStream: z, rangeChunkSize: Q } = a, u = I();
-  return P(() => {
-    S && S(n);
-  }, [n, S]), P(() => {
-    if (!y || !t)
+const Z = (m, s, h = {}) => {
+  const [n, q] = a(), { workerUrlAdded: S, wasmUrl: f } = _(), [D, T] = a(/* @__PURE__ */ new Map()), d = F(), [g, P] = a(0), [c, x] = a(!1), [N, O] = a(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: C, disableStream: V, rangeChunkSize: I } = h;
+  return v(() => {
+    R && R(g);
+  }, [g, R]), v(() => {
+    if (!S || !m)
       return;
-    i(0), s.current = Date.now();
-    const f = s.current;
-    let d = !1;
-    return (async () => {
-      try {
-        _(!0);
-        let e;
-        if (t instanceof ArrayBuffer)
-          e = t, i(100);
-        else if (t instanceof Uint8Array)
-          e = t.buffer, i(100);
-        else if (typeof t == "string" || t instanceof URL)
-          e = await W(t, (U) => {
-            f === s.current && i(U);
-          });
-        else
-          throw new Error("Unsupported PDF source type");
-        if (d || f !== s.current || ((!u.current || u.current.isDestroyed) && (u.current = await F({ wasmUrl: p })), d || f !== s.current))
-          return;
-        const r = u.current.openDocument(e, x || void 0), g = N(r, e);
-        f === s.current && (l(g), i(100)), L && L(g), R(!1), b("");
-      } catch (e) {
-        if (d)
-          return;
-        const r = e;
-        r.code === "PASSWORD_REQUIRED" ? (R(!0), b(r.message || "Password required")) : r.code === "INVALID_PASSWORD" ? (R(!0), b("Incorrect password")) : (M(O.NOT_SUPPORTED), A && A(e));
-      } finally {
-        d || _(!1);
-      }
-    })(), () => {
-      d = !0;
+    P(0), d.current = Date.now();
+    const r = d.current, y = {
+      url: m,
+      cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
+      ...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
+      ...u && { password: u },
+      ...C !== void 0 && { disableAutoFetch: C },
+      ...V !== void 0 && { disableStream: V },
+      ...I !== void 0 && { rangeChunkSize: I },
+      ...f && { wasmUrl: f },
+      verbosity: U.VerbosityLevel.ERRORS
     };
-  }, [t, y, p, x, A, L]), P(() => {
-    if (E)
+    try {
+      const e = U.getDocument(y);
+      e.onProgress = (o) => {
+        if (r === d.current) {
+          const { loaded: L, total: l } = o, k = l ? Math.min(100, Math.round(L / l * 100)) : 0;
+          P(k);
+        }
+      }, x(!0);
+      const t = e.promise.then((o) => (r === d.current && (q(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
+        o instanceof Error && o.name === "PasswordException" ? (E(!0), p(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (E(!0), p("Incorrect password")) : i && i(o);
+      }).finally(() => {
+        x(!1);
+      });
+      return () => {
+        t.finally(() => {
+          e.destroy();
+        });
+      };
+    } catch (e) {
+      O(j.NOT_SUPPORTED), i && i(e);
+    }
+  }, [m, S, f, u, i, b]), v(() => {
+    if (w)
       return;
-    const f = /* @__PURE__ */ new Map();
-    if (!o || D) {
-      w(f);
+    const r = /* @__PURE__ */ new Map();
+    if (!n || c) {
+      T(r);
       return;
     }
-    const d = o.numPages, k = [];
-    for (let e = 1; e <= d; e++) {
-      const r = o.getPage(e);
-      k.push(r);
+    const y = n.numPages, e = [];
+    for (let t = 1; t <= y; t++) {
+      const o = n.getPage(t);
+      e.push(o);
     }
-    Promise.all(k).then((e) => {
-      e.map((r) => {
-        const { thumbnailViewport: g, scale: U } = q(r), C = r.getViewport();
-        f.set(r.pageNumber, {
-          page: r,
-          thumbnailViewport: g,
-          thumbnailScale: U,
-          defaultRotation: C.rotation
+    Promise.all(e).then((t) => {
+      t.map((o) => {
+        const { thumbnailViewport: L, scale: l } = z(o), k = o.getViewport();
+        r.set(o.pageNumber, {
+          page: o,
+          thumbnailViewport: L,
+          thumbnailScale: l,
+          defaultRotation: k.rotation
         });
-      }), w(f);
+      }), T(r);
     });
-  }, [o, D, E]), P(() => () => {
-    o && o.destroy(), u.current && !u.current.isDestroyed && u.current.destroy();
-  }, []), {
-    pdf: o,
-    pages: m,
-    loading: D,
-    error: T,
-    loadingProgress: n,
-    passwordRequired: E,
-    passwordError: V
+  }, [n, c, w]), {
+    pdf: n,
+    pages: D,
+    loading: c,
+    error: N,
+    loadingProgress: g,
+    passwordRequired: w,
+    passwordError: A
   };
 };
 export {
-  re as useLoadPdf
+  Z as useLoadPdf
 };