@marvalt/wparser 0.1.51 → 0.1.53

package/dist/index.cjs

@@ -2094,6 +2094,28 @@ 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 and map text color from block attributes
  * Uses colorMapper from context to convert WordPress theme colors to app CSS classes
@@ -2119,13 +2141,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];
@@ -2337,7 +2363,8 @@ const Heading = ({ block, children, context }) => {
     // 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
-    return (jsxRuntimeExports.jsx(Tag, { className: buildClassName('font-bold', textColorClass, sizeClass, textAlign, spacingClass), children: children ?? content }));
+    // Don't hardcode font-bold - let CSS variables handle font weight from WordPress
+    return (jsxRuntimeExports.jsx(Tag, { className: buildClassName(textColorClass, sizeClass, textAlign, spacingClass), children: children ?? content }));
 };
 const Image = ({ block, context }) => {
     const imageAttrs = getImageAttributes(block);
@@ -2986,6 +3013,7 @@ exports.createDefaultRegistry = createDefaultRegistry;
 exports.createEnhancedRegistry = createEnhancedRegistry;
 exports.extractAlignment = extractAlignment;
 exports.extractBackgroundColor = extractBackgroundColor;
+exports.extractBackgroundColorValue = extractBackgroundColorValue;
 exports.extractBackgroundImage = extractBackgroundImage;
 exports.extractButtonsFromInnerBlocks = extractButtonsFromInnerBlocks;
 exports.extractContent = extractContent;