@yoamigo.com/core 0.3.11 → 0.3.13

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
       });
@@ -903,7 +901,7 @@ var BuilderSelectionManager = class {
         if (window.location.pathname !== pagePath) {
           await this.navigateAndWait(pagePath);
         }
-        await new Promise((resolve) => setTimeout(resolve, 100));
+        await this.waitForPageContent();
         const buffer = await this.capturePageAsArrayBuffer();
         if (buffer) {
           this.sendToParent(
@@ -950,6 +948,34 @@ var BuilderSelectionManager = class {
       });
     });
   }
+  /**
+   * Wait for page content to be rendered (scrollHeight > 0)
+   * Polls until content appears or timeout (max 2 seconds)
+   */
+  async waitForPageContent() {
+    const MAX_WAIT_MS = 2e3;
+    const POLL_INTERVAL_MS = 50;
+    const startTime = Date.now();
+    while (Date.now() - startTime < MAX_WAIT_MS) {
+      const height = this.getPageHeight();
+      if (height > 0) {
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+        return;
+      }
+      await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS));
+    }
+    console.warn("[BuilderSelection] waitForPageContent timed out - page may not have rendered");
+  }
+  /**
+   * Get page height using multiple fallbacks
+   */
+  getPageHeight() {
+    const bodyScrollHeight = document.body?.scrollHeight || 0;
+    const docScrollHeight = document.documentElement?.scrollHeight || 0;
+    const bodyOffsetHeight = document.body?.offsetHeight || 0;
+    const docOffsetHeight = document.documentElement?.offsetHeight || 0;
+    return Math.max(bodyScrollHeight, docScrollHeight, bodyOffsetHeight, docOffsetHeight);
+  }
   /**
    * Capture current page as ArrayBuffer (for zero-copy transfer)
    */
@@ -961,36 +987,50 @@ var BuilderSelectionManager = class {
         ;
         el.style.display = "none";
       });
+      const scrollHeight = this.getPageHeight();
+      console.log("[BuilderSelection] capturePageAsArrayBuffer - scrollHeight:", scrollHeight);
+      if (scrollHeight === 0) {
+        console.warn("[BuilderSelection] Skipping capture - page has no height");
+        return null;
+      }
       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 +1042,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
       });
@@ -862,7 +860,7 @@ var BuilderSelectionManager = class {
         if (window.location.pathname !== pagePath) {
           await this.navigateAndWait(pagePath);
         }
-        await new Promise((resolve) => setTimeout(resolve, 100));
+        await this.waitForPageContent();
         const buffer = await this.capturePageAsArrayBuffer();
         if (buffer) {
           this.sendToParent(
@@ -909,6 +907,34 @@ var BuilderSelectionManager = class {
       });
     });
   }
+  /**
+   * Wait for page content to be rendered (scrollHeight > 0)
+   * Polls until content appears or timeout (max 2 seconds)
+   */
+  async waitForPageContent() {
+    const MAX_WAIT_MS = 2e3;
+    const POLL_INTERVAL_MS = 50;
+    const startTime = Date.now();
+    while (Date.now() - startTime < MAX_WAIT_MS) {
+      const height = this.getPageHeight();
+      if (height > 0) {
+        await new Promise((resolve) => requestAnimationFrame(resolve));
+        return;
+      }
+      await new Promise((resolve) => setTimeout(resolve, POLL_INTERVAL_MS));
+    }
+    console.warn("[BuilderSelection] waitForPageContent timed out - page may not have rendered");
+  }
+  /**
+   * Get page height using multiple fallbacks
+   */
+  getPageHeight() {
+    const bodyScrollHeight = document.body?.scrollHeight || 0;
+    const docScrollHeight = document.documentElement?.scrollHeight || 0;
+    const bodyOffsetHeight = document.body?.offsetHeight || 0;
+    const docOffsetHeight = document.documentElement?.offsetHeight || 0;
+    return Math.max(bodyScrollHeight, docScrollHeight, bodyOffsetHeight, docOffsetHeight);
+  }
   /**
    * Capture current page as ArrayBuffer (for zero-copy transfer)
    */
@@ -920,36 +946,50 @@ var BuilderSelectionManager = class {
         ;
         el.style.display = "none";
       });
+      const scrollHeight = this.getPageHeight();
+      console.log("[BuilderSelection] capturePageAsArrayBuffer - scrollHeight:", scrollHeight);
+      if (scrollHeight === 0) {
+        console.warn("[BuilderSelection] Skipping capture - page has no height");
+        return null;
+      }
       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 +1001,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.13",
   "description": "Core components, router, and utilities for YoAmigo templates",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",