@marvalt/wparser 0.1.54 → 0.1.56

package/dist/index.esm.js

@@ -2336,6 +2336,9 @@ const Paragraph = ({ block, context }) => {
     const attrs = block.attributes || {};
     const textAlign = getTextAlignClasses(attrs['align']);
     const spacing = getSpacing(context.spacingConfig || context.registry.spacingConfig, 'paragraph', 'my-6');
+    // Extract text color if specified, otherwise inherit from parent (CSS variables handle default)
+    const textColor = extractTextColor(block, context);
+    const textColorClass = textColor || ''; // Don't hardcode - let CSS variables handle default
     // Check if innerHTML contains HTML elements (like links, strong, em, etc.)
     const hasHTML = block.innerHTML && /<[a-z][\s\S]*>/i.test(block.innerHTML);
     // Check if content contains shortcodes (check both HTML and text content)
@@ -2371,17 +2374,17 @@ const Paragraph = ({ block, context }) => {
         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 });
+            return jsxRuntimeExports.jsx("div", { className: buildClassName(spacing, textColorClass), children: parts });
         }
         // Render shortcode parts inside paragraph (shortcodes are processed as React components)
-        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), children: parts });
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), children: parts });
     }
     // If innerHTML contains HTML elements but no shortcodes, render it directly (preserves links, formatting, etc.)
     if (hasHTML && block.innerHTML) {
-        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), dangerouslySetInnerHTML: { __html: htmlContent } });
+        return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), dangerouslySetInnerHTML: { __html: htmlContent } });
     }
     // No HTML and no shortcodes, just render plain text content
-    return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign), children: textContent });
+    return jsxRuntimeExports.jsx("p", { className: buildClassName(spacing, textAlign, textColorClass), children: textContent });
 };
 const Heading = ({ block, children, context }) => {
     const attrs = block.attributes || {};
@@ -2696,12 +2699,32 @@ function createDefaultRegistry(colorMapper, spacingConfig) {
                     'justify-start';
             return jsxRuntimeExports.jsx("div", { className: buildClassName('flex flex-wrap gap-3', justifyClass), children: children });
         },
-        'core/quote': ({ children }) => jsxRuntimeExports.jsx("blockquote", { className: "border-l-4 pl-4 italic", children: children }),
-        'core/code': ({ block }) => (jsxRuntimeExports.jsx("pre", { className: "bg-gray-100 p-3 rounded text-sm overflow-auto", children: jsxRuntimeExports.jsx("code", { children: getString(block) }) })),
-        'core/preformatted': ({ block }) => jsxRuntimeExports.jsx("pre", { children: getString(block) }),
+        'core/quote': ({ block, children, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("blockquote", { className: buildClassName('border-l-4 pl-4 italic', textColorClass), children: children });
+        },
+        'core/code': ({ block, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return (jsxRuntimeExports.jsx("pre", { className: buildClassName('bg-gray-100 p-3 rounded text-sm overflow-auto', textColorClass), children: jsxRuntimeExports.jsx("code", { children: getString(block) }) }));
+        },
+        'core/preformatted': ({ block, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("pre", { className: textColorClass || undefined, children: getString(block) });
+        },
         'core/table': ({ children }) => jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: jsxRuntimeExports.jsx("table", { className: "table-auto w-full", children: children }) }),
         'core/table-row': ({ children }) => jsxRuntimeExports.jsx("tr", { children: children }),
-        'core/table-cell': ({ children }) => jsxRuntimeExports.jsx("td", { className: "border px-3 py-2", children: children }),
+        'core/table-cell': ({ block, children, context }) => {
+            // Extract text color if specified, otherwise inherit from parent
+            const textColor = extractTextColor(block, context);
+            const textColorClass = textColor || '';
+            return jsxRuntimeExports.jsx("td", { className: buildClassName('border px-3 py-2', textColorClass), children: children });
+        },
         // Cover block - hero sections with background images
         'core/cover': Cover,
         // Media & Text block - side-by-side media and content
@@ -2721,6 +2744,34 @@ 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 }) => {
+            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)
+            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 } }));
+            }
+            // Fallback: render empty nav
+            return jsxRuntimeExports.jsx("nav", { className: "flex flex-wrap gap-4", "aria-label": ariaLabel || 'Navigation' });
+        },
     };
     return {
         renderers,