@marvalt/wparser 0.1.56 → 0.1.57

package/dist/index.cjs

@@ -2491,6 +2491,44 @@ const ListItem = ({ block, children, context }) => {
     return jsxRuntimeExports.jsx("li", { className: textColorClass || undefined, children: content || children });
 };
 const Group = ({ block, children, context }) => {
+    // If innerHTML exists, WordPress has already rendered the block wrapper with all its classes
+    // Extract the wrapper div attributes and use them, then render children inside
+    if (block.innerHTML) {
+        // Extract the opening div tag with all attributes
+        const openingDivMatch = block.innerHTML.match(/<div([^>]*)>/i);
+        if (openingDivMatch) {
+            const divAttributes = openingDivMatch[1];
+            // Parse class attribute to preserve WordPress classes
+            const classMatch = divAttributes.match(/class=["']([^"']+)["']/);
+            const styleMatch = divAttributes.match(/style=["']([^"']+)["']/);
+            // Build props for the div
+            const divProps = {};
+            if (classMatch) {
+                divProps.className = classMatch[1];
+            }
+            if (styleMatch) {
+                // Parse inline styles into React style object
+                const styles = {};
+                styleMatch[1].split(';').forEach(style => {
+                    const [key, value] = style.split(':').map(s => s.trim());
+                    if (key && value) {
+                        // Convert CSS property names to camelCase
+                        const cssKey = key.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+                        styles[cssKey] = value;
+                    }
+                });
+                if (Object.keys(styles).length > 0) {
+                    divProps.style = styles;
+                }
+            }
+            // Render with preserved WordPress classes/styles and children
+            return React.createElement('div', divProps, children);
+        }
+        // If we can't parse, fall back to rendering innerHTML as-is
+        // This will preserve structure but children may be duplicated
+        return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } });
+    }
+    // No innerHTML - use custom rendering logic
     const attrs = block.attributes || {};
     const align = attrs['align'];
     // Layout can be an object with type property, or nested structure
@@ -2760,19 +2798,41 @@ function createDefaultRegistry(colorMapper, spacingConfig) {
         },
         // Navigation block - renders WordPress navigation menu
         'core/navigation': ({ block, context }) => {
-            const attrs = block.attributes || {};
-            const layout = attrs['layout'];
-            const orientation = layout?.orientation || 'horizontal';
-            const ariaLabel = attrs['ariaLabel'];
-            // Render innerHTML which WordPress provides (contains the menu HTML)
+            // Render innerHTML which WordPress provides (contains the menu HTML with all classes)
             if (block.innerHTML) {
-                const navClasses = orientation === 'vertical'
-                    ? 'flex flex-col space-y-2'
-                    : 'flex flex-wrap gap-4';
-                return (jsxRuntimeExports.jsx("nav", { className: navClasses, "aria-label": ariaLabel || 'Navigation', dangerouslySetInnerHTML: { __html: block.innerHTML } }));
+                // Extract the nav element from innerHTML to preserve WordPress classes
+                // WordPress renders: <nav class="...">...</nav>
+                return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } });
             }
             // Fallback: render empty nav
-            return jsxRuntimeExports.jsx("nav", { className: "flex flex-wrap gap-4", "aria-label": ariaLabel || 'Navigation' });
+            return jsxRuntimeExports.jsx("nav", { "aria-label": "Navigation" });
+        },
+        // Site Title block - renders site title
+        'core/site-title': ({ block, context }) => {
+            // Render innerHTML which WordPress provides
+            if (block.innerHTML) {
+                return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } });
+            }
+            // Fallback: render site name from context if available
+            return null;
+        },
+        // Site Tagline block - renders site tagline/description
+        'core/site-tagline': ({ block, context }) => {
+            // Render innerHTML which WordPress provides
+            if (block.innerHTML) {
+                return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } });
+            }
+            // Fallback: render site description from context if available
+            return null;
+        },
+        // Post Date block - renders post date
+        'core/post-date': ({ block, context }) => {
+            // Render innerHTML which WordPress provides
+            if (block.innerHTML) {
+                return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } });
+            }
+            // Fallback: render current date
+            return null;
         },
     };
     return {