@marvalt/wparser 0.1.55 → 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
@@ -2746,6 +2784,56 @@ function createDefaultRegistry(colorMapper, spacingConfig) {
             // Default fallback if height not found
             return jsxRuntimeExports.jsx("div", { style: { height: '100px' }, "aria-hidden": "true" });
         },
+        // Site Logo block - renders site logo from WordPress settings
+        'core/site-logo': ({ block, context }) => {
+            const attrs = block.attributes || {};
+            const width = attrs['width'];
+            // Try to get logo from site settings (if available in context)
+            // For now, render innerHTML which WordPress provides
+            if (block.innerHTML) {
+                return jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } });
+            }
+            // Fallback: render empty div (logo will be handled by app-level components)
+            return jsxRuntimeExports.jsx("div", { className: "site-logo", style: width ? { width: `${width}px` } : undefined });
+        },
+        // Navigation block - renders WordPress navigation menu
+        'core/navigation': ({ block, context }) => {
+            // Render innerHTML which WordPress provides (contains the menu HTML with all classes)
+            if (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", { "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 {
         renderers,