@marvalt/wparser 0.1.52 → 0.1.54

package/dist/index.cjs

@@ -1910,6 +1910,28 @@ function extractTitleFromInnerBlocks(block) {
     }
     return null;
 }
+/**
+ * Extract text color from heading block in innerBlocks
+ * Used to get custom text color for hero headings
+ *
+ * @param block - Block to search (typically a cover block)
+ * @param context - Render context containing colorMapper
+ * @returns CSS class string (e.g., 'text-white') or null if no custom color
+ */
+function extractTitleTextColorFromInnerBlocks(block, context) {
+    const innerBlocks = block.innerBlocks || [];
+    // Recursively search for heading blocks
+    for (const innerBlock of innerBlocks) {
+        if (innerBlock.name === 'core/heading') {
+            return extractTextColor(innerBlock, context);
+        }
+        // Recursively search nested blocks
+        const nestedColor = extractTitleTextColorFromInnerBlocks(innerBlock, context);
+        if (nestedColor)
+            return nestedColor;
+    }
+    return null;
+}
 /**
  * Extract subtitle/description from innerBlocks (finds first paragraph block)
  */
@@ -2094,6 +2116,43 @@ function extractBackgroundColor(block, context) {
     // Fallback: return null (no background applied)
     return null;
 }
+/**
+ * Extract the actual color value (hex/rgb) from background color attribute
+ * Used to check if a section has a custom background color that should override alternating system
+ *
+ * @param block - WordPress block to extract background color value from
+ * @param context - Render context containing optional themePalette
+ * @returns Color value string (e.g., '#eb8900') or null if no color
+ */
+function extractBackgroundColorValue(block, context) {
+    const attrs = block.attributes || {};
+    const wpColorName = attrs['backgroundColor'] || attrs['background'];
+    if (!wpColorName || typeof wpColorName !== 'string') {
+        return null;
+    }
+    // If themePalette is available, get the actual color value
+    if (context.themePalette?.[wpColorName]) {
+        const color = context.themePalette[wpColorName];
+        // Return the color value (could be hex, rgb, or other CSS color format)
+        return color;
+    }
+    return null;
+}
+/**
+ * Extract gradient background from block attributes
+ * WordPress stores gradients in attributes.style.color.gradient
+ *
+ * @param block - WordPress block to extract gradient from
+ * @returns Gradient string (e.g., "linear-gradient(...)") or null if no gradient
+ */
+function extractGradientBackground(block) {
+    const attrs = block.attributes || {};
+    const style = attrs['style'];
+    if (style?.color?.gradient && typeof style.color.gradient === 'string') {
+        return style.color.gradient;
+    }
+    return null;
+}
 /**
  * Extract and map text color from block attributes
  * Uses colorMapper from context to convert WordPress theme colors to app CSS classes
@@ -2119,13 +2178,17 @@ function extractTextColor(block, context) {
         return textColorMap[wpColorName];
     }
     // Use colorMapper from context if available
-    // Note: colorMapper might return combined classes like "bg-gray-900 text-white"
-    // We'll extract just the text color part
+    // Note: colorMapper might return combined classes like "bg-gray-900 text-white" or "bg-[#eb8900] text-[#eb8900] text-white"
+    // We'll extract just the text color part, prioritizing actual color values over generic classes
     if (context.colorMapper) {
         const mapped = context.colorMapper(wpColorName);
         if (mapped) {
-            // If the mapped class includes text color (e.g., "bg-gray-900 text-white"),
-            // extract just the text color part
+            // First, try to extract text-[#color] (actual color value)
+            const textColorValueMatch = mapped.match(/\btext-\[([^\]]+)\]/);
+            if (textColorValueMatch) {
+                return `text-[${textColorValueMatch[1]}]`;
+            }
+            // Then, try to extract generic text color classes (e.g., "text-white", "text-gray-900")
             const textColorMatch = mapped.match(/\btext-\S+/);
             if (textColorMatch) {
                 return textColorMatch[0];
@@ -2987,11 +3050,13 @@ exports.createDefaultRegistry = createDefaultRegistry;
 exports.createEnhancedRegistry = createEnhancedRegistry;
 exports.extractAlignment = extractAlignment;
 exports.extractBackgroundColor = extractBackgroundColor;
+exports.extractBackgroundColorValue = extractBackgroundColorValue;
 exports.extractBackgroundImage = extractBackgroundImage;
 exports.extractButtonsFromInnerBlocks = extractButtonsFromInnerBlocks;
 exports.extractContent = extractContent;
 exports.extractDimRatio = extractDimRatio;
 exports.extractFontSize = extractFontSize;
+exports.extractGradientBackground = extractGradientBackground;
 exports.extractHeadingLevel = extractHeadingLevel;
 exports.extractImageAttributes = extractImageAttributes;
 exports.extractImageUrl = extractImageUrl;
@@ -3007,6 +3072,7 @@ exports.extractTextColor = extractTextColor;
 exports.extractTextFromHTML = extractTextFromHTML;
 exports.extractTitle = extractTitle;
 exports.extractTitleFromInnerBlocks = extractTitleFromInnerBlocks;
+exports.extractTitleTextColorFromInnerBlocks = extractTitleTextColorFromInnerBlocks;
 exports.extractVerticalAlignment = extractVerticalAlignment;
 exports.extractVideoIframeFromInnerBlocks = extractVideoIframeFromInnerBlocks;
 exports.findMatchingMapping = findMatchingMapping;