@marvalt/wparser 0.1.35 → 0.1.38

package/dist/index.esm.js

@@ -1756,7 +1756,17 @@ function extractImageUrl(block) {
  * Extract image attributes (url, alt, width, height)
  */
 function extractImageAttributes(block) {
-    return getImageAttributes(block);
+    const attrs = getImageAttributes(block);
+    // Convert width to number if it's a string
+    const width = typeof attrs.width === 'string'
+        ? (parseInt(attrs.width, 10) || undefined)
+        : attrs.width;
+    return {
+        url: attrs.url,
+        alt: attrs.alt,
+        width,
+        height: attrs.height,
+    };
 }
 /**
  * Extract title/heading text from a block
@@ -2260,16 +2270,63 @@ function getHeadingSpacing(spacingConfig, level) {
     return headingConfig?.h3 || 'mt-6 mb-4';
 }
 const Paragraph = ({ block, context }) => {
-    const content = getBlockTextContent(block);
     const attrs = block.attributes || {};
     const textAlign = getTextAlignClasses(attrs['align']);
     const spacing = getSpacing(context.spacingConfig || context.registry.spacingConfig, 'paragraph', 'my-6');
-    // Check if content contains shortcodes
+    // Check if innerHTML contains HTML elements (like links, strong, em, etc.)
+    const hasHTML = block.innerHTML && /<[a-z][\s\S]*>/i.test(block.innerHTML);
+    // If innerHTML contains HTML elements, render it directly (preserves links, formatting, etc.)
+    if (hasHTML && block.innerHTML) {
+        const htmlContent = block.innerHTML;
+        // Check if HTML contains shortcodes
+        const hasShortcodes = /\[(\w+)/.test(htmlContent);
+        if (hasShortcodes && context.registry.shortcodes) {
+            // For HTML with shortcodes, we need to process shortcodes first
+            // Extract text content to process shortcodes, then reconstruct
+            const textContent = getBlockTextContent(block);
+            const parts = renderTextWithShortcodes(textContent, context.registry);
+            // Check if any part is a block-level element (section, div, etc.)
+            const isBlockLevelElement = (element) => {
+                if (!React.isValidElement(element)) {
+                    return false;
+                }
+                const type = element.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 React.Fragment - recursively check its children
+                if (type === React.Fragment) {
+                    const fragmentProps = element.props;
+                    const children = React.Children.toArray(fragmentProps.children);
+                    return children.some((child) => isBlockLevelElement(child));
+                }
+                // Check if it's a React component (likely block-level)
+                if (typeof type === 'function' || (typeof type === 'object' && type !== null && type !== React.Fragment)) {
+                    return true;
+                }
+                return false;
+            };
+            const hasBlockLevelContent = React.Children.toArray(parts).some((part) => isBlockLevelElement(part));
+            if (hasBlockLevelContent) {
+                // Render block-level content without <p> wrapper, but add spacing wrapper
+                return jsxRuntimeExports.jsx("div", { className: spacing, children: parts });
+            }
+            // For mixed HTML and shortcodes, render shortcode parts but this is complex
+            // For now, fall back to rendering HTML with shortcodes processed in text
+            // This is a limitation - shortcodes in HTML paragraphs with links won't work perfectly
+            // But links will be preserved
+            return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), dangerouslySetInnerHTML: { __html: htmlContent } });
+        }
+        // No shortcodes, just render HTML directly (preserves links, formatting, etc.)
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), dangerouslySetInnerHTML: { __html: htmlContent } });
+    }
+    // No HTML, use text content (existing logic for shortcodes)
+    const content = getBlockTextContent(block);
     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 isBlockLevelElement = (element) => {
             if (!React.isValidElement(element)) {
                 return false;
@@ -2286,7 +2343,6 @@ const Paragraph = ({ block, context }) => {
                 return children.some((child) => isBlockLevelElement(child));
             }
             // Check if it's a React component (likely block-level)
-            // Most custom components render block-level content
             if (typeof type === 'function' || (typeof type === 'object' && type !== null && type !== React.Fragment)) {
                 return true;
             }