@marvalt/wparser 0.1.27 → 0.1.30

package/dist/index.cjs

@@ -2059,6 +2059,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
@@ -2242,8 +2272,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 || {};
@@ -2460,6 +2511,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,
@@ -2799,6 +2859,7 @@ exports.extractImageUrlWithFallback = extractImageUrlWithFallback;
 exports.extractMediaPosition = extractMediaPosition;
 exports.extractMinHeight = extractMinHeight;
 exports.extractOverlayColor = extractOverlayColor;
+exports.extractSpacerHeight = extractSpacerHeight;
 exports.extractSubtitleFromInnerBlocks = extractSubtitleFromInnerBlocks;
 exports.extractTextAlign = extractTextAlign;
 exports.extractTextAlignFromInnerBlocks = extractTextAlignFromInnerBlocks;