@react-pdf-kit/viewer 0.0.0-experimental.2 → 0.0.0-experimental.4

package/dist/utils/hooks/useSearch.js

@@ -14,6 +14,8 @@ import { getWordPositionInPage as ft } from "../getWordPositionInPage.js";
 import { usePagesRotateContext as gt } from "../../contexts/PagesRotateContext.js";
 import "../../de_DE-a553b162.js";
 import "../charators.js";
+import "../selectionUtils.js";
+import "../geometryCache.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
 import "../../contexts/InitialStateContext.js";
@@ -36,7 +38,7 @@ import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../calculatePage.js";
-const $t = (O = {}, U = "") => {
+const ee = (O = {}, U = "") => {
   const [p, q] = C(U), [B, y] = C(!1), { pdf: _, pages: S } = it(), { widths: f, heights: R } = ut(), w = b(!p), { currentZoom: A } = at(), [s, g] = C([]), { setFocusedPage: D } = mt(), { columnCount: G, viewMode: V } = pt(), { pageRotate: v } = gt(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = st(), { scrollMode: h } = ct(), { pagesRef: L } = lt(), J = b({}), m = b(0), K = H(() => c === 0 ? null : s[c - 1], [c, s]), a = H(() => s.length, [s]), u = I(
     (e) => {
       if (e === 0)
@@ -159,5 +161,5 @@ const $t = (O = {}, U = "") => {
   };
 };
 export {
-  $t as useSearch
+  ee as useSearch
 };

package/dist/utils/hooks/useTextSelection.js

@@ -1,76 +1,5 @@
-import { useCallback as p, useEffect as b } from "react";
-const D = ({ onTextSelect: s, pagesRef: n }) => {
-  const f = p(() => {
-    const e = n == null ? void 0 : n.querySelectorAll('[data-rp$="-textLayer"]');
-    return e ? Array.from(e) : [];
-  }, [n]), N = p(() => {
-    const e = document.getSelection();
-    if (!e || e.rangeCount === 0 || e.toString().trim() === "")
-      return null;
-    const E = e.toString(), a = /* @__PURE__ */ new Map(), O = f();
-    for (let i = 0; i < e.rangeCount; i++) {
-      const t = e.getRangeAt(i);
-      O.forEach((d) => {
-        if (t.intersectsNode(d)) {
-          const g = d.getAttribute("data-rp"), T = g == null ? void 0 : g.match(/page-(\d+)-textLayer/);
-          if (T) {
-            const h = parseInt(T[1]), C = d.closest('[data-rp*="page-"]');
-            if (!C)
-              return;
-            const c = C.getBoundingClientRect();
-            a.has(h) || a.set(h, {
-              rects: [],
-              pageRect: c
-            });
-            const y = a.get(h), _ = document.createTreeWalker(d, NodeFilter.SHOW_TEXT, null);
-            let u;
-            for (; u = _.nextNode(); )
-              if (t.intersectsNode(u) && u.parentElement) {
-                const o = document.createRange();
-                o.selectNodeContents(u);
-                const A = t.compareBoundaryPoints(Range.START_TO_START, o) > 0 ? t.startContainer : o.startContainer, B = t.compareBoundaryPoints(Range.START_TO_START, o) > 0 ? t.startOffset : o.startOffset, R = t.compareBoundaryPoints(Range.END_TO_END, o) < 0 ? t.endContainer : o.endContainer, S = t.compareBoundaryPoints(Range.END_TO_END, o) < 0 ? t.endOffset : o.endOffset, m = document.createRange();
-                m.setStart(A, B), m.setEnd(R, S);
-                const r = m.getBoundingClientRect();
-                if (r.width === 0 || r.height === 0)
-                  continue;
-                const P = {
-                  left: r.left - c.left,
-                  top: r.top - c.top,
-                  right: r.right - c.left,
-                  bottom: r.bottom - c.top,
-                  width: r.width,
-                  height: r.height
-                };
-                y.rects.push(P);
-              }
-          }
-        }
-      });
-    }
-    const w = Array.from(a.entries()).sort(([i], [t]) => i - t).map(([i, t]) => ({
-      pageNumber: i,
-      pageBasedBoundingRects: t.rects,
-      pageDimension: {
-        width: t.pageRect.width,
-        height: t.pageRect.height
-      },
-      pagePositionInWindow: {
-        x: t.pageRect.left,
-        y: t.pageRect.top
-      }
-    }));
-    return {
-      text: E,
-      pageSelections: w
-    };
-  }, [f]), l = p(() => {
-    const e = N();
-    e && (s == null || s(e));
-  }, [N, s]);
-  b(() => (n == null || n.addEventListener("pointerup", l), () => {
-    n == null || n.removeEventListener("pointerup", l);
-  }), [n, l]);
+const o = (e) => {
 };
 export {
-  D as useTextSelection
+  o as useTextSelection
 };

package/dist/utils/selectionUtils.js

@@ -0,0 +1,96 @@
+function M(l) {
+  const e = [];
+  for (const h of l.runs)
+    for (const i of h.glyphs)
+      e.push(i);
+  return e;
+}
+function w(l, e) {
+  const h = M(l);
+  if (h.length === 0)
+    return { start: e, end: e };
+  const i = Math.max(0, Math.min(e, h.length - 1));
+  let o = i;
+  for (; o > 0 && h[o - 1].flags === 0; )
+    o--;
+  let r = i;
+  for (; r < h.length - 1 && h[r + 1].flags === 0; )
+    r++;
+  return { start: o, end: r };
+}
+function R(l, e) {
+  let h = -1, i = 0;
+  for (let t = 0; t < l.runs.length; t++) {
+    const a = l.runs[t].glyphs.length;
+    if (e < i + a) {
+      h = t;
+      break;
+    }
+    i += a;
+  }
+  if (h === -1)
+    return { start: e, end: e };
+  const o = l.runs[h].rect, r = o.height;
+  let s = 1 / 0, n = -1 / 0, c = 0;
+  for (let t = 0; t < l.runs.length; t++) {
+    const a = l.runs[t], g = a.rect, x = Math.max(g.y, o.y), y = Math.min(g.y + g.height, o.y + o.height), p = Math.max(0, y - x), u = Math.min(g.height, r);
+    if (u > 0 && p / u >= 0.5) {
+      const f = c, m = c + a.glyphs.length - 1;
+      f < s && (s = f), m > n && (n = m);
+    }
+    c += a.glyphs.length;
+  }
+  return s === 1 / 0 ? { start: e, end: e } : { start: s, end: n };
+}
+function v(l, e, h) {
+  const i = M(l);
+  if (i.length === 0)
+    return [];
+  const o = Math.max(0, Math.min(e, h)), r = Math.min(i.length - 1, Math.max(e, h)), s = [];
+  let n = null;
+  for (let c = o; c <= r; c++) {
+    const t = i[c];
+    if (t.flags === 2)
+      continue;
+    if (!n) {
+      n = { x: t.x, y: t.y, width: t.width, height: t.height };
+      continue;
+    }
+    const a = Math.max(n.y, t.y), g = Math.min(
+      n.y + n.height,
+      t.y + t.height
+    ), x = Math.max(0, g - a), y = Math.min(n.height, t.height);
+    if (y > 0 && x / y >= 0.5) {
+      const u = Math.min(n.x, t.x), f = Math.min(n.y, t.y), m = Math.max(n.x + n.width, t.x + t.width), d = Math.max(
+        n.y + n.height,
+        t.y + t.height
+      );
+      n = {
+        x: u,
+        y: f,
+        width: m - u,
+        height: d - f
+      };
+    } else
+      s.push(n), n = { x: t.x, y: t.y, width: t.width, height: t.height };
+  }
+  return n && s.push(n), s;
+}
+function B(l, e, h) {
+  const i = Math.min(e, h), o = Math.max(e, h);
+  let r = "", s = 0;
+  for (const n of l.runs) {
+    if (s + n.text.length - 1 >= i && s <= o) {
+      const t = Math.max(0, i - s), a = Math.min(n.text.length, o - s + 1);
+      r += n.text.slice(t, a);
+    }
+    s += n.glyphs.length;
+  }
+  return r;
+}
+export {
+  R as expandToLineBoundary,
+  w as expandToWordBoundary,
+  v as rectsForRange,
+  B as textForRange
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "0.0.0-experimental.2",
+  "version": "0.0.0-experimental.4",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -39,7 +39,7 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@pdf-viewer/pdfium": "0.0.0-experimental.0",
+    "@pdf-viewer/pdfium": "0.0.0-experimental.4",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-tooltip": "^1.2.8",

package/dist/RPLayout.module-b4b23e29.js

@@ -1,14 +0,0 @@
-const r = {
-  "rp-layout": "_rp-layout_dptrm_1",
-  "rp-layout-wrapper": "_rp-layout-wrapper_dptrm_5",
-  "rp-content": "_rp-content_dptrm_11",
-  "rp-sidebar": "_rp-sidebar_dptrm_18",
-  "rp-pages": "_rp-pages_dptrm_23",
-  "rp-container": "_rp-container_dptrm_29",
-  "rp-loader": "_rp-loader_dptrm_33",
-  "rp-theme-variables": "_rp-theme-variables_dptrm_37",
-  "rp-dark-mode": "_rp-dark-mode_dptrm_153"
-};
-export {
-  r as c
-};

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

@@ -1 +0,0 @@
-export declare const useFlickerSelectText: () => void;

package/dist/utils/hooks/useFlickerSelectText.js

@@ -1,25 +0,0 @@
-import { useRef as u, useCallback as g, useEffect as f } from "react";
-const m = () => {
-  const i = u(null), a = u(/firefox/i.test(navigator.userAgent)), o = g(() => {
-    var c, d;
-    const s = document.getSelection();
-    if (!s || s.rangeCount === 0 || a.current)
-      return;
-    const t = s.getRangeAt(0), l = i.current && (t.compareBoundaryPoints(Range.END_TO_END, i.current) === 0 || t.compareBoundaryPoints(Range.START_TO_END, i.current) === 0);
-    let e = l ? t.startContainer : t.endContainer;
-    if ((e == null ? void 0 : e.nodeType) === Node.TEXT_NODE && (e = e.parentNode), !l && t.endOffset === 0)
-      do {
-        for (; !(e != null && e.previousSibling); )
-          e = e == null ? void 0 : e.parentNode;
-        e = e.previousSibling;
-      } while (!e.childNodes.length);
-    const n = (c = e == null ? void 0 : e.parentElement) == null ? void 0 : c.closest("[data-rp-text-layer]"), r = n == null ? void 0 : n.querySelector(".endOfContent");
-    r && (r.style.width = n.style.width, r.style.height = n.style.height, (d = e == null ? void 0 : e.parentElement) == null || d.insertBefore(r, l ? e : e.nextSibling)), i.current = t.cloneRange();
-  }, []);
-  f(() => (document == null || document.addEventListener("selectionchange", o), () => {
-    document == null || document.removeEventListener("selectionchange", o);
-  }), [o]);
-};
-export {
-  m as useFlickerSelectText
-};