@marvalt/wparser 0.1.8 → 0.1.11

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 });
@@ -2400,6 +2420,57 @@ function extractButtonsFromInnerBlocks(block) {
     }
     return buttons;
 }
+/**
+ * Extract text alignment from inner blocks
+ * Recursively searches for heading or paragraph blocks with textAlign attribute
+ * Also checks group blocks for justifyContent in layout
+ */
+function extractTextAlignFromInnerBlocks(block) {
+    const innerBlocks = block.innerBlocks || [];
+    // Recursively search for heading or paragraph blocks with textAlign
+    for (const innerBlock of innerBlocks) {
+        if (innerBlock.name === 'core/heading' || innerBlock.name === 'core/paragraph') {
+            const attrs = innerBlock.attributes || {};
+            const textAlign = attrs['textAlign'];
+            if (textAlign === 'left' || textAlign === 'center' || textAlign === 'right') {
+                return textAlign;
+            }
+        }
+        // Check group blocks for justifyContent
+        if (innerBlock.name === 'core/group') {
+            const attrs = innerBlock.attributes || {};
+            const layout = attrs['layout'];
+            const justifyContent = layout?.justifyContent;
+            if (justifyContent === 'left')
+                return 'left';
+            if (justifyContent === 'center')
+                return 'center';
+            if (justifyContent === 'right')
+                return 'right';
+        }
+        // Recursively search nested blocks
+        const nestedAlign = extractTextAlignFromInnerBlocks(innerBlock);
+        if (nestedAlign)
+            return nestedAlign;
+    }
+    return null;
+}
+/**
+ * Parse contentPosition string into horizontal and vertical alignment
+ * Format: "horizontal vertical" (e.g., "center center", "left top", "right bottom")
+ */
+function parseContentPosition(contentPosition) {
+    if (!contentPosition) {
+        return { horizontal: 'left', vertical: 'center' };
+    }
+    const parts = contentPosition.trim().split(/\s+/);
+    const horizontal = parts[0] || 'left';
+    const vertical = parts[1] || 'center';
+    return {
+        horizontal: (horizontal === 'center' || horizontal === 'right' ? horizontal : 'left'),
+        vertical: (vertical === 'top' || vertical === 'bottom' ? vertical : 'center'),
+    };
+}
 /**
  * Extract video iframe HTML from innerBlocks (finds HTML block with iframe)
  */
@@ -2505,5 +2576,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, 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 };
+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, extractTextAlignFromInnerBlocks, extractTextFromHTML, extractTitle, extractTitleFromInnerBlocks, extractVerticalAlignment, extractVideoIframeFromInnerBlocks, findMatchingMapping, findShortcodes, getAlignmentClasses, getBlockTextContent, getCloudflareVariantUrl, getContainerClasses, getContentSpacingClasses, getFontSizeClasses, getImageAttributes, getImageUrl, getSectionSpacingClasses, getTextAlignClasses, isCloudflareImageUrl, matchesPattern, parseContentPosition, parseGutenbergBlocks, parseShortcodeAttrs, renderNodes, renderTextWithShortcodes };
 //# sourceMappingURL=index.esm.js.map