@cosmicdrift/kumiko-document-designer 0.377.0 → 0.379.0

package/dist/web/pdf-preview.d.ts

@@ -1,4 +0,0 @@
-import { type ReactNode } from "react";
-export declare function PdfPreview({ pdfBase64 }: {
-    readonly pdfBase64: string;
-}): ReactNode;

package/dist/web/pdf-preview.js

@@ -1,112 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
-/// <reference path="./pdfjs-worker.d.ts" />
-import { useTranslation } from "@cosmicdrift/kumiko-renderer";
-import { Suspense, use, useCallback, useMemo } from "react";
-// pdf.js runs in the main thread ("fake worker"): the worker module is bundled
-// with the app and handed over through globalThis.pdfjsWorker, so no worker or
-// CDN URL is ever fetched (self-hosting and CSP stay intact).
-const RENDER_SCALE = 96 / 72;
-let cachedKey = null;
-let cachedLoad = null;
-function decodeBase64(base64) {
-    const binary = atob(base64);
-    const bytes = new Uint8Array(binary.length);
-    for (let index = 0; index < binary.length; index++)
-        bytes[index] = binary.charCodeAt(index);
-    return bytes;
-}
-async function loadDocument(pdfBase64) {
-    try {
-        const [pdfjs, worker] = await Promise.all([
-            import("pdfjs-dist"),
-            import("pdfjs-dist/build/pdf.worker.min.mjs"),
-        ]);
-        Object.assign(globalThis, { pdfjsWorker: worker });
-        const loadingTask = pdfjs.getDocument({ data: decodeBase64(pdfBase64) });
-        return { ok: true, document: await loadingTask.promise, loadingTask };
-    }
-    catch {
-        return { ok: false };
-    }
-}
-// The promise must be stable across renders for use(); only the latest PDF is kept.
-function documentFor(pdfBase64) {
-    if (cachedKey !== pdfBase64 || cachedLoad === null) {
-        const previous = cachedLoad;
-        cachedKey = pdfBase64;
-        cachedLoad = loadDocument(pdfBase64);
-        void previous?.then((loaded) => {
-            if (loaded.ok)
-                void loaded.loadingTask.destroy();
-        });
-    }
-    return cachedLoad;
-}
-function PageView({ document, pageNumber, }) {
-    const t = useTranslation();
-    const page = use(pageFor(document, pageNumber));
-    // Stable identity: the mount callbacks below depend on it, and a new viewport per render re-mounts canvas and text layer.
-    const viewport = useMemo(() => page.getViewport({ scale: RENDER_SCALE }), [page]);
-    const mountCanvas = useCallback((canvas) => {
-        if (canvas === null)
-            return;
-        const task = page.render({ canvas, viewport });
-        task.promise.catch(() => undefined);
-        return () => task.cancel();
-    }, [page, viewport]);
-    const mountTextLayer = useCallback((container) => {
-        if (container === null)
-            return;
-        container.style.setProperty("--total-scale-factor", String(RENDER_SCALE));
-        container.style.setProperty("--scale-factor", String(RENDER_SCALE));
-        let layer = null;
-        let cancelled = false;
-        void import("pdfjs-dist").then(({ TextLayer }) => {
-            // skip: cleanup ran before pdfjs finished loading
-            if (cancelled)
-                return undefined;
-            // TextLayer.cancel() keeps rendered spans; a re-mount must not append a second layer.
-            container.replaceChildren();
-            const textLayer = new TextLayer({
-                textContentSource: page.streamTextContent(),
-                container,
-                viewport,
-            });
-            layer = textLayer;
-            return textLayer.render().catch(() => undefined);
-        });
-        return () => {
-            cancelled = true;
-            layer?.cancel();
-        };
-    }, [page, viewport]);
-    return (_jsxs("figure", { className: "m-0 flex flex-col items-center gap-2", "data-testid": `pdf-page-${pageNumber}`, children: [_jsxs("div", { className: "relative w-fit bg-card shadow-md", children: [_jsx("canvas", { ref: mountCanvas, width: viewport.width, height: viewport.height }), _jsx("div", { ref: mountTextLayer, className: "absolute inset-0 overflow-hidden leading-none [&_span]:absolute [&_span]:origin-top-left [&_span]:cursor-text [&_span]:whitespace-pre [&_span]:text-transparent [&_span::selection]:bg-primary/30" })] }), _jsx("figcaption", { className: "text-xs text-muted-foreground", children: t("documentDesigner.preview.pageOf", { page: pageNumber, pages: document.numPages }) })] }));
-}
-const pageCache = new WeakMap();
-function pageFor(document, pageNumber) {
-    let pages = pageCache.get(document);
-    if (pages === undefined) {
-        pages = new Map();
-        pageCache.set(document, pages);
-    }
-    let page = pages.get(pageNumber);
-    if (page === undefined) {
-        page = document.getPage(pageNumber);
-        pages.set(pageNumber, page);
-    }
-    return page;
-}
-function Pages({ pdfBase64 }) {
-    const t = useTranslation();
-    const loaded = use(documentFor(pdfBase64));
-    if (!loaded.ok) {
-        return _jsx("p", { className: "text-sm text-status-bad", children: t("documentDesigner.preview.renderFailed") });
-    }
-    const pageNumbers = Array.from({ length: loaded.document.numPages }, (_, index) => index + 1);
-    return (_jsx(_Fragment, { children: pageNumbers.map((pageNumber) => (_jsx(Suspense, { fallback: null, children: _jsx(PageView, { document: loaded.document, pageNumber: pageNumber }) }, pageNumber))) }));
-}
-export function PdfPreview({ pdfBase64 }) {
-    const t = useTranslation();
-    return (_jsx("div", { className: "flex flex-col items-center gap-6 overflow-auto bg-muted p-6", "data-testid": "document-designer-pdf-preview", children: _jsx(Suspense, { fallback: _jsx("p", { className: "text-sm text-muted-foreground", children: t("documentDesigner.preview.loading") }), children: _jsx(Pages, { pdfBase64: pdfBase64 }) }) }));
-}