docgen-utils 1.0.13 → 1.0.14

package/dist/bundle.js

@@ -48969,7 +48969,9 @@ var docgen = (() => {
       }
       const cssBorder = styles.border || "";
       const hasCssBorder = cssBorder.includes("solid") || cssBorder.includes("px");
-      const hasBackground = !!styles.backgroundColor && styles.backgroundColor !== "transparent" && styles.backgroundColor !== "inherit";
+      const bgColor = styles.backgroundColor?.toLowerCase() || "";
+      const isWhiteBackground = bgColor === "#ffffff" || bgColor === "#fff" || bgColor === "white" || bgColor === "rgb(255, 255, 255)" || bgColor === "rgba(255, 255, 255, 1)";
+      const hasBackground = !!styles.backgroundColor && styles.backgroundColor !== "transparent" && styles.backgroundColor !== "inherit" && !isWhiteBackground;
       if (hasBackground && (hasBorderLeft || hasCssBorder)) {
         return true;
       }
@@ -67530,6 +67532,23 @@ ${generateStylesCss(styleMap, themeFonts)}
         // 3s timeout for slow CDN
       ]);
     }
+    const images = doc.querySelectorAll("img");
+    if (images.length > 0) {
+      const imagePromises = Array.from(images).map((img) => {
+        if (img.complete && img.naturalWidth > 0) {
+          return Promise.resolve();
+        }
+        return new Promise((resolve) => {
+          img.onload = () => resolve();
+          img.onerror = () => resolve();
+        });
+      });
+      await Promise.race([
+        Promise.all(imagePromises),
+        new Promise((r) => setTimeout(r, 5e3))
+        // 5s timeout for slow images
+      ]);
+    }
     return { iframe, doc };
   }
   async function addSlideFromHtml(source, pres, options = {}) {
@@ -67737,6 +67756,32 @@ ${validationErrors.map((e, i) => `  ${i + 1}. ${e}`).join("\n")}`;
       html = html.replace(/<\/style>/i, `body { width: ${targetWidth}pt; height: ${targetHeight}pt; overflow: hidden; margin: 0; }
 </style>`);
     }
+    const maskImagePattern = /mask-image|--webkit-mask-image/i;
+    const cssRules = html.match(/<style[^>]*>([\s\S]*?)<\/style>/gi) || [];
+    const classesWithMask = /* @__PURE__ */ new Set();
+    for (const styleBlock of cssRules) {
+      const classMatches = styleBlock.matchAll(/\.([a-zA-Z_][\w-]*)\s*\{[^}]*mask-image[^}]*\}/gi);
+      for (const m of classMatches) {
+        classesWithMask.add(m[1]);
+      }
+    }
+    html = html.replace(/<img\s+([^>]*?)src="(https?:\/\/[^"]+)"([^>]*)>/gi, (match, before2, url, after2) => {
+      if (/crossorigin\s*=/i.test(before2 + after2)) {
+        return match;
+      }
+      const fullAttrs = before2 + after2;
+      const hasInlineMask = maskImagePattern.test(fullAttrs);
+      let hasClassMask = false;
+      const classMatch = fullAttrs.match(/class\s*=\s*["']([^"']+)["']/i);
+      if (classMatch) {
+        const classes = classMatch[1].split(/\s+/);
+        hasClassMask = classes.some((c) => classesWithMask.has(c));
+      }
+      if (hasInlineMask || hasClassMask) {
+        return `<img ${before2}src="${url}"${after2} crossorigin="anonymous">`;
+      }
+      return match;
+    });
     return html;
   }