@arbidocs/blocks 0.5.125 → 0.5.127

package/dist/{chunk-ZZZITHGK.cjs → chunk-26SFI2BH.cjs}

@@ -69,8 +69,21 @@ function ClipCaptureOverlay({ page, passages = [], onCapture }) {
     const p = point(event, s.box);
     const size = { width: s.box.width, height: s.box.height };
     const dragged = annotations.toNorm({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y }, size);
-    const rect = dragged.w < MIN_CLIP_FRACTION || dragged.h < MIN_CLIP_FRACTION ? passageUnder(event, s.box) : dragged;
+    let rect = dragged.w < MIN_CLIP_FRACTION || dragged.h < MIN_CLIP_FRACTION ? passageUnder(event, s.box) : dragged;
     if (!rect) return;
+    const pageElement = event.currentTarget.closest("[data-page-number]") ?? event.currentTarget.parentElement;
+    const bottom = s.box.top + (rect.y + rect.h) * size.height;
+    for (const span of pageElement?.querySelectorAll(".textLayer span") ?? []) {
+      const line = span.getBoundingClientRect();
+      if (line.width === 0 || line.height === 0) continue;
+      const x0 = s.box.left + rect.x * size.width;
+      const x1 = x0 + rect.w * size.width;
+      if (line.right <= x0 || line.left >= x1) continue;
+      if (line.top < bottom && line.bottom > bottom) {
+        const end = (line.top - s.box.top) / size.height;
+        if (end > rect.y) rect = { ...rect, h: end - rect.y };
+      }
+    }
     onCapture({ page, rect, aspect: rect.w * size.width / (rect.h * size.height) });
   };
   const shown = draft && {
@@ -115,5 +128,5 @@ function ClipCaptureOverlay({ page, passages = [], onCapture }) {
 
 exports.ClipCaptureOverlay = ClipCaptureOverlay;
 exports.passageClipRect = passageClipRect;
-//# sourceMappingURL=chunk-ZZZITHGK.cjs.map
-//# sourceMappingURL=chunk-ZZZITHGK.cjs.map
+//# sourceMappingURL=chunk-26SFI2BH.cjs.map
+//# sourceMappingURL=chunk-26SFI2BH.cjs.map

package/dist/chunk-26SFI2BH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presentation/passage-clip.ts","../src/presentation/ClipCaptureOverlay.tsx"],"names":["useRef","useState","toNorm","jsxs","jsx"],"mappings":"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","file":"chunk-26SFI2BH.cjs","sourcesContent":["/**\n * Clipping a passage with one click: the parser places each passage on its page (`page_bbox`,\n * fractions of the page), so in clip mode the passage under the pointer is outlined and a click\n * clips exactly its box, with a little room around it — the same room the server leaves when it\n * clips a passage for a slide (`PASSAGE_MARGIN_X` / `_Y` in its presentation tool).\n */\n\nimport type { Rect } from './model'\n\n/** Room kept around a clipped passage, as fractions of the page's width and height. */\nexport const PASSAGE_MARGIN_X = 0.015\nexport const PASSAGE_MARGIN_Y = 0.008\n\n/** A passage's box `[x0, y0, x1, y1]` as the area to clip: with its margin, kept on the page. */\nexport function passageClipRect([x0, y0, x1, y1]: readonly [number, number, number, number]): Rect {\n  const left = Math.max(0, x0 - PASSAGE_MARGIN_X)\n  const top = Math.max(0, y0 - PASSAGE_MARGIN_Y)\n  const right = Math.min(1, x1 + PASSAGE_MARGIN_X)\n  const bottom = Math.min(1, y1 + PASSAGE_MARGIN_Y)\n  return { x: left, y: top, w: right - left, h: bottom - top }\n}\n\n/**\n * The passage at a point of the page (fractions), if any: the smallest one holding it, so a\n * caption inside a figure's box wins over the figure.\n */\nexport function passageAt(passages: readonly Rect[], x: number, y: number): Rect | null {\n  let best: Rect | null = null\n  for (const passage of passages) {\n    const inside =\n      x >= passage.x && x <= passage.x + passage.w && y >= passage.y && y <= passage.y + passage.h\n    if (inside && (!best || passage.w * passage.h < best.w * best.h)) best = passage\n  }\n  return best\n}\n","/**\n * Over a page while clipping. A click on a passage clips exactly that passage (the parser placed it\n * on the page; it is outlined under the pointer); a drag clips any rectangle (a figure, a scan, a\n * page with no passages). Either way the area is kept as fractions of the page (`toNorm`), so it\n * does not depend on the zoom it was taken at.\n */\n\nimport { useRef, useState, type PointerEvent as ReactPointerEvent } from 'react'\nimport { toNorm, type PixelRect } from '@arbidocs/react/annotations'\nimport type { Rect } from './model'\nimport { passageAt } from './passage-clip'\n\n/** Smaller than this (a fraction of the page, either side) is a click, not a dragged clip. */\nconst MIN_CLIP_FRACTION = 0.02\n\nexport interface ClipCaptureOverlayProps {\n  page: number\n  /** The page's passages, as the areas a click clips (page fractions, margin included). */\n  passages?: readonly Rect[]\n  onCapture: (capture: { page: number; rect: Rect; aspect: number }) => void\n}\n\nconst percent = (rect: Rect) => ({\n  left: `${rect.x * 100}%`,\n  top: `${rect.y * 100}%`,\n  width: `${rect.w * 100}%`,\n  height: `${rect.h * 100}%`,\n})\n\nexport function ClipCaptureOverlay({ page, passages = [], onCapture }: ClipCaptureOverlayProps) {\n  const start = useRef<{ x: number; y: number; box: DOMRect } | null>(null)\n  const [draft, setDraft] = useState<PixelRect | null>(null)\n  const [hovered, setHovered] = useState<Rect | null>(null)\n\n  const point = (event: ReactPointerEvent, box: DOMRect) => ({\n    x: event.clientX - box.left,\n    y: event.clientY - box.top,\n  })\n  /** The passage under the pointer, if any. */\n  const passageUnder = (event: ReactPointerEvent, box: DOMRect) => {\n    if (!passages.length || !box.width || !box.height) return null\n    const p = point(event, box)\n    return passageAt(passages, p.x / box.width, p.y / box.height)\n  }\n\n  const onPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n    if (event.button !== 0) return\n    event.preventDefault()\n    event.currentTarget.setPointerCapture?.(event.pointerId)\n    const box = event.currentTarget.getBoundingClientRect()\n    start.current = { ...point(event, box), box }\n    setDraft(null)\n  }\n\n  const onPointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n    const s = start.current\n    if (!s) {\n      const next = passageUnder(event, event.currentTarget.getBoundingClientRect())\n      if (next !== hovered) setHovered(next)\n      return\n    }\n    const p = point(event, s.box)\n    setDraft({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y })\n  }\n\n  const onPointerUp = (event: ReactPointerEvent) => {\n    const s = start.current\n    start.current = null\n    setDraft(null)\n    if (!s) return\n    const p = point(event, s.box)\n    const size = { width: s.box.width, height: s.box.height }\n    const dragged = toNorm({ x: s.x, y: s.y, width: p.x - s.x, height: p.y - s.y }, size)\n    // A click: the passage under it, if there is one.\n    let rect =\n      dragged.w < MIN_CLIP_FRACTION || dragged.h < MIN_CLIP_FRACTION\n        ? passageUnder(event, s.box)\n        : dragged\n    if (!rect) return\n    // Keep the bottom edge out of the next line in the PDF text layer.\n    const pageElement =\n      event.currentTarget.closest('[data-page-number]') ?? event.currentTarget.parentElement\n    const bottom = s.box.top + (rect.y + rect.h) * size.height\n    for (const span of pageElement?.querySelectorAll('.textLayer span') ?? []) {\n      const line = span.getBoundingClientRect()\n      if (line.width === 0 || line.height === 0) continue\n      const x0 = s.box.left + rect.x * size.width\n      const x1 = x0 + rect.w * size.width\n      if (line.right <= x0 || line.left >= x1) continue\n      if (line.top < bottom && line.bottom > bottom) {\n        const end = (line.top - s.box.top) / size.height\n        if (end > rect.y) rect = { ...rect, h: end - rect.y }\n      }\n    }\n    onCapture({ page, rect, aspect: (rect.w * size.width) / (rect.h * size.height) })\n  }\n\n  const shown = draft && {\n    left: Math.min(draft.x, draft.x + draft.width),\n    top: Math.min(draft.y, draft.y + draft.height),\n    width: Math.abs(draft.width),\n    height: Math.abs(draft.height),\n  }\n\n  return (\n    <div\n      className=\"absolute inset-0 z-20 cursor-crosshair touch-none select-none\"\n      onPointerDown={onPointerDown}\n      onPointerMove={onPointerMove}\n      onPointerUp={onPointerUp}\n      onPointerLeave={() => setHovered(null)}\n      onPointerCancel={() => {\n        start.current = null\n        setDraft(null)\n      }}\n      data-testid={`clip-capture-${page}`}\n    >\n      {/* The passage a click would clip, exactly as it would be clipped. */}\n      {hovered && !draft && (\n        <div\n          className=\"pointer-events-none absolute rounded-sm bg-ai-soft/40 ring-2 ring-ai-accent\"\n          style={percent(hovered)}\n          data-testid=\"clip-passage-outline\"\n        />\n      )}\n      {shown && (\n        <div\n          className=\"pointer-events-none absolute border-2 border-dashed border-primary bg-primary/10\"\n          style={shown}\n        />\n      )}\n    </div>\n  )\n}\n"]}