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

package/dist/component-B8nwtJtn.d.cts

@@ -1,29 +0,0 @@
-import { ElementConfig, EmbedPdfViewerElement, ViewerHandle } from "@embedpdf/viewer/core";
-import { CSSProperties, ReactNode, Ref } from "react";
-//#region src/component.d.ts
-/** The framework-side props — everything that is not viewer config. */
-interface PDFViewerExtras {
-  className?: string;
-  style?: CSSProperties;
-  /** Light-DOM slot children: `<Anything slot="socket-name" />`. */
-  children?: ReactNode;
-  /** The underlying element, if you need the imperative surface. */
-  elementRef?: Ref<EmbedPdfViewerElement>;
-  /** The DRIVE surface, once the viewer is live (v2's onReady, reborn):
-   *  capabilities via `viewer.get(Token)`, `watch`, and the command trio. */
-  onReady?: (viewer: ViewerHandle) => void;
-}
-/**
- * Props for the shared implementation. Each entry re-exports <PDFViewer>
- * narrowed to ITS door's config — see `PDFViewerProps` in ./index.ts (engine
- * optional) and ./core.ts (engine required).
- */
-type PDFViewerImplProps = ElementConfig & PDFViewerExtras;
-declare function PDFViewer({ className, style, children, elementRef, onReady, ...config }: PDFViewerImplProps): import("react").ReactElement<{
-  ref: (el: EmbedPdfViewerElement | null) => void;
-  className: string | undefined;
-  style: CSSProperties | undefined;
-}, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-export { PDFViewerExtras as n, PDFViewer as t };
-//# sourceMappingURL=component-B8nwtJtn.d.cts.map

package/dist/component-CGxTTf8T.d.ts

@@ -1,29 +0,0 @@
-import { CSSProperties, ReactNode, Ref } from "react";
-import { ElementConfig, EmbedPdfViewerElement, ViewerHandle } from "@embedpdf/viewer/core";
-//#region src/component.d.ts
-/** The framework-side props — everything that is not viewer config. */
-interface PDFViewerExtras {
-  className?: string;
-  style?: CSSProperties;
-  /** Light-DOM slot children: `<Anything slot="socket-name" />`. */
-  children?: ReactNode;
-  /** The underlying element, if you need the imperative surface. */
-  elementRef?: Ref<EmbedPdfViewerElement>;
-  /** The DRIVE surface, once the viewer is live (v2's onReady, reborn):
-   *  capabilities via `viewer.get(Token)`, `watch`, and the command trio. */
-  onReady?: (viewer: ViewerHandle) => void;
-}
-/**
- * Props for the shared implementation. Each entry re-exports <PDFViewer>
- * narrowed to ITS door's config — see `PDFViewerProps` in ./index.ts (engine
- * optional) and ./core.ts (engine required).
- */
-type PDFViewerImplProps = ElementConfig & PDFViewerExtras;
-declare function PDFViewer({ className, style, children, elementRef, onReady, ...config }: PDFViewerImplProps): import("react").ReactElement<{
-  ref: (el: EmbedPdfViewerElement | null) => void;
-  className: string | undefined;
-  style: CSSProperties | undefined;
-}, string | import("react").JSXElementConstructor<any>>;
-//#endregion
-export { PDFViewerExtras as n, PDFViewer as t };
-//# sourceMappingURL=component-CGxTTf8T.d.ts.map

package/dist/component-DmxO8uud.cjs

@@ -1,36 +0,0 @@
-let react = require("react");
-//#region src/component.ts
-function PDFViewer({ className, style, children, elementRef, onReady, ...config }) {
-	const ref = (0, react.useRef)(null);
-	const configRef = (0, react.useRef)(config);
-	configRef.current = config;
-	const onReadyRef = (0, react.useRef)(onReady);
-	onReadyRef.current = onReady;
-	(0, react.useLayoutEffect)(() => {
-		const el = ref.current;
-		if (!el) return;
-		const onEvent = () => el.viewer && onReadyRef.current?.(el.viewer);
-		el.addEventListener("epdf:ready", onEvent);
-		el.config = configRef.current;
-		if (el.viewer) onEvent();
-		return () => el.removeEventListener("epdf:ready", onEvent);
-	}, []);
-	return (0, react.createElement)("embedpdf-viewer", {
-		ref: (el) => {
-			ref.current = el;
-			if (typeof elementRef === "function") elementRef(el);
-			else if (elementRef) elementRef.current = el;
-		},
-		className,
-		style
-	}, children);
-}
-//#endregion
-Object.defineProperty(exports, "PDFViewer", {
-	enumerable: true,
-	get: function() {
-		return PDFViewer;
-	}
-});
-
-//# sourceMappingURL=component-DmxO8uud.cjs.map

package/dist/component-DmxO8uud.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-DmxO8uud.cjs","names":[],"sources":["../src/component.ts"],"sourcesContent":["/**\n * <PDFViewer> — the React face of the <embedpdf-viewer> custom element, and\n * deliberately ENGINE-BLIND: this module imports the viewer for TYPES ONLY, so\n * it holds no runtime edge to any engine. Which engine ships is decided by the\n * ENTRY that re-exports it:\n *\n *   ./index.ts → `@embedpdf/viewer`      — local PDFium engine, registered as\n *                                          the default (the zero-config door)\n *   ./core.ts  → `@embedpdf/viewer/core` — no default engine; you inject one,\n *                                          and PDFium is structurally absent\n *\n * That side-effect import is the ENTIRE difference between the two doors, and\n * it lives only in those two files. A runtime import here would weld PDFium\n * into every consumer's bundle — cloud builds included — so an import-boundary\n * lint rule (see eslint.config.js) holds this module to `import type`.\n *\n * ```tsx\n * <PDFViewer src=\"/report.pdf\" style={{ height: '100vh' }}>\n *   <DocPicker slot=\"doc-picker\" />   // ← children-as-slots\n * </PDFViewer>\n * ```\n *\n * The wrapper is deliberately thin (the v2 pattern): it renders the\n * <embedpdf-viewer> custom element, hands it the config before its deferred\n * first mount, and passes children straight through as LIGHT DOM — the\n * browser projects a child with `slot=\"name\"` into the chrome's matching\n * `custom()` socket while the child stays in the host React tree, so its\n * context, state, and page CSS all keep working. There is no reactSlot()\n * bridge because none is needed: a slot IS a child.\n *\n * Config is init-only (the element's contract). Later prop changes are\n * ignored; remount with a `key` to rebuild the viewer.\n */\n// `ElementConfig` is the KERNEL's config — the widest of all, with the engine\n// seam left `unknown` — so the shared implementation sits above every door and\n// each entry re-types it NARROWER by plain assignment (parameter types are\n// contravariant, so this direction needs no cast). Every import here is\n// type-only, which is what keeps this module engine-blind.\nimport type { ElementConfig, EmbedPdfViewerElement, ViewerHandle } from '@embedpdf/viewer/core';\nimport {\n  createElement,\n  useLayoutEffect,\n  useRef,\n  type CSSProperties,\n  type MutableRefObject,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\n/** The framework-side props — everything that is not viewer config. */\nexport interface PDFViewerExtras {\n  className?: string;\n  style?: CSSProperties;\n  /** Light-DOM slot children: `<Anything slot=\"socket-name\" />`. */\n  children?: ReactNode;\n  /** The underlying element, if you need the imperative surface. */\n  elementRef?: Ref<EmbedPdfViewerElement>;\n  /** The DRIVE surface, once the viewer is live (v2's onReady, reborn):\n   *  capabilities via `viewer.get(Token)`, `watch`, and the command trio. */\n  onReady?: (viewer: ViewerHandle) => void;\n}\n\n/**\n * Props for the shared implementation. Each entry re-exports <PDFViewer>\n * narrowed to ITS door's config — see `PDFViewerProps` in ./index.ts (engine\n * optional) and ./core.ts (engine required).\n */\nexport type PDFViewerImplProps = ElementConfig & PDFViewerExtras;\n\nexport function PDFViewer({\n  className,\n  style,\n  children,\n  elementRef,\n  onReady,\n  ...config\n}: PDFViewerImplProps) {\n  const ref = useRef<EmbedPdfViewerElement | null>(null);\n  const configRef = useRef(config);\n  configRef.current = config;\n  const onReadyRef = useRef(onReady);\n  onReadyRef.current = onReady;\n\n  // Layout effects run in the insertion task, BEFORE the element's deferred\n  // (microtask) declarative mount — so the viewer boots exactly once, with\n  // this config, and the ready listener is in place before it can fire.\n  // Empty deps: config is init-only by contract.\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const onEvent = () => el.viewer && onReadyRef.current?.(el.viewer);\n    el.addEventListener('epdf:ready', onEvent);\n    el.config = configRef.current;\n    // A remount-with-key that reuses a live element cannot miss the event.\n    if (el.viewer) onEvent();\n    return () => el.removeEventListener('epdf:ready', onEvent);\n  }, []);\n\n  return createElement(\n    'embedpdf-viewer',\n    {\n      ref: (el: EmbedPdfViewerElement | null) => {\n        ref.current = el;\n        if (typeof elementRef === 'function') elementRef(el);\n        else if (elementRef)\n          (elementRef as MutableRefObject<EmbedPdfViewerElement | null>).current = el;\n      },\n      className,\n      style,\n    },\n    children,\n  );\n}\n"],"mappings":";;AAqEA,SAAgB,UAAU,EACxB,WACA,OACA,UACA,YACA,SACA,GAAG,UACkB;CACrB,MAAM,OAAA,GAAA,MAAA,OAAA,CAA2C,IAAI;CACrD,MAAM,aAAA,GAAA,MAAA,OAAA,CAAmB,MAAM;CAC/B,UAAU,UAAU;CACpB,MAAM,cAAA,GAAA,MAAA,OAAA,CAAoB,OAAO;CACjC,WAAW,UAAU;CAMrB,CAAA,GAAA,MAAA,gBAAA,OAAsB;EACpB,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EACT,MAAM,gBAAgB,GAAG,UAAU,WAAW,UAAU,GAAG,MAAM;EACjE,GAAG,iBAAiB,cAAc,OAAO;EACzC,GAAG,SAAS,UAAU;EAEtB,IAAI,GAAG,QAAQ,QAAQ;EACvB,aAAa,GAAG,oBAAoB,cAAc,OAAO;CAC3D,GAAG,CAAC,CAAC;CAEL,QAAA,GAAA,MAAA,cAAA,CACE,mBACA;EACE,MAAM,OAAqC;GACzC,IAAI,UAAU;GACd,IAAI,OAAO,eAAe,YAAY,WAAW,EAAE;QAC9C,IAAI,YACP,WAA+D,UAAU;EAC7E;EACA;EACA;CACF,GACA,QACF;AACF"}