@marvalt/wparser 0.1.7 → 0.1.10

package/dist/index.esm.js

@@ -1730,6 +1730,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 });
@@ -2307,6 +2327,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
@@ -2390,5 +2525,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, extractBackgroundImage, extractContent, extractDimRatio, extractFontSize, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractMediaPosition, extractMinHeight, extractOverlayColor, extractTextAlign, extractTextFromHTML, extractTitle, extractVerticalAlignment, findMatchingMapping, findShortcodes, getAlignmentClasses, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, matchesPattern, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
+export { SectionWrapper, WPContent, WPErrorBoundary, WPPage, buildClassName, convertImageToCloudflareVariant, convertImageUrl, convertImageUrls, createDefaultRegistry, createEnhancedRegistry, extractAlignment, extractBackgroundImage, extractButtonsFromInnerBlocks, extractContent, extractDimRatio, extractFontSize, extractHeadingLevel, extractImageAttributes, extractImageUrl, extractMediaPosition, extractMinHeight, extractOverlayColor, extractSubtitleFromInnerBlocks, extractTextAlign, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, matchesPattern, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
 //# sourceMappingURL=index.esm.js.map