@marvalt/wparser 0.1.53 → 0.1.55

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)
  */
@@ -2116,6 +2138,21 @@ function extractBackgroundColorValue(block, context) {
     }
     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
@@ -2301,6 +2338,9 @@ const Paragraph = ({ block, context }) => {
     const attrs = block.attributes || {};
     const textAlign = getTextAlignClasses(attrs['align']);
     const spacing = getSpacing(context.spacingConfig || context.registry.spacingConfig, 'paragraph', 'my-6');
+    // Extract text color if specified, otherwise inherit from parent (CSS variables handle default)
+    const textColor = extractTextColor(block, context);
+    const textColorClass = textColor || ''; // Don't hardcode - let CSS variables handle default
     // Check if innerHTML contains HTML elements (like links, strong, em, etc.)
     const hasHTML = block.innerHTML && /<[a-z][\s\S]*>/i.test(block.innerHTML);
     // Check if content contains shortcodes (check both HTML and text content)
@@ -2336,17 +2376,17 @@ const Paragraph = ({ block, context }) => {
         const hasBlockLevelContent = React.Children.toArray(parts).some((part) => isBlockLevelElement(part));
         if (hasBlockLevelContent) {
             // Render block-level content without <p> wrapper, but add spacing wrapper
-            return jsxRuntimeExports.jsx("div", { className: spacing, children: parts });
+            return jsxRuntimeExports.jsx("div", { className: buildClassName(spacing, textColorClass), children: parts });
         }
         // Render shortcode parts inside paragraph (shortcodes are processed as React components)
-        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), children: parts });
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), children: parts });
     }
     // If innerHTML contains HTML elements but no shortcodes, render it directly (preserves links, formatting, etc.)
     if (hasHTML && block.innerHTML) {
-        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), dangerouslySetInnerHTML: { __html: htmlContent } });
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), dangerouslySetInnerHTML: { __html: htmlContent } });
     }
     // No HTML and no shortcodes, just render plain text content
-    return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), children: textContent });
+    return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), children: textContent });
 };
 const Heading = ({ block, children, context }) => {
     const attrs = block.attributes || {};
@@ -2661,12 +2701,32 @@ function createDefaultRegistry(colorMapper, spacingConfig) {
                     'justify-start';
             return jsxRuntimeExports.jsx("div", { className: buildClassName('flex flex-wrap gap-3', justifyClass), children: children });
         },
-        'core/quote': ({ children }) => jsxRuntimeExports.jsx("blockquote", { className: "border-l-4 pl-4 italic", children: children }),
-        'core/code': ({ block }) => (jsxRuntimeExports.jsx("pre", { className: "bg-gray-100 p-3 rounded text-sm overflow-auto", children: jsxRuntimeExports.jsx("code", { children: getString(block) }) })),
-        'core/preformatted': ({ block }) => jsxRuntimeExports.jsx("pre", { children: getString(block) }),
+        'core/quote': ({ block, children, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("blockquote", { className: buildClassName('border-l-4 pl-4 italic', textColorClass), children: children });
+        },
+        'core/code': ({ block, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return (jsxRuntimeExports.jsx("pre", { className: buildClassName('bg-gray-100 p-3 rounded text-sm overflow-auto', textColorClass), children: jsxRuntimeExports.jsx("code", { children: getString(block) }) }));
+        },
+        'core/preformatted': ({ block, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("pre", { className: textColorClass || undefined, children: getString(block) });
+        },
         'core/table': ({ children }) => jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: jsxRuntimeExports.jsx("table", { className: "table-auto w-full", children: children }) }),
         'core/table-row': ({ children }) => jsxRuntimeExports.jsx("tr", { children: children }),
-        'core/table-cell': ({ children }) => jsxRuntimeExports.jsx("td", { className: "border px-3 py-2", children: children }),
+        'core/table-cell': ({ block, children, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("td", { className: buildClassName('border px-3 py-2', textColorClass), children: children });
+        },
         // Cover block - hero sections with background images
         'core/cover': Cover,
         // Media & Text block - side-by-side media and content
@@ -3019,6 +3079,7 @@ exports.extractButtonsFromInnerBlocks = extractButtonsFromInnerBlocks;
 exports.extractContent = extractContent;
 exports.extractDimRatio = extractDimRatio;
 exports.extractFontSize = extractFontSize;
+exports.extractGradientBackground = extractGradientBackground;
 exports.extractHeadingLevel = extractHeadingLevel;
 exports.extractImageAttributes = extractImageAttributes;
 exports.extractImageUrl = extractImageUrl;
@@ -3034,6 +3095,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;