@marvalt/wparser 0.1.7 → 0.1.10

package/dist/index.cjs

@@ -1732,6 +1732,26 @@ const Paragraph = ({ block, context }) => {
     const hasShortcodes = /\[(\w+)/.test(content);
     if (hasShortcodes && context.registry.shortcodes) {
         const parts = renderTextWithShortcodes(content, context.registry);
+        // Check if any part is a block-level element (section, div, etc.)
+        // If so, render without wrapping in <p> to avoid DOM nesting violations
+        const hasBlockLevelContent = React.Children.toArray(parts).some((part) => {
+            if (React.isValidElement(part)) {
+                const type = part.type;
+                // Check for block-level HTML elements
+                if (typeof type === 'string' && ['section', 'div', 'article', 'header', 'footer', 'aside', 'nav'].includes(type)) {
+                    return true;
+                }
+                // Check if it's a React component (likely block-level)
+                if (typeof type === 'function' || (typeof type === 'object' && type !== null)) {
+                    return true;
+                }
+            }
+            return false;
+        });
+        if (hasBlockLevelContent) {
+            // Render block-level content without <p> wrapper
+            return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: parts });
+        }
         return jsxRuntimeExports.jsx("p", { className: buildClassName('text-gray-700', textAlign), children: parts });
     }
     return jsxRuntimeExports.jsx("p", { className: buildClassName('text-gray-700', textAlign), children: content });
@@ -2309,6 +2329,121 @@ function convertImageToCloudflareVariant(url, options = {}) {
     }
     return url;
 }
+/**
+ * Extract title from innerBlocks (finds first heading block)
+ */
+function extractTitleFromInnerBlocks(block) {
+    const innerBlocks = block.innerBlocks || [];
+    // Recursively search for heading blocks
+    for (const innerBlock of innerBlocks) {
+        if (innerBlock.name === 'core/heading') {
+            return getBlockTextContent(innerBlock);
+        }
+        // Recursively search nested blocks
+        const nestedTitle = extractTitleFromInnerBlocks(innerBlock);
+        if (nestedTitle)
+            return nestedTitle;
+    }
+    return null;
+}
+/**
+ * Extract subtitle/description from innerBlocks (finds first paragraph block)
+ */
+function extractSubtitleFromInnerBlocks(block) {
+    const innerBlocks = block.innerBlocks || [];
+    // Recursively search for paragraph blocks
+    for (const innerBlock of innerBlocks) {
+        if (innerBlock.name === 'core/paragraph') {
+            const text = getBlockTextContent(innerBlock);
+            if (text && text.trim()) {
+                return text;
+            }
+        }
+        // Recursively search nested blocks
+        const nestedSubtitle = extractSubtitleFromInnerBlocks(innerBlock);
+        if (nestedSubtitle)
+            return nestedSubtitle;
+    }
+    return null;
+}
+/**
+ * Extract buttons from innerBlocks (finds buttons block and extracts button data)
+ */
+function extractButtonsFromInnerBlocks(block) {
+    const buttons = [];
+    const innerBlocks = block.innerBlocks || [];
+    // Find buttons block
+    const findButtonsBlock = (blocks) => {
+        for (const innerBlock of blocks) {
+            if (innerBlock.name === 'core/buttons') {
+                return innerBlock;
+            }
+            if (innerBlock.innerBlocks) {
+                const found = findButtonsBlock(innerBlock.innerBlocks);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    };
+    const buttonsBlock = findButtonsBlock(innerBlocks);
+    if (!buttonsBlock || !buttonsBlock.innerBlocks) {
+        return buttons;
+    }
+    // Extract button data from button blocks
+    for (const buttonBlock of buttonsBlock.innerBlocks) {
+        if (buttonBlock.name === 'core/button') {
+            const attrs = buttonBlock.attributes || {};
+            const url = attrs['url'];
+            const text = attrs['text'] || getBlockTextContent(buttonBlock);
+            // Try to extract from innerHTML if not in attributes
+            if (!url && buttonBlock.innerHTML) {
+                const linkMatch = buttonBlock.innerHTML.match(/<a[^>]+href=["']([^"']+)["'][^>]*>([^<]+)<\/a>/i);
+                if (linkMatch) {
+                    const extractedUrl = linkMatch[1];
+                    const extractedText = linkMatch[2] || text;
+                    if (extractedUrl) {
+                        buttons.push({
+                            text: extractedText || 'Learn More',
+                            url: extractedUrl,
+                            isExternal: extractedUrl.startsWith('http://') || extractedUrl.startsWith('https://'),
+                        });
+                    }
+                }
+            }
+            else if (url && text) {
+                buttons.push({
+                    text,
+                    url,
+                    isExternal: url.startsWith('http://') || url.startsWith('https://'),
+                });
+            }
+        }
+    }
+    return buttons;
+}
+/**
+ * Extract video iframe HTML from innerBlocks (finds HTML block with iframe)
+ */
+function extractVideoIframeFromInnerBlocks(block) {
+    const innerBlocks = block.innerBlocks || [];
+    // Recursively search for HTML blocks with iframe
+    for (const innerBlock of innerBlocks) {
+        if (innerBlock.name === 'core/html' && innerBlock.innerHTML) {
+            // Check if innerHTML contains an iframe
+            if (innerBlock.innerHTML.includes('<iframe')) {
+                return innerBlock.innerHTML;
+            }
+        }
+        // Recursively search nested blocks
+        if (innerBlock.innerBlocks) {
+            const nestedVideo = extractVideoIframeFromInnerBlocks(innerBlock);
+            if (nestedVideo)
+                return nestedVideo;
+        }
+    }
+    return null;
+}
 
 /**
  * Convert image URL with optional Cloudflare variant transformation
@@ -2404,6 +2539,7 @@ exports.createDefaultRegistry = createDefaultRegistry;
 exports.createEnhancedRegistry = createEnhancedRegistry;
 exports.extractAlignment = extractAlignment;
 exports.extractBackgroundImage = extractBackgroundImage;
+exports.extractButtonsFromInnerBlocks = extractButtonsFromInnerBlocks;
 exports.extractContent = extractContent;
 exports.extractDimRatio = extractDimRatio;
 exports.extractFontSize = extractFontSize;
@@ -2413,10 +2549,13 @@ exports.extractImageUrl = extractImageUrl;
 exports.extractMediaPosition = extractMediaPosition;
 exports.extractMinHeight = extractMinHeight;
 exports.extractOverlayColor = extractOverlayColor;
+exports.extractSubtitleFromInnerBlocks = extractSubtitleFromInnerBlocks;
 exports.extractTextAlign = extractTextAlign;
 exports.extractTextFromHTML = extractTextFromHTML;
 exports.extractTitle = extractTitle;
+exports.extractTitleFromInnerBlocks = extractTitleFromInnerBlocks;
 exports.extractVerticalAlignment = extractVerticalAlignment;
+exports.extractVideoIframeFromInnerBlocks = extractVideoIframeFromInnerBlocks;
 exports.findMatchingMapping = findMatchingMapping;
 exports.findShortcodes = findShortcodes;
 exports.getAlignmentClasses = getAlignmentClasses;