@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/utils/injectPrintCSS.js

@@ -0,0 +1,22 @@
+function e() {
+  if (typeof document > "u" || document.getElementById("rp-print-style"))
+    return;
+  const t = document.createElement("style");
+  t.id = "rp-print-style", t.textContent = `
+  .rp-print-zone { display: none; }
+
+  @media print {
+    @page { margin: 0; }
+    .rp-print-html-printing { height: 100%; }
+    .rp-print-body-printing { background: transparent; height: 100%; margin: 0; display: block; }
+    .rp-print-body-printing * { display: none; }
+    .rp-print-zone { display: block; height: 100%; }
+    .rp-print-page { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; page-break-after: always; page-break-inside: avoid; }
+    .rp-print-page:last-child { page-break-after: auto; }
+    .rp-print-page img, .rp-print-page canvas { display: block; max-height: 100%; max-width: 100%; direction: ltr; }
+  }
+  `, document.head.appendChild(t);
+}
+export {
+  e as injectPrintCSS
+};

package/dist/utils/link_service.js

@@ -0,0 +1,138 @@
+var u = Object.defineProperty;
+var c = (a, e, t) => e in a ? u(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var n = (a, e, t) => (c(a, typeof e != "symbol" ? e + "" : e, t), t);
+class p {
+  constructor(e, t) {
+    n(this, "externalLinkEnabled");
+    n(this, "pdfDocument");
+    this.externalLinkEnabled = !0, this.pdfDocument = e, this.goToPage = t;
+  }
+  /**
+   * @type {number}
+   */
+  get pagesCount() {
+    var e;
+    return ((e = this.pdfDocument) == null ? void 0 : e.numPages) ?? 0;
+  }
+  /**
+   * @type {number}
+   */
+  get page() {
+    return 0;
+  }
+  /**
+   * @param {number} _value
+   */
+  set page(e) {
+  }
+  /**
+   * @type {number}
+   */
+  get rotation() {
+    return 0;
+  }
+  /**
+   * @param {number} _value
+   */
+  set rotation(e) {
+  }
+  /**
+   * @type {boolean}
+   */
+  get isInPresentationMode() {
+    return !1;
+  }
+  /**
+   * @param {string|Array} _dest - The named, or explicit, PDF destination.
+   */
+  async goToDestination(e) {
+    var i, s, g;
+    let t, r;
+    if (typeof e == "string" ? t = await ((i = this.pdfDocument) == null ? void 0 : i.getDestination(e)) : t = await e, !Array.isArray(t)) {
+      console.error(
+        `goToDestination: "${t}" is not a valid destination array, for dest="${e}".`
+      );
+      return;
+    }
+    const [o] = t;
+    if (o && typeof o == "object") {
+      if (r = (s = this.pdfDocument) == null ? void 0 : s.cachedPageNumber(o), !r)
+        try {
+          r = (await ((g = this.pdfDocument) == null ? void 0 : g.getPageIndex(o)) || 0) + 1;
+        } catch {
+          console.error(
+            `goToDestination: "${o}" is not a valid page reference, for dest="${e}".`
+          );
+          return;
+        }
+    } else
+      Number.isInteger(o) && (r = o + 1);
+    if (!r || r < 1 || r > this.pagesCount) {
+      console.error(
+        `goToDestination: "${r}" is not a valid page number, for dest="${e}".`
+      );
+      return;
+    }
+    this.goToPage(r);
+  }
+  /**
+   * @param {number|string} _val - The page number, or page label.
+   */
+  goToPage(e) {
+  }
+  /**
+   * Scrolls to a specific location in the PDF document.
+   * @param {number} pageNumber - The page number to scroll to.
+   * @param {number} x - The x-coordinate to scroll to in page coordinates.
+   * @param {number} y - The y-coordinate to scroll to in page coordinates.
+   * @param {Object} [options]
+   */
+  goToXY(e, t, r, o = {}) {
+  }
+  /**
+   * @param {HTMLAnchorElement} link
+   * @param {string} url
+   * @param {boolean} [_newWindow]
+   */
+  addLinkAttributes(e, t, r = !1) {
+    e.setAttribute("target", "_blank"), e.setAttribute("href", t), e.setAttribute("rel", "noopener noreferrer");
+  }
+  /**
+   * @param _dest - The PDF destination object.
+   * @returns {string} The hyperlink to the PDF object.
+   */
+  getDestinationHash(e) {
+    return "#";
+  }
+  /**
+   * @param _hash - The PDF parameters/hash.
+   * @returns {string} The hyperlink to the PDF object.
+   */
+  getAnchorUrl(e) {
+    return "#";
+  }
+  /**
+   * @param {string} _hash
+   */
+  setHash(e) {
+  }
+  /**
+   * @param {string} _action
+   */
+  executeNamedAction(e) {
+  }
+  /**
+   * @param {Object} _action
+   */
+  executeSetOCGState(e) {
+  }
+  /**
+   * @param {number} _pageNum - page number.
+   * @param {Object} _pageRef - reference to the page.
+   */
+  cachePageRef(e, t) {
+  }
+}
+export {
+  p as SimpleLinkService
+};

package/dist/utils/renderPage.js

@@ -0,0 +1,20 @@
+import { AnnotationMode as n } from "pdfjs-dist";
+const p = (o, e, r = {}) => {
+  const { scale: d = 1, rotate: a = 0, renderForms: c = !1, interactiveForm: s = !0 } = r, h = e.getContext("2d", {
+    desynchronized: !1
+  }), w = window.devicePixelRatio, t = o.getViewport({
+    scale: d * w,
+    rotation: a
+  });
+  e.width = t.width, e.height = t.height;
+  let i = c ? n.ENABLE_FORMS : void 0;
+  return s || (i = n.ENABLE), o.render({
+    canvas: e,
+    canvasContext: h,
+    viewport: t,
+    annotationMode: i
+  });
+};
+export {
+  p as renderPage
+};

package/dist/utils/sanitizeExternalUrl.js

@@ -0,0 +1,16 @@
+const o = /^([^\w]*)(javascript|data|vbscript)/im, i = /&#(\w+)(^\w|;)?/g, a = /[\u0000-\u001F\u007F-\u009F\u2000-\u200D\uFEFF]/gim, u = /^([^:]+):/gm, m = (r) => r.replace(i, (e, t) => String.fromCharCode(t)), C = (r, e = "about:blank") => {
+  const t = m(r || "").replace(a, "").trim();
+  if (!t)
+    return e;
+  const n = t[0];
+  if (n === "." || n === "/")
+    return t;
+  const s = t.match(u);
+  if (!s)
+    return t;
+  const c = s[0];
+  return o.test(c) ? e : t;
+};
+export {
+  C as sanitizeExternalUrl
+};

package/dist/utils/smoothScrollTo.js

@@ -0,0 +1,6 @@
+function o(c, h, r) {
+  c.scrollTo({ ...h, behavior: "smooth" }), r == null || r();
+}
+export {
+  o as smoothScrollTo
+};

package/dist/utils/types.js

@@ -0,0 +1,22 @@
+import { e as r, z as _, i as R, p as o, t as p, d as D } from "../de_DE-a553b162.js";
+var I = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(I || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), L = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O))(L || {}), E = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(E || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O.DUAL_PAGE_WITH_COVER = "DualWithCover", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", O.SKIP_LINK_COLOR = "--rp-skip-link-color", O.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", O.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(c || {}), t = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(t || {});
+const U = {
+  en_US: r,
+  zh_CN: _,
+  it_IT: R,
+  pt_PT: o,
+  th_TH: p,
+  de_DE: D
+};
+export {
+  I as AnnotationSubType,
+  N as AnnotationType,
+  L as ErrorType,
+  d as LicenseType,
+  U as Locales,
+  c as ScrollMode,
+  t as SelectionMode,
+  P as ThemeVariables,
+  C as ViewMode,
+  E as ZoomLevel
+};

package/dist/utils/withRef.js

@@ -0,0 +1,8 @@
+import { forwardRef as r } from "react";
+const c = (o) => r ? r(o) : (t) => {
+  const { ref: n, ...e } = t;
+  return o(e, n);
+};
+export {
+  c as withRef
+};

package/dist/utils/zoom.js

@@ -0,0 +1,6 @@
+import { MIN_ZOOM_SCALE as r, MAX_ZOOM_SCALE as t } from "./constants.js";
+const e = (o) => o * 100 <= r, i = (o) => o * 100 >= t;
+export {
+  i as isZoomInDisabled,
+  e as isZoomOutDisabled
+};

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@react-pdf-kit/viewer",
+  "version": "0.0.0-experimental.0",
+  "private": false,
+  "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
+  "keywords": [
+    "react-pdf",
+    "react-pdf-viewer",
+    "pdf-viewer",
+    "react pdf",
+    "react pdf viewer",
+    "pdfjs",
+    "pdf-react",
+    "react-pdf-kit",
+    "react-pdf-kit-viewer",
+    "pdf-viewer-kit"
+  ],
+  "homepage": "https://www.react-pdf.dev",
+  "license": "See license section",
+  "bugs": {
+    "url": "https://github.com/react-pdf-kit/react-pdf-viewer/issues/new"
+  },
+  "author": "React PDF Viewer <david@react-pdf.dev>",
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/types/main.d.ts",
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "prepublishOnly": "bun run build",
+    "preview": "vite preview",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "pdfjs-dist": "5.4.530",
+    "react-virtualized-auto-sizer": "^1.0.24",
+    "react-window": "^1.8.10"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.13.0",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@tanstack/eslint-plugin-query": "^5.60.1",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "@types/react-window": "^1.8.8",
+    "@typescript-eslint/eslint-plugin": "^5.61.0",
+    "@typescript-eslint/parser": "^5.61.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "ajv": "^8.17.1",
+    "clsx": "^2.1.1",
+    "eslint": "^8.44.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.1",
+    "glob": "^11.0.0",
+    "globals": "^15.11.0",
+    "husky": "^9.1.6",
+    "postcss": "^8.4.47",
+    "postcss-load-config": "^6.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "react-devtools": "^6.1.0",
+    "rollup": "^4.24.2",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "peerDependencies": {
+    "pdfjs-dist": "5.4.530",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "url": "https://github.com/react-pdf-kit/react-pdf-viewer",
+  "sideEffects": [
+    "**/*.css"
+  ]
+}