@arbidocs/react 0.5.110 → 0.5.112

package/dist/viewers/PdfViewerImpl.js

@@ -0,0 +1,384 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { Document, Page, pdfjs } from "react-pdf";
+import "react-pdf/dist/Page/AnnotationLayer.css";
+import "react-pdf/dist/Page/TextLayer.css";
+import { installPdfjsPolyfills } from "./pdfjs-polyfills.js";
+import { usePageIntersectionObserver } from "./usePageIntersectionObserver.js";
+import { useScrollAnchor } from "./page-scroll.js";
+import { contentBoxWidth, fitPageWidth, renderDpr, usePinchZoom } from "./viewer-zoom.js";
+import {
+  LAZY_LOAD_BUFFER_BEFORE,
+  LAZY_LOAD_BUFFER_AFTER,
+  INITIAL_LAZY_LOAD_BUFFER
+} from "./pdf-viewer-constants.js";
+const DEFAULT_ASSETS = {
+  workerSrc: "/pdf.worker.min.mjs",
+  cMapUrl: "/cmaps/",
+  standardFontDataUrl: "/standard_fonts/",
+  wasmUrl: "/wasm/"
+};
+function ensurePdfWorker(workerSrc) {
+  installPdfjsPolyfills();
+  if (pdfjs.GlobalWorkerOptions.workerSrc !== workerSrc) {
+    pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
+  }
+}
+const DEFAULT_PAGE_ASPECT_RATIO = 1.414;
+const PAGE_BORDER_PX = 2;
+const RERENDER_DEBOUNCE_MS = 250;
+const ZOOMED_BUFFER_THRESHOLD = 1.5;
+function sameSet(a, b) {
+  if (a.size !== b.size) return false;
+  for (const v of a) if (!b.has(v)) return false;
+  return true;
+}
+const TEXT_LAYER_BUFFER = 1;
+const ratioOf = (page) => {
+  const { width, height } = page.getViewport({ scale: 1 });
+  return width > 0 && height > 0 ? height / width : DEFAULT_PAGE_ASPECT_RATIO;
+};
+function PdfViewer({
+  file,
+  currentPage,
+  onLoadSuccess,
+  scrollTrigger,
+  zoom = 1,
+  onZoomChange,
+  onPageChange,
+  disableFontFace = false,
+  assets,
+  renderPageOverlay
+}) {
+  const workerSrc = assets?.workerSrc ?? DEFAULT_ASSETS.workerSrc;
+  const cMapUrl = assets?.cMapUrl ?? DEFAULT_ASSETS.cMapUrl;
+  const standardFontDataUrl = assets?.standardFontDataUrl ?? DEFAULT_ASSETS.standardFontDataUrl;
+  const wasmUrl = assets?.wasmUrl ?? DEFAULT_ASSETS.wasmUrl;
+  ensurePdfWorker(workerSrc);
+  const [numPages, setNumPages] = useState(0);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [defaultRatio, setDefaultRatio] = useState(DEFAULT_PAGE_ASPECT_RATIO);
+  const [pageRatios, setPageRatios] = useState(/* @__PURE__ */ new Map());
+  const [pageWidthsPt, setPageWidthsPt] = useState(/* @__PURE__ */ new Map());
+  const [loadError, setLoadError] = useState(null);
+  const [documentKey, setDocumentKey] = useState(() => `pdf-${Date.now()}`);
+  const initialPage = currentPage || 1;
+  const [renderedPages, setRenderedPages] = useState(
+    /* @__PURE__ */ new Set([
+      Math.max(1, initialPage - INITIAL_LAZY_LOAD_BUFFER.before),
+      initialPage,
+      initialPage + INITIAL_LAZY_LOAD_BUFFER.after
+    ])
+  );
+  const [visiblePages, setVisiblePages] = useState(/* @__PURE__ */ new Set([initialPage]));
+  const loadLifetime = useMemo(() => ({ file, active: true }), [file]);
+  useEffect(() => {
+    loadLifetime.active = true;
+    return () => {
+      loadLifetime.active = false;
+    };
+  }, [loadLifetime]);
+  useEffect(() => {
+    setDocumentKey(`pdf-${Date.now()}`);
+    setNumPages(0);
+    setLoadError(null);
+  }, [file]);
+  const containerRef = useRef(null);
+  const pageRefs = useRef(/* @__PURE__ */ new Map());
+  const onDocumentLoadSuccess = useCallback(
+    (pdf) => {
+      if (!loadLifetime.active) return;
+      const n = pdf.numPages;
+      void pdf.getPage?.(1).then((page) => {
+        if (loadLifetime.active) setDefaultRatio(ratioOf(page));
+      }).catch(() => {
+      });
+      setNumPages(n);
+      setLoadError(null);
+      try {
+        onLoadSuccess?.(n);
+      } catch (error) {
+        console.error("Error in onLoadSuccess callback:", error);
+      }
+    },
+    [onLoadSuccess, loadLifetime]
+  );
+  useEffect(() => {
+    if (numPages === 0) return;
+    let cancelled = false;
+    const expand = () => {
+      if (cancelled || !loadLifetime.active) return;
+      setRenderedPages((prev) => {
+        if (prev.size === 0) return prev;
+        const newSet = new Set(prev);
+        const anchor = currentPage || 1;
+        for (let i = Math.max(1, anchor - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, anchor + LAZY_LOAD_BUFFER_AFTER); i++) {
+          newSet.add(i);
+        }
+        return newSet;
+      });
+    };
+    if (typeof requestIdleCallback !== "undefined") {
+      const handle2 = requestIdleCallback(expand, { timeout: 500 });
+      return () => {
+        cancelled = true;
+        if (typeof cancelIdleCallback !== "undefined") cancelIdleCallback(handle2);
+      };
+    }
+    const handle = setTimeout(expand, 500);
+    return () => {
+      cancelled = true;
+      clearTimeout(handle);
+    };
+  }, [numPages, currentPage, loadLifetime]);
+  const onDocumentLoadError = useCallback((error) => {
+    console.error("PDF loading error:", error);
+    setLoadError(error);
+    setNumPages(0);
+  }, []);
+  const onPassword = useCallback((updatePassword, reason) => {
+    const message = reason === 2 ? "Incorrect password. Enter the password to unlock this PDF:" : "This PDF is password-protected. Enter the password to view it:";
+    const password = window.prompt(message);
+    if (password === null) {
+      setLoadError(new Error("Password required to open this PDF"));
+      setNumPages(0);
+      return;
+    }
+    updatePassword(password);
+  }, []);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const setFromContentWidth = (contentWidth) => setContainerWidth(fitPageWidth(contentWidth, PAGE_BORDER_PX));
+    setFromContentWidth(contentBoxWidth(container));
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[entries.length - 1];
+      const box = entry?.contentBoxSize?.[0];
+      setFromContentWidth(box ? box.inlineSize : entry?.contentRect.width ?? 0);
+    });
+    resizeObserver.observe(container);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  const scrollCompleteRef = useRef(false);
+  useEffect(() => {
+    if (numPages === 0) return;
+    if (scrollCompleteRef.current) return;
+    if (currentPage) {
+      setRenderedPages((prev) => {
+        const newSet = new Set(prev);
+        for (let i = Math.max(1, currentPage - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, currentPage + LAZY_LOAD_BUFFER_AFTER); i++) {
+          newSet.add(i);
+        }
+        return newSet;
+      });
+      requestAnimationFrame(() => {
+        const pageElement = pageRefs.current.get(currentPage);
+        if (pageElement) {
+          pageElement.scrollIntoView({ behavior: "auto", block: "start" });
+        }
+        setTimeout(() => {
+          scrollCompleteRef.current = true;
+        }, 100);
+      });
+    }
+  }, [numPages]);
+  const currentPageRef = useRef(currentPage);
+  currentPageRef.current = currentPage;
+  useEffect(() => {
+    const currentPage2 = currentPageRef.current;
+    if (!scrollTrigger || numPages === 0 || !currentPage2) return;
+    scrollCompleteRef.current = false;
+    setRenderedPages((prev) => {
+      const newSet = new Set(prev);
+      for (let i = Math.max(1, currentPage2 - LAZY_LOAD_BUFFER_BEFORE); i <= Math.min(numPages, currentPage2 + LAZY_LOAD_BUFFER_AFTER); i++) {
+        newSet.add(i);
+      }
+      return newSet;
+    });
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        const pageElement = pageRefs.current.get(currentPage2);
+        if (pageElement) {
+          pageElement.scrollIntoView({ behavior: "instant", block: "start" });
+        }
+        scrollCompleteRef.current = true;
+      });
+    });
+  }, [scrollTrigger, numPages]);
+  const handleVisibilityUpdate = useCallback(
+    (visibilityMap) => {
+      const visiblePageNums = Array.from(visibilityMap.entries()).filter(([, ratio]) => ratio > 0).map(([pageNum]) => pageNum);
+      if (visiblePageNums.length > 0) {
+        const minVisible = Math.min(...visiblePageNums);
+        const maxVisible = Math.max(...visiblePageNums);
+        const zoomed = zoom > ZOOMED_BUFFER_THRESHOLD;
+        const before = zoomed ? 1 : LAZY_LOAD_BUFFER_BEFORE;
+        const after = zoomed ? 2 : LAZY_LOAD_BUFFER_AFTER;
+        const pagesToRender = /* @__PURE__ */ new Set();
+        for (let i = Math.max(1, minVisible - before); i <= Math.min(numPages, maxVisible + after); i++) {
+          pagesToRender.add(i);
+        }
+        setRenderedPages((prev) => sameSet(prev, pagesToRender) ? prev : pagesToRender);
+        const nearViewport = /* @__PURE__ */ new Set();
+        for (let i = Math.max(1, minVisible - TEXT_LAYER_BUFFER); i <= Math.min(numPages, maxVisible + TEXT_LAYER_BUFFER); i++) {
+          nearViewport.add(i);
+        }
+        setVisiblePages((prev) => sameSet(prev, nearViewport) ? prev : nearViewport);
+      }
+    },
+    [numPages, zoom]
+  );
+  const documentOptions = useMemo(
+    () => ({
+      standardFontDataUrl,
+      cMapUrl,
+      cMapPacked: true,
+      wasmUrl,
+      ...disableFontFace && { disableFontFace: true }
+    }),
+    [standardFontDataUrl, cMapUrl, wasmUrl, disableFontFace]
+  );
+  const handlePageChange = useCallback(
+    (pageNumber) => onPageChange?.(pageNumber),
+    [onPageChange]
+  );
+  usePageIntersectionObserver({
+    containerRef,
+    scrollCompleteRef,
+    isEnabled: numPages > 0,
+    getPageElements: () => Array.from(pageRefs.current.values()),
+    getPageNumber: (element) => parseInt(element.getAttribute("data-page-number") ?? "0"),
+    onPageChange: handlePageChange,
+    onVisibilityUpdate: handleVisibilityUpdate,
+    observeKey: `${numPages}:${containerWidth > 0}`
+  });
+  useScrollAnchor(containerRef, `${numPages}:${containerWidth > 0}`);
+  usePinchZoom({ containerRef, zoom, onZoomChange });
+  const [renderZoom, setRenderZoom] = useState(zoom);
+  useEffect(() => {
+    if (zoom === renderZoom) return;
+    const timer = setTimeout(() => setRenderZoom(zoom), RERENDER_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [zoom, renderZoom]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: "w-full h-full overflow-auto bg-muted flex flex-col items-start p-4 pb-20",
+      style: { touchAction: "pan-x pan-y", scrollbarGutter: "stable" },
+      role: "region",
+      "aria-label": "PDF document viewer",
+      "data-testid": "pdf-viewer",
+      children: /* @__PURE__ */ jsx(
+        Document,
+        {
+          className: "flex w-max min-w-full flex-col",
+          suspense: false,
+          file,
+          onLoadSuccess: onDocumentLoadSuccess,
+          onLoadError: onDocumentLoadError,
+          onPassword,
+          options: documentOptions,
+          loading: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading PDF..." }) }),
+          error: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center h-full gap-4 p-8", children: /* @__PURE__ */ jsx("div", { className: "text-destructive text-center", children: loadError?.message === "Cannot read properties of null (reading 'sendWithPromise')" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold mb-2", children: "PDF viewer initialization failed" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Please refresh the page to retry" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold mb-2", children: "Failed to load PDF" }),
+            loadError && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: loadError.message })
+          ] }) }) }),
+          children: containerWidth > 0 && Array.from(new Array(numPages), (_, index) => {
+            const pageNumber = index + 1;
+            const shouldRender = renderedPages.has(pageNumber);
+            const ratio = pageRatios.get(pageNumber) ?? defaultRatio;
+            const pageWidth = containerWidth * zoom;
+            const pageHeight = pageWidth * ratio;
+            const renderWidth = containerWidth * renderZoom;
+            const scale = zoom / renderZoom;
+            const shouldRenderTextLayer = visiblePages.has(pageNumber);
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: (el) => {
+                  if (el) {
+                    pageRefs.current.set(pageNumber, el);
+                  } else {
+                    pageRefs.current.delete(pageNumber);
+                  }
+                },
+                "data-page-number": pageNumber,
+                className: "relative mx-auto mb-6 shrink-0 shadow-xl bg-white border border-border",
+                style: { width: pageWidth + PAGE_BORDER_PX, height: pageHeight + PAGE_BORDER_PX },
+                role: "article",
+                "aria-label": `Page ${pageNumber} of ${numPages}`,
+                children: [
+                  shouldRender ? /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "data-testid": `pdf-page-scaler-${pageNumber}`,
+                      style: scale === 1 ? void 0 : { transform: `scale(${scale})`, transformOrigin: "0 0" },
+                      children: /* @__PURE__ */ jsx(
+                        Page,
+                        {
+                          pageNumber,
+                          width: renderWidth,
+                          renderTextLayer: shouldRenderTextLayer,
+                          renderAnnotationLayer: false,
+                          onLoadSuccess: (page) => {
+                            setPageWidthsPt(
+                              (prev) => prev.get(pageNumber) === page.originalWidth ? prev : new Map(prev).set(pageNumber, page.originalWidth)
+                            );
+                            const ratio2 = page.originalHeight / page.originalWidth;
+                            setPageRatios(
+                              (prev) => Math.abs((prev.get(pageNumber) ?? defaultRatio) - ratio2) < 1e-3 ? prev : new Map(prev).set(pageNumber, ratio2)
+                            );
+                          },
+                          devicePixelRatio: renderDpr(
+                            renderWidth,
+                            renderWidth * ratio,
+                            window.devicePixelRatio || 1
+                          ),
+                          loading: /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: "flex items-center justify-center bg-muted",
+                              style: { width: renderWidth, height: renderWidth * ratio },
+                              children: /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+                                "Loading page ",
+                                pageNumber,
+                                "..."
+                              ] })
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "flex items-center justify-center bg-muted",
+                      style: { width: pageWidth, height: pageHeight },
+                      children: /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+                        "Page ",
+                        pageNumber
+                      ] })
+                    }
+                  ),
+                  renderPageOverlay?.({ pageNumber, pageWidthPt: pageWidthsPt.get(pageNumber) })
+                ]
+              },
+              `page_${pageNumber}`
+            );
+          })
+        },
+        documentKey
+      )
+    }
+  );
+}
+export {
+  PdfViewer
+};
+//# sourceMappingURL=PdfViewerImpl.js.map

package/dist/viewers/PdfViewerImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/PdfViewerImpl.tsx"],
+  "sourcesContent": ["/**\n * PdfViewer \u2014 paged PDF rendering with bidirectional page synchronisation.\n *\n * Uses IntersectionObserver to track the visible page and to drive two separate\n * lazy-load windows: a wide canvas buffer (so a page image is ready before the\n * user scrolls to it) and a narrow text-layer window (text spans are expensive\n * DOM, so they only exist for the active reading area).\n *\n * DECOUPLED FOR REUSE: page changes are reported through `onPageChange` rather\n * than written to an app store, and the pdf.js asset URLs are props rather than\n * hardcoded paths, because a consuming app decides where it serves the worker,\n * cmaps and standard fonts from.\n *\n * `react-pdf` and `pdfjs-dist` are OPTIONAL peer dependencies \u2014 install them\n * only if you render PDFs. The consuming app must also serve the pdf.js worker\n * (see `assets.workerSrc`).\n */\n\nimport { useState, useEffect, useRef, useCallback, useMemo, type ReactNode } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\nimport 'react-pdf/dist/Page/AnnotationLayer.css'\nimport 'react-pdf/dist/Page/TextLayer.css'\nimport { installPdfjsPolyfills } from './pdfjs-polyfills'\nimport { usePageIntersectionObserver } from './usePageIntersectionObserver'\nimport { useScrollAnchor } from './page-scroll'\nimport { contentBoxWidth, fitPageWidth, renderDpr, usePinchZoom } from './viewer-zoom'\nimport {\n  LAZY_LOAD_BUFFER_BEFORE,\n  LAZY_LOAD_BUFFER_AFTER,\n  INITIAL_LAZY_LOAD_BUFFER,\n} from './pdf-viewer-constants'\n\n/** Where the app serves the pdf.js runtime assets from. */\nexport interface PdfViewerAssets {\n  /** pdf.js worker bundle. Default `/pdf.worker.min.mjs`. */\n  workerSrc?: string\n  /** Directory of pdf.js character maps. Default `/cmaps/`. */\n  cMapUrl?: string\n  /** Directory of pdf.js standard font data. Default `/standard_fonts/`. */\n  standardFontDataUrl?: string\n  /**\n   * Directory of the pdf.js wasm decoders (openjpeg for JPEG 2000, jbig2,\n   * qcms). Scanned PDFs routinely embed JPX/JBIG2-compressed page images;\n   * without these modules pdf.js fails image decoding with only a console\n   * warning and renders blank white pages. Default `/wasm/`.\n   */\n  wasmUrl?: string\n}\n\nconst DEFAULT_ASSETS: Required<PdfViewerAssets> = {\n  workerSrc: '/pdf.worker.min.mjs',\n  cMapUrl: '/cmaps/',\n  standardFontDataUrl: '/standard_fonts/',\n  wasmUrl: '/wasm/',\n}\n\n/**\n * Ready pdf.js before any Document mounts: the built-ins it needs on this thread (older browsers\n * lack them and every page render would throw), and the worker, re-set only if it changed.\n */\nfunction ensurePdfWorker(workerSrc: string) {\n  installPdfjsPolyfills()\n  if (pdfjs.GlobalWorkerOptions.workerSrc !== workerSrc) {\n    pdfjs.GlobalWorkerOptions.workerSrc = workerSrc\n  }\n}\n\n// Page rendering constants\n// Height / width used for a page until its real size is known (the first page is read as soon as\n// the document opens, every other page as it renders). A placeholder that differs from the real\n// page shifts everything below it when the page renders.\nconst DEFAULT_PAGE_ASPECT_RATIO = 1.414 // A4 (\u221A2)\n/** The page wrapper's own border (border, top + bottom), included in its fixed height. */\nconst PAGE_BORDER_PX = 2\n/** Wait for the zoom to settle before re-rasterising every visible page. */\nconst RERENDER_DEBOUNCE_MS = 250\n/** Above this zoom a page canvas is large enough that the render window shrinks. */\nconst ZOOMED_BUFFER_THRESHOLD = 1.5\n\n/** Same set contents: lets a state setter bail out instead of re-rendering on every scroll tick. */\nfunction sameSet(a: ReadonlySet<number>, b: ReadonlySet<number>): boolean {\n  if (a.size !== b.size) return false\n  for (const v of a) if (!b.has(v)) return false\n  return true\n}\n\n// Text layer is enabled for pages within 1 page of the visible set \u2014 enough for smooth\n// scrolling while keeping DOM node count low on large documents.\nconst TEXT_LAYER_BUFFER = 1\n\ninterface PdfPageSize {\n  getViewport: (options: { scale: number }) => { width: number; height: number }\n}\nconst ratioOf = (page: PdfPageSize): number => {\n  const { width, height } = page.getViewport({ scale: 1 })\n  return width > 0 && height > 0 ? height / width : DEFAULT_PAGE_ASPECT_RATIO\n}\n\nexport interface PdfViewerProps {\n  file: string | Blob\n  currentPage?: number\n  onLoadSuccess?: (numPages: number) => void\n  /** Incremented to trigger scroll to currentPage */\n  scrollTrigger?: number\n  /** Zoom as a multiplier of the fit-width size (1 = fit width). Default 1. */\n  zoom?: number\n  /** Called by pinch and double-tap; the host owns the value (its buttons change it too). */\n  onZoomChange?: (zoom: number) => void\n  /**\n   * Called as the user scrolls, with the page occupying most of the viewport.\n   * This is the reusable form of the monolith's `setViewingDocumentPage`.\n   */\n  onPageChange?: (pageNumber: number) => void\n  /**\n   * Force pdf.js to rasterise fonts onto the canvas instead of using @font-face.\n   * Required when rendering into a different document (e.g. a popped-out window),\n   * where @font-face rules from the opener do not apply.\n   */\n  disableFontFace?: boolean\n  /** Where the app serves the pdf.js worker, cmaps and standard fonts from. */\n  assets?: PdfViewerAssets\n  /**\n   * Content drawn over every page, inside its border box (e.g. the annotation layer). It fills the\n   * page area and moves and scales with it. `pageWidthPt` is the page's width in PDF points once\n   * known, so overlays can size strokes and text to match what a later export draws.\n   */\n  renderPageOverlay?: (page: { pageNumber: number; pageWidthPt: number | undefined }) => ReactNode\n}\n\nexport function PdfViewer({\n  file,\n  currentPage,\n  onLoadSuccess,\n  scrollTrigger,\n  zoom = 1,\n  onZoomChange,\n  onPageChange,\n  disableFontFace = false,\n  assets,\n  renderPageOverlay,\n}: PdfViewerProps) {\n  const workerSrc = assets?.workerSrc ?? DEFAULT_ASSETS.workerSrc\n  const cMapUrl = assets?.cMapUrl ?? DEFAULT_ASSETS.cMapUrl\n  const standardFontDataUrl = assets?.standardFontDataUrl ?? DEFAULT_ASSETS.standardFontDataUrl\n  const wasmUrl = assets?.wasmUrl ?? DEFAULT_ASSETS.wasmUrl\n\n  // Ensure the pdf.js worker is configured before any Document mounts\n  ensurePdfWorker(workerSrc)\n\n  const [numPages, setNumPages] = useState<number>(0)\n  const [containerWidth, setContainerWidth] = useState<number>(0)\n  // Real height/width of the document's pages: the first page's, then each page as it loads.\n  const [defaultRatio, setDefaultRatio] = useState<number>(DEFAULT_PAGE_ASPECT_RATIO)\n  const [pageRatios, setPageRatios] = useState<ReadonlyMap<number, number>>(new Map())\n  // Each page's width in PDF points, for overlays that must size strokes and text like an export.\n  const [pageWidthsPt, setPageWidthsPt] = useState<ReadonlyMap<number, number>>(new Map())\n  const [loadError, setLoadError] = useState<Error | null>(null)\n  const [documentKey, setDocumentKey] = useState<string>(() => `pdf-${Date.now()}`)\n\n  // Initialize with pages around the current page (or first 3 pages if no current page).\n  // Start with a small initial buffer so the first paint is cheap; expand to the full\n  // buffer lazily via requestIdleCallback after the first render settles.\n  const initialPage = currentPage || 1\n  const [renderedPages, setRenderedPages] = useState<Set<number>>(\n    new Set([\n      Math.max(1, initialPage - INITIAL_LAZY_LOAD_BUFFER.before),\n      initialPage,\n      initialPage + INITIAL_LAZY_LOAD_BUFFER.after,\n    ])\n  )\n\n  // Pages currently in/near the viewport \u2014 used to gate the text layer.\n  // Keeping this separate from renderedPages lets the canvas still render on buffer pages\n  // while text DOM nodes are only created for the user's active reading area.\n  const [visiblePages, setVisiblePages] = useState<Set<number>>(new Set([initialPage]))\n\n  // A late PDF.js completion belongs only to the file that started it.\n  const loadLifetime = useMemo(() => ({ file, active: true }), [file])\n  useEffect(() => {\n    loadLifetime.active = true\n    return () => {\n      loadLifetime.active = false\n    }\n  }, [loadLifetime])\n\n  // Reset document key when file changes to force remount\n  useEffect(() => {\n    setDocumentKey(`pdf-${Date.now()}`)\n    setNumPages(0)\n    setLoadError(null)\n  }, [file])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const pageRefs = useRef<Map<number, HTMLDivElement>>(new Map())\n\n  // Handle document load success\n  const onDocumentLoadSuccess = useCallback(\n    (pdf: { numPages: number; getPage?: (n: number) => Promise<PdfPageSize> }) => {\n      if (!loadLifetime.active) return\n      const n = pdf.numPages\n      void pdf\n        .getPage?.(1)\n        .then((page) => {\n          if (loadLifetime.active) setDefaultRatio(ratioOf(page))\n        })\n        .catch(() => {})\n      setNumPages(n)\n      setLoadError(null) // Clear any previous errors\n\n      try {\n        onLoadSuccess?.(n)\n      } catch (error) {\n        console.error('Error in onLoadSuccess callback:', error)\n      }\n    },\n    [onLoadSuccess, loadLifetime]\n  )\n\n  // Expand only while this file is mounted. Cancellation also guards callbacks\n  // that were already queued when the idle/timer handle was cancelled.\n  useEffect(() => {\n    if (numPages === 0) return\n    let cancelled = false\n    const expand = () => {\n      if (cancelled || !loadLifetime.active) return\n      setRenderedPages((prev) => {\n        if (prev.size === 0) return prev\n        const newSet = new Set(prev)\n        const anchor = currentPage || 1\n        for (\n          let i = Math.max(1, anchor - LAZY_LOAD_BUFFER_BEFORE);\n          i <= Math.min(numPages, anchor + LAZY_LOAD_BUFFER_AFTER);\n          i++\n        ) {\n          newSet.add(i)\n        }\n        return newSet\n      })\n    }\n    if (typeof requestIdleCallback !== 'undefined') {\n      const handle = requestIdleCallback(expand, { timeout: 500 })\n      return () => {\n        cancelled = true\n        if (typeof cancelIdleCallback !== 'undefined') cancelIdleCallback(handle)\n      }\n    }\n    const handle = setTimeout(expand, 500)\n    return () => {\n      cancelled = true\n      clearTimeout(handle)\n    }\n  }, [numPages, currentPage, loadLifetime])\n\n  // Handle document load error\n  const onDocumentLoadError = useCallback((error: Error) => {\n    console.error('PDF loading error:', error)\n    setLoadError(error)\n    setNumPages(0)\n  }, [])\n\n  // react-pdf calls this when the PDF is encrypted (reason === 1) or the\n  // supplied password was wrong (reason === 2). Default behaviour is a\n  // window.prompt() that, when cancelled, never resolves the password\n  // callback \u2014 pdf.js then leaves the document load Promise pending forever\n  // and the viewer is stuck on \"Loading PDF...\".\n  //\n  // Always call updatePassword exactly once. On cancel we surface a\n  // synthetic load error so onLoadError \u2192 setLoadError fires the standard\n  // error UI instead of the indefinite spinner.\n  const onPassword = useCallback((updatePassword: (password: string) => void, reason: number) => {\n    const message =\n      reason === 2\n        ? 'Incorrect password. Enter the password to unlock this PDF:'\n        : 'This PDF is password-protected. Enter the password to view it:'\n    const password = window.prompt(message)\n    if (password === null) {\n      // Cancelled. Synthesise a load error so the error UI takes over.\n      setLoadError(new Error('Password required to open this PDF'))\n      setNumPages(0)\n      return\n    }\n    updatePassword(password)\n  }, [])\n\n  // Fit width: the scroller's content box (inside its padding AND its vertical scrollbar) less the\n  // page's own border. `offsetWidth` would count the scrollbar and overflow sideways by its width.\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n    const setFromContentWidth = (contentWidth: number) =>\n      setContainerWidth(fitPageWidth(contentWidth, PAGE_BORDER_PX))\n\n    setFromContentWidth(contentBoxWidth(container))\n\n    // Re-measure on any change of the content box: a panel resize, or the vertical scrollbar\n    // appearing once the pages are taller than the scroller.\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[entries.length - 1]\n      const box = entry?.contentBoxSize?.[0]\n      setFromContentWidth(box ? box.inlineSize : (entry?.contentRect.width ?? 0))\n    })\n    resizeObserver.observe(container)\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  // Track whether initial scroll has completed to prevent feedback loop\n  const scrollCompleteRef = useRef(false)\n\n  // Scroll to page ONLY when PDF loads - not when page number updates from scrolling\n  useEffect(() => {\n    if (numPages === 0) return\n\n    // If we already scrolled, don't scroll again\n    if (scrollCompleteRef.current) return\n\n    // Ensure the target page and surrounding pages are rendered\n    if (currentPage) {\n      setRenderedPages((prev) => {\n        const newSet = new Set(prev)\n        for (\n          let i = Math.max(1, currentPage - LAZY_LOAD_BUFFER_BEFORE);\n          i <= Math.min(numPages, currentPage + LAZY_LOAD_BUFFER_AFTER);\n          i++\n        ) {\n          newSet.add(i)\n        }\n        return newSet\n      })\n\n      // Wait for DOM update, then scroll\n      requestAnimationFrame(() => {\n        const pageElement = pageRefs.current.get(currentPage)\n        if (pageElement) {\n          pageElement.scrollIntoView({ behavior: 'auto', block: 'start' })\n        }\n        // Wait for scroll to complete before allowing page number updates\n        setTimeout(() => {\n          scrollCompleteRef.current = true\n        }, 100)\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numPages]) // Note: currentPage is intentionally NOT a dependency to prevent feedback loop\n\n  // The page the last explicit request (overlay arrows, typed number) asked for. Read when the\n  // trigger fires; scrolling itself changes `currentPage` and must NOT re-run the scroll below,\n  // or every page the user scrolls past would pull the view back to that page's top.\n  const currentPageRef = useRef(currentPage)\n  currentPageRef.current = currentPage\n\n  // Scroll to page when scrollTrigger changes (user entered a page number)\n  useEffect(() => {\n    const currentPage = currentPageRef.current\n    if (!scrollTrigger || numPages === 0 || !currentPage) return\n\n    // Temporarily disable observer updates during manual scroll\n    scrollCompleteRef.current = false\n\n    // Ensure the target page and surrounding pages are rendered\n    setRenderedPages((prev) => {\n      const newSet = new Set(prev)\n      for (\n        let i = Math.max(1, currentPage - LAZY_LOAD_BUFFER_BEFORE);\n        i <= Math.min(numPages, currentPage + LAZY_LOAD_BUFFER_AFTER);\n        i++\n      ) {\n        newSet.add(i)\n      }\n      return newSet\n    })\n\n    // Double-rAF: first frame lets React commit the setRenderedPages update so\n    // pages before the target are in the DOM at their correct heights; second\n    // frame scrolls after layout has settled. Instant scroll avoids a race\n    // where smooth-scroll animation is still running when the observer\n    // re-enables and reports the wrong page.\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        const pageElement = pageRefs.current.get(currentPage)\n        if (pageElement) {\n          pageElement.scrollIntoView({ behavior: 'instant', block: 'start' })\n        }\n        scrollCompleteRef.current = true\n      })\n    })\n  }, [scrollTrigger, numPages])\n\n  // Handle lazy loading based on visible pages\n  const handleVisibilityUpdate = useCallback(\n    (visibilityMap: Map<number, number>) => {\n      const visiblePageNums = Array.from(visibilityMap.entries())\n        .filter(([, ratio]) => ratio > 0)\n        .map(([pageNum]) => pageNum)\n\n      if (visiblePageNums.length > 0) {\n        const minVisible = Math.min(...visiblePageNums)\n        const maxVisible = Math.max(...visiblePageNums)\n\n        // Update canvas render buffer (wider window for smooth pre-loading). Zoomed pages are\n        // big canvases: keep fewer of them alive so far pages release their memory.\n        const zoomed = zoom > ZOOMED_BUFFER_THRESHOLD\n        const before = zoomed ? 1 : LAZY_LOAD_BUFFER_BEFORE\n        const after = zoomed ? 2 : LAZY_LOAD_BUFFER_AFTER\n        const pagesToRender = new Set<number>()\n        for (\n          let i = Math.max(1, minVisible - before);\n          i <= Math.min(numPages, maxVisible + after);\n          i++\n        ) {\n          pagesToRender.add(i)\n        }\n        setRenderedPages((prev) => (sameSet(prev, pagesToRender) ? prev : pagesToRender))\n\n        // Update text-layer set (narrow window \u2014 text layer is expensive DOM)\n        const nearViewport = new Set<number>()\n        for (\n          let i = Math.max(1, minVisible - TEXT_LAYER_BUFFER);\n          i <= Math.min(numPages, maxVisible + TEXT_LAYER_BUFFER);\n          i++\n        ) {\n          nearViewport.add(i)\n        }\n        setVisiblePages((prev) => (sameSet(prev, nearViewport) ? prev : nearViewport))\n      }\n    },\n    [numPages, zoom]\n  )\n\n  // Memoize options to prevent unnecessary Document reloads.\n  // When the options object changes reference, react-pdf reloads the document,\n  // which fails if the source Blob's ArrayBuffer was already transferred to the worker.\n  const documentOptions = useMemo(\n    () => ({\n      standardFontDataUrl,\n      cMapUrl,\n      cMapPacked: true,\n      wasmUrl,\n      ...(disableFontFace && { disableFontFace: true }),\n    }),\n    [standardFontDataUrl, cMapUrl, wasmUrl, disableFontFace]\n  )\n\n  // Observer callback is optional for consumers that don't track the page.\n  const handlePageChange = useCallback(\n    (pageNumber: number) => onPageChange?.(pageNumber),\n    [onPageChange]\n  )\n\n  // Use IntersectionObserver to track visible pages and update page number\n  usePageIntersectionObserver({\n    containerRef,\n    scrollCompleteRef,\n    isEnabled: numPages > 0,\n    getPageElements: () => Array.from(pageRefs.current.values()),\n    getPageNumber: (element) => parseInt(element.getAttribute('data-page-number') ?? '0'),\n    onPageChange: handlePageChange,\n    onVisibilityUpdate: handleVisibilityUpdate,\n    observeKey: `${numPages}:${containerWidth > 0}`,\n  })\n\n  // Pages above the reading position change height as they load their real size.\n  useScrollAnchor(containerRef, `${numPages}:${containerWidth > 0}`)\n\n  // Pinch / double-tap, and the focal point kept still for every zoom change.\n  usePinchZoom({ containerRef, zoom, onZoomChange })\n\n  // Layout follows `zoom` at once (a CSS scale of the already rendered canvas, so the gesture is\n  // smooth); the canvases are re-rendered at the new resolution once the zoom has settled. Without\n  // this the bitmap is only magnified and stays blurry.\n  const [renderZoom, setRenderZoom] = useState(zoom)\n  useEffect(() => {\n    if (zoom === renderZoom) return\n    const timer = setTimeout(() => setRenderZoom(zoom), RERENDER_DEBOUNCE_MS)\n    return () => clearTimeout(timer)\n  }, [zoom, renderZoom])\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"w-full h-full overflow-auto bg-muted flex flex-col items-start p-4 pb-20\"\n      // Two-finger gestures belong to the viewer (real zoom), not to the browser (bitmap zoom).\n      // The scrollbar's gutter is always reserved, so the fit width does not change (and every page\n      // re-rasterise) when the scrollbar appears, and cannot flip back and forth at the threshold.\n      style={{ touchAction: 'pan-x pan-y', scrollbarGutter: 'stable' }}\n      role=\"region\"\n      aria-label=\"PDF document viewer\"\n      data-testid=\"pdf-viewer\"\n    >\n      <Document\n        // Wider than the scroller when zoomed in: the scroller pans horizontally over it.\n        className=\"flex w-max min-w-full flex-col\"\n        key={documentKey}\n        // react-pdf 11 suspends while loading and sends failures to an error boundary. This viewer\n        // owns its loading and error UI (and the password flow), so keep the callback behaviour.\n        suspense={false}\n        file={file}\n        onLoadSuccess={onDocumentLoadSuccess}\n        onLoadError={onDocumentLoadError}\n        onPassword={onPassword}\n        options={documentOptions}\n        loading={\n          <div className=\"flex items-center justify-center h-full\">\n            <div className=\"text-sm text-muted-foreground\">Loading PDF...</div>\n          </div>\n        }\n        error={\n          <div className=\"flex flex-col items-center justify-center h-full gap-4 p-8\">\n            <div className=\"text-destructive text-center\">\n              {loadError?.message ===\n              \"Cannot read properties of null (reading 'sendWithPromise')\" ? (\n                <>\n                  <p className=\"font-semibold mb-2\">PDF viewer initialization failed</p>\n                  <p className=\"text-sm text-muted-foreground\">Please refresh the page to retry</p>\n                </>\n              ) : (\n                <>\n                  <p className=\"font-semibold mb-2\">Failed to load PDF</p>\n                  {loadError && (\n                    <p className=\"text-sm text-muted-foreground\">{loadError.message}</p>\n                  )}\n                </>\n              )}\n            </div>\n          </div>\n        }\n      >\n        {containerWidth > 0 &&\n          Array.from(new Array(numPages), (_, index) => {\n            const pageNumber = index + 1\n            const shouldRender = renderedPages.has(pageNumber)\n            const ratio = pageRatios.get(pageNumber) ?? defaultRatio\n            const pageWidth = containerWidth * zoom\n            const pageHeight = pageWidth * ratio\n            // Resolution the canvas is (re-)rendered at, and how far it is CSS-scaled meanwhile.\n            const renderWidth = containerWidth * renderZoom\n            const scale = zoom / renderZoom\n            // Only enable the text layer for pages in/near the viewport.\n            // Pages in the wider render buffer get a canvas (so the image is ready when\n            // the user scrolls to them) but no text spans until they're nearby \u2014 this\n            // avoids committing thousands of DOM nodes synchronously on large documents.\n            const shouldRenderTextLayer = visiblePages.has(pageNumber)\n\n            return (\n              <div\n                key={`page_${pageNumber}`}\n                ref={(el) => {\n                  if (el) {\n                    pageRefs.current.set(pageNumber, el)\n                  } else {\n                    pageRefs.current.delete(pageNumber)\n                  }\n                }}\n                data-page-number={pageNumber}\n                // Fixed height in every state: a flex item would otherwise shrink (it is a\n                // scroller itself via blocks.css) and a placeholder/real mismatch would shift the\n                // pages below.\n                className=\"relative mx-auto mb-6 shrink-0 shadow-xl bg-white border border-border\"\n                style={{ width: pageWidth + PAGE_BORDER_PX, height: pageHeight + PAGE_BORDER_PX }}\n                role=\"article\"\n                aria-label={`Page ${pageNumber} of ${numPages}`}\n              >\n                {shouldRender ? (\n                  <div\n                    data-testid={`pdf-page-scaler-${pageNumber}`}\n                    style={\n                      scale === 1\n                        ? undefined\n                        : { transform: `scale(${scale})`, transformOrigin: '0 0' }\n                    }\n                  >\n                    <Page\n                      pageNumber={pageNumber}\n                      width={renderWidth}\n                      renderTextLayer={shouldRenderTextLayer}\n                      renderAnnotationLayer={false}\n                      onLoadSuccess={(page: { originalWidth: number; originalHeight: number }) => {\n                        setPageWidthsPt((prev) =>\n                          prev.get(pageNumber) === page.originalWidth\n                            ? prev\n                            : new Map(prev).set(pageNumber, page.originalWidth)\n                        )\n                        const ratio = page.originalHeight / page.originalWidth\n                        setPageRatios((prev) =>\n                          Math.abs((prev.get(pageNumber) ?? defaultRatio) - ratio) < 0.001\n                            ? prev\n                            : new Map(prev).set(pageNumber, ratio)\n                        )\n                      }}\n                      // DPR capped at 2x and lowered further when the page would exceed the canvas\n                      // pixel budget (zoomed pages are big; iOS Safari fails above ~16.7M pixels).\n                      devicePixelRatio={renderDpr(\n                        renderWidth,\n                        renderWidth * ratio,\n                        window.devicePixelRatio || 1\n                      )}\n                      loading={\n                        <div\n                          className=\"flex items-center justify-center bg-muted\"\n                          style={{ width: renderWidth, height: renderWidth * ratio }}\n                        >\n                          <div className=\"text-sm text-muted-foreground\">\n                            Loading page {pageNumber}...\n                          </div>\n                        </div>\n                      }\n                    />\n                  </div>\n                ) : (\n                  <div\n                    className=\"flex items-center justify-center bg-muted\"\n                    style={{ width: pageWidth, height: pageHeight }}\n                  >\n                    <div className=\"text-sm text-muted-foreground\">Page {pageNumber}</div>\n                  </div>\n                )}\n                {renderPageOverlay?.({ pageNumber, pageWidthPt: pageWidthsPt.get(pageNumber) })}\n              </div>\n            )\n          })}\n      </Document>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["handle", "currentPage", "ratio"]
+}

package/dist/viewers/VideoViewer.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function VideoViewer({ blob, title }) {
+  const [objectUrl, setObjectUrl] = useState("");
+  useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "video-viewer",
+      children: /* @__PURE__ */ jsx(
+        "video",
+        {
+          src: objectUrl,
+          controls: true,
+          title,
+          className: "max-w-full max-h-full rounded shadow-sm"
+        }
+      )
+    }
+  );
+}
+export {
+  VideoViewer
+};
+//# sourceMappingURL=VideoViewer.js.map

package/dist/viewers/VideoViewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/VideoViewer.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nexport interface VideoViewerProps {\n  blob: Blob\n  title: string\n}\n\n/** Renders a video blob with the browser's native transport controls. */\nexport function VideoViewer({ blob, title }: VideoViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"video-viewer\"\n    >\n      <video\n        src={objectUrl}\n        controls\n        title={title}\n        className=\"max-w-full max-h-full rounded shadow-sm\"\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "AAwBM;AAxBN,SAAS,WAAW,gBAAgB;AAQ7B,SAAS,YAAY,EAAE,MAAM,MAAM,GAAqB;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,EAAE;AAErD,YAAU,MAAM;AACd,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,iBAAa,GAAG;AAChB,WAAO,MAAM,IAAI,gBAAgB,GAAG;AAAA,EACtC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAQ;AAAA,UACR;AAAA,UACA,WAAU;AAAA;AAAA,MACZ;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/viewers/XlsxViewer.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+function XlsxViewer({ blob }) {
+  const [sheets, setSheets] = useState([]);
+  const [activeSheet, setActiveSheet] = useState("");
+  const [rows, setRows] = useState([]);
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const workbookRef = useRef(null);
+  const renderSheet = async (sheetName, wb) => {
+    const XLSX = await import("xlsx");
+    const sheet = wb.Sheets[sheetName];
+    const data = XLSX.utils.sheet_to_json(sheet, { header: 1, defval: "" });
+    setRows(data);
+    setActiveSheet(sheetName);
+  };
+  useEffect(() => {
+    let cancelled = false;
+    blob.arrayBuffer().then(async (buffer) => {
+      if (cancelled) return;
+      const XLSX = await import("xlsx");
+      const wb = XLSX.read(buffer, { type: "array" });
+      workbookRef.current = wb;
+      const sheetNames = wb.SheetNames;
+      setSheets(sheetNames);
+      const data = XLSX.utils.sheet_to_json(wb.Sheets[sheetNames[0]], {
+        header: 1,
+        defval: ""
+      });
+      if (!cancelled) {
+        setRows(data);
+        setActiveSheet(sheetNames[0]);
+        setIsLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        console.error("XlsxViewer error:", err);
+        setError("Failed to render spreadsheet");
+        setIsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [blob]);
+  const handleSheetChange = (sheetName) => {
+    if (workbookRef.current) {
+      renderSheet(sheetName, workbookRef.current);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading spreadsheet..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-destructive", children: error }) });
+  }
+  const colCount = rows.reduce((max, row) => Math.max(max, row.length), 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "w-full h-full flex flex-col overflow-hidden bg-background",
+      "data-testid": "xlsx-viewer",
+      children: [
+        sheets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-0.5 px-2 pt-1 border-b bg-muted overflow-x-auto", children: sheets.map((sheet) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleSheetChange(sheet),
+            className: `px-3 py-1 text-sm font-medium whitespace-nowrap rounded-t transition-colors border-x border-t ${sheet === activeSheet ? "bg-background text-primary border-border" : "bg-muted text-muted-foreground border-transparent hover:bg-muted hover:text-foreground"}`,
+            children: sheet
+          },
+          sheet
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto", children: [
+          /* @__PURE__ */ jsx("table", { className: "text-sm border-collapse min-w-full", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              className: rowIdx === 0 ? "bg-muted font-semibold sticky top-0" : "hover:bg-accent",
+              children: [
+                /* @__PURE__ */ jsx("td", { className: "border border-border px-1 text-center text-muted-foreground bg-muted select-none w-8 min-w-[2rem]", children: rowIdx + 1 }),
+                Array.from({ length: colCount }).map((_, colIdx) => /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    className: "border border-border px-2 py-0.5 whitespace-nowrap max-w-[200px] overflow-hidden text-ellipsis",
+                    title: String(row[colIdx] ?? ""),
+                    children: String(row[colIdx] ?? "")
+                  },
+                  colIdx
+                ))
+              ]
+            },
+            rowIdx
+          )) }) }),
+          rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8 text-sm text-muted-foreground", children: "Empty sheet" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  XlsxViewer
+};
+//# sourceMappingURL=XlsxViewer.js.map

package/dist/viewers/XlsxViewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/XlsxViewer.tsx"],
+  "sourcesContent": ["/**\n * XlsxViewer\n *\n * Renders spreadsheets natively using SheetJS, showing every sheet with a tab\n * bar. Preserves cell data and multiple sheets.\n *\n * `xlsx` is an OPTIONAL peer dependency, imported dynamically \u2014 a consumer that\n * never renders a spreadsheet does not need it installed. If it is missing the\n * viewer shows a load error rather than crashing the app.\n */\n\nimport { useEffect, useRef, useState } from 'react'\nimport type { WorkSheet } from 'xlsx'\n\nexport interface XlsxViewerProps {\n  blob: Blob\n}\n\ntype WorkbookRef = {\n  SheetNames: string[]\n  Sheets: Record<string, WorkSheet>\n}\n\nexport function XlsxViewer({ blob }: XlsxViewerProps) {\n  const [sheets, setSheets] = useState<string[]>([])\n  const [activeSheet, setActiveSheet] = useState<string>('')\n  const [rows, setRows] = useState<unknown[][]>([])\n  const [error, setError] = useState<string | null>(null)\n  const [isLoading, setIsLoading] = useState(true)\n  const workbookRef = useRef<WorkbookRef | null>(null)\n\n  const renderSheet = async (sheetName: string, wb: WorkbookRef) => {\n    const XLSX = await import('xlsx')\n    const sheet = wb.Sheets[sheetName]\n    const data = XLSX.utils.sheet_to_json<unknown[]>(sheet, { header: 1, defval: '' })\n    setRows(data)\n    setActiveSheet(sheetName)\n  }\n\n  useEffect(() => {\n    let cancelled = false\n\n    blob\n      .arrayBuffer()\n      .then(async (buffer) => {\n        if (cancelled) return\n        const XLSX = await import('xlsx')\n        const wb = XLSX.read(buffer, { type: 'array' }) as WorkbookRef\n        workbookRef.current = wb\n        const sheetNames = wb.SheetNames\n        setSheets(sheetNames)\n        const data = XLSX.utils.sheet_to_json<unknown[]>(wb.Sheets[sheetNames[0]], {\n          header: 1,\n          defval: '',\n        })\n        if (!cancelled) {\n          setRows(data)\n          setActiveSheet(sheetNames[0])\n          setIsLoading(false)\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          console.error('XlsxViewer error:', err)\n          setError('Failed to render spreadsheet')\n          setIsLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [blob])\n\n  const handleSheetChange = (sheetName: string) => {\n    if (workbookRef.current) {\n      renderSheet(sheetName, workbookRef.current)\n    }\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <div className=\"text-sm text-muted-foreground\">Loading spreadsheet...</div>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center h-full\">\n        <div className=\"text-destructive\">{error}</div>\n      </div>\n    )\n  }\n\n  // Find max columns across all rows for consistent table width\n  const colCount = rows.reduce((max, row) => Math.max(max, (row as unknown[]).length), 0)\n\n  return (\n    <div\n      className=\"w-full h-full flex flex-col overflow-hidden bg-background\"\n      data-testid=\"xlsx-viewer\"\n    >\n      {/* Sheet tabs */}\n      {sheets.length > 0 && (\n        <div className=\"flex-shrink-0 flex items-center gap-0.5 px-2 pt-1 border-b bg-muted overflow-x-auto\">\n          {sheets.map((sheet) => (\n            <button\n              key={sheet}\n              onClick={() => handleSheetChange(sheet)}\n              className={`px-3 py-1 text-sm font-medium whitespace-nowrap rounded-t transition-colors border-x border-t ${\n                sheet === activeSheet\n                  ? 'bg-background text-primary border-border'\n                  : 'bg-muted text-muted-foreground border-transparent hover:bg-muted hover:text-foreground'\n              }`}\n            >\n              {sheet}\n            </button>\n          ))}\n        </div>\n      )}\n\n      {/* Spreadsheet table */}\n      <div className=\"flex-1 overflow-auto\">\n        <table className=\"text-sm border-collapse min-w-full\">\n          <tbody>\n            {rows.map((row, rowIdx) => (\n              <tr\n                key={rowIdx}\n                className={rowIdx === 0 ? 'bg-muted font-semibold sticky top-0' : 'hover:bg-accent'}\n              >\n                {/* Row number gutter */}\n                <td className=\"border border-border px-1 text-center text-muted-foreground bg-muted select-none w-8 min-w-[2rem]\">\n                  {rowIdx + 1}\n                </td>\n                {Array.from({ length: colCount }).map((_, colIdx) => (\n                  <td\n                    key={colIdx}\n                    className=\"border border-border px-2 py-0.5 whitespace-nowrap max-w-[200px] overflow-hidden text-ellipsis\"\n                    title={String((row as unknown[])[colIdx] ?? '')}\n                  >\n                    {String((row as unknown[])[colIdx] ?? '')}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n        {rows.length === 0 && (\n          <div className=\"flex items-center justify-center p-8 text-sm text-muted-foreground\">\n            Empty sheet\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}