@marvalt/wparser 0.1.27 → 0.1.30

package/dist/index.esm.js

@@ -2057,6 +2057,36 @@ function extractBackgroundColor(block, context) {
     // Fallback: return null (no background applied)
     return null;
 }
+/**
+ * Extract spacer height from block attributes or innerHTML
+ * Returns height in pixels, or null if not found
+ */
+function extractSpacerHeight(block) {
+    const attrs = block.attributes || {};
+    // First, try to get height from attributes
+    const height = attrs['height'];
+    if (typeof height === 'number') {
+        return height;
+    }
+    if (typeof height === 'string') {
+        // Parse "100px" or "100" to number
+        const match = height.match(/^(\d+)/);
+        if (match) {
+            return parseInt(match[1], 10);
+        }
+    }
+    // Fall back to parsing innerHTML for style="height:100px"
+    if (block.innerHTML) {
+        const styleMatch = block.innerHTML.match(/style=["']([^"']+)["']/i);
+        if (styleMatch) {
+            const heightMatch = styleMatch[1].match(/height:\s*(\d+)px/i);
+            if (heightMatch) {
+                return parseInt(heightMatch[1], 10);
+            }
+        }
+    }
+    return null;
+}
 
 /**
  * Style mapping utilities
@@ -2240,8 +2270,29 @@ const List = ({ block, children, context }) => {
     const spacing = getSpacing(context.spacingConfig || context.registry.spacingConfig, 'list', 'my-6');
     return React.createElement(Tag, { className: buildClassName('list-disc pl-6 space-y-2 text-gray-700', spacing) }, children);
 };
-const ListItem = ({ children }) => {
-    return jsxRuntimeExports.jsx("li", { className: "text-gray-700", children: children });
+const ListItem = ({ block, children }) => {
+    // List items store their content in innerHTML (e.g., "<li>Text<br>More text</li>")
+    // We need to extract the content from inside the <li> tag and render it properly
+    let content = null;
+    if (block.innerHTML) {
+        // Extract content from innerHTML - remove the outer <li> tags
+        // Pattern: <li>content</li> or <li>content<br>more</li>
+        const liMatch = block.innerHTML.match(/<li[^>]*>(.*?)<\/li>/is);
+        if (liMatch && liMatch[1]) {
+            const innerContent = liMatch[1].trim();
+            if (innerContent) {
+                // Use dangerouslySetInnerHTML to properly render HTML content including <br> tags and entities
+                // This is safe because we're only rendering content from WordPress (trusted source)
+                content = jsxRuntimeExports.jsx("span", { dangerouslySetInnerHTML: { __html: innerContent } });
+            }
+        }
+    }
+    // If we have both innerHTML content and children (innerBlocks), combine them
+    if (content && children && React.Children.count(children) > 0) {
+        return (jsxRuntimeExports.jsxs("li", { className: "text-gray-700", children: [content, children] }));
+    }
+    // Return content from innerHTML if available, otherwise use children
+    return jsxRuntimeExports.jsx("li", { className: "text-gray-700", children: content || children });
 };
 const Group = ({ block, children, context }) => {
     const attrs = block.attributes || {};
@@ -2458,6 +2509,15 @@ function createDefaultRegistry(colorMapper, spacingConfig) {
             const html = block.innerHTML || '';
             return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: html } });
         },
+        // Spacer block - adds vertical spacing
+        'core/spacer': ({ block }) => {
+            const height = extractSpacerHeight(block);
+            if (height && height > 0) {
+                return jsxRuntimeExports.jsx("div", { style: { height: `${height}px` }, "aria-hidden": "true" });
+            }
+            // Default fallback if height not found
+            return jsxRuntimeExports.jsx("div", { style: { height: '100px' }, "aria-hidden": "true" });
+        },
     };
     return {
         renderers,
@@ -2773,5 +2833,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, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractImageUrlWithFallback, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextAlignFromInnerBlocks, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, 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, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractImageUrlWithFallback, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSpacerHeight, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextAlignFromInnerBlocks, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, isValidCloudflareUrl, matchesPattern, parseContentPosition, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
 //# sourceMappingURL=index.esm.js.map