mnfst 0.5.79 → 0.5.80

package/lib/manifest.export.js

@@ -241,6 +241,13 @@ function initializeExportPlugin() {
             // produce a missing image rather than rejecting the whole snapshot.
             imageTimeout: 5000,
             logging: false,
+            // Pin the capture origin to (0, 0) so the snapshot starts at the
+            // document top regardless of the user's current scroll position.
+            // Without this, html2canvas defaults scrollY to window.pageYOffset,
+            // which clips the snapshot to "below the current scroll" — anything
+            // above the fold renders as blank white space.
+            scrollX: 0,
+            scrollY: 0,
         };
         if (opts.backgroundColor) out.backgroundColor = opts.backgroundColor;
         if (opts.width) out.width = Number(opts.width);
@@ -248,6 +255,23 @@ function initializeExportPlugin() {
         return out;
     }
 
+    // Await all <img> loads inside the target so freshly-mounted images don't
+    // appear blank in the snapshot. Bounded by a timeout — a single slow image
+    // shouldn't stall the export indefinitely.
+    async function waitForImages(target, timeoutMs = 5000) {
+        if (!target || typeof target.querySelectorAll !== 'function') return;
+        const imgs = Array.from(target.querySelectorAll('img'));
+        const pending = imgs.filter((img) => !img.complete || img.naturalWidth === 0);
+        if (pending.length === 0) return;
+        await Promise.race([
+            Promise.all(pending.map((img) => new Promise((resolve) => {
+                img.addEventListener('load', resolve, { once: true });
+                img.addEventListener('error', resolve, { once: true });
+            }))),
+            new Promise((resolve) => setTimeout(resolve, timeoutMs)),
+        ]);
+    }
+
     // html2canvas-pro paints directly to canvas via computed styles, so the
     // SVG-foreignObject failure modes (oversized SVGs, @layer/oklch parsing
     // issues) don't apply. The fallback path is retained for the rare case
@@ -270,6 +294,7 @@ function initializeExportPlugin() {
         if ((ext === 'jpeg' || ext === 'webp') && !so.backgroundColor) {
             so.backgroundColor = effectivePageBackground();
         }
+        await waitForImages(target);
         const canvas = await snapshotToCanvas(lib, target, so);
         const quality = Number(opts.quality) > 0 && Number(opts.quality) <= 1
             ? Number(opts.quality)
@@ -295,6 +320,7 @@ function initializeExportPlugin() {
         const target = resolveTarget(opts);
         const so = snapshotOptions(opts);
         if (!so.backgroundColor) so.backgroundColor = effectivePageBackground();
+        await waitForImages(target);
         const canvas = await snapshotToCanvas(imgLib, target, so);
         const dataUrl = canvas.toDataURL('image/png');
         const img = await loadImage(dataUrl);

package/package.json

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