@marvalt/wparser 0.1.72 → 0.1.75

package/dist/index.d.ts

@@ -51,6 +51,8 @@ interface RenderContext {
     page?: WordPressPageMinimal;
     colorMapper?: ColorMapper;
     spacingConfig?: SpacingConfig;
+    /** WordPress theme color slug to hex/rgb for resolving background/text colors when colorMapper has no mapping */
+    themePalette?: Record<string, string>;
 }
 interface BlockRendererProps {
     block: WordPressBlock;
@@ -73,6 +75,8 @@ interface ComponentRegistry {
     colorMapper?: ColorMapper;
     /** Optional spacing configuration for customizing element spacing */
     spacingConfig?: SpacingConfig;
+    /** Optional WordPress theme color slug to hex/rgb for block background/text resolution */
+    themePalette?: Record<string, string>;
 }
 /**
  * Pattern matching for blocks - allows matching blocks by name and attributes
@@ -510,6 +514,15 @@ declare function extractBackgroundColor(block: WordPressBlock, context: RenderCo
 declare function extractBackgroundColorValue(block: WordPressBlock, context: RenderContext & {
     themePalette?: Record<string, string>;
 }): string | null;
+/**
+ * Return inline style for background color when no Tailwind class is available.
+ * Supports WordPress custom color (style.color.background) and theme slug (themePalette).
+ *
+ * @param block - WordPress block
+ * @param context - Render context with optional themePalette
+ * @returns React.CSSProperties with backgroundColor or null
+ */
+declare function getBackgroundInlineStyle(block: WordPressBlock, context: RenderContext): React$1.CSSProperties | null;
 /**
  * Extract gradient background from block attributes
  * WordPress stores gradients in attributes.style.color.gradient
@@ -585,5 +598,5 @@ interface SectionWrapperProps {
  */
 declare const SectionWrapper: React$1.FC<SectionWrapperProps>;
 
-export { SectionWrapper, WPContent, WPErrorBoundary, WPPage, buildClassName, convertImageToCloudflareVariant, convertImageUrl, convertImageUrls, createDefaultRegistry, createEnhancedRegistry, extractAlignment, extractBackgroundColor, extractBackgroundColorValue, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractGradientBackground, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractImageUrlWithFallback, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSpacerHeight, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextAlignFromInnerBlocks, extractTextColor, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractTitleTextColorFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, isValidCloudflareUrl, matchesPattern, parseContentPosition, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
+export { SectionWrapper, WPContent, WPErrorBoundary, WPPage, buildClassName, convertImageToCloudflareVariant, convertImageUrl, convertImageUrls, createDefaultRegistry, createEnhancedRegistry, extractAlignment, extractBackgroundColor, extractBackgroundColorValue, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractGradientBackground, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractImageUrlWithFallback, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSpacerHeight, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextAlignFromInnerBlocks, extractTextColor, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractTitleTextColorFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBackgroundInlineStyle, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, isValidCloudflareUrl, matchesPattern, parseContentPosition, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
 export type { AuthMode, BlockPattern, BlockRenderer, BlockRendererProps, CloudflareVariantOptions, ColorMapper, ComponentMapping, ComponentRegistry, EnhancedRegistry, ImageConversionOptions, ParseOptions, ParsedShortcode, RenderContext, RenderOptions, SectionWrapperProps, ShortcodeAttributes, ShortcodeRenderer, SpacingConfig, WPContentProps, WPNode, WPPageProps, WordPressBlock, WordPressEmbedded, WordPressFeaturedMedia, WordPressPageMinimal, WordPressTitleField };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACtI,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,2BAA2B,EAC3B,oCAAoC,EACpC,8BAA8B,EAC9B,6BAA6B,EAC7B,iCAAiC,EACjC,+BAA+B,EAC/B,+BAA+B,EAC/B,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACtI,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,2BAA2B,EAC3B,oCAAoC,EACpC,8BAA8B,EAC9B,6BAA6B,EAC7B,iCAAiC,EACjC,+BAA+B,EAC/B,+BAA+B,EAC/B,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,wBAAwB,EACxB,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC"}

package/dist/index.esm.js

@@ -1396,6 +1396,7 @@ function renderBlock(block, registry, key, options, page) {
             page,
             colorMapper: registry.colorMapper,
             spacingConfig: registry.spacingConfig,
+            themePalette: registry.themePalette,
         }
     });
     if (options?.debugWrappers) {
@@ -2110,10 +2111,14 @@ function extractTextAlignFromInnerBlocks(block) {
     const innerBlocks = block.innerBlocks || [];
     // First, recursively search for heading or paragraph blocks with textAlign
     // (These take priority over group justifyContent)
+    // Note: heading blocks use 'textAlign', paragraph blocks use 'align'
     for (const innerBlock of innerBlocks) {
         if (innerBlock.name === 'core/heading' || innerBlock.name === 'core/paragraph') {
             const attrs = innerBlock.attributes || {};
-            const textAlign = attrs['textAlign'];
+            // Heading blocks use 'textAlign', paragraph blocks use 'align'
+            const textAlign = innerBlock.name === 'core/heading'
+                ? attrs['textAlign']
+                : attrs['align'] || attrs['textAlign']; // Check both for paragraph (fallback)
             if (textAlign === 'left' || textAlign === 'center' || textAlign === 'right') {
                 return textAlign;
             }
@@ -2124,6 +2129,7 @@ function extractTextAlignFromInnerBlocks(block) {
             return nestedAlign;
     }
     // Only check group blocks if no heading/paragraph alignment found
+    // Recursively search group blocks for justifyContent
     for (const innerBlock of innerBlocks) {
         if (innerBlock.name === 'core/group') {
             const attrs = innerBlock.attributes || {};
@@ -2135,6 +2141,10 @@ function extractTextAlignFromInnerBlocks(block) {
                 return 'center';
             if (justifyContent === 'right')
                 return 'right';
+            // Also recursively check nested blocks within the group
+            const nestedAlign = extractTextAlignFromInnerBlocks(innerBlock);
+            if (nestedAlign)
+                return nestedAlign;
         }
     }
     return null;
@@ -2266,6 +2276,27 @@ function extractBackgroundColorValue(block, context) {
     }
     return null;
 }
+/**
+ * Return inline style for background color when no Tailwind class is available.
+ * Supports WordPress custom color (style.color.background) and theme slug (themePalette).
+ *
+ * @param block - WordPress block
+ * @param context - Render context with optional themePalette
+ * @returns React.CSSProperties with backgroundColor or null
+ */
+function getBackgroundInlineStyle(block, context) {
+    const attrs = block.attributes || {};
+    const styleAttr = attrs['style'];
+    const customBg = styleAttr?.color?.background;
+    if (typeof customBg === 'string' && customBg.trim()) {
+        return { backgroundColor: customBg.trim() };
+    }
+    const wpColorName = attrs['backgroundColor'] || attrs['background'];
+    if (typeof wpColorName === 'string' && context.themePalette?.[wpColorName]) {
+        return { backgroundColor: context.themePalette[wpColorName] };
+    }
+    return null;
+}
 /**
  * Extract gradient background from block attributes
  * WordPress stores gradients in attributes.style.color.gradient
@@ -2724,11 +2755,12 @@ const Columns = ({ block, children }) => {
 const Column = ({ block, children, context }) => {
     const attrs = block.attributes || {};
     const width = attrs['width'];
-    // Extract background color using color mapper
+    // Extract background color using color mapper (Tailwind class)
     const backgroundColor = extractBackgroundColor(block, context);
-    // Handle column width (e.g., "50%" becomes flex-basis)
-    const style = width ? { flexBasis: width } : undefined;
-    return (jsxRuntimeExports.jsx("div", { className: buildClassName('space-y-4 p-6 rounded-lg', backgroundColor), style: style, children: children }));
+    // Inline background when no class (custom color or theme slug via themePalette)
+    const backgroundStyle = getBackgroundInlineStyle(block, context);
+    const style = { ...(width ? { flexBasis: width } : {}), ...(backgroundStyle || {}) };
+    return (jsxRuntimeExports.jsx("div", { className: buildClassName('space-y-4 p-6 rounded-lg', backgroundColor), style: Object.keys(style).length ? style : undefined, children: children }));
 };
 const Separator = () => jsxRuntimeExports.jsx("hr", { className: "border-gray-200 my-8" });
 const ButtonBlock = ({ block, context }) => {
@@ -3315,5 +3347,5 @@ const SectionWrapper = ({ children, background = 'light', spacing = 'medium', co
     return (jsxRuntimeExports.jsx("section", { className: buildClassName(backgroundClasses[finalBackground] || backgroundClasses.light, spacingClasses[finalSpacing] || spacingClasses.medium, containerClasses[finalContainer] || containerClasses.contained, className), children: children }));
 };
 
-export { SectionWrapper, WPContent, WPErrorBoundary, WPPage, buildClassName, convertImageToCloudflareVariant, convertImageUrl, convertImageUrls, createDefaultRegistry, createEnhancedRegistry, extractAlignment, extractBackgroundColor, extractBackgroundColorValue, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractGradientBackground, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractImageUrlWithFallback, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSpacerHeight, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextAlignFromInnerBlocks, extractTextColor, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractTitleTextColorFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, isValidCloudflareUrl, matchesPattern, parseContentPosition, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
+export { SectionWrapper, WPContent, WPErrorBoundary, WPPage, buildClassName, convertImageToCloudflareVariant, convertImageUrl, convertImageUrls, createDefaultRegistry, createEnhancedRegistry, extractAlignment, extractBackgroundColor, extractBackgroundColorValue, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractGradientBackground, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractImageUrlWithFallback, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSpacerHeight, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextAlignFromInnerBlocks, extractTextColor, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractTitleTextColorFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBackgroundInlineStyle, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, isValidCloudflareUrl, matchesPattern, parseContentPosition, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
 //# sourceMappingURL=index.esm.js.map