@rightkit/document-core 0.1.2 → 0.2.0

package/dist/documents/pdf/NativePdfDocument.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import type { PdfViewer as LegacyPdfViewer } from "./PdfViewer.js";
-export declare function supportsNativePdfReading(): boolean;
-type Props = ComponentProps<typeof LegacyPdfViewer>;
-/** Native reading & PDF.js editing have separate document lifetimes. Once editing starts, keep
- * its renderer mounted so annotations, source commands & undo history retain their existing owner.
- */
-export declare function NativePdfDocument(props: Props): import("react").JSX.Element;
-export {};

package/dist/documents/pdf/NativePdfDocument.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy, Suspense, useCallback, useEffect, useRef, useState, } from "react";
-import { isMac } from "../../platform.js";
-import { logError } from "../../state/diagnostics.js";
-const MacPdfReadPane = lazy(() => import("./MacPdfReadPane.js").then((module) => ({ default: module.MacPdfReadPane })));
-const PdfViewer = lazy(() => import("./PdfViewer.js").then((module) => ({ default: module.PdfViewer })));
-export function supportsNativePdfReading() {
-    return isMac() && typeof window !== "undefined" && "__TAURI_INTERNALS__" in window;
-}
-/** Native reading & PDF.js editing have separate document lifetimes. Once editing starts, keep
- * its renderer mounted so annotations, source commands & undo history retain their existing owner.
- */
-export function NativePdfDocument(props) {
-    const readOnly = props.readOnly ?? true;
-    const [legacy, setLegacy] = useState(() => !supportsNativePdfReading());
-    const [editingAction, setEditingAction] = useState();
-    // Wave 2: Markup hands off to the PDF.js editor permanently for this document — the editor's
-    // document lifetime rule (annotations, source commands & undo keep their existing owner) makes
-    // a return to the native reader destructive, so Read after Markup renders the same editor in
-    // its read-only mode instead of remounting PDFKit.
-    useEffect(() => {
-        if (!readOnly)
-            setLegacy(true);
-    }, [readOnly]);
-    const showNative = !legacy && readOnly;
-    const viewRef = useRef(props.initialView);
-    const onViewState = useCallback((view) => {
-        viewRef.current = view;
-        props.onViewState?.(view);
-    }, [props.onViewState]);
-    const requestEditing = useCallback((action, view) => {
-        viewRef.current = view;
-        setEditingAction(action);
-        setLegacy(true);
-    }, []);
-    const fallback = useCallback(() => {
-        logError("pdf:native-reading-failed");
-        setLegacy(true);
-    }, []);
-    return (_jsx(Suspense, { fallback: _jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted", children: "Loading PDF\u2026" }), children: showNative ? (_jsx(MacPdfReadPane, { documentPath: props.documentPath, url: props.url, active: props.active, initialView: viewRef.current, onViewState: onViewState, registerPrint: props.registerPrint, registerSearchProvider: props.registerSearchProvider, findBar: props.findBar, findMode: props.findMode, onRequestFind: props.onRequestFind, onRequestReplace: props.onRequestReplace, onRequestEditing: requestEditing, onRequestFallback: fallback, readOnly: true }, props.url ?? props.documentPath)) : (_jsx(PdfViewer, { ...props, readOnly: readOnly, initialView: viewRef.current, initialEditingAction: editingAction, onViewState: onViewState })) }));
-}

package/dist/documents/pdf/PdfInlineTextEditor.d.ts

@@ -1,53 +0,0 @@
-import { type CSSProperties, type ReactNode } from "react";
-import type { PdfColor, PdfRect, PdfTextDraft } from "./pdfEditModel.js";
-/** Default CSS px per PDF user-space unit when the caller does not supply the live viewport scale:
- *  96dpi CSS px over 72dpi PDF points, i.e. a viewer at 100% with pdf.js's PDF_TO_CSS_UNITS. */
-export declare const DEFAULT_CSS_PER_PDF_UNIT: number;
-export interface PdfInlineTextEditorProps {
-    /** The in-progress draft being edited (existing-island `sourceEdit` or fresh `addText`). */
-    draft: PdfTextDraft;
-    /** Live CSS px per PDF user-space unit for the draft's page — `PageViewport.scale` from the same
-     *  viewport `rect` was converted with. Without it the editor's glyphs render at a fixed 100% size
-     *  while the page underneath is zoomed, which is exactly the size mismatch users saw. */
-    cssPerPdfUnit?: number;
-    /** Background painted behind the editable so the ORIGINAL glyphs (still on the canvas underneath
-     *  for a `sourceEdit` draft) don't show through the text being typed over them. The caller
-     *  samples this from the page canvas (see `sampleCanvasRectBackground`); `null`/undefined leaves
-     *  the editor transparent (right for `addText` over empty page space). */
-    coverColor?: PdfColor | null;
-    /** Screen-space (CSS pixel) rect for this draft, already converted from PDF-space via
-     *  `pdfRectToViewport` by the caller — see judgment call 1 above. Reuses the frozen `PdfRect`
-     *  field shape; unit is CSS px here, not PDF user-space units. */
-    rect: PdfRect;
-    /** Fired on every keystroke with the editable's current plain-text content, so the caller can
-     *  keep `session.draft.text` in sync (`usePdfEditSession.ts`'s `updateDraftText`). */
-    onTextChange: (text: string) => void;
-    /** §3.2: Enter, click-away (blur), or an external "commit the active draft" call (Done, page
-     *  switch, another selection) should all resolve here. Zero-arg to match §6.1's
-     *  `onCommit={commitDraft}` usage exactly. */
-    onCommit: () => void;
-    /** §3.2 Escape: "discards active draft without a history command." Zero-arg to match §6.1's
-     *  `onCancel={cancelDraft}` usage exactly. */
-    onCancel: () => void;
-    /** §3.3: fires whenever the measured overflow state changes, so the caller can mirror it onto
-     *  `session.draft.overflow` via `setDraftOverflow`. Optional because a caller doing its own
-     *  layout measurement elsewhere is not required to wire this. */
-    onOverflowChange?: (overflow: boolean) => void;
-}
-/**
- * Maps a PDF font resource name to CSS font properties. PDF names are not CSS families: embedded
- * subsets arrive as `ABCDEF+SourceSerif4-Bold`, base-14 fonts as `Helvetica-BoldOblique`, and
- * TrueType names as `Arial,BoldItalic`. Handing those to `font-family` verbatim falls back to the
- * browser default (a serif), which is the wrong-face rendering users saw over sans-serif source
- * text. The style suffix is peeled into weight/style, and the family gets a generic fallback
- * chosen from the base name so an unknown embedded face at least lands in the right class.
- */
-export declare function pdfFontToCss(family: string): Pick<CSSProperties, "fontFamily" | "fontWeight" | "fontStyle">;
-/**
- * Page-slot inline editor for one text draft. Uses a `contenteditable` div (§12's
- * "contenteditable/input") rather than an `<input>`/`<textarea>` because the draft's appearance
- * (arbitrary embedded font, PDF point size) must render exactly as it will in the composed
- * candidate, and a plain form control cannot host that plus multi-run styling if it is extended
- * later; a single style span is sufficient for the current single-appearance-per-draft contract.
- */
-export declare function PdfInlineTextEditor(props: PdfInlineTextEditorProps): ReactNode;

package/dist/documents/pdf/PdfInlineTextEditor.js

@@ -1,225 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Page-slot inline text editor (docs/PDF-EDITOR-NOW.md §6.1, §12
-// "src/documents/pdf/PdfInlineTextEditor.tsx | Page-slot contenteditable/input, click-away,
-// Escape, composition, overflow").
-//
-// Renders inside the same absolute page slot as the canvas/text/annotation layers, positioned at
-// a caller-supplied screen-space rect, editing one `PdfTextDraft` (either an existing-island
-// `sourceEdit` draft or a fresh `addText` draft; see `pdfEditModel.ts`, frozen).
-//
-// Prop-contract judgment calls (pdfEditModel.ts is frozen and defines neither a screen-rect type
-// nor this component's props, so these are resolved here, not invented there):
-//
-// 1. Screen-space rect: `PdfTextIsland`/`PdfTextDraft` carry only PDF-space geometry (`PdfRect`,
-//    §3.2's `pdfRectToViewport(session.draft.rect, viewport)`). The caller (PdfViewer) already
-//    owns the viewport and must do that conversion; this component receives the already-converted
-//    rect as plain CSS pixels. Reusing the frozen `PdfRect` shape for it (rather than inventing a
-//    `PdfViewportRect`) keeps the field names (`x`, `y`, `width`, `height`) consistent with the
-//    rest of the contract — only the unit (CSS px vs PDF user-space units) differs, and that unit
-//    is documented on the prop itself.
-// 2. `onCommit`/`onCancel` are zero-argument, matching the exact §6.1 usage snippet
-//    (`onCommit={commitDraft}`, `onCancel={cancelDraft}`, both zero-arg methods on
-//    `PdfEditSessionController`). Live text edits are not part of that snippet's shape, so they are
-//    threaded back through a separate `onTextChange(text)` prop (wired by the caller to
-//    `session.updateDraftText`) rather than overloading `onCommit` with an argument that would
-//    break the documented call site.
-// 3. Overflow: `pdfEditModel.ts`'s `PdfTextDraft.overflow` is the authoritative flag (read by Save
-//    to disable that command, §3.3), and `usePdfEditSession.ts` exposes a matching zero-arg-return
-//    setter `setDraftOverflow(overflow: boolean)`. This component does not call that setter
-//    directly (it has no session reference) — it reports the same boolean shape via an
-//    `onOverflowChange(overflow: boolean)` prop so the caller can wire
-//    `onOverflowChange={session.setDraftOverflow}` verbatim. Overflow is measured against the
-//    caller-supplied screen rect (the on-screen box `availableBounds` maps to), comparing the
-//    editable element's scrollWidth/scrollHeight to its clientWidth/clientHeight — the same
-//    "does the content option outgrow its box" signal `validate_layout` (§8) checks in PDF space.
-//
-// Appearance -> CSS conversion: `PdfTextAppearance.sizePt` is in PDF points (1/72in); CSS px
-// assumes 96dpi, so `px = pt * 96/72`. `color` fields are 0-1 floats (`{r,g,b,alpha}`); CSS wants
-// 0-255 integers for r/g/b and 0-1 for alpha, so only r/g/b are scaled.
-import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
-/** Default CSS px per PDF user-space unit when the caller does not supply the live viewport scale:
- *  96dpi CSS px over 72dpi PDF points, i.e. a viewer at 100% with pdf.js's PDF_TO_CSS_UNITS. */
-export const DEFAULT_CSS_PER_PDF_UNIT = 96 / 72;
-/**
- * Maps a PDF font resource name to CSS font properties. PDF names are not CSS families: embedded
- * subsets arrive as `ABCDEF+SourceSerif4-Bold`, base-14 fonts as `Helvetica-BoldOblique`, and
- * TrueType names as `Arial,BoldItalic`. Handing those to `font-family` verbatim falls back to the
- * browser default (a serif), which is the wrong-face rendering users saw over sans-serif source
- * text. The style suffix is peeled into weight/style, and the family gets a generic fallback
- * chosen from the base name so an unknown embedded face at least lands in the right class.
- */
-export function pdfFontToCss(family) {
-    const trimmed = family.trim().replace(/^[A-Z]{6}\+/, "");
-    const [rawBase, ...suffixParts] = trimmed.split(/[-,]/);
-    const styleText = `${suffixParts.join(" ")} ${rawBase}`.toLowerCase();
-    const bold = /bold|black|heavy|semibold|demibold/.test(styleText);
-    const italic = /italic|oblique/.test(styleText);
-    // Split CamelCase / digits so "SourceSerif4" becomes a name a CSS lookup can match ("Source
-    // Serif 4") when that font is installed or bundled.
-    const base = rawBase
-        .replace(/([a-z])([A-Z0-9])/g, "$1 $2")
-        .replace(/([A-Za-z])(\d)/g, "$1 $2")
-        .replace(/\s+/g, " ")
-        .trim();
-    const lower = base.toLowerCase();
-    let generic = "sans-serif";
-    if (/courier|mono|consol|menlo|monaco/.test(lower))
-        generic = "monospace";
-    else if (/times|serif|georgia|garamond|book|roman|cambria|palatino|minion|baskerville|caslon/.test(lower) &&
-        !/sans/.test(lower)) {
-        generic = "serif";
-    }
-    const fontFamily = base ? `"${base}", ${generic}` : generic;
-    return {
-        fontFamily,
-        fontWeight: bold ? 700 : 400,
-        fontStyle: italic ? "italic" : "normal",
-    };
-}
-function appearanceToStyle(appearance, rect, cssPerPdfUnit, coverColor) {
-    const { r, g, b, alpha } = appearance.color;
-    const cover = coverColor
-        ? `rgba(${Math.round(coverColor.r * 255)}, ${Math.round(coverColor.g * 255)}, ${Math.round(coverColor.b * 255)}, ${coverColor.alpha})`
-        : "transparent";
-    return {
-        position: "absolute",
-        left: rect.x,
-        top: rect.y,
-        width: rect.width,
-        height: rect.height,
-        ...pdfFontToCss(appearance.family),
-        fontSize: `${appearance.sizePt * cssPerPdfUnit}px`,
-        color: `rgba(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(b * 255)}, ${alpha})`,
-        // The rect is the island's glyph box (ascender to descender), so centering one line in it
-        // lands the glyphs where the source run sits far better than lineHeight:1 at the box top did.
-        lineHeight: `${rect.height}px`,
-        whiteSpace: "pre",
-        overflow: "visible",
-        outline: "none",
-        background: cover,
-        border: "none",
-        padding: 0,
-        margin: 0,
-        cursor: "text",
-    };
-}
-/**
- * Page-slot inline editor for one text draft. Uses a `contenteditable` div (§12's
- * "contenteditable/input") rather than an `<input>`/`<textarea>` because the draft's appearance
- * (arbitrary embedded font, PDF point size) must render exactly as it will in the composed
- * candidate, and a plain form control cannot host that plus multi-run styling if it is extended
- * later; a single style span is sufficient for the current single-appearance-per-draft contract.
- */
-export function PdfInlineTextEditor(props) {
-    const { draft, rect, onTextChange, onCommit, onCancel, onOverflowChange } = props;
-    const editableRef = useRef(null);
-    const composingRef = useRef(false);
-    const overflowRef = useRef(false);
-    const [overflowed, setOverflowed] = useState(draft.overflow);
-    // Reading the latest callbacks from refs (rather than depending on them in effects/handlers)
-    // avoids re-binding DOM listeners or re-running layout measurement solely because the caller
-    // passed a new function identity, and, for onCommit/onCancel specifically, guarantees the
-    // handler that actually runs at blur/keydown time is not a stale closure over an earlier draft.
-    const onTextChangeRef = useRef(onTextChange);
-    onTextChangeRef.current = onTextChange;
-    const onCommitRef = useRef(onCommit);
-    onCommitRef.current = onCommit;
-    const onCancelRef = useRef(onCancel);
-    onCancelRef.current = onCancel;
-    const onOverflowChangeRef = useRef(onOverflowChange);
-    onOverflowChangeRef.current = onOverflowChange;
-    // Seed / re-seed DOM content when the draft identity changes (new draft started), not on every
-    // keystroke — otherwise typing would fight the controlled `draft.text` echoed back a render
-    // later and the caret would jump to the end on every character.
-    const draftIdRef = useRef(null);
-    useEffect(() => {
-        const el = editableRef.current;
-        if (!el)
-            return;
-        if (draftIdRef.current === draft.id)
-            return;
-        draftIdRef.current = draft.id;
-        overflowRef.current = draft.overflow;
-        setOverflowed(draft.overflow);
-        el.textContent = draft.text;
-        el.focus();
-        // Place caret at end of content.
-        const selection = window.getSelection();
-        if (selection) {
-            const range = document.createRange();
-            range.selectNodeContents(el);
-            range.collapse(false);
-            selection.removeAllRanges();
-            selection.addRange(range);
-        }
-    }, [draft.id, draft.text, draft.overflow]);
-    const draftRef = useRef(draft);
-    draftRef.current = draft;
-    const measureOverflow = useCallback(() => {
-        const el = editableRef.current;
-        if (!el)
-            return;
-        const current = draftRef.current;
-        // Unchanged text can't overflow the run it came from: the CSS fallback face is never a
-        // metric-exact match for the embedded PDF font, so measuring the untouched original against
-        // the source glyph box produced a false "Text exceeds available space" the moment the editor
-        // opened. Only text the user actually changed is measured, with a 1px rounding allowance.
-        const unchanged = current.originalText !== null && current.text === current.originalText;
-        const overflow = !unchanged && (el.scrollWidth > el.clientWidth + 1 || el.scrollHeight > el.clientHeight + 1);
-        if (overflow !== overflowRef.current) {
-            overflowRef.current = overflow;
-            setOverflowed(overflow);
-            onOverflowChangeRef.current?.(overflow);
-        }
-    }, []);
-    // Re-measure whenever text, appearance, or the available rect changes — all three affect
-    // whether content fits (§3.3: overflow is checked against `availableBounds`, and appearance
-    // changes come from the toolbar while this element stays mounted). measureOverflow itself reads
-    // editableRef's live DOM measurements, not these values directly, but they must stay listed so
-    // the effect actually re-runs when any of them changes.
-    // biome-ignore lint/correctness/useExhaustiveDependencies: see comment above.
-    useLayoutEffect(() => {
-        measureOverflow();
-    }, [draft.text, draft.appearance, rect.width, rect.height, measureOverflow]);
-    const handleInput = useCallback(() => {
-        const el = editableRef.current;
-        if (!el)
-            return;
-        onTextChangeRef.current(el.textContent ?? "");
-    }, []);
-    const handleCompositionStart = useCallback((_event) => {
-        composingRef.current = true;
-    }, []);
-    const handleCompositionEnd = useCallback((event) => {
-        composingRef.current = false;
-        onTextChangeRef.current(event.currentTarget.textContent ?? "");
-    }, []);
-    const handleKeyDown = useCallback((event) => {
-        // While an IME composition is active, Enter/Escape belong to the IME (candidate selection),
-        // not to this editor's commit/cancel — committing mid-composition would persist an
-        // intermediate, not-yet-confirmed string. `event.nativeEvent.isComposing` covers the case
-        // some browsers still report `keyCode === 229` for; jsdom user-event does not set that, so
-        // the `composingRef` flag driven by our own composition handlers is the reliable signal here.
-        if (composingRef.current || event.nativeEvent.isComposing)
-            return;
-        if (event.key === "Enter") {
-            event.preventDefault();
-            onCommitRef.current();
-            return;
-        }
-        if (event.key === "Escape") {
-            event.preventDefault();
-            onCancelRef.current();
-        }
-    }, []);
-    // §3.2: "Clicking outside active text commits valid draft." Blur is the DOM signal for
-    // click-away (or focus moving to the toolbar, which per §3.2 stays "inside edit interaction
-    // scope" — that exemption is the caller's responsibility via focus management / event ordering
-    // in PdfViewer.tsx, not something this leaf component can see).
-    const handleBlur = useCallback(() => {
-        if (composingRef.current)
-            return;
-        onCommitRef.current();
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: editableRef, role: "textbox", "aria-label": `Edit PDF text on page ${draft.page}`, "aria-multiline": "false", "aria-invalid": overflowed || undefined, "aria-describedby": overflowed ? `pdf-inline-text-editor-feedback-${draft.id}` : undefined, tabIndex: 0, contentEditable: true, suppressContentEditableWarning: true, "data-pdf-inline-text-editor": "", "data-draft-kind": draft.kind, "data-draft-id": draft.id, style: appearanceToStyle(draft.appearance, rect, props.cssPerPdfUnit ?? DEFAULT_CSS_PER_PDF_UNIT, props.coverColor), onInput: handleInput, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd, onKeyDown: handleKeyDown, onBlur: handleBlur }), overflowed && (_jsx("span", { id: `pdf-inline-text-editor-feedback-${draft.id}`, className: "sr-only", children: "Text exceeds available space." }))] }));
-}

package/dist/documents/pdf/PdfOcrLayer.d.ts

@@ -1,4 +0,0 @@
-import type { OcrLine } from "./pdfOcr.js";
-export declare function PdfOcrLayer({ lines }: {
-    lines: OcrLine[];
-}): import("react").JSX.Element;

package/dist/documents/pdf/PdfOcrLayer.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function PdfOcrLayer({ lines }) {
-    return (_jsx("div", { role: "group", "aria-label": "Recognized text", className: "pdfOcrLayer", style: {
-            position: "absolute",
-            inset: 0,
-            overflow: "hidden",
-            // Above the page canvas. PdfViewer appends the canvas AFTER this layer and styles it
-            // `absolute`, so at an equal z-index the opaque scan would paint over this transparent
-            // text and swallow the pointer events that make it selectable — i.e. the recognized text
-            // would exist in the DOM but be unusable, which is the entire point of the layer.
-            zIndex: 2,
-            pointerEvents: "none",
-            lineHeight: 1,
-        }, children: lines.map((line, index) => {
-            const style = {
-                position: "absolute",
-                left: `${line.rect.x * 100}%`,
-                top: `${line.rect.y * 100}%`,
-                width: `${line.rect.width * 100}%`,
-                height: `${line.rect.height * 100}%`,
-                color: "transparent",
-                whiteSpace: "pre",
-                userSelect: "text",
-                pointerEvents: "auto",
-                cursor: "text",
-                overflow: "hidden",
-            };
-            return (_jsx("span", { style: style, children: line.text }, `${index}-${line.text}`));
-        }) }));
-}

package/dist/documents/pdf/PdfOutline.d.ts

@@ -1,6 +0,0 @@
-import type { OutlineNode } from "./pdfShared.js";
-export declare function PdfOutline({ nodes, onSelect, depth, }: {
-    nodes: OutlineNode[];
-    onSelect: (dest: string | unknown[] | null) => void;
-    depth?: number;
-}): import("react").JSX.Element;

package/dist/documents/pdf/PdfOutline.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-// Recursive outline (bookmarks) tree. Each node with a destination is a clickable row; nodes with
-// children get an expand/collapse chevron (expanded by default).
-export function PdfOutline({ nodes, onSelect, depth = 0, }) {
-    return (_jsx("ul", { children: nodes.map((node, i) => (_jsx(OutlineRow, { node: node, onSelect: onSelect, depth: depth }, i))) }));
-}
-function OutlineRow({ node, onSelect, depth, }) {
-    const [open, setOpen] = useState(true);
-    const hasKids = node.items && node.items.length > 0;
-    return (_jsxs("li", { children: [_jsxs("div", { className: "flex items-center text-muted hover:text-paper", style: { paddingLeft: depth * 12 + 4 }, children: [hasKids ? (_jsx("button", { type: "button", onClick: () => setOpen((o) => !o), className: "vr-press vr-focus w-4 shrink-0 rounded text-muted-2 hover:text-paper", title: open ? "Collapse outline section" : "Expand outline section", "aria-label": open ? "Collapse outline section" : "Expand outline section", "aria-expanded": open, children: open ? "▾" : "▸" })) : (_jsx("span", { className: "w-4 shrink-0" })), _jsx("button", { type: "button", onClick: () => onSelect(node.dest), disabled: !node.dest, className: `flex-1 truncate py-1 pr-2 text-left ${node.bold ? "font-semibold" : ""} ${node.italic ? "italic" : ""} disabled:cursor-default disabled:opacity-60`, title: node.title, children: node.title || "Untitled" })] }), hasKids && open && _jsx(PdfOutline, { nodes: node.items, onSelect: onSelect, depth: depth + 1 })] }));
-}

package/dist/documents/pdf/PdfPasswordPrompt.d.ts

@@ -1,5 +0,0 @@
-export declare function PdfPasswordPrompt({ retry, onSubmit, onCancel, }: {
-    retry: boolean;
-    onSubmit: (pw: string) => void;
-    onCancel: () => void;
-}): import("react").JSX.Element;

package/dist/documents/pdf/PdfPasswordPrompt.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { ActionDialog } from "@rightkit/react-shell/react";
-import { DIALOG_SLOTS, cancelAction, primaryAction } from "../../app/chrome.js";
-// App-native PDF password modal (replaces window.prompt). Keyboard-accessible: autofocus, Enter to
-// submit, Esc to cancel; the shared modal shell provides role="dialog", focus trap, and Escape.
-export function PdfPasswordPrompt({ retry, onSubmit, onCancel, }) {
-    const [pw, setPw] = useState("");
-    const inputRef = useRef(null);
-    return (_jsx(ActionDialog, { title: "Password required", ariaLabel: "Password required", description: retry ? "Incorrect password. Try again." : "This PDF is password-protected.", onClose: onCancel, width: 400, slots: { ...DIALOG_SLOTS, body: "mt-3" }, actions: [
-            cancelAction(onCancel),
-            { ...primaryAction("Unlock", () => pw && onSubmit(pw)), disabled: !pw },
-        ], children: _jsx("input", { ref: inputRef, type: "password", "aria-label": "PDF password", value: pw, onChange: (e) => setPw(e.target.value), onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                    e.preventDefault();
-                    if (pw)
-                        onSubmit(pw);
-                }
-                else if (e.key === "Escape") {
-                    e.preventDefault();
-                    onCancel();
-                }
-            }, placeholder: "Password", className: "mb-5 w-full rounded border border-line bg-ink px-3 py-1.5 text-sm text-paper outline-none focus:border-copper" }) }));
-}

package/dist/documents/pdf/PdfThumbnails.d.ts

@@ -1,8 +0,0 @@
-import type { PDFDocumentProxy } from "pdfjs-dist";
-export declare function PdfThumbnails({ pdf, numPages, current, rotation, onSelect, }: {
-    pdf: PDFDocumentProxy;
-    numPages: number;
-    current: number;
-    rotation: number;
-    onSelect: (n: number) => void;
-}): import("react").JSX.Element;

package/dist/documents/pdf/PdfThumbnails.js

@@ -1,201 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { boundedCanvasDpr, THUMB_W, viewportRotation } from "./pdfShared.js";
-import { thumbnailWindow } from "@rightkit/pdf-ui";
-const THUMB_ITEM_HEIGHT = Math.round(THUMB_W * 1.3) + 30;
-const THUMB_OVERSCAN = 2;
-// Page-thumbnail rail. Lazily renders each page to a small canvas as it scrolls into the rail
-// (IntersectionObserver), caches the result, and re-renders when rotation changes. Clicking a
-// thumbnail navigates the main view; the current page is highlighted and scrolled into view.
-export function PdfThumbnails({ pdf, numPages, current, rotation, onSelect, }) {
-    const rootRef = useRef(null);
-    const observerRef = useRef(null);
-    const slotRefs = useRef(new Map());
-    const renderedRef = useRef(new Set());
-    const visibleRef = useRef(new Set());
-    const generationRef = useRef(0);
-    const renderTasksRef = useRef(new Map());
-    const renderAttemptsRef = useRef(new Map());
-    const [viewportHeight, setViewportHeight] = useState(600);
-    const [scrollTop, setScrollTop] = useState(0);
-    const windowed = thumbnailWindow({
-        numPages,
-        scrollTop,
-        viewportHeight,
-        itemHeight: THUMB_ITEM_HEIGHT,
-        overscan: THUMB_OVERSCAN,
-    });
-    const pages = useMemo(() => Array.from({ length: Math.max(0, windowed.end - windowed.start + 1) }, (_, index) => windowed.start + index), [windowed.end, windowed.start]);
-    const cancelThumb = useCallback((n) => {
-        const task = renderTasksRef.current.get(n);
-        renderTasksRef.current.delete(n);
-        renderAttemptsRef.current.delete(n);
-        try {
-            task?.cancel?.();
-        }
-        catch {
-            // pdf.js cancellation is best-effort during slot reuse and unmount.
-        }
-        renderedRef.current.delete(n);
-    }, []);
-    useEffect(() => {
-        const root = rootRef.current;
-        if (!root)
-            return;
-        const updateHeight = () => setViewportHeight(Math.max(1, root.clientHeight));
-        updateHeight();
-        const observer = new ResizeObserver(updateHeight);
-        observer.observe(root);
-        return () => observer.disconnect();
-    }, []);
-    const renderThumb = useCallback(async (n) => {
-        if (renderedRef.current.has(n))
-            return;
-        const generation = generationRef.current;
-        const attempt = {};
-        renderAttemptsRef.current.set(n, attempt);
-        renderedRef.current.add(n);
-        const slot = slotRefs.current.get(n);
-        if (!slot) {
-            renderAttemptsRef.current.delete(n);
-            renderedRef.current.delete(n);
-            return;
-        }
-        try {
-            const page = await pdf.getPage(n);
-            if (renderAttemptsRef.current.get(n) !== attempt ||
-                generationRef.current !== generation ||
-                slotRefs.current.get(n) !== slot) {
-                if (renderAttemptsRef.current.get(n) === attempt) {
-                    renderAttemptsRef.current.delete(n);
-                    renderedRef.current.delete(n);
-                }
-                return;
-            }
-            const pageRotation = viewportRotation(page.rotate, rotation);
-            const unit = page.getViewport({ scale: 1, rotation: pageRotation });
-            const scale = THUMB_W / unit.width;
-            const vp = page.getViewport({ scale, rotation: pageRotation });
-            const dpr = boundedCanvasDpr(vp, window.devicePixelRatio || 1);
-            const canvas = document.createElement("canvas");
-            canvas.width = Math.floor(vp.width * dpr);
-            canvas.height = Math.floor(vp.height * dpr);
-            canvas.style.width = `${vp.width}px`;
-            canvas.style.height = `${vp.height}px`;
-            const ctx = canvas.getContext("2d");
-            if (!ctx) {
-                renderAttemptsRef.current.delete(n);
-                renderedRef.current.delete(n);
-                return;
-            }
-            // intent: "print" is NOT about printing — it's the cheapest way to give this render its own
-            // pdf.js-internal render slot. PdfViewer's main pane calls page.render() on the SAME cached
-            // PDFPageProxy (pdf.js caches proxies per document) for the same page, under the default
-            // "display" intent. pdf.js keys concurrent render/operator-list state by rendering intent
-            // (_intentStates, keyed by a cacheKey derived from the intent flags — see pdf.mjs
-            // getRenderingIntent/render), so two "display" renders on one page proxy collide and one
-            // silently produces a blank canvas. A distinct intent gets its own intentState entry instead
-            // of a second parsed document, which the print path uses for the same underlying collision
-            // (documentPrinting.ts printPdfBytes).
-            const renderTask = page.render({
-                canvas,
-                canvasContext: ctx,
-                viewport: vp,
-                intent: "print",
-                transform: dpr !== 1 ? [dpr, 0, 0, dpr, 0, 0] : undefined,
-            });
-            renderTasksRef.current.set(n, renderTask);
-            try {
-                await renderTask.promise;
-            }
-            finally {
-                if (renderTasksRef.current.get(n) === renderTask)
-                    renderTasksRef.current.delete(n);
-            }
-            // Only discard on a genuine slot swap (this numbered DOM slot got reused for a different
-            // page — real virtualization reuse), NOT on `!visibleRef.current.has(n)`. That extra check
-            // used to race: `rotation` settles one commit after `pdf` (usePdfDocumentLoader sets them in
-            // two separate setState calls either side of an `await`), so the observer-setup effect below
-            // (deps: [renderThumb], which depends on `rotation`) can tear down and rebuild while THIS
-            // render is still in flight — its cleanup clears visibleRef out from under a render that was
-            // legitimately visible when it started and still is when it finishes, so the completed,
-            // correctly-rasterized canvas got thrown away every time. If the page truly scrolled out of
-            // view in the meantime, the intersection observer's own "not intersecting" branch already
-            // removes the canvas — that's the correct place for that decision, not a second check here.
-            if (renderAttemptsRef.current.get(n) !== attempt ||
-                generationRef.current !== generation ||
-                slotRefs.current.get(n) !== slot) {
-                if (renderAttemptsRef.current.get(n) === attempt) {
-                    renderAttemptsRef.current.delete(n);
-                    renderedRef.current.delete(n);
-                }
-                return;
-            }
-            slot.querySelector("canvas")?.remove();
-            slot.appendChild(canvas);
-        }
-        catch {
-            if (renderAttemptsRef.current.get(n) === attempt) {
-                renderAttemptsRef.current.delete(n);
-                renderedRef.current.delete(n); // allow a retry on the next intersection
-            }
-        }
-    }, [pdf, rotation]);
-    // (Re)render visible thumbnails. Re-runs when rotation changes: clear the cache + existing
-    // canvases so each page re-rasterizes at the new orientation.
-    useEffect(() => {
-        generationRef.current += 1;
-        renderTasksRef.current.forEach((_, n) => cancelThumb(n));
-        renderedRef.current.clear();
-        visibleRef.current.clear();
-        slotRefs.current.forEach((el) => el.querySelector("canvas")?.remove());
-        const root = rootRef.current;
-        if (!root)
-            return;
-        const obs = new IntersectionObserver((entries) => {
-            for (const e of entries) {
-                const n = Number(e.target.dataset.page);
-                if (e.isIntersecting) {
-                    visibleRef.current.add(n);
-                    void renderThumb(n);
-                }
-                else {
-                    visibleRef.current.delete(n);
-                    cancelThumb(n);
-                    e.target.querySelector("canvas")?.remove();
-                }
-            }
-        }, { root, rootMargin: "200px 0px" });
-        slotRefs.current.forEach((el) => obs.observe(el));
-        observerRef.current = obs;
-        return () => {
-            visibleRef.current.clear();
-            renderTasksRef.current.forEach((_, n) => cancelThumb(n));
-            observerRef.current = null;
-            obs.disconnect();
-        };
-    }, [cancelThumb, renderThumb]);
-    // Keep the current page's thumbnail visible as the main view scrolls.
-    useEffect(() => {
-        const root = rootRef.current;
-        if (!root)
-            return;
-        const top = (current - 1) * THUMB_ITEM_HEIGHT;
-        const bottom = top + THUMB_ITEM_HEIGHT;
-        if (top < root.scrollTop)
-            root.scrollTop = top;
-        else if (bottom > root.scrollTop + root.clientHeight)
-            root.scrollTop = bottom - root.clientHeight;
-    }, [current]);
-    return (_jsxs("div", { ref: rootRef, className: "h-full overflow-auto py-2 text-chrome-xs", onScroll: (event) => setScrollTop(event.currentTarget.scrollTop), children: [windowed.before > 0 && _jsx("div", { "aria-hidden": "true", style: { height: windowed.before } }), pages.map((n) => (_jsxs("button", { type: "button", onClick: () => onSelect(n), className: "flex w-full flex-col items-center gap-1 py-1.5", style: { height: THUMB_ITEM_HEIGHT }, title: `Page ${n}`, children: [_jsx("div", { "data-page": n, ref: (el) => {
-                            if (el) {
-                                slotRefs.current.set(n, el);
-                                observerRef.current?.observe(el);
-                            }
-                            else {
-                                cancelThumb(n);
-                                slotRefs.current.delete(n);
-                                visibleRef.current.delete(n);
-                            }
-                        }, className: `flex items-center justify-center overflow-hidden border bg-white ${n === current ? "border-copper" : "border-line"}`, style: { width: THUMB_W, minHeight: Math.round(THUMB_W * 1.3) } }), _jsx("span", { className: `font-mono ${n === current ? "text-copper-hi" : "text-muted-2"}`, children: n })] }, n))), windowed.after > 0 && _jsx("div", { "aria-hidden": "true", style: { height: windowed.after } })] }));
-}