@embedpdf/react 3.0.0-next.0

package/dist/link.js

@@ -0,0 +1,98 @@
+import { shallowArray, useCapability, usePage, useSelector } from "./runtime.js";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useEffect } from "react";
+import { sanitizeExternalUri } from "@embedpdf/web";
+import { LinkToken } from "@embedpdf/plugin-link";
+export * from "@embedpdf/plugin-link";
+//#region src/link.tsx
+/** Content rect → view px (the page wrapper's own space) — the same idiom as
+*  the annotation and form layers: never re-derive `x * scale`. */
+function boxOf(item, page) {
+	const tl = page.transform.pageToContent({
+		x: item.rect.x,
+		y: item.rect.y
+	});
+	const br = page.transform.pageToContent({
+		x: item.rect.x + item.rect.width,
+		y: item.rect.y + item.rect.height
+	});
+	return {
+		left: tl.x,
+		top: tl.y,
+		width: br.x - tl.x,
+		height: br.y - tl.y
+	};
+}
+/** A human label for the hover tooltip. Apps with i18n render their own via
+*  `renderLink`; this is the sensible default. */
+function labelOf(item) {
+	switch (item.target.kind) {
+		case "uri": return item.target.uri;
+		case "goto": return "Go to destination";
+		case "named": return item.target.name;
+		default: return "Link";
+	}
+}
+function LinkLayer({ renderLink } = {}) {
+	const page = usePage();
+	const link = useCapability(LinkToken);
+	const items = useSelector(LinkToken, (c) => c.linksOn(page.pon), shallowArray);
+	const engaged = useSelector(LinkToken, (c) => c.engaged());
+	useEffect(() => {
+		link.ensurePage(page.pon);
+	}, [link, page.pon]);
+	if (!engaged || !items.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		style: {
+			position: "absolute",
+			inset: 0,
+			pointerEvents: "none"
+		},
+		children: items.map((item) => {
+			const box = boxOf(item, page);
+			const native = /* @__PURE__ */ jsx("a", {
+				href: (item.target.kind === "uri" ? sanitizeExternalUri(item.target.uri) : null) ?? void 0,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				role: "link",
+				tabIndex: 0,
+				title: labelOf(item),
+				"aria-label": labelOf(item),
+				onClick: (e) => {
+					if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+					e.preventDefault();
+					link.activate(item.target);
+				},
+				onKeyDown: (e) => {
+					if (e.key === "Enter" || e.key === " ") {
+						e.preventDefault();
+						link.activate(item.target);
+					}
+				},
+				onPointerDown: (e) => e.stopPropagation(),
+				style: {
+					position: "absolute",
+					left: box.left,
+					top: box.top,
+					width: box.width,
+					height: box.height,
+					cursor: "pointer",
+					pointerEvents: "auto"
+				}
+			});
+			const out = renderLink?.({
+				item,
+				nativeComponent: native
+			}) ?? native;
+			return /* @__PURE__ */ jsx(React.Fragment, { children: out }, item.id);
+		})
+	});
+}
+function useLink() {
+	return useCapability(LinkToken);
+}
+//#endregion
+export { LinkLayer, useLink };
+
+//# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../src/link.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-link — the navigation plane's paint.\n *\n * One absolutely-positioned <a> per clickable link area, real anchors on\n * purpose: URIs get an `href` (middle-click, copy-link, status-bar preview\n * and keyboard focus for free), internal destinations activate through the\n * plugin (stage reveal). The layer stands down entirely while the active\n * tool doesn't enable `link-nav` — the annotation plane owns links then\n * (select / move / resize / retarget through the selection editor).\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-link';\nimport * as React from 'react';\nimport { useEffect } from 'react';\nimport { LinkToken, type LinkNavItem } from '@embedpdf/plugin-link';\nimport { sanitizeExternalUri } from '@embedpdf/web';\n\nimport { shallowArray, useCapability, usePage, useSelector } from './runtime';\nimport type { PageContextValue } from './runtime';\n\n/** Content rect → view px (the page wrapper's own space) — the same idiom as\n *  the annotation and form layers: never re-derive `x * scale`. */\nfunction boxOf(item: LinkNavItem, page: PageContextValue) {\n  const tl = page.transform.pageToContent({ x: item.rect.x, y: item.rect.y });\n  const br = page.transform.pageToContent({\n    x: item.rect.x + item.rect.width,\n    y: item.rect.y + item.rect.height,\n  });\n  return { left: tl.x, top: tl.y, width: br.x - tl.x, height: br.y - tl.y };\n}\n\n/** A human label for the hover tooltip. Apps with i18n render their own via\n *  `renderLink`; this is the sensible default. */\nfunction labelOf(item: LinkNavItem): string {\n  switch (item.target.kind) {\n    case 'uri':\n      return item.target.uri;\n    case 'goto':\n      return 'Go to destination';\n    case 'named':\n      return item.target.name;\n    default:\n      return 'Link';\n  }\n}\n\nexport interface LinkLayerProps {\n  /** Wrap or replace a link's native anchor (badging, custom tooltips). */\n  renderLink?: (args: {\n    item: LinkNavItem;\n    nativeComponent: React.ReactNode;\n  }) => React.ReactNode | undefined;\n}\n\nexport function LinkLayer({ renderLink }: LinkLayerProps = {}) {\n  const page = usePage();\n  const link = useCapability(LinkToken);\n  const items = useSelector(LinkToken, (c) => c.linksOn(page.pon), shallowArray);\n  const engaged = useSelector(LinkToken, (c) => c.engaged());\n\n  useEffect(() => {\n    link.ensurePage(page.pon);\n  }, [link, page.pon]);\n\n  // An authoring tool is active → the annotation plane owns links (they're\n  // plain editable rects there); no nav anchors, no swallowed pointer events.\n  if (!engaged || !items.length) return null;\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }}>\n      {items.map((item) => {\n        const box = boxOf(item, page);\n        // Real href ONLY for sanitized external URIs; blocked schemes and\n        // internal targets activate through the plugin instead.\n        const href = item.target.kind === 'uri' ? sanitizeExternalUri(item.target.uri) : null;\n        const native = (\n          <a\n            href={href ?? undefined}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            role=\"link\"\n            tabIndex={0}\n            title={labelOf(item)}\n            aria-label={labelOf(item)}\n            onClick={(e) => {\n              // Plain left-click activates through the plugin (stage reveal /\n              // policy / analytics). Modified clicks and middle-clicks on a\n              // real href keep their native browser behaviour.\n              if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n              e.preventDefault();\n              link.activate(item.target);\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                link.activate(item.target);\n              }\n            }}\n            // Keep the hub out of it: a down inside the anchor must not reach\n            // the Stage's native listener (same isolation idiom as FreeText).\n            onPointerDown={(e) => e.stopPropagation()}\n            style={{\n              position: 'absolute',\n              left: box.left,\n              top: box.top,\n              width: box.width,\n              height: box.height,\n              cursor: 'pointer',\n              pointerEvents: 'auto',\n            }}\n          />\n        );\n        const out = renderLink?.({ item, nativeComponent: native }) ?? native;\n        return <React.Fragment key={item.id}>{out}</React.Fragment>;\n      })}\n    </div>\n  );\n}\n\nexport function useLink() {\n  return useCapability(LinkToken);\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAS,MAAM,MAAmB,MAAwB;CACxD,MAAM,KAAK,KAAK,UAAU,cAAc;EAAE,GAAG,KAAK,KAAK;EAAG,GAAG,KAAK,KAAK;CAAE,CAAC;CAC1E,MAAM,KAAK,KAAK,UAAU,cAAc;EACtC,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK;EAC3B,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK;CAC7B,CAAC;CACD,OAAO;EAAE,MAAM,GAAG;EAAG,KAAK,GAAG;EAAG,OAAO,GAAG,IAAI,GAAG;EAAG,QAAQ,GAAG,IAAI,GAAG;CAAE;AAC1E;;;AAIA,SAAS,QAAQ,MAA2B;CAC1C,QAAQ,KAAK,OAAO,MAApB;EACE,KAAK,OACH,OAAO,KAAK,OAAO;EACrB,KAAK,QACH,OAAO;EACT,KAAK,SACH,OAAO,KAAK,OAAO;EACrB,SACE,OAAO;CACX;AACF;AAUA,SAAgB,UAAU,EAAE,eAA+B,CAAC,GAAG;CAC7D,MAAM,OAAO,QAAQ;CACrB,MAAM,OAAO,cAAc,SAAS;CACpC,MAAM,QAAQ,YAAY,YAAY,MAAM,EAAE,QAAQ,KAAK,GAAG,GAAG,YAAY;CAC7E,MAAM,UAAU,YAAY,YAAY,MAAM,EAAE,QAAQ,CAAC;CAEzD,gBAAgB;EACd,KAAK,WAAW,KAAK,GAAG;CAC1B,GAAG,CAAC,MAAM,KAAK,GAAG,CAAC;CAInB,IAAI,CAAC,WAAW,CAAC,MAAM,QAAQ,OAAO;CAEtC,OACE,oBAAC,OAAD;EAAK,OAAO;GAAE,UAAU;GAAY,OAAO;GAAG,eAAe;EAAO;EACjE,UAAA,MAAM,KAAK,SAAS;GACnB,MAAM,MAAM,MAAM,MAAM,IAAI;GAI5B,MAAM,SACJ,oBAAC,KAAD;IACE,OAHS,KAAK,OAAO,SAAS,QAAQ,oBAAoB,KAAK,OAAO,GAAG,IAAI,SAG/D,KAAA;IACd,QAAO;IACP,KAAI;IACJ,MAAK;IACL,UAAU;IACV,OAAO,QAAQ,IAAI;IACnB,cAAY,QAAQ,IAAI;IACxB,UAAU,MAAM;KAId,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ;KACtD,EAAE,eAAe;KACjB,KAAK,SAAS,KAAK,MAAM;IAC3B;IACA,YAAY,MAAM;KAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;MACtC,EAAE,eAAe;MACjB,KAAK,SAAS,KAAK,MAAM;KAC3B;IACF;IAGA,gBAAgB,MAAM,EAAE,gBAAgB;IACxC,OAAO;KACL,UAAU;KACV,MAAM,IAAI;KACV,KAAK,IAAI;KACT,OAAO,IAAI;KACX,QAAQ,IAAI;KACZ,QAAQ;KACR,eAAe;IACjB;GACD,CAAA;GAEH,MAAM,MAAM,aAAa;IAAE;IAAM,iBAAiB;GAAO,CAAC,KAAK;GAC/D,OAAO,oBAAC,MAAM,UAAP,EAAA,UAA+B,IAAoB,GAA9B,KAAK,EAAyB;EAC5D,CAAC;CACE,CAAA;AAET;AAEA,SAAgB,UAAU;CACxB,OAAO,cAAc,SAAS;AAChC"}

package/dist/metadata.cjs

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./rolldown-runtime-DDXJien1.cjs");
+const require_runtime = require("./runtime.cjs");
+let _embedpdf_plugin_metadata = require("@embedpdf/plugin-metadata");
+//#region src/metadata.ts
+function useMetadata() {
+	const cap = require_runtime.useCapability(_embedpdf_plugin_metadata.MetadataToken);
+	return {
+		metadata: require_runtime.useSelector(_embedpdf_plugin_metadata.MetadataToken, (c) => c.current()),
+		update: cap.update,
+		canEdit: cap.canEdit
+	};
+}
+//#endregion
+exports.useMetadata = useMetadata;
+Object.keys(_embedpdf_plugin_metadata).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _embedpdf_plugin_metadata[k];
+		}
+	});
+});
+
+//# sourceMappingURL=metadata.cjs.map

package/dist/metadata.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.cjs","names":["useCapability","MetadataToken","useSelector"],"sources":["../src/metadata.ts"],"sourcesContent":["import { MetadataToken } from '@embedpdf/plugin-metadata';\nimport type { DocumentMetadata, MetadataPatch } from '@embedpdf/core';\nimport { useCapability, useSelector } from './runtime';\n\n/**\n * The document's metadata, bound to the surrounding `DocumentScope`. Reactive:\n * `metadata` updates from your own edits AND from remote (SSE) edits — the\n * plugin keeps it live off the document event stream.\n *\n *   const { metadata, update } = useMetadata();\n *   await update({ title: 'New title' }); // three-state patch; writes to the layer\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-metadata';\nexport function useMetadata(): {\n  metadata: DocumentMetadata | null;\n  update: (patch: MetadataPatch) => Promise<void>;\n  canEdit: () => boolean;\n} {\n  const cap = useCapability(MetadataToken);\n  const metadata = useSelector(MetadataToken, (c) => c.current());\n  return { metadata, update: cap.update, canEdit: cap.canEdit };\n}\n"],"mappings":";;;;;AAeA,SAAgB,cAId;CACA,MAAM,MAAMA,gBAAAA,cAAcC,0BAAAA,aAAa;CAEvC,OAAO;EAAE,UADQC,gBAAAA,YAAYD,0BAAAA,gBAAgB,MAAM,EAAE,QAAQ,CAC7C;EAAG,QAAQ,IAAI;EAAQ,SAAS,IAAI;CAAQ;AAC9D"}

package/dist/metadata.d.cts

@@ -0,0 +1,11 @@
+import { DocumentMetadata, MetadataPatch } from "@embedpdf/core";
+export * from "@embedpdf/plugin-metadata";
+//#region src/metadata.d.ts
+declare function useMetadata(): {
+  metadata: DocumentMetadata | null;
+  update: (patch: MetadataPatch) => Promise<void>;
+  canEdit: () => boolean;
+};
+//#endregion
+export { useMetadata };
+//# sourceMappingURL=metadata.d.cts.map

package/dist/metadata.d.ts

@@ -0,0 +1,11 @@
+import { DocumentMetadata, MetadataPatch } from "@embedpdf/core";
+export * from "@embedpdf/plugin-metadata";
+//#region src/metadata.d.ts
+declare function useMetadata(): {
+  metadata: DocumentMetadata | null;
+  update: (patch: MetadataPatch) => Promise<void>;
+  canEdit: () => boolean;
+};
+//#endregion
+export { useMetadata };
+//# sourceMappingURL=metadata.d.ts.map

package/dist/metadata.js

@@ -0,0 +1,16 @@
+import { useCapability, useSelector } from "./runtime.js";
+import { MetadataToken } from "@embedpdf/plugin-metadata";
+export * from "@embedpdf/plugin-metadata";
+//#region src/metadata.ts
+function useMetadata() {
+	const cap = useCapability(MetadataToken);
+	return {
+		metadata: useSelector(MetadataToken, (c) => c.current()),
+		update: cap.update,
+		canEdit: cap.canEdit
+	};
+}
+//#endregion
+export { useMetadata };
+
+//# sourceMappingURL=metadata.js.map

package/dist/metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","names":[],"sources":["../src/metadata.ts"],"sourcesContent":["import { MetadataToken } from '@embedpdf/plugin-metadata';\nimport type { DocumentMetadata, MetadataPatch } from '@embedpdf/core';\nimport { useCapability, useSelector } from './runtime';\n\n/**\n * The document's metadata, bound to the surrounding `DocumentScope`. Reactive:\n * `metadata` updates from your own edits AND from remote (SSE) edits — the\n * plugin keeps it live off the document event stream.\n *\n *   const { metadata, update } = useMetadata();\n *   await update({ title: 'New title' }); // three-state patch; writes to the layer\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-metadata';\nexport function useMetadata(): {\n  metadata: DocumentMetadata | null;\n  update: (patch: MetadataPatch) => Promise<void>;\n  canEdit: () => boolean;\n} {\n  const cap = useCapability(MetadataToken);\n  const metadata = useSelector(MetadataToken, (c) => c.current());\n  return { metadata, update: cap.update, canEdit: cap.canEdit };\n}\n"],"mappings":";;;;AAeA,SAAgB,cAId;CACA,MAAM,MAAM,cAAc,aAAa;CAEvC,OAAO;EAAE,UADQ,YAAY,gBAAgB,MAAM,EAAE,QAAQ,CAC7C;EAAG,QAAQ,IAAI;EAAQ,SAAS,IAAI;CAAQ;AAC9D"}

package/dist/page-edit.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./rolldown-runtime-DDXJien1.cjs");
+const require_runtime = require("./runtime.cjs");
+let _embedpdf_plugin_page_edit = require("@embedpdf/plugin-page-edit");
+//#region src/page-edit.ts
+function usePageEditor() {
+	return require_runtime.useCapability(_embedpdf_plugin_page_edit.PageEditToken);
+}
+//#endregion
+exports.usePageEditor = usePageEditor;
+Object.keys(_embedpdf_plugin_page_edit).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _embedpdf_plugin_page_edit[k];
+		}
+	});
+});
+
+//# sourceMappingURL=page-edit.cjs.map

package/dist/page-edit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-edit.cjs","names":["useCapability","PageEditToken"],"sources":["../src/page-edit.ts"],"sourcesContent":["import { PageEditToken, type PageEditCapability } from '@embedpdf/plugin-page-edit';\nimport { useCapability } from './runtime';\n\n/**\n * The page-edit capability, bound to the surrounding `DocumentScope`.\n *\n * Thin idiomatic wrapper over `PageEditToken` — the relative→absolute rotation\n * and PON addressing live in the plugin, so this hook (and its Vue/Svelte/\n * Angular siblings) is pure binding sugar with no logic to drift.\n *\n *   const editor = usePageEditor();\n *   editor.rotateBy(page.pon, 90);\n *   if (editor.canEdit()) { … }\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-page-edit';\nexport function usePageEditor(): PageEditCapability {\n  return useCapability(PageEditToken);\n}\n"],"mappings":";;;;;AAiBA,SAAgB,gBAAoC;CAClD,OAAOA,gBAAAA,cAAcC,2BAAAA,aAAa;AACpC"}

package/dist/page-edit.d.cts

@@ -0,0 +1,7 @@
+import { PageEditCapability } from "@embedpdf/plugin-page-edit";
+export * from "@embedpdf/plugin-page-edit";
+//#region src/page-edit.d.ts
+declare function usePageEditor(): PageEditCapability;
+//#endregion
+export { usePageEditor };
+//# sourceMappingURL=page-edit.d.cts.map

package/dist/page-edit.d.ts

@@ -0,0 +1,7 @@
+import { PageEditCapability } from "@embedpdf/plugin-page-edit";
+export * from "@embedpdf/plugin-page-edit";
+//#region src/page-edit.d.ts
+declare function usePageEditor(): PageEditCapability;
+//#endregion
+export { usePageEditor };
+//# sourceMappingURL=page-edit.d.ts.map

package/dist/page-edit.js

@@ -0,0 +1,11 @@
+import { useCapability } from "./runtime.js";
+import { PageEditToken } from "@embedpdf/plugin-page-edit";
+export * from "@embedpdf/plugin-page-edit";
+//#region src/page-edit.ts
+function usePageEditor() {
+	return useCapability(PageEditToken);
+}
+//#endregion
+export { usePageEditor };
+
+//# sourceMappingURL=page-edit.js.map

package/dist/page-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-edit.js","names":[],"sources":["../src/page-edit.ts"],"sourcesContent":["import { PageEditToken, type PageEditCapability } from '@embedpdf/plugin-page-edit';\nimport { useCapability } from './runtime';\n\n/**\n * The page-edit capability, bound to the surrounding `DocumentScope`.\n *\n * Thin idiomatic wrapper over `PageEditToken` — the relative→absolute rotation\n * and PON addressing live in the plugin, so this hook (and its Vue/Svelte/\n * Angular siblings) is pure binding sugar with no logic to drift.\n *\n *   const editor = usePageEditor();\n *   editor.rotateBy(page.pon, 90);\n *   if (editor.canEdit()) { … }\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-page-edit';\nexport function usePageEditor(): PageEditCapability {\n  return useCapability(PageEditToken);\n}\n"],"mappings":";;;;AAiBA,SAAgB,gBAAoC;CAClD,OAAO,cAAc,aAAa;AACpC"}

package/dist/page-view.cjs

@@ -0,0 +1,107 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+const require_runtime = require("./runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let _embedpdf_core_geometry = require("@embedpdf/core-geometry");
+//#region src/page-view.tsx
+/**
+* <PageView> — a single page surface with NO Stage.
+*
+* Same layers + rotation + chrome frame as a `<Stage>` page, but no
+* camera/scroll/zoom and, crucially, NO dependency on `@embedpdf/plugin-stage`.
+* It builds its own `PageTransform` from a target content width and shares the
+* exact `PageContext` seam, so every layer (RenderLayer, AnnotationLayer,
+* PageAnnotationMenu, …) works here identically.
+*/
+/** A single page surface with NO Stage — same layers + rotation + chrome frame,
+*  no camera/scroll/zoom. */
+function PageView({ page, documentId, width = 240, pageFrame = _embedpdf_core_geometry.NO_FRAME, children, pageChrome, style }) {
+	const kernel = require_runtime.useKernel();
+	const active = require_runtime.useActiveDocumentId();
+	const ref = (0, react.useRef)(null);
+	const docId = documentId ?? active;
+	const meta = docId ? kernel.getState().core.documents[docId] : void 0;
+	const base = meta?.pages[page];
+	const pon = base?.pageObjectNumber ?? page + 1;
+	const rotation = base?.rotation ?? 0;
+	const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+	const transform = (0, react.useMemo)(() => (0, _embedpdf_core_geometry.pageTransform)({
+		pageSize: base ? {
+			width: base.size.width,
+			height: base.size.height
+		} : {
+			width: 1,
+			height: 1
+		},
+		rotation,
+		scale: base ? width / base.size.width : 1,
+		baseScale: 96 / 72 * (base?.userUnit ?? 1),
+		dpr
+	}), [
+		base?.size.width,
+		base?.size.height,
+		base?.userUnit,
+		rotation,
+		width,
+		dpr
+	]);
+	const ctx = (0, react.useMemo)(() => require_runtime.makePageContext(docId ?? "", pon, page, pageFrame, transform, () => ref.current.getBoundingClientRect()), [
+		docId,
+		pon,
+		page,
+		pageFrame,
+		transform
+	]);
+	if (!docId || !meta || !base) return null;
+	const t = transform;
+	const outerW = t.viewWidth + pageFrame.left + pageFrame.right;
+	const outerH = t.viewHeight + pageFrame.top + pageFrame.bottom;
+	const contentLeft = pageFrame.left + (t.viewWidth - t.contentWidth) / 2;
+	const contentTop = pageFrame.top + (t.viewHeight - t.contentHeight) / 2;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_runtime.DocumentScope, {
+		id: docId,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				position: "relative",
+				width: outerW,
+				height: outerH,
+				...style
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_runtime.PageProvider, {
+				value: ctx,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
+						position: "absolute",
+						left: pageFrame.left,
+						top: pageFrame.top,
+						width: t.viewWidth,
+						height: t.viewHeight,
+						boxShadow: "0 6px 18px rgba(0,0,0,.18)"
+					} }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref,
+						style: {
+							position: "absolute",
+							left: contentLeft,
+							top: contentTop,
+							width: t.contentWidth,
+							height: t.contentHeight,
+							background: "#fff",
+							transform: rotation ? `rotate(${rotation}deg)` : void 0,
+							userSelect: "none",
+							WebkitUserSelect: "none"
+						},
+						children
+					}),
+					pageChrome
+				]
+			})
+		})
+	});
+}
+//#endregion
+exports.PageView = PageView;
+
+//# sourceMappingURL=page-view.cjs.map

package/dist/page-view.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-view.cjs","names":["NO_FRAME","useKernel","useActiveDocumentId","makePageContext","DocumentScope","PageProvider"],"sources":["../src/page-view.tsx"],"sourcesContent":["/**\n * <PageView> — a single page surface with NO Stage.\n *\n * Same layers + rotation + chrome frame as a `<Stage>` page, but no\n * camera/scroll/zoom and, crucially, NO dependency on `@embedpdf/plugin-stage`.\n * It builds its own `PageTransform` from a target content width and shares the\n * exact `PageContext` seam, so every layer (RenderLayer, AnnotationLayer,\n * PageAnnotationMenu, …) works here identically.\n */\nimport * as React from 'react';\nimport { useMemo, useRef } from 'react';\nimport { NO_FRAME, pageTransform, type PageFrame } from '@embedpdf/core-geometry';\nimport {\n  DocumentScope,\n  makePageContext,\n  PageProvider,\n  useActiveDocumentId,\n  useKernel,\n} from './runtime';\n\nexport interface PageViewProps {\n  page: number;\n  /** Which document to show. Defaults to the active document. */\n  documentId?: string;\n  /** Target width for the page CONTENT; the display box is the rotated footprint. */\n  width?: number;\n  /** Reserved chrome bands around the page (screen px) — same model as `<Stage>`. */\n  pageFrame?: PageFrame;\n  /** Page-space content (rotates with the page). */\n  children: React.ReactNode;\n  /** Box-space chrome (label, border, …) — never rotated. Mirrors `<Stage pageChrome>`. */\n  pageChrome?: React.ReactNode;\n  style?: React.CSSProperties;\n}\n\n/** A single page surface with NO Stage — same layers + rotation + chrome frame,\n *  no camera/scroll/zoom. */\nexport function PageView({\n  page,\n  documentId,\n  width = 240,\n  pageFrame = NO_FRAME,\n  children,\n  pageChrome,\n  style,\n}: PageViewProps) {\n  const kernel = useKernel();\n  const active = useActiveDocumentId();\n  const ref = useRef<HTMLDivElement>(null);\n  const docId = documentId ?? active;\n  const meta = docId ? kernel.getState().core.documents[docId] : undefined;\n  const base = meta?.pages[page];\n  const pon = base?.pageObjectNumber ?? page + 1;\n  const rotation = base?.rotation ?? 0;\n  const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n  // Standalone (no Stage/camera): build the page's transform from the target\n  // content `width` directly. `scale` is view px per point = width / pageWidthPts.\n  const transform = useMemo(\n    () =>\n      pageTransform({\n        pageSize: base\n          ? { width: base.size.width, height: base.size.height }\n          : { width: 1, height: 1 },\n        rotation,\n        scale: base ? width / base.size.width : 1,\n        // Physical 100% on the web: 1pt = 96/72 CSS px, times the page's\n        // /UserUnit — so `transform.zoom` is meaningful even without a Stage\n        // (a thumbnail-sized PageView reads as zoomed out, as it should).\n        baseScale: (96 / 72) * (base?.userUnit ?? 1),\n        dpr,\n      }),\n    [base?.size.width, base?.size.height, base?.userUnit, rotation, width, dpr],\n  );\n  const ctx = useMemo(\n    () =>\n      makePageContext(docId ?? '', pon, page, pageFrame, transform, () =>\n        ref.current!.getBoundingClientRect(),\n      ),\n    [docId, pon, page, pageFrame, transform],\n  );\n  if (!docId || !meta || !base) return null;\n  const t = transform;\n  const outerW = t.viewWidth + pageFrame.left + pageFrame.right;\n  const outerH = t.viewHeight + pageFrame.top + pageFrame.bottom;\n  const contentLeft = pageFrame.left + (t.viewWidth - t.contentWidth) / 2;\n  const contentTop = pageFrame.top + (t.viewHeight - t.contentHeight) / 2;\n  return (\n    <DocumentScope id={docId}>\n      <div style={{ position: 'relative', width: outerW, height: outerH, ...style }}>\n        <PageProvider value={ctx}>\n          {/* drop shadow ONLY — transparent, axis-aligned, can't leak behind the bitmap */}\n          <div\n            style={{\n              position: 'absolute',\n              left: pageFrame.left,\n              top: pageFrame.top,\n              width: t.viewWidth,\n              height: t.viewHeight,\n              boxShadow: '0 6px 18px rgba(0,0,0,.18)',\n            }}\n          />\n          {/* white backing + content as ONE box; rotation 0 carries no transform */}\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              userSelect: 'none',\n              WebkitUserSelect: 'none',\n            }}\n          >\n            {children}\n          </div>\n          {pageChrome}\n        </PageProvider>\n      </div>\n    </DocumentScope>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,SAAS,EACvB,MACA,YACA,QAAQ,KACR,YAAYA,wBAAAA,UACZ,UACA,YACA,SACgB;CAChB,MAAM,SAASC,gBAAAA,UAAU;CACzB,MAAM,SAASC,gBAAAA,oBAAoB;CACnC,MAAM,OAAA,GAAA,MAAA,OAAA,CAA6B,IAAI;CACvC,MAAM,QAAQ,cAAc;CAC5B,MAAM,OAAO,QAAQ,OAAO,SAAS,CAAC,CAAC,KAAK,UAAU,SAAS,KAAA;CAC/D,MAAM,OAAO,MAAM,MAAM;CACzB,MAAM,MAAM,MAAM,oBAAoB,OAAO;CAC7C,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,MAAM,OAAO,WAAW,cAAc,OAAO,oBAAoB,IAAI;CAG3E,MAAM,aAAA,GAAA,MAAA,QAAA,QAAA,GAAA,wBAAA,cAAA,CAEY;EACZ,UAAU,OACN;GAAE,OAAO,KAAK,KAAK;GAAO,QAAQ,KAAK,KAAK;EAAO,IACnD;GAAE,OAAO;GAAG,QAAQ;EAAE;EAC1B;EACA,OAAO,OAAO,QAAQ,KAAK,KAAK,QAAQ;EAIxC,WAAY,KAAK,MAAO,MAAM,YAAY;EAC1C;CACF,CAAC,GACH;EAAC,MAAM,KAAK;EAAO,MAAM,KAAK;EAAQ,MAAM;EAAU;EAAU;EAAO;CAAG,CAC5E;CACA,MAAM,OAAA,GAAA,MAAA,QAAA,OAEFC,gBAAAA,gBAAgB,SAAS,IAAI,KAAK,MAAM,WAAW,iBACjD,IAAI,QAAS,sBAAsB,CACrC,GACF;EAAC;EAAO;EAAK;EAAM;EAAW;CAAS,CACzC;CACA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,OAAO;CACrC,MAAM,IAAI;CACV,MAAM,SAAS,EAAE,YAAY,UAAU,OAAO,UAAU;CACxD,MAAM,SAAS,EAAE,aAAa,UAAU,MAAM,UAAU;CACxD,MAAM,cAAc,UAAU,QAAQ,EAAE,YAAY,EAAE,gBAAgB;CACtE,MAAM,aAAa,UAAU,OAAO,EAAE,aAAa,EAAE,iBAAiB;CACtE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,eAAD;EAAe,IAAI;EACjB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,OAAO;IAAE,UAAU;IAAY,OAAO;IAAQ,QAAQ;IAAQ,GAAG;GAAM;GAC1E,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,cAAD;IAAc,OAAO;IAArB,UAAA;KAEE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EACE,OAAO;MACL,UAAU;MACV,MAAM,UAAU;MAChB,KAAK,UAAU;MACf,OAAO,EAAE;MACT,QAAQ,EAAE;MACV,WAAW;KACb,EACD,CAAA;KAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MACO;MACL,OAAO;OACL,UAAU;OACV,MAAM;OACN,KAAK;OACL,OAAO,EAAE;OACT,QAAQ,EAAE;OACV,YAAY;OACZ,WAAW,WAAW,UAAU,SAAS,QAAQ,KAAA;OACjD,YAAY;OACZ,kBAAkB;MACpB;MAEC;KACE,CAAA;KACJ;IACW;;EACX,CAAA;CACQ,CAAA;AAEnB"}

package/dist/page-view.d.cts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { PageFrame } from "@embedpdf/core-geometry";
+//#region src/page-view.d.ts
+interface PageViewProps {
+  page: number;
+  /** Which document to show. Defaults to the active document. */
+  documentId?: string;
+  /** Target width for the page CONTENT; the display box is the rotated footprint. */
+  width?: number;
+  /** Reserved chrome bands around the page (screen px) — same model as `<Stage>`. */
+  pageFrame?: PageFrame;
+  /** Page-space content (rotates with the page). */
+  children: React.ReactNode;
+  /** Box-space chrome (label, border, …) — never rotated. Mirrors `<Stage pageChrome>`. */
+  pageChrome?: React.ReactNode;
+  style?: React.CSSProperties;
+}
+/** A single page surface with NO Stage — same layers + rotation + chrome frame,
+ *  no camera/scroll/zoom. */
+declare function PageView({ page, documentId, width, pageFrame, children, pageChrome, style }: PageViewProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { PageView, PageViewProps };
+//# sourceMappingURL=page-view.d.cts.map

package/dist/page-view.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { PageFrame } from "@embedpdf/core-geometry";
+//#region src/page-view.d.ts
+interface PageViewProps {
+  page: number;
+  /** Which document to show. Defaults to the active document. */
+  documentId?: string;
+  /** Target width for the page CONTENT; the display box is the rotated footprint. */
+  width?: number;
+  /** Reserved chrome bands around the page (screen px) — same model as `<Stage>`. */
+  pageFrame?: PageFrame;
+  /** Page-space content (rotates with the page). */
+  children: React.ReactNode;
+  /** Box-space chrome (label, border, …) — never rotated. Mirrors `<Stage pageChrome>`. */
+  pageChrome?: React.ReactNode;
+  style?: React.CSSProperties;
+}
+/** A single page surface with NO Stage — same layers + rotation + chrome frame,
+ *  no camera/scroll/zoom. */
+declare function PageView({ page, documentId, width, pageFrame, children, pageChrome, style }: PageViewProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { PageView, PageViewProps };
+//# sourceMappingURL=page-view.d.ts.map

package/dist/page-view.js

@@ -0,0 +1,95 @@
+import { DocumentScope, PageProvider, makePageContext, useActiveDocumentId, useKernel } from "./runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { NO_FRAME, pageTransform } from "@embedpdf/core-geometry";
+//#region src/page-view.tsx
+/** A single page surface with NO Stage — same layers + rotation + chrome frame,
+*  no camera/scroll/zoom. */
+function PageView({ page, documentId, width = 240, pageFrame = NO_FRAME, children, pageChrome, style }) {
+	const kernel = useKernel();
+	const active = useActiveDocumentId();
+	const ref = useRef(null);
+	const docId = documentId ?? active;
+	const meta = docId ? kernel.getState().core.documents[docId] : void 0;
+	const base = meta?.pages[page];
+	const pon = base?.pageObjectNumber ?? page + 1;
+	const rotation = base?.rotation ?? 0;
+	const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+	const transform = useMemo(() => pageTransform({
+		pageSize: base ? {
+			width: base.size.width,
+			height: base.size.height
+		} : {
+			width: 1,
+			height: 1
+		},
+		rotation,
+		scale: base ? width / base.size.width : 1,
+		baseScale: 96 / 72 * (base?.userUnit ?? 1),
+		dpr
+	}), [
+		base?.size.width,
+		base?.size.height,
+		base?.userUnit,
+		rotation,
+		width,
+		dpr
+	]);
+	const ctx = useMemo(() => makePageContext(docId ?? "", pon, page, pageFrame, transform, () => ref.current.getBoundingClientRect()), [
+		docId,
+		pon,
+		page,
+		pageFrame,
+		transform
+	]);
+	if (!docId || !meta || !base) return null;
+	const t = transform;
+	const outerW = t.viewWidth + pageFrame.left + pageFrame.right;
+	const outerH = t.viewHeight + pageFrame.top + pageFrame.bottom;
+	const contentLeft = pageFrame.left + (t.viewWidth - t.contentWidth) / 2;
+	const contentTop = pageFrame.top + (t.viewHeight - t.contentHeight) / 2;
+	return /* @__PURE__ */ jsx(DocumentScope, {
+		id: docId,
+		children: /* @__PURE__ */ jsx("div", {
+			style: {
+				position: "relative",
+				width: outerW,
+				height: outerH,
+				...style
+			},
+			children: /* @__PURE__ */ jsxs(PageProvider, {
+				value: ctx,
+				children: [
+					/* @__PURE__ */ jsx("div", { style: {
+						position: "absolute",
+						left: pageFrame.left,
+						top: pageFrame.top,
+						width: t.viewWidth,
+						height: t.viewHeight,
+						boxShadow: "0 6px 18px rgba(0,0,0,.18)"
+					} }),
+					/* @__PURE__ */ jsx("div", {
+						ref,
+						style: {
+							position: "absolute",
+							left: contentLeft,
+							top: contentTop,
+							width: t.contentWidth,
+							height: t.contentHeight,
+							background: "#fff",
+							transform: rotation ? `rotate(${rotation}deg)` : void 0,
+							userSelect: "none",
+							WebkitUserSelect: "none"
+						},
+						children
+					}),
+					pageChrome
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { PageView };
+
+//# sourceMappingURL=page-view.js.map

package/dist/page-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-view.js","names":[],"sources":["../src/page-view.tsx"],"sourcesContent":["/**\n * <PageView> — a single page surface with NO Stage.\n *\n * Same layers + rotation + chrome frame as a `<Stage>` page, but no\n * camera/scroll/zoom and, crucially, NO dependency on `@embedpdf/plugin-stage`.\n * It builds its own `PageTransform` from a target content width and shares the\n * exact `PageContext` seam, so every layer (RenderLayer, AnnotationLayer,\n * PageAnnotationMenu, …) works here identically.\n */\nimport * as React from 'react';\nimport { useMemo, useRef } from 'react';\nimport { NO_FRAME, pageTransform, type PageFrame } from '@embedpdf/core-geometry';\nimport {\n  DocumentScope,\n  makePageContext,\n  PageProvider,\n  useActiveDocumentId,\n  useKernel,\n} from './runtime';\n\nexport interface PageViewProps {\n  page: number;\n  /** Which document to show. Defaults to the active document. */\n  documentId?: string;\n  /** Target width for the page CONTENT; the display box is the rotated footprint. */\n  width?: number;\n  /** Reserved chrome bands around the page (screen px) — same model as `<Stage>`. */\n  pageFrame?: PageFrame;\n  /** Page-space content (rotates with the page). */\n  children: React.ReactNode;\n  /** Box-space chrome (label, border, …) — never rotated. Mirrors `<Stage pageChrome>`. */\n  pageChrome?: React.ReactNode;\n  style?: React.CSSProperties;\n}\n\n/** A single page surface with NO Stage — same layers + rotation + chrome frame,\n *  no camera/scroll/zoom. */\nexport function PageView({\n  page,\n  documentId,\n  width = 240,\n  pageFrame = NO_FRAME,\n  children,\n  pageChrome,\n  style,\n}: PageViewProps) {\n  const kernel = useKernel();\n  const active = useActiveDocumentId();\n  const ref = useRef<HTMLDivElement>(null);\n  const docId = documentId ?? active;\n  const meta = docId ? kernel.getState().core.documents[docId] : undefined;\n  const base = meta?.pages[page];\n  const pon = base?.pageObjectNumber ?? page + 1;\n  const rotation = base?.rotation ?? 0;\n  const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;\n  // Standalone (no Stage/camera): build the page's transform from the target\n  // content `width` directly. `scale` is view px per point = width / pageWidthPts.\n  const transform = useMemo(\n    () =>\n      pageTransform({\n        pageSize: base\n          ? { width: base.size.width, height: base.size.height }\n          : { width: 1, height: 1 },\n        rotation,\n        scale: base ? width / base.size.width : 1,\n        // Physical 100% on the web: 1pt = 96/72 CSS px, times the page's\n        // /UserUnit — so `transform.zoom` is meaningful even without a Stage\n        // (a thumbnail-sized PageView reads as zoomed out, as it should).\n        baseScale: (96 / 72) * (base?.userUnit ?? 1),\n        dpr,\n      }),\n    [base?.size.width, base?.size.height, base?.userUnit, rotation, width, dpr],\n  );\n  const ctx = useMemo(\n    () =>\n      makePageContext(docId ?? '', pon, page, pageFrame, transform, () =>\n        ref.current!.getBoundingClientRect(),\n      ),\n    [docId, pon, page, pageFrame, transform],\n  );\n  if (!docId || !meta || !base) return null;\n  const t = transform;\n  const outerW = t.viewWidth + pageFrame.left + pageFrame.right;\n  const outerH = t.viewHeight + pageFrame.top + pageFrame.bottom;\n  const contentLeft = pageFrame.left + (t.viewWidth - t.contentWidth) / 2;\n  const contentTop = pageFrame.top + (t.viewHeight - t.contentHeight) / 2;\n  return (\n    <DocumentScope id={docId}>\n      <div style={{ position: 'relative', width: outerW, height: outerH, ...style }}>\n        <PageProvider value={ctx}>\n          {/* drop shadow ONLY — transparent, axis-aligned, can't leak behind the bitmap */}\n          <div\n            style={{\n              position: 'absolute',\n              left: pageFrame.left,\n              top: pageFrame.top,\n              width: t.viewWidth,\n              height: t.viewHeight,\n              boxShadow: '0 6px 18px rgba(0,0,0,.18)',\n            }}\n          />\n          {/* white backing + content as ONE box; rotation 0 carries no transform */}\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              userSelect: 'none',\n              WebkitUserSelect: 'none',\n            }}\n          >\n            {children}\n          </div>\n          {pageChrome}\n        </PageProvider>\n      </div>\n    </DocumentScope>\n  );\n}\n"],"mappings":";;;;;;;AAqCA,SAAgB,SAAS,EACvB,MACA,YACA,QAAQ,KACR,YAAY,UACZ,UACA,YACA,SACgB;CAChB,MAAM,SAAS,UAAU;CACzB,MAAM,SAAS,oBAAoB;CACnC,MAAM,MAAM,OAAuB,IAAI;CACvC,MAAM,QAAQ,cAAc;CAC5B,MAAM,OAAO,QAAQ,OAAO,SAAS,CAAC,CAAC,KAAK,UAAU,SAAS,KAAA;CAC/D,MAAM,OAAO,MAAM,MAAM;CACzB,MAAM,MAAM,MAAM,oBAAoB,OAAO;CAC7C,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,MAAM,OAAO,WAAW,cAAc,OAAO,oBAAoB,IAAI;CAG3E,MAAM,YAAY,cAEd,cAAc;EACZ,UAAU,OACN;GAAE,OAAO,KAAK,KAAK;GAAO,QAAQ,KAAK,KAAK;EAAO,IACnD;GAAE,OAAO;GAAG,QAAQ;EAAE;EAC1B;EACA,OAAO,OAAO,QAAQ,KAAK,KAAK,QAAQ;EAIxC,WAAY,KAAK,MAAO,MAAM,YAAY;EAC1C;CACF,CAAC,GACH;EAAC,MAAM,KAAK;EAAO,MAAM,KAAK;EAAQ,MAAM;EAAU;EAAU;EAAO;CAAG,CAC5E;CACA,MAAM,MAAM,cAER,gBAAgB,SAAS,IAAI,KAAK,MAAM,WAAW,iBACjD,IAAI,QAAS,sBAAsB,CACrC,GACF;EAAC;EAAO;EAAK;EAAM;EAAW;CAAS,CACzC;CACA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,OAAO;CACrC,MAAM,IAAI;CACV,MAAM,SAAS,EAAE,YAAY,UAAU,OAAO,UAAU;CACxD,MAAM,SAAS,EAAE,aAAa,UAAU,MAAM,UAAU;CACxD,MAAM,cAAc,UAAU,QAAQ,EAAE,YAAY,EAAE,gBAAgB;CACtE,MAAM,aAAa,UAAU,OAAO,EAAE,aAAa,EAAE,iBAAiB;CACtE,OACE,oBAAC,eAAD;EAAe,IAAI;EACjB,UAAA,oBAAC,OAAD;GAAK,OAAO;IAAE,UAAU;IAAY,OAAO;IAAQ,QAAQ;IAAQ,GAAG;GAAM;GAC1E,UAAA,qBAAC,cAAD;IAAc,OAAO;IAArB,UAAA;KAEE,oBAAC,OAAD,EACE,OAAO;MACL,UAAU;MACV,MAAM,UAAU;MAChB,KAAK,UAAU;MACf,OAAO,EAAE;MACT,QAAQ,EAAE;MACV,WAAW;KACb,EACD,CAAA;KAED,oBAAC,OAAD;MACO;MACL,OAAO;OACL,UAAU;OACV,MAAM;OACN,KAAK;OACL,OAAO,EAAE;OACT,QAAQ,EAAE;OACV,YAAY;OACZ,WAAW,WAAW,UAAU,SAAS,QAAQ,KAAA;OACjD,YAAY;OACZ,kBAAkB;MACpB;MAEC;KACE,CAAA;KACJ;IACW;;EACX,CAAA;CACQ,CAAA;AAEnB"}

package/dist/redaction.cjs

@@ -0,0 +1,35 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./rolldown-runtime-DDXJien1.cjs");
+const require_runtime = require("./runtime.cjs");
+let _embedpdf_plugin_redaction = require("@embedpdf/plugin-redaction");
+//#region src/redaction.tsx
+function useRedaction() {
+	const cap = require_runtime.useCapability(_embedpdf_plugin_redaction.RedactionToken);
+	const applying = require_runtime.useSelector(_embedpdf_plugin_redaction.RedactionToken, (c) => c.isApplying());
+	const lastApplyResult = require_runtime.useSelector(_embedpdf_plugin_redaction.RedactionToken, (c) => c.lastResult());
+	return {
+		...cap,
+		applying,
+		lastApplyResult
+	};
+}
+/** The pending marks, reactive against the annotation plane. Note the view
+*  covers LOADED pages — call `preparePending()` (e.g. on panel open) to load
+*  the whole document. */
+function usePendingRedactions() {
+	return require_runtime.useSelector(_embedpdf_plugin_redaction.RedactionToken, (c) => c.getPending(), pendingEqual);
+}
+const pendingEqual = (a, b) => a.length === b.length && a.every((item, i) => item.id === b[i].id && item.overlayText === b[i].overlayText);
+//#endregion
+exports.usePendingRedactions = usePendingRedactions;
+exports.useRedaction = useRedaction;
+Object.keys(_embedpdf_plugin_redaction).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _embedpdf_plugin_redaction[k];
+		}
+	});
+});
+
+//# sourceMappingURL=redaction.cjs.map

package/dist/redaction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"redaction.cjs","names":["useCapability","RedactionToken","useSelector"],"sources":["../src/redaction.tsx"],"sourcesContent":["import { RedactionToken } from '@embedpdf/plugin-redaction';\nimport type {\n  RedactionApplyResult,\n  RedactionCapability,\n  RedactionPendingItem,\n} from '@embedpdf/plugin-redaction';\nimport { useCapability, useSelector } from './runtime';\n\n/**\n * Redaction for the surrounding `DocumentScope`: the pending-marks view plus\n * the destructive apply. Marking rides the annotation plane (the composed\n * `redact` tool); `useRedaction` surfaces the workflow around it.\n *\n *   const redaction = useRedaction();\n *   redaction.toggleRedact();\n *   await redaction.applyAll();          // irreversible — confirm first\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-redaction';\n\nexport function useRedaction(): RedactionCapability & {\n  applying: boolean;\n  lastApplyResult: RedactionApplyResult | null;\n} {\n  const cap = useCapability(RedactionToken);\n  const applying = useSelector(RedactionToken, (c) => c.isApplying());\n  const lastApplyResult = useSelector(RedactionToken, (c) => c.lastResult());\n  return { ...cap, applying, lastApplyResult };\n}\n\n/** The pending marks, reactive against the annotation plane. Note the view\n *  covers LOADED pages — call `preparePending()` (e.g. on panel open) to load\n *  the whole document. */\nexport function usePendingRedactions(): RedactionPendingItem[] {\n  return useSelector(RedactionToken, (c) => c.getPending(), pendingEqual);\n}\n\nconst pendingEqual = (a: RedactionPendingItem[], b: RedactionPendingItem[]): boolean =>\n  a.length === b.length &&\n  a.every((item, i) => item.id === b[i]!.id && item.overlayText === b[i]!.overlayText);\n"],"mappings":";;;;;AAqBA,SAAgB,eAGd;CACA,MAAM,MAAMA,gBAAAA,cAAcC,2BAAAA,cAAc;CACxC,MAAM,WAAWC,gBAAAA,YAAYD,2BAAAA,iBAAiB,MAAM,EAAE,WAAW,CAAC;CAClE,MAAM,kBAAkBC,gBAAAA,YAAYD,2BAAAA,iBAAiB,MAAM,EAAE,WAAW,CAAC;CACzE,OAAO;EAAE,GAAG;EAAK;EAAU;CAAgB;AAC7C;;;;AAKA,SAAgB,uBAA+C;CAC7D,OAAOC,gBAAAA,YAAYD,2BAAAA,iBAAiB,MAAM,EAAE,WAAW,GAAG,YAAY;AACxE;AAEA,MAAM,gBAAgB,GAA2B,MAC/C,EAAE,WAAW,EAAE,UACf,EAAE,OAAO,MAAM,MAAM,KAAK,OAAO,EAAE,EAAE,CAAE,MAAM,KAAK,gBAAgB,EAAE,EAAE,CAAE,WAAW"}

package/dist/redaction.d.cts

@@ -0,0 +1,14 @@
+import { RedactionApplyResult, RedactionCapability, RedactionPendingItem } from "@embedpdf/plugin-redaction";
+export * from "@embedpdf/plugin-redaction";
+//#region src/redaction.d.ts
+declare function useRedaction(): RedactionCapability & {
+  applying: boolean;
+  lastApplyResult: RedactionApplyResult | null;
+};
+/** The pending marks, reactive against the annotation plane. Note the view
+ *  covers LOADED pages — call `preparePending()` (e.g. on panel open) to load
+ *  the whole document. */
+declare function usePendingRedactions(): RedactionPendingItem[];
+//#endregion
+export { usePendingRedactions, useRedaction };
+//# sourceMappingURL=redaction.d.cts.map

package/dist/redaction.d.ts

@@ -0,0 +1,14 @@
+import { RedactionApplyResult, RedactionCapability, RedactionPendingItem } from "@embedpdf/plugin-redaction";
+export * from "@embedpdf/plugin-redaction";
+//#region src/redaction.d.ts
+declare function useRedaction(): RedactionCapability & {
+  applying: boolean;
+  lastApplyResult: RedactionApplyResult | null;
+};
+/** The pending marks, reactive against the annotation plane. Note the view
+ *  covers LOADED pages — call `preparePending()` (e.g. on panel open) to load
+ *  the whole document. */
+declare function usePendingRedactions(): RedactionPendingItem[];
+//#endregion
+export { usePendingRedactions, useRedaction };
+//# sourceMappingURL=redaction.d.ts.map

package/dist/redaction.js

@@ -0,0 +1,25 @@
+import { useCapability, useSelector } from "./runtime.js";
+import { RedactionToken } from "@embedpdf/plugin-redaction";
+export * from "@embedpdf/plugin-redaction";
+//#region src/redaction.tsx
+function useRedaction() {
+	const cap = useCapability(RedactionToken);
+	const applying = useSelector(RedactionToken, (c) => c.isApplying());
+	const lastApplyResult = useSelector(RedactionToken, (c) => c.lastResult());
+	return {
+		...cap,
+		applying,
+		lastApplyResult
+	};
+}
+/** The pending marks, reactive against the annotation plane. Note the view
+*  covers LOADED pages — call `preparePending()` (e.g. on panel open) to load
+*  the whole document. */
+function usePendingRedactions() {
+	return useSelector(RedactionToken, (c) => c.getPending(), pendingEqual);
+}
+const pendingEqual = (a, b) => a.length === b.length && a.every((item, i) => item.id === b[i].id && item.overlayText === b[i].overlayText);
+//#endregion
+export { usePendingRedactions, useRedaction };
+
+//# sourceMappingURL=redaction.js.map