4f25297f14
Implementación completa del sistema de Critical CSS dinámico según plan 13.01: Domain Layer: - Crear CriticalCSSCollectorInterface para DIP compliance Infrastructure Layer: - Implementar CriticalCSSCollector (singleton via DIContainer) - Crear CriticalCSSHooksRegistrar para inyección en wp_head - Actualizar DIContainer con getCriticalCSSCollector() Schemas: - Agregar campo is_critical a navbar, top-notification-bar, hero - Sincronizar con BD (18+39+31 campos) Renderers (navbar, top-notification-bar, hero): - Inyectar CriticalCSSCollectorInterface via constructor - Lógica condicional: si is_critical=true → CSS a <head> Admin (FormBuilders + FieldMappers): - Toggle "CSS Crítico" en sección visibility - Mapeo AJAX para persistencia Beneficios: - LCP optimizado: CSS crítico inline en <head> - Above-the-fold rendering sin FOUC - Componentes configurables desde admin panel 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
67 lines
3.3 KiB
PHP
67 lines
3.3 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
|
|
namespace ROITheme\Admin\Hero\Infrastructure\FieldMapping;
|
|
|
|
use ROITheme\Admin\Shared\Domain\Contracts\FieldMapperInterface;
|
|
|
|
/**
|
|
* Field Mapper para Hero Section
|
|
*
|
|
* RESPONSABILIDAD:
|
|
* - Mapear field IDs del formulario a atributos de BD
|
|
* - Solo conoce sus propios campos (modularidad)
|
|
*/
|
|
final class HeroFieldMapper implements FieldMapperInterface
|
|
{
|
|
public function getComponentName(): string
|
|
{
|
|
return 'hero';
|
|
}
|
|
|
|
public function getFieldMapping(): array
|
|
{
|
|
return [
|
|
// Visibility
|
|
'heroEnabled' => ['group' => 'visibility', 'attribute' => 'is_enabled'],
|
|
'heroShowOnDesktop' => ['group' => 'visibility', 'attribute' => 'show_on_desktop'],
|
|
'heroShowOnMobile' => ['group' => 'visibility', 'attribute' => 'show_on_mobile'],
|
|
'heroShowOnPages' => ['group' => 'visibility', 'attribute' => 'show_on_pages'],
|
|
'heroIsCritical' => ['group' => 'visibility', 'attribute' => 'is_critical'],
|
|
|
|
// Content
|
|
'heroShowCategories' => ['group' => 'content', 'attribute' => 'show_categories'],
|
|
'heroShowBadgeIcon' => ['group' => 'content', 'attribute' => 'show_badge_icon'],
|
|
'heroBadgeIconClass' => ['group' => 'content', 'attribute' => 'badge_icon_class'],
|
|
'heroTitleTag' => ['group' => 'content', 'attribute' => 'title_tag'],
|
|
|
|
// Colors
|
|
'heroGradientStart' => ['group' => 'colors', 'attribute' => 'gradient_start'],
|
|
'heroGradientEnd' => ['group' => 'colors', 'attribute' => 'gradient_end'],
|
|
'heroTitleColor' => ['group' => 'colors', 'attribute' => 'title_color'],
|
|
'heroBadgeBgColor' => ['group' => 'colors', 'attribute' => 'badge_bg_color'],
|
|
'heroBadgeTextColor' => ['group' => 'colors', 'attribute' => 'badge_text_color'],
|
|
'heroBadgeIconColor' => ['group' => 'colors', 'attribute' => 'badge_icon_color'],
|
|
'heroBadgeHoverBg' => ['group' => 'colors', 'attribute' => 'badge_hover_bg'],
|
|
|
|
// Typography
|
|
'heroTitleFontSize' => ['group' => 'typography', 'attribute' => 'title_font_size'],
|
|
'heroTitleFontSizeMobile' => ['group' => 'typography', 'attribute' => 'title_font_size_mobile'],
|
|
'heroTitleFontWeight' => ['group' => 'typography', 'attribute' => 'title_font_weight'],
|
|
'heroTitleLineHeight' => ['group' => 'typography', 'attribute' => 'title_line_height'],
|
|
'heroBadgeFontSize' => ['group' => 'typography', 'attribute' => 'badge_font_size'],
|
|
|
|
// Spacing
|
|
'heroPaddingVertical' => ['group' => 'spacing', 'attribute' => 'padding_vertical'],
|
|
'heroMarginBottom' => ['group' => 'spacing', 'attribute' => 'margin_bottom'],
|
|
'heroBadgePadding' => ['group' => 'spacing', 'attribute' => 'badge_padding'],
|
|
'heroBadgeBorderRadius' => ['group' => 'spacing', 'attribute' => 'badge_border_radius'],
|
|
|
|
// Visual Effects
|
|
'heroBoxShadow' => ['group' => 'visual_effects', 'attribute' => 'box_shadow'],
|
|
'heroTitleTextShadow' => ['group' => 'visual_effects', 'attribute' => 'title_text_shadow'],
|
|
'heroBadgeBackdropBlur' => ['group' => 'visual_effects', 'attribute' => 'badge_backdrop_blur'],
|
|
];
|
|
}
|
|
}
|