mnfst 0.5.74 → 0.5.75

package/lib/manifest.export.js

@@ -242,10 +242,30 @@ function initializeExportPlugin() {
         }
     }
 
+    // Chromium and Safari reject SVG-image decoding past roughly 16,000px on
+    // either axis. A long article at pixelRatio: 2 easily exceeds that. When
+    // the target is the whole body we cap dimensions so the assembled SVG
+    // stays decodable; explicit targets keep their natural size.
+    const SAFE_MAX_DIMENSION = 14000;
+
+    function applySafeDimensions(target, so) {
+        const isWholeBody = target === document.body || target === document.documentElement;
+        if (!isWholeBody) return so;
+        const rect = target.getBoundingClientRect();
+        const width = Math.max(rect.width, target.scrollWidth || 0);
+        const height = Math.max(rect.height, target.scrollHeight || 0);
+        const ratio = so.pixelRatio || 2;
+        const limit = SAFE_MAX_DIMENSION / ratio;
+        const out = { ...so };
+        if (width > limit) out.canvasWidth = Math.floor(limit);
+        if (height > limit) out.canvasHeight = Math.floor(limit);
+        return out;
+    }
+
     async function exportImage(opts, filename, ext) {
         const lib = await loadHtmlToImage();
         const target = resolveTarget(opts);
-        const so = snapshotOptions(opts);
+        const so = applySafeDimensions(target, snapshotOptions(opts));
         let dataUrl;
         if (ext === 'png') dataUrl = await snapshotWithFallback(lib, 'toPng', target, so);
         else if (ext === 'jpeg') {
@@ -262,10 +282,20 @@ function initializeExportPlugin() {
         triggerDownload(dataUrl, filename);
     }
 
+    // Whole-page PDF: route through the browser's native print pipeline.
+    // It handles multi-page layout, page breaks, vector text, and the page's
+    // own @media print CSS — far more reliable than rasterizing a long page
+    // and embedding it as a single image. The user sees the print dialog and
+    // picks "Save as PDF" (or any installed PDF printer). Element-scoped PDFs
+    // continue to use html-to-image + jsPDF, which is well-behaved at small
+    // target sizes.
     async function exportPdf(opts, filename) {
+        if (!opts.target) {
+            return printToPdf(filename);
+        }
         const [imgLib, jsPDFCtor] = await Promise.all([loadHtmlToImage(), loadJsPDF()]);
         const target = resolveTarget(opts);
-        const so = snapshotOptions(opts);
+        const so = applySafeDimensions(target, snapshotOptions(opts));
         if (!so.backgroundColor) so.backgroundColor = effectivePageBackground();
         const dataUrl = await snapshotWithFallback(imgLib, 'toPng', target, so);
         const img = await loadImage(dataUrl);
@@ -282,6 +312,20 @@ function initializeExportPlugin() {
         pdf.save(filename);
     }
 
+    function printToPdf(filename) {
+        // The browser's "Save as PDF" dialog seeds its default filename from
+        // document.title. Swap it briefly so the suggested name matches the
+        // user's intent, then restore after the dialog closes.
+        const original = document.title;
+        const cleaned = String(filename || '').replace(/\.pdf$/i, '') || original;
+        document.title = cleaned;
+        try { window.print(); }
+        finally {
+            // Wait one frame so the print dialog reads the swapped title first.
+            setTimeout(() => { document.title = original; }, 0);
+        }
+    }
+
     function effectivePageBackground() {
         let el = document.body;
         while (el && el !== document.documentElement.parentElement) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.74",
+    "version": "0.5.75",
     "private": false,
     "workspaces": [
         "templates/starter",