@embedpdf/react 3.0.0-next.13 → 3.0.0-next.15

package/dist/scrollbar.js

@@ -1,213 +0,0 @@
-import { useCapability, useSelector } from "./runtime.js";
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { StageToken } from "@embedpdf/plugin-stage/contract";
-//#region src/scrollbar.tsx
-/** Live scroll metrics for a stage lens (reference-stable; see
-*  `StageCapability.scrollMetrics`). The raw material for custom scroll UI. */
-function useScrollMetrics(token = StageToken) {
-	return useSelector(token, (c) => c.scrollMetrics());
-}
-const clamp01 = (v) => Math.min(1, Math.max(0, v));
-/** Best-effort pointer capture: an already-released pointer (pen/touch races,
-*  synthetic events in tests) throws NotFoundError — the press must still work,
-*  just without capture (moves keep arriving while the pointer stays on us). */
-const capturePointer = (el, pointerId) => {
-	try {
-		el.setPointerCapture(pointerId);
-	} catch {}
-};
-/** Thumb geometry from metrics + a measured track. One formula for render,
-*  drag capture, and paging — they can never disagree. */
-const geometry = (m, vertical, trackPx, minThumbSize) => {
-	const client = vertical ? m.clientHeight : m.clientWidth;
-	const total = vertical ? m.scrollHeight : m.scrollWidth;
-	const offset = vertical ? m.scrollTop : m.scrollLeft;
-	const maxOffset = Math.max(0, total - client);
-	const thumbLen = Math.min(trackPx, Math.max(minThumbSize, total > 0 ? client / total * trackPx : 0));
-	const travel = Math.max(0, trackPx - thumbLen);
-	return {
-		client,
-		offset,
-		maxOffset,
-		thumbLen,
-		travel,
-		thumbPos: maxOffset > 0 ? offset / maxOffset * travel : 0
-	};
-};
-function Scrollbar({ axis, token = StageToken, autoHide = 1200, minThumbSize = 24, trackPress = "page", className, style, thumbClassName, thumbStyle }) {
-	const stage = useCapability(token);
-	const m = useScrollMetrics(token);
-	const vertical = axis === "y";
-	const scrollable = vertical ? m.scrollableY : m.scrollableX;
-	const trackRef = useRef(null);
-	const [trackPx, setTrackPx] = useState(0);
-	const [dragging, setDragging] = useState(false);
-	const [hovered, setHovered] = useState(false);
-	const [active, setActive] = useState(true);
-	const g = geometry(m, vertical, trackPx, minThumbSize);
-	const hideAfter = autoHide === false ? 0 : autoHide;
-	useEffect(() => {
-		if (!hideAfter) return;
-		setActive(true);
-		const t = setTimeout(() => setActive(false), hideAfter);
-		return () => clearTimeout(t);
-	}, [m, hideAfter]);
-	const shown = !hideAfter || active || hovered || dragging;
-	useEffect(() => {
-		const el = trackRef.current;
-		if (!el) return;
-		const measure = () => setTrackPx(vertical ? el.clientHeight : el.clientWidth);
-		const ro = new ResizeObserver(measure);
-		ro.observe(el);
-		measure();
-		return () => ro.disconnect();
-	}, [vertical, scrollable]);
-	const dragRef = useRef(null);
-	const pageRef = useRef(null);
-	const lastPtr = useRef(0);
-	const ptrPos = (e) => {
-		const r = trackRef.current.getBoundingClientRect();
-		return vertical ? e.clientY - r.top : e.clientX - r.left;
-	};
-	/** Fresh geometry for paging steps — read from the capability, never a stale render. */
-	const liveGeometry = () => geometry(stage.scrollMetrics(), vertical, trackPx, minThumbSize);
-	const stopPaging = () => {
-		if (pageRef.current) {
-			clearTimeout(pageRef.current.timer);
-			clearInterval(pageRef.current.timer);
-			pageRef.current = null;
-		}
-	};
-	const endDrag = () => {
-		dragRef.current = null;
-		stopPaging();
-		setDragging(false);
-	};
-	const beginDrag = (grab, applied) => {
-		dragRef.current = {
-			grab,
-			applied,
-			max: g.maxOffset,
-			travel: g.travel
-		};
-		setDragging(true);
-	};
-	const onThumbDown = (e) => {
-		if (e.button !== 0) return;
-		e.preventDefault();
-		e.stopPropagation();
-		capturePointer(e.target, e.pointerId);
-		beginDrag(ptrPos(e) - g.thumbPos, g.offset);
-	};
-	const onTrackDown = (e) => {
-		if (e.button !== 0 || e.target !== e.currentTarget) return;
-		e.preventDefault();
-		capturePointer(e.currentTarget, e.pointerId);
-		const p = lastPtr.current = ptrPos(e);
-		if (trackPress === "jump") {
-			const want = g.travel > 0 ? clamp01((p - g.thumbLen / 2) / g.travel) * g.maxOffset : 0;
-			stage.scrollTo(vertical ? { top: want } : { left: want });
-			beginDrag(g.thumbLen / 2, want);
-			return;
-		}
-		const dir = p < g.thumbPos ? -1 : 1;
-		const step = () => {
-			const live = liveGeometry();
-			if (dir === 1 ? lastPtr.current <= live.thumbPos + live.thumbLen : lastPtr.current >= live.thumbPos) return stopPaging();
-			stage.scrollBy(vertical ? { top: dir * live.client * .9 } : { left: dir * live.client * .9 });
-		};
-		step();
-		const timer = window.setTimeout(() => {
-			if (!pageRef.current) return;
-			pageRef.current.timer = window.setInterval(step, 80);
-		}, 350);
-		pageRef.current = {
-			dir,
-			timer
-		};
-	};
-	const onMove = (e) => {
-		const d = dragRef.current;
-		if (d) {
-			if (d.travel <= 0) return;
-			const want = clamp01((ptrPos(e) - d.grab) / d.travel) * d.max;
-			const delta = want - d.applied;
-			if (delta) {
-				stage.panBy(vertical ? 0 : -delta, vertical ? -delta : 0);
-				d.applied = want;
-			}
-		} else if (pageRef.current) lastPtr.current = ptrPos(e);
-	};
-	useEffect(() => endDrag, []);
-	if (!scrollable) return null;
-	const trackDefaults = vertical ? {
-		position: "absolute",
-		top: 0,
-		right: 0,
-		bottom: 0,
-		width: 12
-	} : {
-		position: "absolute",
-		left: 0,
-		right: 0,
-		bottom: 0,
-		height: 12
-	};
-	const thumbDefaults = vertical ? {
-		position: "absolute",
-		left: 2,
-		right: 2,
-		top: g.thumbPos,
-		height: g.thumbLen
-	} : {
-		position: "absolute",
-		top: 2,
-		bottom: 2,
-		left: g.thumbPos,
-		width: g.thumbLen
-	};
-	return /* @__PURE__ */ jsx("div", {
-		ref: trackRef,
-		role: "scrollbar",
-		"aria-orientation": vertical ? "vertical" : "horizontal",
-		"aria-valuemin": 0,
-		"aria-valuemax": Math.round(g.maxOffset),
-		"aria-valuenow": Math.round(g.offset),
-		"data-embedpdf-scrollbar": "",
-		"data-axis": axis,
-		"data-state": shown ? "visible" : "hidden",
-		"data-dragging": dragging ? "" : void 0,
-		className,
-		style: {
-			...trackDefaults,
-			touchAction: "none",
-			userSelect: "none",
-			opacity: shown ? 1 : 0,
-			transition: "opacity 200ms",
-			pointerEvents: shown ? "auto" : "none",
-			...style
-		},
-		onPointerDown: onTrackDown,
-		onPointerMove: onMove,
-		onPointerUp: endDrag,
-		onPointerCancel: endDrag,
-		onPointerEnter: () => setHovered(true),
-		onPointerLeave: () => setHovered(false),
-		children: /* @__PURE__ */ jsx("div", {
-			"data-embedpdf-scrollbar-thumb": "",
-			className: thumbClassName,
-			style: {
-				...thumbDefaults,
-				borderRadius: 6,
-				background: "var(--epdf-scrollbar-thumb, rgba(0, 0, 0, 0.4))",
-				...thumbStyle
-			},
-			onPointerDown: onThumbDown
-		})
-	});
-}
-//#endregion
-export { Scrollbar, useScrollMetrics };
-
-//# sourceMappingURL=scrollbar.js.map

package/dist/scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.js","names":[],"sources":["../src/scrollbar.tsx"],"sourcesContent":["/**\n * Headless scrollbar for a Stage lens — a pure view of `stage.scrollMetrics()`.\n *\n * The Stage exposes the native scroller contract (scrollTop/scrollHeight/\n * clientHeight, in screen px — see plugin-stage's README); this component turns\n * it into a native-feeling bar: thumb drag with pointer capture and a preserved\n * grab point, track paging with press-and-hold repeat that stops at the\n * pointer, a minimum thumb length on long documents, and macOS-style overlay\n * auto-hide. On an UNBOUNDED stage the metrics already carry the Figma\n * semantics (the range is the union of content and view), so the same bar\n * shrinks toward the edge as you pan away and rides you back — the mapping is\n * FROZEN for the duration of a thumb drag so the thumb never chases itself\n * while the union re-collapses.\n *\n * Headless styling contract: geometry and behavior live here; looks live in\n * your CSS. Style via `className`/`thumbClassName` (or the style props) against\n *   [data-embedpdf-scrollbar][data-axis=\"y\"][data-state=\"visible|hidden\"]\n *   [data-embedpdf-scrollbar][data-dragging]\n *   [data-embedpdf-scrollbar-thumb]\n * The defaults are deliberately minimal: a transparent track pinned to the\n * viewport edge and a `var(--epdf-scrollbar-thumb, …)` pill, so the bar works\n * unstyled and disappears into any theme. Build something else entirely\n * (minimap, progress ring) from `useScrollMetrics()` + `stage.scrollTo()`.\n */\n\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { StageToken } from '@embedpdf/plugin-stage/contract';\nimport type { ScrollMetrics, StageCapability } from '@embedpdf/plugin-stage/contract';\nimport type { CapabilityToken } from '@embedpdf/core';\nimport { useCapability, useSelector } from './runtime';\n\nexport type ScrollbarAxis = 'x' | 'y';\n\n/** Live scroll metrics for a stage lens (reference-stable; see\n *  `StageCapability.scrollMetrics`). The raw material for custom scroll UI. */\nexport function useScrollMetrics(\n  token: CapabilityToken<StageCapability> = StageToken,\n): ScrollMetrics {\n  return useSelector(token, (c) => c.scrollMetrics());\n}\n\nexport interface ScrollbarProps {\n  axis: ScrollbarAxis;\n  /** The stage lens to scroll (default: the main StageToken). */\n  token?: CapabilityToken<StageCapability>;\n  /**\n   * Overlay auto-hide: fade `autoHide` ms after the camera stops moving\n   * (drags and hover pin it visible; a hidden bar ignores the pointer, like\n   * macOS). `false` = always visible. Visibility is published as\n   * `data-state=\"visible|hidden\"` — the default style fades opacity; replace\n   * it in CSS for any other treatment. Default 1200.\n   */\n  autoHide?: number | false;\n  /** Minimum thumb length in px — native bars never vanish on long documents.\n   *  Position stays proportional via the standard travel remap. Default 24. */\n  minThumbSize?: number;\n  /**\n   * Pressing the track: 'page' steps by 90% of a viewport toward the pointer,\n   * repeats while held, and stops when the thumb reaches the pointer (the\n   * native default); 'jump' centers the thumb at the pointer and hands off to\n   * a drag (the macOS option-click / Figma feel). Default 'page'.\n   */\n  trackPress?: 'page' | 'jump';\n  /** Track class/style. The default style pins the bar to the right (y) or\n   *  bottom (x) edge of the nearest positioned ancestor — the Stage container\n   *  when rendered in its `overlay`; override to place it anywhere else. */\n  className?: string;\n  style?: React.CSSProperties;\n  thumbClassName?: string;\n  thumbStyle?: React.CSSProperties;\n}\n\nconst clamp01 = (v: number) => Math.min(1, Math.max(0, v));\n\n/** Best-effort pointer capture: an already-released pointer (pen/touch races,\n *  synthetic events in tests) throws NotFoundError — the press must still work,\n *  just without capture (moves keep arriving while the pointer stays on us). */\nconst capturePointer = (el: Element, pointerId: number) => {\n  try {\n    el.setPointerCapture(pointerId);\n  } catch {\n    /* uncaptured is fine */\n  }\n};\n\n/** Thumb geometry from metrics + a measured track. One formula for render,\n *  drag capture, and paging — they can never disagree. */\nconst geometry = (m: ScrollMetrics, vertical: boolean, trackPx: number, minThumbSize: number) => {\n  const client = vertical ? m.clientHeight : m.clientWidth;\n  const total = vertical ? m.scrollHeight : m.scrollWidth;\n  const offset = vertical ? m.scrollTop : m.scrollLeft;\n  const maxOffset = Math.max(0, total - client);\n  const thumbLen = Math.min(\n    trackPx,\n    Math.max(minThumbSize, total > 0 ? (client / total) * trackPx : 0),\n  );\n  const travel = Math.max(0, trackPx - thumbLen);\n  const thumbPos = maxOffset > 0 ? (offset / maxOffset) * travel : 0;\n  return { client, offset, maxOffset, thumbLen, travel, thumbPos };\n};\n\nexport function Scrollbar({\n  axis,\n  token = StageToken,\n  autoHide = 1200,\n  minThumbSize = 24,\n  trackPress = 'page',\n  className,\n  style,\n  thumbClassName,\n  thumbStyle,\n}: ScrollbarProps) {\n  const stage = useCapability(token);\n  const m = useScrollMetrics(token);\n  const vertical = axis === 'y';\n  const scrollable = vertical ? m.scrollableY : m.scrollableX;\n\n  const trackRef = useRef<HTMLDivElement>(null);\n  const [trackPx, setTrackPx] = useState(0);\n  const [dragging, setDragging] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [active, setActive] = useState(true); // camera moved recently\n\n  const g = geometry(m, vertical, trackPx, minThumbSize);\n\n  // ── overlay auto-hide: any metrics change re-arms the fade timer ──────────\n  const hideAfter = autoHide === false ? 0 : autoHide;\n  useEffect(() => {\n    if (!hideAfter) return;\n    setActive(true);\n    const t = setTimeout(() => setActive(false), hideAfter);\n    return () => clearTimeout(t);\n  }, [m, hideAfter]);\n  const shown = !hideAfter || active || hovered || dragging;\n\n  // ── track measurement (px mapping needs real geometry) ────────────────────\n  useEffect(() => {\n    const el = trackRef.current;\n    if (!el) return;\n    const measure = () => setTrackPx(vertical ? el.clientHeight : el.clientWidth);\n    const ro = new ResizeObserver(measure);\n    ro.observe(el);\n    measure();\n    return () => ro.disconnect();\n  }, [vertical, scrollable]);\n\n  // ── interactions. Drag state is FROZEN at pointer-down (grab point, travel,\n  //    max offset) and applied as relative pans — absolute-feeling in bounded\n  //    mode (the range is static there) and stable in unbounded mode, where\n  //    the live union would otherwise shift under the pointer mid-drag. ──────\n  const dragRef = useRef<{ grab: number; applied: number; max: number; travel: number } | null>(\n    null,\n  );\n  const pageRef = useRef<{ dir: 1 | -1; timer: number } | null>(null);\n  const lastPtr = useRef(0);\n\n  const ptrPos = (e: React.PointerEvent) => {\n    const r = trackRef.current!.getBoundingClientRect();\n    return vertical ? e.clientY - r.top : e.clientX - r.left;\n  };\n  /** Fresh geometry for paging steps — read from the capability, never a stale render. */\n  const liveGeometry = () => geometry(stage.scrollMetrics(), vertical, trackPx, minThumbSize);\n\n  const stopPaging = () => {\n    if (pageRef.current) {\n      clearTimeout(pageRef.current.timer);\n      clearInterval(pageRef.current.timer);\n      pageRef.current = null;\n    }\n  };\n  const endDrag = () => {\n    dragRef.current = null;\n    stopPaging();\n    setDragging(false);\n  };\n\n  const beginDrag = (grab: number, applied: number) => {\n    dragRef.current = { grab, applied, max: g.maxOffset, travel: g.travel };\n    setDragging(true);\n  };\n\n  const onThumbDown = (e: React.PointerEvent) => {\n    if (e.button !== 0) return;\n    e.preventDefault();\n    e.stopPropagation();\n    capturePointer(e.target as Element, e.pointerId);\n    beginDrag(ptrPos(e) - g.thumbPos, g.offset);\n  };\n\n  const onTrackDown = (e: React.PointerEvent) => {\n    if (e.button !== 0 || e.target !== e.currentTarget) return; // thumb handles its own\n    e.preventDefault();\n    capturePointer(e.currentTarget as Element, e.pointerId);\n    const p = (lastPtr.current = ptrPos(e));\n\n    if (trackPress === 'jump') {\n      // land the thumb centered at the pointer, then it's an ordinary drag\n      const want = g.travel > 0 ? clamp01((p - g.thumbLen / 2) / g.travel) * g.maxOffset : 0;\n      stage.scrollTo(vertical ? { top: want } : { left: want });\n      beginDrag(g.thumbLen / 2, want);\n      return;\n    }\n\n    // 'page': step toward the pointer, repeat while held, stop at the pointer\n    const dir: 1 | -1 = p < g.thumbPos ? -1 : 1;\n    const step = () => {\n      const live = liveGeometry();\n      const reached =\n        dir === 1\n          ? lastPtr.current <= live.thumbPos + live.thumbLen\n          : lastPtr.current >= live.thumbPos;\n      if (reached) return stopPaging();\n      stage.scrollBy(\n        vertical ? { top: dir * live.client * 0.9 } : { left: dir * live.client * 0.9 },\n      );\n    };\n    step();\n    // native cadence: a beat before the repeat kicks in, then a steady march\n    const timer = window.setTimeout(() => {\n      if (!pageRef.current) return;\n      pageRef.current.timer = window.setInterval(step, 80);\n    }, 350);\n    pageRef.current = { dir, timer };\n  };\n\n  // Pointer capture retargets to the pressed element and bubbles here — one\n  // move/up pair serves thumb drags, jump-drags, and paging alike.\n  const onMove = (e: React.PointerEvent) => {\n    const d = dragRef.current;\n    if (d) {\n      if (d.travel <= 0) return;\n      const want = clamp01((ptrPos(e) - d.grab) / d.travel) * d.max;\n      const delta = want - d.applied;\n      if (delta) {\n        stage.panBy(vertical ? 0 : -delta, vertical ? -delta : 0);\n        d.applied = want;\n      }\n    } else if (pageRef.current) {\n      lastPtr.current = ptrPos(e);\n    }\n  };\n\n  useEffect(() => endDrag, []); // unmount: no orphaned repeat timers\n\n  if (!scrollable) return null;\n\n  const trackDefaults: React.CSSProperties = vertical\n    ? { position: 'absolute', top: 0, right: 0, bottom: 0, width: 12 }\n    : { position: 'absolute', left: 0, right: 0, bottom: 0, height: 12 };\n  const thumbDefaults: React.CSSProperties = vertical\n    ? { position: 'absolute', left: 2, right: 2, top: g.thumbPos, height: g.thumbLen }\n    : { position: 'absolute', top: 2, bottom: 2, left: g.thumbPos, width: g.thumbLen };\n\n  return (\n    <div\n      ref={trackRef}\n      role=\"scrollbar\"\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      aria-valuemin={0}\n      aria-valuemax={Math.round(g.maxOffset)}\n      aria-valuenow={Math.round(g.offset)}\n      data-embedpdf-scrollbar=\"\"\n      data-axis={axis}\n      data-state={shown ? 'visible' : 'hidden'}\n      data-dragging={dragging ? '' : undefined}\n      className={className}\n      style={{\n        ...trackDefaults,\n        touchAction: 'none',\n        userSelect: 'none',\n        opacity: shown ? 1 : 0,\n        transition: 'opacity 200ms',\n        // a hidden overlay bar must not eat the clicks under it\n        pointerEvents: shown ? 'auto' : 'none',\n        ...style,\n      }}\n      onPointerDown={onTrackDown}\n      onPointerMove={onMove}\n      onPointerUp={endDrag}\n      onPointerCancel={endDrag}\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      <div\n        data-embedpdf-scrollbar-thumb=\"\"\n        className={thumbClassName}\n        style={{\n          ...thumbDefaults,\n          borderRadius: 6,\n          background: 'var(--epdf-scrollbar-thumb, rgba(0, 0, 0, 0.4))',\n          ...thumbStyle,\n        }}\n        onPointerDown={onThumbDown}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/stage.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stage.cjs","names":["makePageContext","PageProvider","StageToken","useCapability","useOptionalCapability","InteractionToken","useKernelValue","useDocumentId","useSelector","ProjectorProvider","settingsEqual"],"sources":["../src/stage.tsx"],"sourcesContent":["/**\n * Stage / RenderLayer + facade hooks.\n *\n * <Stage> virtualizes and positions page surfaces by the camera, and hands each\n * one to YOUR render prop — you bring the layers. (The standalone, Stage-free\n * single-page surface lives in `./page-view` so it never pulls the stage plugin.)\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-stage';\nimport * as React from 'react';\nimport { useLayoutEffect, useMemo, useRef } from 'react';\nimport { StageToken, createScrollHandler, settingsEqual } from '@embedpdf/plugin-stage';\nimport type { StageCapability, VisiblePage } from '@embedpdf/plugin-stage';\nimport type { CapabilityToken } from '@embedpdf/core';\n\n/** Which stage lens to bind to. Defaults to the main StageToken — pass a custom\n *  token to drive an additional lens (e.g. a wrapped thumbnail sidebar). */\nexport type StageTokenProp = CapabilityToken<StageCapability>;\nimport type { PageFrame } from '@embedpdf/core-geometry';\nimport { InteractionToken } from '@embedpdf/plugin-interaction/contract';\nimport { createStageSurface } from '@embedpdf/web';\nimport { ProjectorProvider, type ProjectorBinding, type ViewProjector } from './anchored';\nimport {\n  makePageContext,\n  PageProvider,\n  useCapability,\n  useDocumentId,\n  useKernelValue,\n  useOptionalCapability,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\n\nfunction PageSurface({\n  documentId,\n  page,\n  frame,\n  stage,\n  render,\n  chrome,\n}: {\n  documentId: string;\n  page: VisiblePage;\n  /** Reserved chrome bands around the page (screen px); the layout reserved the\n   *  matching space, so the outer box tiles into it. */\n  frame: PageFrame;\n  /** The stage capability — the demand getter reads visibility LIVE off it. */\n  stage: StageCapability;\n  render: (page: PageContextValue) => React.ReactNode;\n  chrome?: (page: PageContextValue) => React.ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const t = page.transform;\n  const rotation = page.rotation;\n  // All geometry comes from the transform: the DISPLAY footprint (viewWidth/Height,\n  // already w↔h-swapped + device-snapped) and the UN-rotated content box\n  // (contentWidth/Height). The shell never re-derives `* zoom` / `* dpr` / snapping.\n  const outerW = t.viewWidth + frame.left + frame.right;\n  const outerH = t.viewHeight + frame.top + frame.bottom;\n  // page.screenX/screenY are the device-snapped footprint top-left; the outer box\n  // sits one frame further out so the content keeps its scene position.\n  const left = page.screenX - frame.left;\n  const top = page.screenY - frame.top;\n  // Center the (possibly rotated) content box on the display box and rotate about\n  // its center — NO translate(), so rotation 0 carries no transform and pixel-snaps\n  // like the axis-aligned shadow behind it (no hairline seam).\n  const contentLeft = frame.left + (t.viewWidth - t.contentWidth) / 2;\n  const contentTop = frame.top + (t.viewHeight - t.contentHeight) / 2;\n  // The page-view DEMAND is a PULL: the getter closes over\n  // stable references (capability + pon) and reads the stage's live state at\n  // call time — visibility is the STAGE's data (`VisiblePage.visibleRect`),\n  // not something an adapter re-derives or caches. Absent from the visible\n  // set = zero rect (\"want nothing\"), distinct from PageView's undefined\n  // getter (\"whole page\").\n  const ctx = useMemo(\n    () =>\n      makePageContext(\n        documentId,\n        // the hosting lens — per-view raster planning keys tile state by it,\n        // so a thumbnail rail and the main view never fight over one plan\n        stage.lensId(),\n        page.pon,\n        page.pageIndex,\n        frame,\n        t,\n        () => ref.current!.getBoundingClientRect(),\n        () => {\n          const live = stage.visiblePages().find((p) => p.pon === page.pon);\n          return live\n            ? { desiredDeviceWidth: live.transform.deviceWidth, visibleRect: live.visibleRect }\n            : {\n                desiredDeviceWidth: t.deviceWidth,\n                visibleRect: { x: 0, y: 0, width: 0, height: 0 },\n              };\n        },\n      ),\n    [documentId, page.pon, page.pageIndex, frame, t, stage],\n  );\n  return (\n    <div style={{ position: 'absolute', left, top, width: outerW, height: outerH }}>\n      <PageProvider value={ctx}>\n        {/* drop shadow ONLY — axis-aligned at the content box (inset by the frame),\n            transparent fill so it can never peek out behind the bitmap, and it\n            stays put under rotation. */}\n        <div\n          style={{\n            position: 'absolute',\n            left: frame.left,\n            top: frame.top,\n            width: t.viewWidth,\n            height: t.viewHeight,\n            // themeable: override via the CSS variable (app stylesheet), no props\n            boxShadow: 'var(--epdf-page-shadow, 0 6px 18px rgba(0,0,0,.18))',\n          }}\n        />\n        {/* the page: white backing + bitmap as ONE rasterized box, so there is no\n            seam between them and nothing white larger than the bitmap to leak.\n            The ONLY thing rotation turns; markers/annotations ride it in content\n            coordinates. Rotation 0 carries no transform → pixel-snaps cleanly. */}\n        <div\n          ref={ref}\n          style={{\n            position: 'absolute',\n            left: contentLeft,\n            top: contentTop,\n            width: t.contentWidth,\n            height: t.contentHeight,\n            background: '#fff',\n            transform: rotation ? `rotate(${rotation}deg)` : undefined,\n            // We render our own selection highlights — suppress native text/image\n            // selection (and the double-click image grab) on the whole page subtree.\n            userSelect: 'none',\n            WebkitUserSelect: 'none',\n          }}\n        >\n          {render(ctx)}\n        </div>\n        {/* box-space chrome — labels, selection border, per-page buttons — fills\n            the outer box, NEVER rotates. Bands are plain regions: a label is\n            `bottom:0; height: frame.bottom`, a button row `top:0; height: frame.top`. */}\n        {chrome?.(ctx)}\n      </PageProvider>\n    </div>\n  );\n}\n\nexport interface StageProps {\n  /**\n   * PAGE-SPACE content for each visible page (RenderLayer, annotations,\n   * markers). Rendered inside the page's content frame, so it ROTATES with the\n   * page's display rotation — coordinates are plain PDF points.\n   */\n  children: (page: PageContextValue) => React.ReactNode;\n  /**\n   * BOX-SPACE chrome for each visible page (page-number label, selection\n   * border, a per-page rotate/delete button). Rendered into the OUTER box\n   * (content + reserved `pageFrame`), so it does NOT rotate and the reserved\n   * bands are plain regions (`bottom:0; height: page.frame.bottom`). The three\n   * coordinate spaces: `children` (page content), `pageChrome` (page box +\n   * frame), `overlay` (viewport).\n   */\n  pageChrome?: (page: PageContextValue) => React.ReactNode;\n  /** Viewport-space UI (menus, controls) rendered above the pages. */\n  overlay?: React.ReactNode;\n  /**\n   * Route this Stage's pointer events to the interaction hub (page-resolved via\n   * `pageAt`) — AND register this lens's tool-gated pan-scroll handler with it\n   * (lens-scoped, so multiple stages on one document never pan each other).\n   * Pan is then the `pan` tool's job and dragging in `pointer` mode selects\n   * text (incl. across pages).\n   *\n   * Default TRUE: registering `interactionPlugin()` is the one opt-in — tools\n   * just work; without the hub this is inert and the stage falls back to\n   * built-in drag-to-pan, so a hub-less setup costs nothing. Set `false` on\n   * SECONDARY lenses (a thumbnail rail) that should stay click-to-navigate\n   * instead of feeding the document's tools.\n   */\n  interaction?: boolean;\n  /**\n   * With {@link interaction}: let drags over page GAPS pan regardless of the\n   * active tool (and show a grab cursor there) — the gutter always pans; there\n   * is nothing to draw/select outside a page. Default true.\n   */\n  panFallback?: boolean;\n  /**\n   * Ambient ZOOM gestures on this stage: ctrl/cmd+wheel and trackpad pinch\n   * (Safari gesture events included). Default true. Turn OFF for follower\n   * lenses with a fixed magnification — a thumbnail rail should scroll under\n   * cmd+wheel, not zoom — so a zoom-wheel falls through to ordinary wheel\n   * pan, and pinches are still swallowed (they never page-zoom the browser).\n   */\n  zoomGestures?: boolean;\n  /** The stage lens to drive (default: the main StageToken). */\n  token?: StageTokenProp;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function Stage({\n  children,\n  pageChrome,\n  overlay,\n  interaction = true,\n  panFallback = true,\n  zoomGestures = true,\n  token = StageToken,\n  className,\n  style,\n}: StageProps) {\n  const stage = useCapability(token);\n  const ix = useOptionalCapability(InteractionToken);\n  const useHub = interaction && !!ix;\n  // The hub's resolved cursor (text/grab/…), applied to the viewport when driving.\n  const hubCursor = useKernelValue(() => ix?.cursor() ?? 'default');\n  const ref = useRef<HTMLDivElement>(null);\n  const docId = useDocumentId();\n  // visiblePages already folds in the camera (each page carries its device-snapped\n  // screenX/screenY + transform), so panning re-emits the list — no separate\n  // camera subscription needed for positioning.\n  const pages = useSelector(token, (c) => c.visiblePages()); // memoized -> stable ref\n  // Reserved chrome bands (screen px), uniform across pages — the frame the\n  // outer box reserves and `pageChrome` paints into.\n  const frame = useSelector(\n    token,\n    (c) => c.pageFrame(),\n    (a, b) => a.top === b.top && a.right === b.right && a.bottom === b.bottom && a.left === b.left,\n  );\n\n  // The Stage's ViewProjector: anchored UI (menus, popovers) positions through\n  // the CAMERA — pure state, no DOM reads, no portal, and NO subscription:\n  // `pages` (visiblePages) is the binding's revision, so a camera change\n  // re-renders the pages AND every anchored consumer in the SAME React\n  // commit — surface and overlay can never paint a frame apart.\n  const projector = useMemo<ViewProjector>(\n    () => ({\n      space: 'overlay',\n      toScreen: (pon, rect) => stage.pageRectToScreen(pon, rect),\n      toScreenPoint: (pon, at) => {\n        const r = stage.pageRectToScreen(pon, { x: at.x, y: at.y, width: 0, height: 0 });\n        return r ? { x: r.x, y: r.y } : null;\n      },\n      viewEnv: (pon) => {\n        const t = stage.pageRect(pon)?.transform;\n        return t ? { scale: t.viewScale, rotation: t.rotation, zoom: t.zoom } : null;\n      },\n    }),\n    [stage],\n  );\n  const projectorBinding = useMemo<ProjectorBinding>(\n    () => ({ projector, revision: pages }),\n    [projector, pages],\n  );\n\n  useLayoutEffect(() => {\n    const el = ref.current!;\n    // The WHOLE browser binding — viewport/DPR reporting, sample normalization,\n    // gesture controller — is the shared @embedpdf/web surface, so every\n    // framework adapter has one feel. This component keeps only React glue.\n    const detachSurface = createStageSurface(el, stage, {\n      hub: useHub ? ix : null,\n      source: stage.lensId(),\n      zoomGestures,\n    });\n    // Interaction opt-in lives WITH the sample source: the same knob that\n    // forwards this lens's samples also registers its pan-scroll handler,\n    // lens-scoped — two stages on one document can never pan each other.\n    const offScroll =\n      useHub && ix\n        ? ix.registerHandler(createScrollHandler(stage, ix, { panFallback }), {\n            source: stage.lensId(),\n          })\n        : null;\n\n    return () => {\n      offScroll?.();\n      detachSurface();\n    };\n  }, [stage, ix, useHub, zoomGestures, panFallback]);\n\n  return (\n    <div\n      ref={ref}\n      className={className}\n      style={{\n        position: 'relative',\n        overflow: 'hidden',\n        touchAction: 'none',\n        ...(useHub ? { cursor: hubCursor } : null),\n        ...style,\n      }}\n    >\n      {pages.map((p) => (\n        <PageSurface\n          key={p.pon} // durable page identity — survives move/delete (matches Angular's `track p.pon`)\n          documentId={docId ?? ''}\n          page={p}\n          frame={frame}\n          stage={stage}\n          render={children}\n          chrome={pageChrome}\n        />\n      ))}\n      {/* Anchored UI mounts in the overlay: absolute coords here are the\n          projector's overlay space (the stage container). */}\n      <ProjectorProvider value={projectorBinding}>{overlay}</ProjectorProvider>\n    </div>\n  );\n}\n\n// ── Facade hooks — thin sugar over the capability + generic binding ───────────\nexport function useStage(token: StageTokenProp = StageToken) {\n  return useCapability(token);\n}\nexport function useZoom(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  const zoom = useSelector(token, (c) => c.zoomLevel());\n  const mode = useSelector(token, (c) => c.zoomMode());\n  return {\n    zoom,\n    /** Active zoom intent: 'automatic' | 'fit-page' | 'fit-width' | 'fit-all' | 'custom'. */\n    mode,\n    zoomIn: s.zoomIn,\n    zoomOut: s.zoomOut,\n    fitWidth: s.fitWidth,\n    fitPage: s.fitPage,\n    fitAll: s.fitAll,\n    automatic: s.automatic,\n    zoomTo: s.zoomTo,\n  };\n}\nexport function usePages(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  const currentPage = useSelector(token, (c) => c.currentPage());\n  const pageCount = useSelector(token, (c) => c.pageCount());\n  return {\n    currentPage,\n    pageCount,\n    goToPage: s.goToPage,\n    next: s.next,\n    prev: s.prev,\n    reveal: s.reveal,\n  };\n}\nexport function useLayout(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  const flow = useSelector(token, (c) => c.flow());\n  const layout = useSelector(token, (c) => c.layout());\n  const spread = useSelector(token, (c) => c.spread());\n  const sizing = useSelector(token, (c) => c.sizing());\n  const bounded = useSelector(token, (c) => c.bounded());\n  return {\n    flow,\n    layout,\n    spread,\n    sizing,\n    bounded,\n    setFlow: s.setFlow,\n    setLayout: s.setLayout,\n    setSpread: s.setSpread,\n    setSizing: s.setSizing,\n    setBounded: s.setBounded,\n  };\n}\n\n/** The document's page list (with PDF labels) + the current item's pages — the\n *  data for page thumbnails / worksheet-style page tabs. */\nexport function usePageList(token: StageTokenProp = StageToken) {\n  const pages = useSelector(\n    token,\n    (c) => c.pages(),\n    (a, b) =>\n      a.length === b.length && a.every((p, i) => p.pon === b[i].pon && p.label === b[i].label),\n  );\n  const current = useSelector(\n    token,\n    (c) => c.currentItemPages(),\n    (a, b) => a.length === b.length && a.every((x, i) => x === b[i]),\n  );\n  return { pages, currentItemPages: current };\n}\n\n/**\n * All Stage settings + the batch `update`. This is the seam for \"presets are a\n * customer concern\": keep your own `Partial<StageSettings>` objects and apply them\n * with `update(preset)` (one anchor-preserving change).\n */\nexport function useStageSettings(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  // settingsEqual derives from the plugin's settings registry — a new setting is\n  // covered here automatically, without this package spelling out the shape.\n  const settings = useSelector(token, (c) => c.settings(), settingsEqual);\n  return { settings, update: s.update, reset: s.resetView };\n}\n"],"mappings":"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"}

package/dist/stage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stage.js","names":[],"sources":["../src/stage.tsx"],"sourcesContent":["/**\n * Stage / RenderLayer + facade hooks.\n *\n * <Stage> virtualizes and positions page surfaces by the camera, and hands each\n * one to YOUR render prop — you bring the layers. (The standalone, Stage-free\n * single-page surface lives in `./page-view` so it never pulls the stage plugin.)\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-stage';\nimport * as React from 'react';\nimport { useLayoutEffect, useMemo, useRef } from 'react';\nimport { StageToken, createScrollHandler, settingsEqual } from '@embedpdf/plugin-stage';\nimport type { StageCapability, VisiblePage } from '@embedpdf/plugin-stage';\nimport type { CapabilityToken } from '@embedpdf/core';\n\n/** Which stage lens to bind to. Defaults to the main StageToken — pass a custom\n *  token to drive an additional lens (e.g. a wrapped thumbnail sidebar). */\nexport type StageTokenProp = CapabilityToken<StageCapability>;\nimport type { PageFrame } from '@embedpdf/core-geometry';\nimport { InteractionToken } from '@embedpdf/plugin-interaction/contract';\nimport { createStageSurface } from '@embedpdf/web';\nimport { ProjectorProvider, type ProjectorBinding, type ViewProjector } from './anchored';\nimport {\n  makePageContext,\n  PageProvider,\n  useCapability,\n  useDocumentId,\n  useKernelValue,\n  useOptionalCapability,\n  useSelector,\n} from './runtime';\nimport type { PageContextValue } from './runtime';\n\nfunction PageSurface({\n  documentId,\n  page,\n  frame,\n  stage,\n  render,\n  chrome,\n}: {\n  documentId: string;\n  page: VisiblePage;\n  /** Reserved chrome bands around the page (screen px); the layout reserved the\n   *  matching space, so the outer box tiles into it. */\n  frame: PageFrame;\n  /** The stage capability — the demand getter reads visibility LIVE off it. */\n  stage: StageCapability;\n  render: (page: PageContextValue) => React.ReactNode;\n  chrome?: (page: PageContextValue) => React.ReactNode;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const t = page.transform;\n  const rotation = page.rotation;\n  // All geometry comes from the transform: the DISPLAY footprint (viewWidth/Height,\n  // already w↔h-swapped + device-snapped) and the UN-rotated content box\n  // (contentWidth/Height). The shell never re-derives `* zoom` / `* dpr` / snapping.\n  const outerW = t.viewWidth + frame.left + frame.right;\n  const outerH = t.viewHeight + frame.top + frame.bottom;\n  // page.screenX/screenY are the device-snapped footprint top-left; the outer box\n  // sits one frame further out so the content keeps its scene position.\n  const left = page.screenX - frame.left;\n  const top = page.screenY - frame.top;\n  // Center the (possibly rotated) content box on the display box and rotate about\n  // its center — NO translate(), so rotation 0 carries no transform and pixel-snaps\n  // like the axis-aligned shadow behind it (no hairline seam).\n  const contentLeft = frame.left + (t.viewWidth - t.contentWidth) / 2;\n  const contentTop = frame.top + (t.viewHeight - t.contentHeight) / 2;\n  // The page-view DEMAND is a PULL: the getter closes over\n  // stable references (capability + pon) and reads the stage's live state at\n  // call time — visibility is the STAGE's data (`VisiblePage.visibleRect`),\n  // not something an adapter re-derives or caches. Absent from the visible\n  // set = zero rect (\"want nothing\"), distinct from PageView's undefined\n  // getter (\"whole page\").\n  const ctx = useMemo(\n    () =>\n      makePageContext(\n        documentId,\n        // the hosting lens — per-view raster planning keys tile state by it,\n        // so a thumbnail rail and the main view never fight over one plan\n        stage.lensId(),\n        page.pon,\n        page.pageIndex,\n        frame,\n        t,\n        () => ref.current!.getBoundingClientRect(),\n        () => {\n          const live = stage.visiblePages().find((p) => p.pon === page.pon);\n          return live\n            ? { desiredDeviceWidth: live.transform.deviceWidth, visibleRect: live.visibleRect }\n            : {\n                desiredDeviceWidth: t.deviceWidth,\n                visibleRect: { x: 0, y: 0, width: 0, height: 0 },\n              };\n        },\n      ),\n    [documentId, page.pon, page.pageIndex, frame, t, stage],\n  );\n  return (\n    <div style={{ position: 'absolute', left, top, width: outerW, height: outerH }}>\n      <PageProvider value={ctx}>\n        {/* drop shadow ONLY — axis-aligned at the content box (inset by the frame),\n            transparent fill so it can never peek out behind the bitmap, and it\n            stays put under rotation. */}\n        <div\n          style={{\n            position: 'absolute',\n            left: frame.left,\n            top: frame.top,\n            width: t.viewWidth,\n            height: t.viewHeight,\n            // themeable: override via the CSS variable (app stylesheet), no props\n            boxShadow: 'var(--epdf-page-shadow, 0 6px 18px rgba(0,0,0,.18))',\n          }}\n        />\n        {/* the page: white backing + bitmap as ONE rasterized box, so there is no\n            seam between them and nothing white larger than the bitmap to leak.\n            The ONLY thing rotation turns; markers/annotations ride it in content\n            coordinates. Rotation 0 carries no transform → pixel-snaps cleanly. */}\n        <div\n          ref={ref}\n          style={{\n            position: 'absolute',\n            left: contentLeft,\n            top: contentTop,\n            width: t.contentWidth,\n            height: t.contentHeight,\n            background: '#fff',\n            transform: rotation ? `rotate(${rotation}deg)` : undefined,\n            // We render our own selection highlights — suppress native text/image\n            // selection (and the double-click image grab) on the whole page subtree.\n            userSelect: 'none',\n            WebkitUserSelect: 'none',\n          }}\n        >\n          {render(ctx)}\n        </div>\n        {/* box-space chrome — labels, selection border, per-page buttons — fills\n            the outer box, NEVER rotates. Bands are plain regions: a label is\n            `bottom:0; height: frame.bottom`, a button row `top:0; height: frame.top`. */}\n        {chrome?.(ctx)}\n      </PageProvider>\n    </div>\n  );\n}\n\nexport interface StageProps {\n  /**\n   * PAGE-SPACE content for each visible page (RenderLayer, annotations,\n   * markers). Rendered inside the page's content frame, so it ROTATES with the\n   * page's display rotation — coordinates are plain PDF points.\n   */\n  children: (page: PageContextValue) => React.ReactNode;\n  /**\n   * BOX-SPACE chrome for each visible page (page-number label, selection\n   * border, a per-page rotate/delete button). Rendered into the OUTER box\n   * (content + reserved `pageFrame`), so it does NOT rotate and the reserved\n   * bands are plain regions (`bottom:0; height: page.frame.bottom`). The three\n   * coordinate spaces: `children` (page content), `pageChrome` (page box +\n   * frame), `overlay` (viewport).\n   */\n  pageChrome?: (page: PageContextValue) => React.ReactNode;\n  /** Viewport-space UI (menus, controls) rendered above the pages. */\n  overlay?: React.ReactNode;\n  /**\n   * Route this Stage's pointer events to the interaction hub (page-resolved via\n   * `pageAt`) — AND register this lens's tool-gated pan-scroll handler with it\n   * (lens-scoped, so multiple stages on one document never pan each other).\n   * Pan is then the `pan` tool's job and dragging in `pointer` mode selects\n   * text (incl. across pages).\n   *\n   * Default TRUE: registering `interactionPlugin()` is the one opt-in — tools\n   * just work; without the hub this is inert and the stage falls back to\n   * built-in drag-to-pan, so a hub-less setup costs nothing. Set `false` on\n   * SECONDARY lenses (a thumbnail rail) that should stay click-to-navigate\n   * instead of feeding the document's tools.\n   */\n  interaction?: boolean;\n  /**\n   * With {@link interaction}: let drags over page GAPS pan regardless of the\n   * active tool (and show a grab cursor there) — the gutter always pans; there\n   * is nothing to draw/select outside a page. Default true.\n   */\n  panFallback?: boolean;\n  /**\n   * Ambient ZOOM gestures on this stage: ctrl/cmd+wheel and trackpad pinch\n   * (Safari gesture events included). Default true. Turn OFF for follower\n   * lenses with a fixed magnification — a thumbnail rail should scroll under\n   * cmd+wheel, not zoom — so a zoom-wheel falls through to ordinary wheel\n   * pan, and pinches are still swallowed (they never page-zoom the browser).\n   */\n  zoomGestures?: boolean;\n  /** The stage lens to drive (default: the main StageToken). */\n  token?: StageTokenProp;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function Stage({\n  children,\n  pageChrome,\n  overlay,\n  interaction = true,\n  panFallback = true,\n  zoomGestures = true,\n  token = StageToken,\n  className,\n  style,\n}: StageProps) {\n  const stage = useCapability(token);\n  const ix = useOptionalCapability(InteractionToken);\n  const useHub = interaction && !!ix;\n  // The hub's resolved cursor (text/grab/…), applied to the viewport when driving.\n  const hubCursor = useKernelValue(() => ix?.cursor() ?? 'default');\n  const ref = useRef<HTMLDivElement>(null);\n  const docId = useDocumentId();\n  // visiblePages already folds in the camera (each page carries its device-snapped\n  // screenX/screenY + transform), so panning re-emits the list — no separate\n  // camera subscription needed for positioning.\n  const pages = useSelector(token, (c) => c.visiblePages()); // memoized -> stable ref\n  // Reserved chrome bands (screen px), uniform across pages — the frame the\n  // outer box reserves and `pageChrome` paints into.\n  const frame = useSelector(\n    token,\n    (c) => c.pageFrame(),\n    (a, b) => a.top === b.top && a.right === b.right && a.bottom === b.bottom && a.left === b.left,\n  );\n\n  // The Stage's ViewProjector: anchored UI (menus, popovers) positions through\n  // the CAMERA — pure state, no DOM reads, no portal, and NO subscription:\n  // `pages` (visiblePages) is the binding's revision, so a camera change\n  // re-renders the pages AND every anchored consumer in the SAME React\n  // commit — surface and overlay can never paint a frame apart.\n  const projector = useMemo<ViewProjector>(\n    () => ({\n      space: 'overlay',\n      toScreen: (pon, rect) => stage.pageRectToScreen(pon, rect),\n      toScreenPoint: (pon, at) => {\n        const r = stage.pageRectToScreen(pon, { x: at.x, y: at.y, width: 0, height: 0 });\n        return r ? { x: r.x, y: r.y } : null;\n      },\n      viewEnv: (pon) => {\n        const t = stage.pageRect(pon)?.transform;\n        return t ? { scale: t.viewScale, rotation: t.rotation, zoom: t.zoom } : null;\n      },\n    }),\n    [stage],\n  );\n  const projectorBinding = useMemo<ProjectorBinding>(\n    () => ({ projector, revision: pages }),\n    [projector, pages],\n  );\n\n  useLayoutEffect(() => {\n    const el = ref.current!;\n    // The WHOLE browser binding — viewport/DPR reporting, sample normalization,\n    // gesture controller — is the shared @embedpdf/web surface, so every\n    // framework adapter has one feel. This component keeps only React glue.\n    const detachSurface = createStageSurface(el, stage, {\n      hub: useHub ? ix : null,\n      source: stage.lensId(),\n      zoomGestures,\n    });\n    // Interaction opt-in lives WITH the sample source: the same knob that\n    // forwards this lens's samples also registers its pan-scroll handler,\n    // lens-scoped — two stages on one document can never pan each other.\n    const offScroll =\n      useHub && ix\n        ? ix.registerHandler(createScrollHandler(stage, ix, { panFallback }), {\n            source: stage.lensId(),\n          })\n        : null;\n\n    return () => {\n      offScroll?.();\n      detachSurface();\n    };\n  }, [stage, ix, useHub, zoomGestures, panFallback]);\n\n  return (\n    <div\n      ref={ref}\n      className={className}\n      style={{\n        position: 'relative',\n        overflow: 'hidden',\n        touchAction: 'none',\n        ...(useHub ? { cursor: hubCursor } : null),\n        ...style,\n      }}\n    >\n      {pages.map((p) => (\n        <PageSurface\n          key={p.pon} // durable page identity — survives move/delete (matches Angular's `track p.pon`)\n          documentId={docId ?? ''}\n          page={p}\n          frame={frame}\n          stage={stage}\n          render={children}\n          chrome={pageChrome}\n        />\n      ))}\n      {/* Anchored UI mounts in the overlay: absolute coords here are the\n          projector's overlay space (the stage container). */}\n      <ProjectorProvider value={projectorBinding}>{overlay}</ProjectorProvider>\n    </div>\n  );\n}\n\n// ── Facade hooks — thin sugar over the capability + generic binding ───────────\nexport function useStage(token: StageTokenProp = StageToken) {\n  return useCapability(token);\n}\nexport function useZoom(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  const zoom = useSelector(token, (c) => c.zoomLevel());\n  const mode = useSelector(token, (c) => c.zoomMode());\n  return {\n    zoom,\n    /** Active zoom intent: 'automatic' | 'fit-page' | 'fit-width' | 'fit-all' | 'custom'. */\n    mode,\n    zoomIn: s.zoomIn,\n    zoomOut: s.zoomOut,\n    fitWidth: s.fitWidth,\n    fitPage: s.fitPage,\n    fitAll: s.fitAll,\n    automatic: s.automatic,\n    zoomTo: s.zoomTo,\n  };\n}\nexport function usePages(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  const currentPage = useSelector(token, (c) => c.currentPage());\n  const pageCount = useSelector(token, (c) => c.pageCount());\n  return {\n    currentPage,\n    pageCount,\n    goToPage: s.goToPage,\n    next: s.next,\n    prev: s.prev,\n    reveal: s.reveal,\n  };\n}\nexport function useLayout(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  const flow = useSelector(token, (c) => c.flow());\n  const layout = useSelector(token, (c) => c.layout());\n  const spread = useSelector(token, (c) => c.spread());\n  const sizing = useSelector(token, (c) => c.sizing());\n  const bounded = useSelector(token, (c) => c.bounded());\n  return {\n    flow,\n    layout,\n    spread,\n    sizing,\n    bounded,\n    setFlow: s.setFlow,\n    setLayout: s.setLayout,\n    setSpread: s.setSpread,\n    setSizing: s.setSizing,\n    setBounded: s.setBounded,\n  };\n}\n\n/** The document's page list (with PDF labels) + the current item's pages — the\n *  data for page thumbnails / worksheet-style page tabs. */\nexport function usePageList(token: StageTokenProp = StageToken) {\n  const pages = useSelector(\n    token,\n    (c) => c.pages(),\n    (a, b) =>\n      a.length === b.length && a.every((p, i) => p.pon === b[i].pon && p.label === b[i].label),\n  );\n  const current = useSelector(\n    token,\n    (c) => c.currentItemPages(),\n    (a, b) => a.length === b.length && a.every((x, i) => x === b[i]),\n  );\n  return { pages, currentItemPages: current };\n}\n\n/**\n * All Stage settings + the batch `update`. This is the seam for \"presets are a\n * customer concern\": keep your own `Partial<StageSettings>` objects and apply them\n * with `update(preset)` (one anchor-preserving change).\n */\nexport function useStageSettings(token: StageTokenProp = StageToken) {\n  const s = useCapability(token);\n  // settingsEqual derives from the plugin's settings registry — a new setting is\n  // covered here automatically, without this package spelling out the shape.\n  const settings = useSelector(token, (c) => c.settings(), settingsEqual);\n  return { settings, update: s.update, reset: s.resetView };\n}\n"],"mappings":"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"}

package/dist/views.cjs

@@ -1,35 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("./rolldown-runtime-DDXJien1.cjs");
-const require_runtime = require("./runtime.cjs");
-let _embedpdf_plugin_view_manager = require("@embedpdf/plugin-view-manager");
-//#region src/views.ts
-const sameView = (a, b) => a.id === b.id && a.activeDocumentId === b.activeDocumentId && a.documentIds.length === b.documentIds.length && a.documentIds.every((d, i) => d === b.documentIds[i]);
-function useViews() {
-	const vm = require_runtime.useKernel().capability(_embedpdf_plugin_view_manager.ViewManagerToken);
-	return {
-		views: require_runtime.useKernelValue(() => vm.list(), (a, b) => a.length === b.length && a.every((v, i) => sameView(v, b[i]))),
-		focusedViewId: require_runtime.useKernelValue(() => vm.focusedViewId()),
-		documentView: vm.documentView,
-		createView: vm.createView,
-		removeView: vm.removeView,
-		moveView: vm.moveView,
-		setFocused: vm.setFocused,
-		setActiveDocument: vm.setActiveDocument,
-		addDocument: vm.addDocument,
-		removeDocument: vm.removeDocument,
-		moveDocumentWithin: vm.moveDocumentWithin,
-		moveDocumentBetween: vm.moveDocumentBetween
-	};
-}
-//#endregion
-exports.useViews = useViews;
-Object.keys(_embedpdf_plugin_view_manager).forEach(function(k) {
-	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function() {
-			return _embedpdf_plugin_view_manager[k];
-		}
-	});
-});
-
-//# sourceMappingURL=views.cjs.map

package/dist/views.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"views.cjs","names":["useKernel","ViewManagerToken","useKernelValue"],"sources":["../src/views.ts"],"sourcesContent":["/**\n * useViews — the React view of @embedpdf/plugin-view-manager.\n *\n * Reactive pane list + intents. The adapter stays headless: it gives you the\n * views; YOU lay them out (split, grid, stacked), render each pane's tab strip\n * over `view.documentIds`, and wrap the body in a <DocumentScope id={activeId}>\n * so its Stage binds to that pane's active document.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-view-manager';\nimport { ViewManagerToken } from '@embedpdf/plugin-view-manager';\nimport type { ViewInfo } from '@embedpdf/plugin-view-manager';\nimport { useKernel, useKernelValue } from './runtime';\n\nexport interface UseViews {\n  views: ViewInfo[];\n  focusedViewId: string | null;\n  documentView: (documentId: string) => string | null;\n  createView: () => string;\n  removeView: (id: string) => void;\n  moveView: (id: string, toIndex: number) => void;\n  setFocused: (id: string) => void;\n  setActiveDocument: (viewId: string, documentId: string | null) => void;\n  addDocument: (viewId: string, documentId: string, index?: number) => void;\n  removeDocument: (viewId: string, documentId: string) => void;\n  moveDocumentWithin: (viewId: string, documentId: string, toIndex: number) => void;\n  moveDocumentBetween: (\n    fromViewId: string,\n    toViewId: string,\n    documentId: string,\n    toIndex?: number,\n  ) => void;\n}\n\nconst sameView = (a: ViewInfo, b: ViewInfo): boolean =>\n  a.id === b.id &&\n  a.activeDocumentId === b.activeDocumentId &&\n  a.documentIds.length === b.documentIds.length &&\n  a.documentIds.every((d, i) => d === b.documentIds[i]);\n\nexport function useViews(): UseViews {\n  const kernel = useKernel();\n  const vm = kernel.capability(ViewManagerToken);\n  const views = useKernelValue(\n    () => vm.list(),\n    (a, b) => a.length === b.length && a.every((v, i) => sameView(v, b[i])),\n  );\n  const focusedViewId = useKernelValue(() => vm.focusedViewId());\n  return {\n    views,\n    focusedViewId,\n    documentView: vm.documentView,\n    createView: vm.createView,\n    removeView: vm.removeView,\n    moveView: vm.moveView,\n    setFocused: vm.setFocused,\n    setActiveDocument: vm.setActiveDocument,\n    addDocument: vm.addDocument,\n    removeDocument: vm.removeDocument,\n    moveDocumentWithin: vm.moveDocumentWithin,\n    moveDocumentBetween: vm.moveDocumentBetween,\n  };\n}\n"],"mappings":";;;;;AAmCA,MAAM,YAAY,GAAa,MAC7B,EAAE,OAAO,EAAE,MACX,EAAE,qBAAqB,EAAE,oBACzB,EAAE,YAAY,WAAW,EAAE,YAAY,UACvC,EAAE,YAAY,OAAO,GAAG,MAAM,MAAM,EAAE,YAAY,EAAE;AAEtD,SAAgB,WAAqB;CAEnC,MAAM,KADSA,gBAAAA,UACC,CAAC,CAAC,WAAWC,8BAAAA,gBAAgB;CAM7C,OAAO;EACL,OANYC,gBAAAA,qBACN,GAAG,KAAK,IACb,GAAG,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,GAAG,MAAM,SAAS,GAAG,EAAE,EAAE,CAAC,CAIlE;EACJ,eAHoBA,gBAAAA,qBAAqB,GAAG,cAAc,CAG9C;EACZ,cAAc,GAAG;EACjB,YAAY,GAAG;EACf,YAAY,GAAG;EACf,UAAU,GAAG;EACb,YAAY,GAAG;EACf,mBAAmB,GAAG;EACtB,aAAa,GAAG;EAChB,gBAAgB,GAAG;EACnB,oBAAoB,GAAG;EACvB,qBAAqB,GAAG;CAC1B;AACF"}

package/dist/views.d.cts

@@ -1,21 +0,0 @@
-import { ViewInfo } from "@embedpdf/plugin-view-manager";
-export * from "@embedpdf/plugin-view-manager";
-//#region src/views.d.ts
-interface UseViews {
-  views: ViewInfo[];
-  focusedViewId: string | null;
-  documentView: (documentId: string) => string | null;
-  createView: () => string;
-  removeView: (id: string) => void;
-  moveView: (id: string, toIndex: number) => void;
-  setFocused: (id: string) => void;
-  setActiveDocument: (viewId: string, documentId: string | null) => void;
-  addDocument: (viewId: string, documentId: string, index?: number) => void;
-  removeDocument: (viewId: string, documentId: string) => void;
-  moveDocumentWithin: (viewId: string, documentId: string, toIndex: number) => void;
-  moveDocumentBetween: (fromViewId: string, toViewId: string, documentId: string, toIndex?: number) => void;
-}
-declare function useViews(): UseViews;
-//#endregion
-export { UseViews, useViews };
-//# sourceMappingURL=views.d.cts.map

package/dist/views.d.ts

@@ -1,21 +0,0 @@
-import { ViewInfo } from "@embedpdf/plugin-view-manager";
-export * from "@embedpdf/plugin-view-manager";
-//#region src/views.d.ts
-interface UseViews {
-  views: ViewInfo[];
-  focusedViewId: string | null;
-  documentView: (documentId: string) => string | null;
-  createView: () => string;
-  removeView: (id: string) => void;
-  moveView: (id: string, toIndex: number) => void;
-  setFocused: (id: string) => void;
-  setActiveDocument: (viewId: string, documentId: string | null) => void;
-  addDocument: (viewId: string, documentId: string, index?: number) => void;
-  removeDocument: (viewId: string, documentId: string) => void;
-  moveDocumentWithin: (viewId: string, documentId: string, toIndex: number) => void;
-  moveDocumentBetween: (fromViewId: string, toViewId: string, documentId: string, toIndex?: number) => void;
-}
-declare function useViews(): UseViews;
-//#endregion
-export { UseViews, useViews };
-//# sourceMappingURL=views.d.ts.map

package/dist/views.js

@@ -1,27 +0,0 @@
-import "./rolldown-runtime-BBjsoOtd.js";
-import { useKernel, useKernelValue } from "./runtime.js";
-import { ViewManagerToken } from "@embedpdf/plugin-view-manager";
-export * from "@embedpdf/plugin-view-manager";
-//#region src/views.ts
-const sameView = (a, b) => a.id === b.id && a.activeDocumentId === b.activeDocumentId && a.documentIds.length === b.documentIds.length && a.documentIds.every((d, i) => d === b.documentIds[i]);
-function useViews() {
-	const vm = useKernel().capability(ViewManagerToken);
-	return {
-		views: useKernelValue(() => vm.list(), (a, b) => a.length === b.length && a.every((v, i) => sameView(v, b[i]))),
-		focusedViewId: useKernelValue(() => vm.focusedViewId()),
-		documentView: vm.documentView,
-		createView: vm.createView,
-		removeView: vm.removeView,
-		moveView: vm.moveView,
-		setFocused: vm.setFocused,
-		setActiveDocument: vm.setActiveDocument,
-		addDocument: vm.addDocument,
-		removeDocument: vm.removeDocument,
-		moveDocumentWithin: vm.moveDocumentWithin,
-		moveDocumentBetween: vm.moveDocumentBetween
-	};
-}
-//#endregion
-export { useViews };
-
-//# sourceMappingURL=views.js.map

package/dist/views.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"views.js","names":[],"sources":["../src/views.ts"],"sourcesContent":["/**\n * useViews — the React view of @embedpdf/plugin-view-manager.\n *\n * Reactive pane list + intents. The adapter stays headless: it gives you the\n * views; YOU lay them out (split, grid, stacked), render each pane's tab strip\n * over `view.documentIds`, and wrap the body in a <DocumentScope id={activeId}>\n * so its Stage binds to that pane's active document.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-view-manager';\nimport { ViewManagerToken } from '@embedpdf/plugin-view-manager';\nimport type { ViewInfo } from '@embedpdf/plugin-view-manager';\nimport { useKernel, useKernelValue } from './runtime';\n\nexport interface UseViews {\n  views: ViewInfo[];\n  focusedViewId: string | null;\n  documentView: (documentId: string) => string | null;\n  createView: () => string;\n  removeView: (id: string) => void;\n  moveView: (id: string, toIndex: number) => void;\n  setFocused: (id: string) => void;\n  setActiveDocument: (viewId: string, documentId: string | null) => void;\n  addDocument: (viewId: string, documentId: string, index?: number) => void;\n  removeDocument: (viewId: string, documentId: string) => void;\n  moveDocumentWithin: (viewId: string, documentId: string, toIndex: number) => void;\n  moveDocumentBetween: (\n    fromViewId: string,\n    toViewId: string,\n    documentId: string,\n    toIndex?: number,\n  ) => void;\n}\n\nconst sameView = (a: ViewInfo, b: ViewInfo): boolean =>\n  a.id === b.id &&\n  a.activeDocumentId === b.activeDocumentId &&\n  a.documentIds.length === b.documentIds.length &&\n  a.documentIds.every((d, i) => d === b.documentIds[i]);\n\nexport function useViews(): UseViews {\n  const kernel = useKernel();\n  const vm = kernel.capability(ViewManagerToken);\n  const views = useKernelValue(\n    () => vm.list(),\n    (a, b) => a.length === b.length && a.every((v, i) => sameView(v, b[i])),\n  );\n  const focusedViewId = useKernelValue(() => vm.focusedViewId());\n  return {\n    views,\n    focusedViewId,\n    documentView: vm.documentView,\n    createView: vm.createView,\n    removeView: vm.removeView,\n    moveView: vm.moveView,\n    setFocused: vm.setFocused,\n    setActiveDocument: vm.setActiveDocument,\n    addDocument: vm.addDocument,\n    removeDocument: vm.removeDocument,\n    moveDocumentWithin: vm.moveDocumentWithin,\n    moveDocumentBetween: vm.moveDocumentBetween,\n  };\n}\n"],"mappings":";;;;;AAmCA,MAAM,YAAY,GAAa,MAC7B,EAAE,OAAO,EAAE,MACX,EAAE,qBAAqB,EAAE,oBACzB,EAAE,YAAY,WAAW,EAAE,YAAY,UACvC,EAAE,YAAY,OAAO,GAAG,MAAM,MAAM,EAAE,YAAY,EAAE;AAEtD,SAAgB,WAAqB;CAEnC,MAAM,KADS,UACC,CAAC,CAAC,WAAW,gBAAgB;CAM7C,OAAO;EACL,OANY,qBACN,GAAG,KAAK,IACb,GAAG,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,GAAG,MAAM,SAAS,GAAG,EAAE,EAAE,CAAC,CAIlE;EACJ,eAHoB,qBAAqB,GAAG,cAAc,CAG9C;EACZ,cAAc,GAAG;EACjB,YAAY,GAAG;EACf,YAAY,GAAG;EACf,UAAU,GAAG;EACb,YAAY,GAAG;EACf,mBAAmB,GAAG;EACtB,aAAa,GAAG;EAChB,gBAAgB,GAAG;EACnB,oBAAoB,GAAG;EACvB,qBAAqB,GAAG;CAC1B;AACF"}