@marvalt/wparser 0.1.42 → 0.1.43

package/dist/index.esm.js

@@ -2150,16 +2150,21 @@ function extractTextColor(block, context) {
         if (colorMatch && colorMatch[1]) {
             wpColorName = colorMatch[1];
         }
-        // Debug logging
-        if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'development' && !wpColorName) {
-            // Check if there are any color-related classes
-            const hasColorClass = className.includes('-color');
-            if (hasColorClass && context.colorMapper) {
-                console.log('🔍 extractTextColor - Found color class in className but no match:', {
-                    blockName: block.name,
-                    className: className,
-                    colorClasses: className.split(' ').filter(c => c.includes('-color')),
-                });
+        // Enhanced debug logging
+        if (typeof process !== 'undefined' && process.env?.NODE_ENV === 'development') {
+            if (!wpColorName) {
+                const hasColorClass = className.includes('-color');
+                if (hasColorClass && context.colorMapper) {
+                    console.log('🔍 extractTextColor - Found color class in className but no match:', {
+                        blockName: block.name,
+                        className: className,
+                        colorClasses: className.split(' ').filter(c => c.includes('-color')),
+                        allAttrs: Object.keys(attrs),
+                    });
+                }
+            }
+            else {
+                console.log('✅ extractTextColor - Found color in className:', wpColorName);
             }
         }
     }
@@ -2333,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
+    const textColor = extractTextColor(block, context);
+    const textColorClass = textColor || '';
     // 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)
@@ -2368,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 || {};