@ai-matrx/print 0.8.65 → 0.8.67

package/dist/react.d.cts

@@ -366,6 +366,17 @@ interface DocumentPrintPreviewProps {
      * (e.g. `[@research:<id>]`, `[@file:<id>]`) to CSL-JSON references.
      */
     resolveReferences?: (keys: string[]) => Promise<CslItem[]>;
+    /**
+     * Draws the PDF pages when the browser cannot show a PDF inline (Chrome
+     * with "Download PDFs" on, Android, touch devices). Receives a same-origin
+     * `blob:` URL of the exact PDF. Without it, such browsers get the Web view.
+     */
+    renderPages?: (pdfUrl: string) => React.ReactNode;
+    /**
+     * Prints the PDF's pages when the browser has no inline PDF viewer to print
+     * from. Without it, Print prints the Web view.
+     */
+    printPages?: (pdfUrl: string) => Promise<void>;
 }
 /**
  * Print preview for a markdown document: the real PDF (the same file the PDF
@@ -374,6 +385,6 @@ interface DocumentPrintPreviewProps {
  * HTML and Markdown. Everything comes from one parsed tree, so what you see
  * is what every format contains. Engines load lazily on mount.
  */
-declare function DocumentPrintPreview({ markdown, title, className, onNotice, resolveReferences }: DocumentPrintPreviewProps): React.JSX.Element;
+declare function DocumentPrintPreview({ markdown, title, className, onNotice, resolveReferences, renderPages, printPages, }: DocumentPrintPreviewProps): React.JSX.Element;
 
 export { DocumentPrintPreview, type DocumentPrintPreviewProps, LabelSheetPreview, type LabelSheetPreviewProps, PrintOptionsDialog, type PrintOptionsDialogProps, usePrintOptions };

package/dist/react.d.ts

@@ -366,6 +366,17 @@ interface DocumentPrintPreviewProps {
      * (e.g. `[@research:<id>]`, `[@file:<id>]`) to CSL-JSON references.
      */
     resolveReferences?: (keys: string[]) => Promise<CslItem[]>;
+    /**
+     * Draws the PDF pages when the browser cannot show a PDF inline (Chrome
+     * with "Download PDFs" on, Android, touch devices). Receives a same-origin
+     * `blob:` URL of the exact PDF. Without it, such browsers get the Web view.
+     */
+    renderPages?: (pdfUrl: string) => React.ReactNode;
+    /**
+     * Prints the PDF's pages when the browser has no inline PDF viewer to print
+     * from. Without it, Print prints the Web view.
+     */
+    printPages?: (pdfUrl: string) => Promise<void>;
 }
 /**
  * Print preview for a markdown document: the real PDF (the same file the PDF
@@ -374,6 +385,6 @@ interface DocumentPrintPreviewProps {
  * HTML and Markdown. Everything comes from one parsed tree, so what you see
  * is what every format contains. Engines load lazily on mount.
  */
-declare function DocumentPrintPreview({ markdown, title, className, onNotice, resolveReferences }: DocumentPrintPreviewProps): React.JSX.Element;
+declare function DocumentPrintPreview({ markdown, title, className, onNotice, resolveReferences, renderPages, printPages, }: DocumentPrintPreviewProps): React.JSX.Element;
 
 export { DocumentPrintPreview, type DocumentPrintPreviewProps, LabelSheetPreview, type LabelSheetPreviewProps, PrintOptionsDialog, type PrintOptionsDialogProps, usePrintOptions };

package/dist/react.js

@@ -1553,6 +1553,32 @@ function LabelSheetPreview({
     }
   );
 }
+function hasInlinePdfViewer() {
+  if (typeof navigator === "undefined") return true;
+  if (navigator.pdfViewerEnabled === false) return false;
+  return !(typeof window !== "undefined" && window.matchMedia?.("(pointer: coarse)").matches);
+}
+function printHtml(html) {
+  const frame = document.createElement("iframe");
+  frame.setAttribute("aria-hidden", "true");
+  frame.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;";
+  document.body.appendChild(frame);
+  const win = frame.contentWindow;
+  if (!win) {
+    frame.remove();
+    throw new Error("Printing is blocked in this browser.");
+  }
+  win.document.open();
+  win.document.write(html);
+  win.document.close();
+  const run = () => {
+    win.focus();
+    win.print();
+    setTimeout(() => frame.remove(), 1e3);
+  };
+  if (win.document.readyState === "complete") setTimeout(run, 50);
+  else win.addEventListener("load", run, { once: true });
+}
 var EXPORT_BUTTONS = [
   { format: "pdf", label: "PDF" },
   { format: "docx", label: "Word" },
@@ -1560,8 +1586,18 @@ var EXPORT_BUTTONS = [
   { format: "html", label: "HTML" },
   { format: "markdown", label: "Markdown" }
 ];
-function DocumentPrintPreview({ markdown, title, className, onNotice, resolveReferences }) {
-  const [view, setView] = useState("pages");
+function DocumentPrintPreview({
+  markdown,
+  title,
+  className,
+  onNotice,
+  resolveReferences,
+  renderPages: renderPages2,
+  printPages
+}) {
+  const [inlineViewer] = useState(hasInlinePdfViewer);
+  const canShowPages = inlineViewer || Boolean(renderPages2);
+  const [view, setView] = useState(canShowPages ? "pages" : "web");
   const [pdf, setPdf] = useState(null);
   const [html, setHtml] = useState("");
   const [notices, setNotices] = useState([]);
@@ -1623,18 +1659,23 @@ function DocumentPrintPreview({ markdown, title, className, onNotice, resolveRef
       setBusy(null);
     }
   };
-  const print = () => {
+  const print = async () => {
     if (!pdf) return;
     try {
-      frameRef.current?.contentWindow?.print();
-    } catch {
-      window.open(pdf.url, "_blank", "noopener");
+      if (inlineViewer && frameRef.current?.contentWindow) {
+        frameRef.current.contentWindow.print();
+        return;
+      }
+      if (printPages) await printPages(pdf.url);
+      else printHtml(html);
+    } catch (err) {
+      setError(`Print failed: ${err instanceof Error ? err.message : String(err)}`);
     }
   };
   const btn = "inline-flex h-7 items-center gap-1 rounded-md border border-border bg-background px-2.5 text-xs font-medium text-foreground hover:bg-accent disabled:opacity-50";
   return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col", className), "data-testid": "document-print-preview", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-1.5 text-xs", children: [
-      /* @__PURE__ */ jsx("div", { className: "inline-flex overflow-hidden rounded-md border border-border", role: "tablist", children: ["pages", "web"].map((v) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "inline-flex overflow-hidden rounded-md border border-border", role: "tablist", children: (canShowPages ? ["pages", "web"] : ["web"]).map((v) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -1648,7 +1689,7 @@ function DocumentPrintPreview({ markdown, title, className, onNotice, resolveRef
       )) }),
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "data-testid": "document-print-summary", children: busy === "render" && !pdf ? "Laying out pages\u2026" : `${pdf?.pages ?? 0} page${pdf?.pages === 1 ? "" : "s"}${summary ? ` \xB7 ${summary}` : ""}` }),
       /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: btn, onClick: print, disabled: !pdf, children: "Print" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: btn, onClick: () => void print(), disabled: !pdf, children: "Print" }),
         EXPORT_BUTTONS.map((b) => /* @__PURE__ */ jsx("button", { type: "button", className: btn, onClick: () => void download(b.format), disabled: busy === b.format, children: busy === b.format ? "Saving\u2026" : b.label }, b.format))
       ] })
     ] }),
@@ -1666,7 +1707,7 @@ function DocumentPrintPreview({ markdown, title, className, onNotice, resolveRef
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: n.remedy })
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 bg-muted/40", children: view === "pages" ? pdf ? /* @__PURE__ */ jsx("iframe", { ref: frameRef, title: "Print preview", src: pdf.url, className: "h-full min-h-[480px] w-full border-0" }) : /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-xs text-muted-foreground", children: error ? "No preview." : "Laying out pages\u2026" }) : /* @__PURE__ */ jsx("iframe", { title: "Web preview", srcDoc: html, sandbox: "allow-same-origin", className: "h-full min-h-[480px] w-full border-0 bg-white" }) })
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 bg-muted/40", children: view === "pages" ? pdf ? inlineViewer ? /* @__PURE__ */ jsx("iframe", { ref: frameRef, title: "Print preview", src: pdf.url, className: "h-full min-h-[480px] w-full border-0" }) : /* @__PURE__ */ jsx("div", { className: "h-full min-h-[480px] w-full", children: renderPages2?.(pdf.url) }) : /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-xs text-muted-foreground", children: error ? "No preview." : "Laying out pages\u2026" }) : /* @__PURE__ */ jsx("iframe", { title: "Web preview", srcDoc: html, sandbox: "allow-same-origin", className: "h-full min-h-[480px] w-full border-0 bg-white" }) })
   ] });
 }
 export {