@yoamigo.com/core 0.3.11 → 0.3.12

package/dist/index.js

@@ -697,7 +697,6 @@ var BuilderSelectionManager = class {
         // Full resolution
         logging: false,
         useCORS: true,
-        allowTaint: true,
         backgroundColor: null,
         // No background - preserve page's actual background
         windowHeight: document.body.scrollHeight,
@@ -753,7 +752,6 @@ var BuilderSelectionManager = class {
         scale: 1,
         logging: false,
         useCORS: true,
-        allowTaint: true,
         backgroundColor: null
         // Preserve transparency if any
       });
@@ -961,36 +959,46 @@ var BuilderSelectionManager = class {
         ;
         el.style.display = "none";
       });
+      const scrollHeight = document.body.scrollHeight;
+      console.log("[BuilderSelection] capturePageAsArrayBuffer - scrollHeight:", scrollHeight);
       const canvas = await html2canvas(document.body, {
         scale: 1,
         // Full resolution
-        logging: false,
+        logging: true,
+        // Enable logging for debugging
         useCORS: true,
-        allowTaint: true,
-        backgroundColor: null,
-        // No background - preserve page's actual background
-        windowHeight: document.body.scrollHeight,
+        backgroundColor: "#ffffff",
+        // White background to avoid transparent canvas issues
+        windowHeight: scrollHeight,
         // Full page height
-        height: document.body.scrollHeight,
+        height: scrollHeight,
         scrollX: 0,
         // Render from left (no visible scroll)
         scrollY: 0,
         // Render from top (no visible scroll)
         onclone: async (clonedDoc) => {
-          clonedDoc.querySelectorAll('img[loading="lazy"]').forEach((img) => {
+          console.log("[BuilderSelection] onclone called");
+          const lazyImages = clonedDoc.querySelectorAll('img[loading="lazy"]');
+          console.log("[BuilderSelection] Found lazy images:", lazyImages.length);
+          lazyImages.forEach((img) => {
             img.removeAttribute("loading");
           });
+          const allImages = Array.from(clonedDoc.querySelectorAll("img"));
+          console.log("[BuilderSelection] Total images to wait for:", allImages.length);
           await Promise.all(
-            Array.from(clonedDoc.querySelectorAll("img")).map(
+            allImages.map(
               (img) => img.complete && img.naturalHeight !== 0 ? Promise.resolve() : new Promise((r) => {
                 img.onload = r;
                 img.onerror = r;
               })
             )
           );
+          console.log("[BuilderSelection] All images loaded");
           await clonedDoc.fonts?.ready;
+          console.log("[BuilderSelection] Fonts ready");
         }
       });
+      console.log("[BuilderSelection] Canvas created:", canvas.width, "x", canvas.height);
       overlays.forEach((el) => {
         ;
         el.style.display = "";
@@ -1002,7 +1010,9 @@ var BuilderSelectionManager = class {
         console.error("[BuilderSelection] Failed to create blob from canvas");
         return null;
       }
+      console.log("[BuilderSelection] Blob created, size:", blob.size, "bytes");
       const buffer = await blob.arrayBuffer();
+      console.log("[BuilderSelection] ArrayBuffer ready, size:", buffer.byteLength);
       return buffer;
     } catch (error) {
       console.error("[BuilderSelection] Page capture failed:", error);

package/dist/lib.js

@@ -656,7 +656,6 @@ var BuilderSelectionManager = class {
         // Full resolution
         logging: false,
         useCORS: true,
-        allowTaint: true,
         backgroundColor: null,
         // No background - preserve page's actual background
         windowHeight: document.body.scrollHeight,
@@ -712,7 +711,6 @@ var BuilderSelectionManager = class {
         scale: 1,
         logging: false,
         useCORS: true,
-        allowTaint: true,
         backgroundColor: null
         // Preserve transparency if any
       });
@@ -920,36 +918,46 @@ var BuilderSelectionManager = class {
         ;
         el.style.display = "none";
       });
+      const scrollHeight = document.body.scrollHeight;
+      console.log("[BuilderSelection] capturePageAsArrayBuffer - scrollHeight:", scrollHeight);
       const canvas = await html2canvas(document.body, {
         scale: 1,
         // Full resolution
-        logging: false,
+        logging: true,
+        // Enable logging for debugging
         useCORS: true,
-        allowTaint: true,
-        backgroundColor: null,
-        // No background - preserve page's actual background
-        windowHeight: document.body.scrollHeight,
+        backgroundColor: "#ffffff",
+        // White background to avoid transparent canvas issues
+        windowHeight: scrollHeight,
         // Full page height
-        height: document.body.scrollHeight,
+        height: scrollHeight,
         scrollX: 0,
         // Render from left (no visible scroll)
         scrollY: 0,
         // Render from top (no visible scroll)
         onclone: async (clonedDoc) => {
-          clonedDoc.querySelectorAll('img[loading="lazy"]').forEach((img) => {
+          console.log("[BuilderSelection] onclone called");
+          const lazyImages = clonedDoc.querySelectorAll('img[loading="lazy"]');
+          console.log("[BuilderSelection] Found lazy images:", lazyImages.length);
+          lazyImages.forEach((img) => {
             img.removeAttribute("loading");
           });
+          const allImages = Array.from(clonedDoc.querySelectorAll("img"));
+          console.log("[BuilderSelection] Total images to wait for:", allImages.length);
           await Promise.all(
-            Array.from(clonedDoc.querySelectorAll("img")).map(
+            allImages.map(
               (img) => img.complete && img.naturalHeight !== 0 ? Promise.resolve() : new Promise((r) => {
                 img.onload = r;
                 img.onerror = r;
               })
             )
           );
+          console.log("[BuilderSelection] All images loaded");
           await clonedDoc.fonts?.ready;
+          console.log("[BuilderSelection] Fonts ready");
         }
       });
+      console.log("[BuilderSelection] Canvas created:", canvas.width, "x", canvas.height);
       overlays.forEach((el) => {
         ;
         el.style.display = "";
@@ -961,7 +969,9 @@ var BuilderSelectionManager = class {
         console.error("[BuilderSelection] Failed to create blob from canvas");
         return null;
       }
+      console.log("[BuilderSelection] Blob created, size:", blob.size, "bytes");
       const buffer = await blob.arrayBuffer();
+      console.log("[BuilderSelection] ArrayBuffer ready, size:", buffer.byteLength);
       return buffer;
     } catch (error) {
       console.error("[BuilderSelection] Page capture failed:", error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoamigo.com/core",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "description": "Core components, router, and utilities for YoAmigo templates",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",