@brunoalz/smartgesti-site-editor 1.4.2 → 1.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/engine/export/exporters/sections/BlogPostExporters.d.ts.map +1 -1
- package/dist/engine/export/exporters/sections/BlogPostExporters.js +149 -122
- package/dist/engine/export/exporters/sections/BlogPostExporters.js.map +1 -1
- package/dist/engine/plugins/builtin/blog/manifest.d.ts.map +1 -1
- package/dist/engine/plugins/builtin/blog/manifest.js +24 -23
- package/dist/engine/plugins/builtin/blog/manifest.js.map +1 -1
- package/dist/engine/plugins/contentHydration.js +55 -42
- package/dist/engine/plugins/contentHydration.js.map +1 -1
- package/dist/engine/render/renderers/sections/BlogPostGridRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/sections/BlogPostGridRenderer.js +175 -32
- package/dist/engine/render/renderers/sections/BlogPostGridRenderer.js.map +1 -1
- package/dist/engine/schema/siteDocument.d.ts +4 -0
- package/dist/engine/schema/siteDocument.d.ts.map +1 -1
- package/dist/engine/schema/siteDocument.js.map +1 -1
- package/dist/viewer/LandingPageViewer.js +11 -11
- package/dist/viewer/LandingPageViewer.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"siteDocument.js","sources":["../../../src/engine/schema/siteDocument.ts"],"sourcesContent":["/**\n * Site Document Schema\n * Documento componível baseado em blocos\n */\n\nimport { ThemeTokens } from \"./themeTokens\";\nimport type { ImageGridItem, ImageGridPreset } from \"../shared/imageGrid\";\nimport type { TypographyConfig } from \"../shared/typography\";\nimport type { SitePluginsConfig, PageDataSource, PageEditRestrictions } from \"../plugins/types\";\n\n// Re-export shared types for convenience\nexport type { ImageGridItem, ImageGridPreset } from \"../shared/imageGrid\";\nexport type { TypographyConfig } from \"../shared/typography\";\n\n/**\n * Tipos de blocos disponíveis\n */\nexport type BlockType =\n // Layout primitives\n | \"container\"\n | \"stack\"\n | \"grid\"\n | \"box\"\n | \"spacer\"\n // Conteúdo básico\n | \"heading\"\n | \"text\"\n | \"image\"\n | \"button\"\n | \"link\"\n | \"divider\"\n // Conteúdo avançado\n | \"badge\"\n | \"icon\"\n | \"avatar\"\n | \"video\"\n | \"socialLinks\"\n // Composição básica\n | \"card\"\n | \"section\"\n // Seções compostas (Landing Page)\n | \"hero\"\n | \"feature\"\n | \"featureGrid\"\n | \"pricing\"\n | \"pricingCard\"\n | \"testimonial\"\n | \"testimonialGrid\"\n | \"faq\"\n | \"faqItem\"\n | \"cta\"\n | \"stats\"\n | \"statItem\"\n | \"logoCloud\"\n | \"navbar\"\n | \"footer\"\n // Novos blocos reutilizáveis\n | \"countdown\"\n | \"carousel\"\n | \"blogCard\"\n | \"blogCardGrid\"\n | \"teamCard\"\n | \"teamGrid\"\n | \"courseCardGrid\"\n | \"categoryCardGrid\"\n // Blog plugin (dinâmico)\n | \"blogPostCard\"\n | \"blogPostGrid\"\n | \"blogPostDetail\"\n | \"blogCategoryFilter\"\n | \"blogSearchBar\"\n // Seções avançadas\n | \"productShowcase\"\n | \"aboutSection\"\n | \"contactSection\"\n // Formulários\n | \"form\"\n | \"input\"\n | \"textarea\"\n | \"formSelect\";\n\n/**\n * Props base de um bloco\n */\nexport interface BlockBase {\n id: string;\n type: BlockType;\n}\n\n/**\n * Container - Define largura máxima e padding\n */\nexport interface ContainerBlock extends BlockBase {\n type: \"container\";\n props: {\n maxWidth?: string; // ex: '1200px', '100%'\n padding?: string; // ex: '1rem', '2rem'\n children?: Block[];\n };\n}\n\n/**\n * Stack - Layout flex (row/col) com gap\n */\nexport interface StackBlock extends BlockBase {\n type: \"stack\";\n props: {\n direction?: \"row\" | \"col\";\n gap?: string; // ex: '1rem', '2rem'\n align?: \"start\" | \"center\" | \"end\" | \"stretch\";\n justify?: \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\";\n wrap?: boolean;\n children?: Block[];\n };\n}\n\n/**\n * Grid - Layout em grid responsivo\n */\nexport interface GridBlock extends BlockBase {\n type: \"grid\";\n props: {\n cols?: number | { sm?: number; md?: number; lg?: number };\n gap?: string;\n children?: Block[];\n };\n}\n\n/**\n * Box - Container genérico com estilos\n */\nexport interface BoxBlock extends BlockBase {\n type: \"box\";\n props: {\n bg?: string;\n border?: string;\n radius?: string;\n shadow?: string;\n padding?: string;\n children?: Block[];\n };\n}\n\n/**\n * Heading - Título (H1-H6)\n */\nexport interface HeadingBlock extends BlockBase {\n type: \"heading\";\n props: {\n level: 1 | 2 | 3 | 4 | 5 | 6;\n text: string;\n align?: \"left\" | \"center\" | \"right\";\n color?: string;\n };\n}\n\n/**\n * Text - Parágrafo de texto\n */\nexport interface TextBlock extends BlockBase {\n type: \"text\";\n props: {\n text: string;\n align?: \"left\" | \"center\" | \"right\";\n color?: string;\n size?: \"sm\" | \"md\" | \"lg\";\n };\n}\n\n/**\n * Image - Imagem\n */\nexport interface ImageBlock extends BlockBase {\n type: \"image\";\n props: {\n src: string;\n alt?: string;\n width?: string;\n height?: string;\n objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\";\n };\n}\n\n/**\n * Button - Botão\n */\nexport interface ButtonBlock extends BlockBase {\n type: \"button\";\n props: {\n text: string;\n href?: string;\n variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\";\n size?: \"sm\" | \"md\" | \"lg\";\n // Hover effects (principal)\n /** Efeito de hover no botão */\n hoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito (10-100) */\n hoverIntensity?: number;\n // Hover overlay (adicional - combina com o principal)\n /** Efeito visual adicional no hover */\n hoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n hoverIconName?: string;\n };\n}\n\n/**\n * Link - Link\n */\nexport interface LinkBlock extends BlockBase {\n type: \"link\";\n props: {\n text: string;\n href: string;\n target?: \"_blank\" | \"_self\";\n // Hover effects\n /** Efeito de hover no link */\n hoverEffect?: \"none\" | \"background\" | \"underline\" | \"underline-center\" | \"scale\" | \"glow\";\n /** Intensidade do efeito (10-100) */\n hoverIntensity?: number;\n /** Cor do hover */\n hoverColor?: string;\n };\n}\n\n/**\n * Divider - Divisor horizontal\n */\nexport interface DividerBlock extends BlockBase {\n type: \"divider\";\n props: {\n color?: string;\n thickness?: string;\n };\n}\n\n/**\n * Card - Card com slots (header/content/footer)\n */\nexport interface CardBlock extends BlockBase {\n type: \"card\";\n props: {\n header?: Block[];\n content?: Block[];\n footer?: Block[];\n padding?: string;\n bg?: string;\n border?: string;\n radius?: string;\n shadow?: string;\n };\n}\n\n/**\n * Section - Seção container\n */\nexport interface SectionBlock extends BlockBase {\n type: \"section\";\n props: {\n id?: string;\n bg?: string;\n padding?: string;\n children?: Block[];\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - LAYOUT AVANÇADO\n// ============================================================================\n\n/**\n * Spacer - Espaçador flexível\n */\nexport interface SpacerBlock extends BlockBase {\n type: \"spacer\";\n props: {\n height?: string;\n responsive?: { sm?: string; md?: string; lg?: string };\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - CONTEÚDO AVANÇADO\n// ============================================================================\n\n/**\n * Badge - Tag/badge com variantes\n */\nexport interface BadgeBlock extends BlockBase {\n type: \"badge\";\n props: {\n text: string;\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"warning\"\n | \"danger\"\n | \"info\";\n size?: \"sm\" | \"md\" | \"lg\";\n };\n}\n\n/**\n * Icon - Ícone SVG\n */\nexport interface IconBlock extends BlockBase {\n type: \"icon\";\n props: {\n name: string; // nome do ícone (ex: 'check', 'star', 'arrow-right')\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n color?: string;\n };\n}\n\n/**\n * Avatar - Imagem circular com fallback\n */\nexport interface AvatarBlock extends BlockBase {\n type: \"avatar\";\n props: {\n src?: string;\n alt?: string;\n name?: string; // Para gerar iniciais se não houver imagem\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n };\n}\n\n/**\n * Video - Embed de vídeo\n */\nexport interface VideoBlock extends BlockBase {\n type: \"video\";\n props: {\n src: string; // URL do YouTube, Vimeo ou MP4\n poster?: string;\n autoplay?: boolean;\n controls?: boolean;\n aspectRatio?: \"16:9\" | \"4:3\" | \"1:1\" | \"9:16\";\n };\n}\n\n/**\n * SocialLinks - Links de redes sociais\n */\nexport interface SocialLinksBlock extends BlockBase {\n type: \"socialLinks\";\n props: {\n links: Array<{\n platform:\n | \"facebook\"\n | \"twitter\"\n | \"instagram\"\n | \"linkedin\"\n | \"youtube\"\n | \"tiktok\"\n | \"github\"\n | \"whatsapp\";\n url: string;\n }>;\n size?: \"sm\" | \"md\" | \"lg\";\n variant?: \"default\" | \"filled\" | \"outline\";\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - SEÇÕES COMPOSTAS\n// ============================================================================\n\n/**\n * Hero - Seção hero completa\n */\nexport type HeroVariationId =\n | \"hero-split\"\n | \"hero-parallax\"\n | \"hero-overlay\"\n | \"hero-gradient\"\n | \"hero-minimal\"\n | \"hero-card\"\n | \"hero-carousel\";\n\nexport interface HeroBlock extends BlockBase {\n type: \"hero\";\n props: {\n variation?: HeroVariationId;\n variant?: \"centered\" | \"split\" | \"image-bg\" | \"video-bg\";\n title: string;\n subtitle?: string;\n description?: string;\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n image?: string;\n video?: string;\n badge?: string;\n align?: \"left\" | \"center\" | \"right\";\n /** Posição horizontal do container de conteúdo no layout */\n contentPosition?: \"left\" | \"center\" | \"right\";\n /** Espaçamento entre elementos do conteúdo (título, subtítulo, descrição, botões) */\n contentSpacing?: \"compact\" | \"default\" | \"spacious\";\n /** Distância entre o bloco de conteúdo e o bloco de imagem (layouts divididos) */\n blockGap?: \"default\" | \"wide\" | \"x-wide\";\n minHeight?: string;\n overlay?: boolean;\n /** Cor/gradiente do overlay (ex.: linear-gradient). Se omitido, usa fallback do CSS. */\n overlayColor?: string;\n /** Cor ou gradiente no layout split (lado do conteúdo). */\n background?: string;\n\n // === Typography Colors (legacy - mantido para retrocompatibilidade) ===\n /** Cor do título */\n titleColor?: string;\n /** Cor do subtítulo */\n subtitleColor?: string;\n /** Cor da descrição */\n descriptionColor?: string;\n\n // === Typography Config (novo sistema completo) ===\n /** Configuração completa de tipografia do título */\n titleTypography?: TypographyConfig;\n /** Configuração completa de tipografia do subtítulo */\n subtitleTypography?: TypographyConfig;\n /** Configuração completa de tipografia da descrição */\n descriptionTypography?: TypographyConfig;\n\n // === Badge Styling ===\n /** Cor de fundo do badge */\n badgeColor?: string;\n /** Cor do texto do badge */\n badgeTextColor?: string;\n\n // === Layout & Spacing ===\n /** Largura máxima do conteúdo */\n contentMaxWidth?: string;\n /** Espaçamento interno vertical */\n paddingY?: string;\n\n // === Image Styling ===\n /** Border radius da imagem (px) */\n imageRadius?: number;\n /** Sombra da imagem */\n imageShadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n /** Posição da imagem no split */\n imagePosition?: \"left\" | \"right\";\n\n // === Button Size ===\n /** Tamanho dos botões */\n buttonSize?: \"sm\" | \"md\" | \"lg\";\n\n // === Primary Button Styling ===\n /** Variante do botão primário */\n primaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n /** Cor do botão primário */\n primaryButtonColor?: string;\n /** Cor do texto do botão primário */\n primaryButtonTextColor?: string;\n /** Border radius do botão primário */\n primaryButtonRadius?: number;\n\n // === Secondary Button Styling ===\n /** Variante do botão secundário */\n secondaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n /** Cor do botão secundário */\n secondaryButtonColor?: string;\n /** Cor do texto do botão secundário */\n secondaryButtonTextColor?: string;\n /** Border radius do botão secundário */\n secondaryButtonRadius?: number;\n\n // === Button Hover Effects (principal) ===\n /** Efeito de hover nos botões */\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito (10-100) */\n buttonHoverIntensity?: number;\n\n // === Button Hover Overlay (adicional) ===\n /** Efeito visual adicional nos botões */\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n buttonHoverIconName?: string;\n\n // === Decorative Elements ===\n /** Mostrar elemento decorativo de onda no fundo */\n showWave?: boolean;\n /** Cor da onda decorativa */\n waveColor?: string;\n\n // === Image Grid System ===\n /** Habilita grid de imagens no lugar da imagem única (split layout) */\n imageGridEnabled?: boolean;\n /** Preset de layout da grid */\n imageGridPreset?: ImageGridPreset;\n /** Array de imagens da grid (até 4) */\n imageGridImages?: ImageGridItem[];\n /** Espaçamento entre imagens em pixels */\n imageGridGap?: number;\n\n // === Carousel System ===\n /** Array de imagens do carrossel de fundo */\n carouselImages?: string[];\n /** Intervalo entre slides em segundos */\n carouselInterval?: number;\n /** Tipo de transição do carrossel */\n carouselTransition?: \"crossfade\" | \"slide\";\n };\n}\n\n/**\n * Feature - Card de feature individual\n */\nexport interface FeatureBlock extends BlockBase {\n type: \"feature\";\n props: {\n icon?: string;\n title: string;\n description: string;\n link?: { text: string; href: string };\n };\n}\n\n/**\n * FeatureGrid - Grid de features\n */\nexport interface FeatureGridBlock extends BlockBase {\n type: \"featureGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n variant?: \"default\" | \"cards\" | \"image-cards\";\n features: Array<{\n icon?: string;\n title: string;\n description: string;\n image?: string;\n link?: { text: string; href?: string };\n }>;\n };\n}\n\n/**\n * PricingCard - Card de preço individual\n */\nexport interface PricingCardBlock extends BlockBase {\n type: \"pricingCard\";\n props: {\n name: string;\n price: string;\n period?: string;\n description?: string;\n features: string[];\n buttonText?: string;\n buttonHref?: string;\n highlighted?: boolean;\n badge?: string;\n };\n}\n\n/**\n * Pricing - Seção de preços completa\n */\nexport interface PricingBlock extends BlockBase {\n type: \"pricing\";\n props: {\n title?: string;\n subtitle?: string;\n plans: Array<{\n name: string;\n price: string;\n period?: string;\n description?: string;\n features: string[];\n buttonText?: string;\n buttonHref?: string;\n highlighted?: boolean;\n badge?: string;\n }>;\n };\n}\n\n/**\n * Testimonial - Card de depoimento individual\n */\nexport interface TestimonialBlock extends BlockBase {\n type: \"testimonial\";\n props: {\n quote: string;\n authorName: string;\n authorRole?: string;\n authorCompany?: string;\n authorAvatar?: string;\n rating?: number; // 1-5 estrelas\n };\n}\n\n/**\n * TestimonialGrid - Grid de depoimentos\n */\nexport interface TestimonialGridBlock extends BlockBase {\n type: \"testimonialGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n testimonials: Array<{\n quote: string;\n authorName: string;\n authorRole?: string;\n authorCompany?: string;\n authorAvatar?: string;\n rating?: number;\n }>;\n };\n}\n\n/**\n * FaqItem - Item individual do FAQ\n */\nexport interface FaqItemBlock extends BlockBase {\n type: \"faqItem\";\n props: {\n question: string;\n answer: string;\n defaultOpen?: boolean;\n };\n}\n\n/**\n * Faq - Seção FAQ completa (accordion)\n */\nexport interface FaqBlock extends BlockBase {\n type: \"faq\";\n props: {\n title?: string;\n subtitle?: string;\n items: Array<{\n question: string;\n answer: string;\n }>;\n };\n}\n\n/**\n * CTA - Seção Call-to-Action\n */\nexport interface CtaBlock extends BlockBase {\n type: \"cta\";\n props: {\n title: string;\n description?: string;\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n variant?: \"default\" | \"centered\" | \"split\" | \"gradient\";\n bg?: string;\n // Button Size\n /** Tamanho dos botões */\n buttonSize?: \"sm\" | \"md\" | \"lg\";\n // Button Hover Effects (principal)\n /** Efeito de hover nos botões */\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito (10-100) */\n buttonHoverIntensity?: number;\n // Button Hover Overlay (adicional)\n /** Efeito visual adicional nos botões */\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * StatItem - Item individual de estatística\n */\nexport interface StatItemBlock extends BlockBase {\n type: \"statItem\";\n props: {\n value: string;\n label: string;\n prefix?: string;\n suffix?: string;\n };\n}\n\n/**\n * Stats - Seção de estatísticas\n */\nexport interface StatsBlock extends BlockBase {\n type: \"stats\";\n props: {\n title?: string;\n subtitle?: string;\n items: Array<{\n value: string;\n label: string;\n prefix?: string;\n suffix?: string;\n }>;\n };\n}\n\n/**\n * LogoCloud - Grid de logos\n */\nexport interface LogoCloudBlock extends BlockBase {\n type: \"logoCloud\";\n props: {\n title?: string;\n logos: Array<{\n src: string;\n alt: string;\n href?: string;\n }>;\n grayscale?: boolean;\n };\n}\n\n/**\n * Link da Navbar - pode ser um link simples ou ter um dropdown com subitems\n */\nexport type NavbarLink = {\n text: string;\n href?: string;\n dropdown?: Array<{ text: string; href: string }>;\n};\n\n/**\n * IDs das variações visuais do bloco Navbar\n */\nexport type NavbarVariationId =\n | \"navbar-simples\"\n | \"navbar-moderno\"\n | \"navbar-glass\"\n | \"navbar-elegante\"\n | \"navbar-pill\";\n\n/**\n * Navbar - Barra de navegação\n */\nexport interface NavbarBlock extends BlockBase {\n type: \"navbar\";\n props: {\n variation?: NavbarVariationId;\n /** URL da imagem do logo ou objeto com src, alt e href */\n logo?: string | { src: string; alt?: string; href?: string };\n logoText?: string;\n links: Array<NavbarLink>;\n ctaButton?: { text: string; href?: string };\n sticky?: boolean;\n /** Cor de fundo customizada (suporta gradientes) */\n bg?: string;\n\n // Layout Options\n /** Distribuição do navbar: expandido, centralizado ou compacto */\n layout?: \"expanded\" | \"centered\" | \"compact\";\n /** Modo flutuante: navbar com margem lateral e mais destaque */\n floating?: boolean;\n\n // Visual Customization\n /** Border radius em pixels (0-24) */\n borderRadius?: number;\n /** Sombra do navbar */\n shadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n /** Opacidade do navbar (0-100) */\n opacity?: number;\n /** Intensidade do desfoque/blur (0-100) para efeito de vidro fosco */\n blurOpacity?: number;\n /** Altura do logo em pixels (30-120) */\n logoHeight?: number;\n /** Posição da borda: nenhuma, completa, superior, inferior, esquerda, direita */\n borderPosition?: \"none\" | \"all\" | \"top\" | \"bottom\" | \"left\" | \"right\";\n /** Espessura da borda em pixels (1-4) */\n borderWidth?: number;\n /** Cor da borda */\n borderColor?: string;\n\n // Link Styling\n /** Cor dos links */\n linkColor?: string;\n /** Cor dos links no hover */\n linkHoverColor?: string;\n /** Tamanho da fonte dos links */\n linkFontSize?: \"sm\" | \"md\" | \"lg\";\n /** Efeito de hover nos links */\n linkHoverEffect?: \"background\" | \"underline\" | \"underline-center\" | \"slide-bg\" | \"scale\" | \"glow\";\n /** Intensidade do efeito de hover nos links (0-100) */\n linkHoverIntensity?: number;\n\n // Button/CTA Styling\n /** Variante do botão CTA */\n buttonVariant?: \"solid\" | \"outline\" | \"ghost\";\n /** Tamanho do botão CTA */\n buttonSize?: \"sm\" | \"md\" | \"lg\";\n /** Cor do botão CTA */\n buttonColor?: string;\n /** Cor do texto do botão CTA */\n buttonTextColor?: string;\n /** Border radius do botão em pixels (0-24) */\n buttonBorderRadius?: number;\n /** Efeito de hover no botão CTA */\n buttonHoverEffect?: \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito de hover no botão (0-100) */\n buttonHoverIntensity?: number;\n /** Efeito visual adicional no botão CTA */\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * Footer - Rodapé do site\n */\nexport interface FooterBlock extends BlockBase {\n type: \"footer\";\n props: {\n logo?: string | { src: string; alt?: string };\n logoText?: string;\n description?: string;\n columns?: Array<{\n title: string;\n links: Array<{\n text: string;\n href: string;\n }>;\n }>;\n social?: Array<{\n platform: string;\n href: string;\n }>;\n copyright?: string;\n variant?: \"simple\" | \"multi-column\";\n // Link Hover Effects\n /** Efeito de hover nos links */\n linkHoverEffect?: \"none\" | \"background\" | \"underline\" | \"underline-center\" | \"scale\" | \"glow\";\n /** Intensidade do efeito (10-100) */\n linkHoverIntensity?: number;\n /** Cor do link no hover */\n linkHoverColor?: string;\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS REUTILIZÁVEIS\n// ============================================================================\n\n/**\n * Countdown - Contador regressivo (eventos, matrículas, promoções)\n */\nexport interface CountdownBlock extends BlockBase {\n type: \"countdown\";\n props: {\n title?: string;\n description?: string;\n /** Data final em ISO string para cálculo real */\n endDate?: string;\n /** Exibir labels Days/Hours/Minutes/Seconds com valores 00 quando sem endDate */\n showPlaceholders?: boolean;\n buttonText?: string;\n buttonHref?: string;\n variant?: \"default\" | \"banner\";\n /** Texto no círculo decorativo (ex.: \"Admission on Going\") */\n badgeText?: string;\n bg?: string;\n };\n}\n\n/**\n * Carousel - Slider de slides (programas, destaques, depoimentos)\n */\nexport interface CarouselBlock extends BlockBase {\n type: \"carousel\";\n props: {\n slides: Array<{\n image?: string;\n title?: string;\n description?: string;\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n }>;\n autoplay?: boolean;\n showArrows?: boolean;\n showDots?: boolean;\n };\n}\n\n/**\n * BlogCard - Card de post/notícia individual\n */\nexport interface BlogCardBlock extends BlockBase {\n type: \"blogCard\";\n props: {\n image?: string;\n date?: string;\n category?: string;\n title: string;\n excerpt?: string;\n linkText?: string;\n linkHref?: string;\n };\n}\n\n/**\n * BlogCardGrid - Grid de cards de blog/notícias\n */\nexport interface BlogCardGridBlock extends BlockBase {\n type: \"blogCardGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n cards: Array<{\n image?: string;\n date?: string;\n category?: string;\n title: string;\n excerpt?: string;\n linkText?: string;\n linkHref?: string;\n }>;\n };\n}\n\n/**\n * TeamCard - Card de membro da equipe/professor\n */\nexport interface TeamCardBlock extends BlockBase {\n type: \"teamCard\";\n props: {\n avatar?: string;\n name: string;\n role?: string;\n };\n}\n\n/**\n * TeamGrid - Grid de membros da equipe\n */\nexport interface TeamGridBlock extends BlockBase {\n type: \"teamGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n members: Array<{\n avatar?: string;\n name: string;\n role?: string;\n }>;\n };\n}\n\n/**\n * CourseCardGrid - Grid de cards de curso (thumbnail, título, preço, rating, View Course)\n */\nexport interface CourseCardGridBlock extends BlockBase {\n type: \"courseCardGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n cards: Array<{\n image?: string;\n title: string;\n price?: string;\n period?: string;\n rating?: number;\n meta?: string[];\n buttonText?: string;\n buttonHref?: string;\n }>;\n };\n}\n\n/**\n * CategoryCardGrid - Grid de categorias (imagem de fundo + título overlay + link)\n */\nexport interface CategoryCardGridBlock extends BlockBase {\n type: \"categoryCardGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n categories: Array<{\n image: string;\n title: string;\n href?: string;\n }>;\n };\n}\n\n// ============================================================================\n// BLOCOS DE PLUGIN - BLOG (dinâmico, conectado a ContentProvider)\n// ============================================================================\n\n/**\n * BlogPostCard - Card individual de post (versão dinâmica do blogCard)\n * Pode receber dados de ContentProvider ou ter conteúdo estático\n */\nexport interface BlogPostCardBlock extends BlockBase {\n type: \"blogPostCard\";\n props: {\n title: string;\n excerpt?: string;\n image?: string;\n date?: string;\n category?: string;\n authorName?: string;\n authorAvatar?: string;\n readingTime?: string;\n linkHref?: string;\n linkText?: string;\n variant?: \"default\" | \"horizontal\" | \"minimal\";\n showImage?: boolean;\n showCategory?: boolean;\n showDate?: boolean;\n showAuthor?: boolean;\n showReadingTime?: boolean;\n };\n}\n\n/**\n * BlogPostGrid - Grid de posts com suporte a dados dinâmicos\n * Pode usar dataSource para buscar do ContentProvider ou cards estáticos\n */\nexport interface BlogPostGridBlock extends BlockBase {\n type: \"blogPostGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n /** Cards estáticos (quando não há dataSource) */\n cards?: Array<{\n title: string;\n excerpt?: string;\n image?: string;\n date?: string;\n category?: string;\n authorName?: string;\n linkHref?: string;\n linkText?: string;\n }>;\n /** Fonte de dados dinâmica (ContentProvider) */\n dataSource?: {\n provider: string;\n limit?: number;\n filter?: Record<string, unknown>;\n };\n variant?: \"default\" | \"featured\" | \"minimal\";\n showViewAll?: boolean;\n viewAllText?: string;\n viewAllHref?: string;\n };\n}\n\n/**\n * BlogPostDetail - Conteúdo completo de um post (para página blog/:slug)\n * Recebe dados do ContentProvider na página dinâmica\n */\nexport interface BlogPostDetailBlock extends BlockBase {\n type: \"blogPostDetail\";\n props: {\n title: string;\n content: string;\n featuredImage?: string;\n date?: string;\n category?: string;\n /** Variante visual do bloco autor: \"inline\" | \"card\" | \"minimal\" */\n authorVariant?: \"inline\" | \"card\" | \"minimal\";\n readingTime?: string;\n tags?: string[];\n showFeaturedImage?: boolean;\n showAuthor?: boolean;\n showDate?: boolean;\n showTags?: boolean;\n showReadingTime?: boolean;\n contentMaxWidth?: string;\n // SEO fields (populated by ContentProvider, readOnly in editor)\n metaTitle?: string;\n metaDescription?: string;\n ogImage?: string;\n };\n}\n\n/**\n * BlogCategoryFilter - Filtro de categorias para listagem do blog\n * Dados populados pelo ContentProvider (categories extraídas dos posts)\n */\nexport interface BlogCategoryFilterBlock extends BlockBase {\n type: \"blogCategoryFilter\";\n props: {\n title?: string;\n categories: Array<{ name: string; slug: string; count?: number; image?: string }>;\n variant: \"chips\" | \"buttons\" | \"list\";\n showCount?: boolean;\n showAll?: boolean;\n allLabel?: string;\n activeCategory?: string;\n filterUrl?: string;\n };\n}\n\n/**\n * BlogSearchBar - Barra de busca para o blog\n * Envia busca via form action para URL configurável\n */\nexport interface BlogSearchBarBlock extends BlockBase {\n type: \"blogSearchBar\";\n props: {\n placeholder?: string;\n variant: \"simple\" | \"expanded\" | \"with-filters\";\n showIcon?: boolean;\n searchUrl?: string;\n filterCategories?: boolean;\n filterTags?: boolean;\n filterDate?: boolean;\n };\n}\n\n// ============================================================================\n// SEÇÕES AVANÇADAS\n// ============================================================================\n\n/**\n * ProductShowcase - Seção de produtos com layout alternado\n */\nexport interface ProductShowcaseBlock extends BlockBase {\n type: \"productShowcase\";\n props: {\n title?: string;\n subtitle?: string;\n products: Array<{\n image?: string;\n icon?: string;\n badge?: string;\n name: string;\n description: string;\n longDescription?: string;\n features?: string[];\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n }>;\n variant?: \"alternating\" | \"grid\" | \"stacked\";\n bg?: string;\n // Button Hover Effects\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n buttonHoverIntensity?: number;\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * AboutSection - Seção sobre com imagem decorativa + texto + achievements\n */\nexport interface AboutSectionBlock extends BlockBase {\n type: \"aboutSection\";\n props: {\n title?: string;\n subtitle?: string;\n description?: string;\n secondaryDescription?: string;\n image?: string;\n achievements?: Array<{\n text: string;\n }>;\n primaryButton?: { text: string; href?: string };\n variant?: \"image-left\" | \"image-right\" | \"centered\";\n bg?: string;\n stats?: Array<{\n value: string;\n label: string;\n }>;\n // Button Hover Effects\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n buttonHoverIntensity?: number;\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * ContactSection - Seção de contato com info cards + formulário\n */\nexport interface ContactSectionBlock extends BlockBase {\n type: \"contactSection\";\n props: {\n title?: string;\n subtitle?: string;\n description?: string;\n contactInfo?: Array<{\n icon?: string;\n label: string;\n value: string;\n }>;\n formTitle?: string;\n formFields?: Array<{\n name: string;\n label: string;\n type: \"text\" | \"email\" | \"tel\" | \"textarea\";\n placeholder?: string;\n required?: boolean;\n }>;\n submitText?: string;\n variant?: \"split\" | \"stacked\" | \"form-only\";\n bg?: string;\n // Button Hover Effects\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n buttonHoverIntensity?: number;\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n buttonHoverIconName?: string;\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - FORMULÁRIOS\n// ============================================================================\n\n/**\n * Form - Container de formulário\n */\nexport interface FormBlock extends BlockBase {\n type: \"form\";\n props: {\n action?: string;\n method?: \"get\" | \"post\";\n children?: Block[];\n submitText?: string;\n };\n}\n\n/**\n * Input - Campo de entrada\n */\nexport interface InputBlock extends BlockBase {\n type: \"input\";\n props: {\n name: string;\n label?: string;\n placeholder?: string;\n type?: \"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"number\";\n required?: boolean;\n };\n}\n\n/**\n * Textarea - Campo de texto longo\n */\nexport interface TextareaBlock extends BlockBase {\n type: \"textarea\";\n props: {\n name: string;\n label?: string;\n placeholder?: string;\n rows?: number;\n required?: boolean;\n };\n}\n\n/**\n * FormSelect - Dropdown de formulário\n */\nexport interface FormSelectBlock extends BlockBase {\n type: \"formSelect\";\n props: {\n name: string;\n label?: string;\n placeholder?: string;\n options: Array<{ value: string; label: string }>;\n required?: boolean;\n };\n}\n\n// ============================================================================\n// UNION TYPE DE TODOS OS BLOCOS\n// ============================================================================\n\n/**\n * Union type de todos os blocos\n */\nexport type Block =\n // Layout\n | ContainerBlock\n | StackBlock\n | GridBlock\n | BoxBlock\n | SpacerBlock\n // Conteúdo básico\n | HeadingBlock\n | TextBlock\n | ImageBlock\n | ButtonBlock\n | LinkBlock\n | DividerBlock\n // Conteúdo avançado\n | BadgeBlock\n | IconBlock\n | AvatarBlock\n | VideoBlock\n | SocialLinksBlock\n // Composição básica\n | CardBlock\n | SectionBlock\n // Seções compostas\n | HeroBlock\n | FeatureBlock\n | FeatureGridBlock\n | PricingBlock\n | PricingCardBlock\n | TestimonialBlock\n | TestimonialGridBlock\n | FaqBlock\n | FaqItemBlock\n | CtaBlock\n | StatsBlock\n | StatItemBlock\n | LogoCloudBlock\n | NavbarBlock\n | FooterBlock\n // Novos blocos reutilizáveis\n | CountdownBlock\n | CarouselBlock\n | BlogCardBlock\n | BlogCardGridBlock\n | TeamCardBlock\n | TeamGridBlock\n | CourseCardGridBlock\n | CategoryCardGridBlock\n // Blog plugin (dinâmico)\n | BlogPostCardBlock\n | BlogPostGridBlock\n | BlogPostDetailBlock\n | BlogCategoryFilterBlock\n | BlogSearchBarBlock\n // Seções avançadas\n | ProductShowcaseBlock\n | AboutSectionBlock\n | ContactSectionBlock\n // Formulários\n | FormBlock\n | InputBlock\n | TextareaBlock\n | FormSelectBlock;\n\n/**\n * Utility type: extract the block interface for a given BlockType\n */\nexport type BlockOfType<T extends BlockType> = Extract<Block, { type: T }>;\n\n/**\n * Utility type: extract the props type for a given BlockType\n */\nexport type BlockPropsFor<T extends BlockType> = BlockOfType<T>[\"props\"];\n\n/**\n * SEO configuration for a page\n */\nexport interface PageSeoConfig {\n metaTitle?: string;\n metaDescription?: string;\n ogImage?: string;\n ogType?: string;\n canonicalUrl?: string;\n noIndex?: boolean;\n}\n\n/**\n * Global site metadata for SEO\n */\nexport interface SiteMetadata {\n siteName?: string;\n defaultOgImage?: string;\n language?: string;\n}\n\n/**\n * Página do site\n */\nexport interface SitePage {\n id: string;\n name: string;\n slug: string;\n structure: Block[]; // Árvore de blocos\n /** ID do plugin que criou esta página (se for uma página de plugin) */\n pluginId?: string;\n /** ID do template de página do plugin */\n pageTemplateId?: string;\n /** Página dinâmica com dados de backend (ex.: blog/:slug) */\n isDynamic?: boolean;\n /** Configuração de dados dinâmicos (provider, modo, mapeamento) */\n dataSource?: PageDataSource;\n /** Restrições de edição impostas pelo plugin */\n editRestrictions?: PageEditRestrictions;\n /** SEO configuration for this page */\n seo?: PageSeoConfig;\n}\n\n/**\n * Coleções de conteúdo (testimonials, faq, posts, etc)\n */\nexport interface ContentCollection {\n id: string;\n type: \"testimonials\" | \"faq\" | \"posts\" | \"services\" | \"team\" | \"custom\";\n items: Array<Record<string, any>>;\n}\n\n/**\n * Documento completo do site\n */\nexport interface SiteDocument {\n schemaVersion: 2;\n theme: ThemeTokens;\n content?: {\n collections?: ContentCollection[];\n };\n pages: SitePage[];\n /** Configuração de plugins ativos e suas opções */\n plugins?: SitePluginsConfig;\n /** Global site metadata for SEO */\n metadata?: SiteMetadata;\n}\n\n/**\n * Helper para criar um documento vazio\n */\nexport function createEmptySiteDocument(\n _name: string = \"Novo Site\",\n): SiteDocument {\n return {\n schemaVersion: 2,\n theme: {\n colors: {\n bg: \"#ffffff\",\n surface: \"#f9fafb\",\n border: \"#e5e7eb\",\n text: \"#1f2937\",\n mutedText: \"#6b7280\",\n primary: \"#3b82f6\",\n primaryText: \"#ffffff\",\n secondary: \"#6b7280\",\n accent: \"#8b5cf6\",\n ring: \"#3b82f6\",\n },\n radiusScale: \"md\",\n shadowScale: \"soft\",\n spacingScale: \"normal\",\n motion: \"subtle\",\n backgroundStyle: \"flat\",\n typography: {\n fontFamily: {\n heading: \"system-ui, -apple-system, sans-serif\",\n body: \"system-ui, -apple-system, sans-serif\",\n },\n baseSize: \"16px\",\n headingScale: {\n h1: \"2.5rem\",\n h2: \"2rem\",\n h3: \"1.75rem\",\n h4: \"1.5rem\",\n h5: \"1.25rem\",\n h6: \"1rem\",\n },\n },\n },\n pages: [\n {\n id: \"home\",\n name: \"Home\",\n slug: \"home\",\n structure: [],\n },\n ],\n };\n}\n"],"names":["createEmptySiteDocument","_name"],"mappings":"AAg5CO,SAASA,EACdC,IAAgB,aACF;AACd,SAAO;AAAA,IACL,eAAe;AAAA,IACf,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAER,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,iBAAiB;AAAA,MACjB,YAAY;AAAA,QACV,YAAY;AAAA,UACV,SAAS;AAAA,UACT,MAAM;AAAA,QAAA;AAAA,QAER,UAAU;AAAA,QACV,cAAc;AAAA,UACZ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,CAAA;AAAA,MAAC;AAAA,IACd;AAAA,EACF;AAEJ;"}
|
|
1
|
+
{"version":3,"file":"siteDocument.js","sources":["../../../src/engine/schema/siteDocument.ts"],"sourcesContent":["/**\n * Site Document Schema\n * Documento componível baseado em blocos\n */\n\nimport { ThemeTokens } from \"./themeTokens\";\nimport type { ImageGridItem, ImageGridPreset } from \"../shared/imageGrid\";\nimport type { TypographyConfig } from \"../shared/typography\";\nimport type { SitePluginsConfig, PageDataSource, PageEditRestrictions } from \"../plugins/types\";\n\n// Re-export shared types for convenience\nexport type { ImageGridItem, ImageGridPreset } from \"../shared/imageGrid\";\nexport type { TypographyConfig } from \"../shared/typography\";\n\n/**\n * Tipos de blocos disponíveis\n */\nexport type BlockType =\n // Layout primitives\n | \"container\"\n | \"stack\"\n | \"grid\"\n | \"box\"\n | \"spacer\"\n // Conteúdo básico\n | \"heading\"\n | \"text\"\n | \"image\"\n | \"button\"\n | \"link\"\n | \"divider\"\n // Conteúdo avançado\n | \"badge\"\n | \"icon\"\n | \"avatar\"\n | \"video\"\n | \"socialLinks\"\n // Composição básica\n | \"card\"\n | \"section\"\n // Seções compostas (Landing Page)\n | \"hero\"\n | \"feature\"\n | \"featureGrid\"\n | \"pricing\"\n | \"pricingCard\"\n | \"testimonial\"\n | \"testimonialGrid\"\n | \"faq\"\n | \"faqItem\"\n | \"cta\"\n | \"stats\"\n | \"statItem\"\n | \"logoCloud\"\n | \"navbar\"\n | \"footer\"\n // Novos blocos reutilizáveis\n | \"countdown\"\n | \"carousel\"\n | \"blogCard\"\n | \"blogCardGrid\"\n | \"teamCard\"\n | \"teamGrid\"\n | \"courseCardGrid\"\n | \"categoryCardGrid\"\n // Blog plugin (dinâmico)\n | \"blogPostCard\"\n | \"blogPostGrid\"\n | \"blogPostDetail\"\n | \"blogCategoryFilter\"\n | \"blogSearchBar\"\n // Seções avançadas\n | \"productShowcase\"\n | \"aboutSection\"\n | \"contactSection\"\n // Formulários\n | \"form\"\n | \"input\"\n | \"textarea\"\n | \"formSelect\";\n\n/**\n * Props base de um bloco\n */\nexport interface BlockBase {\n id: string;\n type: BlockType;\n}\n\n/**\n * Container - Define largura máxima e padding\n */\nexport interface ContainerBlock extends BlockBase {\n type: \"container\";\n props: {\n maxWidth?: string; // ex: '1200px', '100%'\n padding?: string; // ex: '1rem', '2rem'\n children?: Block[];\n };\n}\n\n/**\n * Stack - Layout flex (row/col) com gap\n */\nexport interface StackBlock extends BlockBase {\n type: \"stack\";\n props: {\n direction?: \"row\" | \"col\";\n gap?: string; // ex: '1rem', '2rem'\n align?: \"start\" | \"center\" | \"end\" | \"stretch\";\n justify?: \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\";\n wrap?: boolean;\n children?: Block[];\n };\n}\n\n/**\n * Grid - Layout em grid responsivo\n */\nexport interface GridBlock extends BlockBase {\n type: \"grid\";\n props: {\n cols?: number | { sm?: number; md?: number; lg?: number };\n gap?: string;\n children?: Block[];\n };\n}\n\n/**\n * Box - Container genérico com estilos\n */\nexport interface BoxBlock extends BlockBase {\n type: \"box\";\n props: {\n bg?: string;\n border?: string;\n radius?: string;\n shadow?: string;\n padding?: string;\n children?: Block[];\n };\n}\n\n/**\n * Heading - Título (H1-H6)\n */\nexport interface HeadingBlock extends BlockBase {\n type: \"heading\";\n props: {\n level: 1 | 2 | 3 | 4 | 5 | 6;\n text: string;\n align?: \"left\" | \"center\" | \"right\";\n color?: string;\n };\n}\n\n/**\n * Text - Parágrafo de texto\n */\nexport interface TextBlock extends BlockBase {\n type: \"text\";\n props: {\n text: string;\n align?: \"left\" | \"center\" | \"right\";\n color?: string;\n size?: \"sm\" | \"md\" | \"lg\";\n };\n}\n\n/**\n * Image - Imagem\n */\nexport interface ImageBlock extends BlockBase {\n type: \"image\";\n props: {\n src: string;\n alt?: string;\n width?: string;\n height?: string;\n objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\";\n };\n}\n\n/**\n * Button - Botão\n */\nexport interface ButtonBlock extends BlockBase {\n type: \"button\";\n props: {\n text: string;\n href?: string;\n variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\";\n size?: \"sm\" | \"md\" | \"lg\";\n // Hover effects (principal)\n /** Efeito de hover no botão */\n hoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito (10-100) */\n hoverIntensity?: number;\n // Hover overlay (adicional - combina com o principal)\n /** Efeito visual adicional no hover */\n hoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n hoverIconName?: string;\n };\n}\n\n/**\n * Link - Link\n */\nexport interface LinkBlock extends BlockBase {\n type: \"link\";\n props: {\n text: string;\n href: string;\n target?: \"_blank\" | \"_self\";\n // Hover effects\n /** Efeito de hover no link */\n hoverEffect?: \"none\" | \"background\" | \"underline\" | \"underline-center\" | \"scale\" | \"glow\";\n /** Intensidade do efeito (10-100) */\n hoverIntensity?: number;\n /** Cor do hover */\n hoverColor?: string;\n };\n}\n\n/**\n * Divider - Divisor horizontal\n */\nexport interface DividerBlock extends BlockBase {\n type: \"divider\";\n props: {\n color?: string;\n thickness?: string;\n };\n}\n\n/**\n * Card - Card com slots (header/content/footer)\n */\nexport interface CardBlock extends BlockBase {\n type: \"card\";\n props: {\n header?: Block[];\n content?: Block[];\n footer?: Block[];\n padding?: string;\n bg?: string;\n border?: string;\n radius?: string;\n shadow?: string;\n };\n}\n\n/**\n * Section - Seção container\n */\nexport interface SectionBlock extends BlockBase {\n type: \"section\";\n props: {\n id?: string;\n bg?: string;\n padding?: string;\n children?: Block[];\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - LAYOUT AVANÇADO\n// ============================================================================\n\n/**\n * Spacer - Espaçador flexível\n */\nexport interface SpacerBlock extends BlockBase {\n type: \"spacer\";\n props: {\n height?: string;\n responsive?: { sm?: string; md?: string; lg?: string };\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - CONTEÚDO AVANÇADO\n// ============================================================================\n\n/**\n * Badge - Tag/badge com variantes\n */\nexport interface BadgeBlock extends BlockBase {\n type: \"badge\";\n props: {\n text: string;\n variant?:\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"warning\"\n | \"danger\"\n | \"info\";\n size?: \"sm\" | \"md\" | \"lg\";\n };\n}\n\n/**\n * Icon - Ícone SVG\n */\nexport interface IconBlock extends BlockBase {\n type: \"icon\";\n props: {\n name: string; // nome do ícone (ex: 'check', 'star', 'arrow-right')\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n color?: string;\n };\n}\n\n/**\n * Avatar - Imagem circular com fallback\n */\nexport interface AvatarBlock extends BlockBase {\n type: \"avatar\";\n props: {\n src?: string;\n alt?: string;\n name?: string; // Para gerar iniciais se não houver imagem\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n };\n}\n\n/**\n * Video - Embed de vídeo\n */\nexport interface VideoBlock extends BlockBase {\n type: \"video\";\n props: {\n src: string; // URL do YouTube, Vimeo ou MP4\n poster?: string;\n autoplay?: boolean;\n controls?: boolean;\n aspectRatio?: \"16:9\" | \"4:3\" | \"1:1\" | \"9:16\";\n };\n}\n\n/**\n * SocialLinks - Links de redes sociais\n */\nexport interface SocialLinksBlock extends BlockBase {\n type: \"socialLinks\";\n props: {\n links: Array<{\n platform:\n | \"facebook\"\n | \"twitter\"\n | \"instagram\"\n | \"linkedin\"\n | \"youtube\"\n | \"tiktok\"\n | \"github\"\n | \"whatsapp\";\n url: string;\n }>;\n size?: \"sm\" | \"md\" | \"lg\";\n variant?: \"default\" | \"filled\" | \"outline\";\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - SEÇÕES COMPOSTAS\n// ============================================================================\n\n/**\n * Hero - Seção hero completa\n */\nexport type HeroVariationId =\n | \"hero-split\"\n | \"hero-parallax\"\n | \"hero-overlay\"\n | \"hero-gradient\"\n | \"hero-minimal\"\n | \"hero-card\"\n | \"hero-carousel\";\n\nexport interface HeroBlock extends BlockBase {\n type: \"hero\";\n props: {\n variation?: HeroVariationId;\n variant?: \"centered\" | \"split\" | \"image-bg\" | \"video-bg\";\n title: string;\n subtitle?: string;\n description?: string;\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n image?: string;\n video?: string;\n badge?: string;\n align?: \"left\" | \"center\" | \"right\";\n /** Posição horizontal do container de conteúdo no layout */\n contentPosition?: \"left\" | \"center\" | \"right\";\n /** Espaçamento entre elementos do conteúdo (título, subtítulo, descrição, botões) */\n contentSpacing?: \"compact\" | \"default\" | \"spacious\";\n /** Distância entre o bloco de conteúdo e o bloco de imagem (layouts divididos) */\n blockGap?: \"default\" | \"wide\" | \"x-wide\";\n minHeight?: string;\n overlay?: boolean;\n /** Cor/gradiente do overlay (ex.: linear-gradient). Se omitido, usa fallback do CSS. */\n overlayColor?: string;\n /** Cor ou gradiente no layout split (lado do conteúdo). */\n background?: string;\n\n // === Typography Colors (legacy - mantido para retrocompatibilidade) ===\n /** Cor do título */\n titleColor?: string;\n /** Cor do subtítulo */\n subtitleColor?: string;\n /** Cor da descrição */\n descriptionColor?: string;\n\n // === Typography Config (novo sistema completo) ===\n /** Configuração completa de tipografia do título */\n titleTypography?: TypographyConfig;\n /** Configuração completa de tipografia do subtítulo */\n subtitleTypography?: TypographyConfig;\n /** Configuração completa de tipografia da descrição */\n descriptionTypography?: TypographyConfig;\n\n // === Badge Styling ===\n /** Cor de fundo do badge */\n badgeColor?: string;\n /** Cor do texto do badge */\n badgeTextColor?: string;\n\n // === Layout & Spacing ===\n /** Largura máxima do conteúdo */\n contentMaxWidth?: string;\n /** Espaçamento interno vertical */\n paddingY?: string;\n\n // === Image Styling ===\n /** Border radius da imagem (px) */\n imageRadius?: number;\n /** Sombra da imagem */\n imageShadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n /** Posição da imagem no split */\n imagePosition?: \"left\" | \"right\";\n\n // === Button Size ===\n /** Tamanho dos botões */\n buttonSize?: \"sm\" | \"md\" | \"lg\";\n\n // === Primary Button Styling ===\n /** Variante do botão primário */\n primaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n /** Cor do botão primário */\n primaryButtonColor?: string;\n /** Cor do texto do botão primário */\n primaryButtonTextColor?: string;\n /** Border radius do botão primário */\n primaryButtonRadius?: number;\n\n // === Secondary Button Styling ===\n /** Variante do botão secundário */\n secondaryButtonVariant?: \"solid\" | \"outline\" | \"ghost\";\n /** Cor do botão secundário */\n secondaryButtonColor?: string;\n /** Cor do texto do botão secundário */\n secondaryButtonTextColor?: string;\n /** Border radius do botão secundário */\n secondaryButtonRadius?: number;\n\n // === Button Hover Effects (principal) ===\n /** Efeito de hover nos botões */\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito (10-100) */\n buttonHoverIntensity?: number;\n\n // === Button Hover Overlay (adicional) ===\n /** Efeito visual adicional nos botões */\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n buttonHoverIconName?: string;\n\n // === Decorative Elements ===\n /** Mostrar elemento decorativo de onda no fundo */\n showWave?: boolean;\n /** Cor da onda decorativa */\n waveColor?: string;\n\n // === Image Grid System ===\n /** Habilita grid de imagens no lugar da imagem única (split layout) */\n imageGridEnabled?: boolean;\n /** Preset de layout da grid */\n imageGridPreset?: ImageGridPreset;\n /** Array de imagens da grid (até 4) */\n imageGridImages?: ImageGridItem[];\n /** Espaçamento entre imagens em pixels */\n imageGridGap?: number;\n\n // === Carousel System ===\n /** Array de imagens do carrossel de fundo */\n carouselImages?: string[];\n /** Intervalo entre slides em segundos */\n carouselInterval?: number;\n /** Tipo de transição do carrossel */\n carouselTransition?: \"crossfade\" | \"slide\";\n };\n}\n\n/**\n * Feature - Card de feature individual\n */\nexport interface FeatureBlock extends BlockBase {\n type: \"feature\";\n props: {\n icon?: string;\n title: string;\n description: string;\n link?: { text: string; href: string };\n };\n}\n\n/**\n * FeatureGrid - Grid de features\n */\nexport interface FeatureGridBlock extends BlockBase {\n type: \"featureGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n variant?: \"default\" | \"cards\" | \"image-cards\";\n features: Array<{\n icon?: string;\n title: string;\n description: string;\n image?: string;\n link?: { text: string; href?: string };\n }>;\n };\n}\n\n/**\n * PricingCard - Card de preço individual\n */\nexport interface PricingCardBlock extends BlockBase {\n type: \"pricingCard\";\n props: {\n name: string;\n price: string;\n period?: string;\n description?: string;\n features: string[];\n buttonText?: string;\n buttonHref?: string;\n highlighted?: boolean;\n badge?: string;\n };\n}\n\n/**\n * Pricing - Seção de preços completa\n */\nexport interface PricingBlock extends BlockBase {\n type: \"pricing\";\n props: {\n title?: string;\n subtitle?: string;\n plans: Array<{\n name: string;\n price: string;\n period?: string;\n description?: string;\n features: string[];\n buttonText?: string;\n buttonHref?: string;\n highlighted?: boolean;\n badge?: string;\n }>;\n };\n}\n\n/**\n * Testimonial - Card de depoimento individual\n */\nexport interface TestimonialBlock extends BlockBase {\n type: \"testimonial\";\n props: {\n quote: string;\n authorName: string;\n authorRole?: string;\n authorCompany?: string;\n authorAvatar?: string;\n rating?: number; // 1-5 estrelas\n };\n}\n\n/**\n * TestimonialGrid - Grid de depoimentos\n */\nexport interface TestimonialGridBlock extends BlockBase {\n type: \"testimonialGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n testimonials: Array<{\n quote: string;\n authorName: string;\n authorRole?: string;\n authorCompany?: string;\n authorAvatar?: string;\n rating?: number;\n }>;\n };\n}\n\n/**\n * FaqItem - Item individual do FAQ\n */\nexport interface FaqItemBlock extends BlockBase {\n type: \"faqItem\";\n props: {\n question: string;\n answer: string;\n defaultOpen?: boolean;\n };\n}\n\n/**\n * Faq - Seção FAQ completa (accordion)\n */\nexport interface FaqBlock extends BlockBase {\n type: \"faq\";\n props: {\n title?: string;\n subtitle?: string;\n items: Array<{\n question: string;\n answer: string;\n }>;\n };\n}\n\n/**\n * CTA - Seção Call-to-Action\n */\nexport interface CtaBlock extends BlockBase {\n type: \"cta\";\n props: {\n title: string;\n description?: string;\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n variant?: \"default\" | \"centered\" | \"split\" | \"gradient\";\n bg?: string;\n // Button Size\n /** Tamanho dos botões */\n buttonSize?: \"sm\" | \"md\" | \"lg\";\n // Button Hover Effects (principal)\n /** Efeito de hover nos botões */\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito (10-100) */\n buttonHoverIntensity?: number;\n // Button Hover Overlay (adicional)\n /** Efeito visual adicional nos botões */\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * StatItem - Item individual de estatística\n */\nexport interface StatItemBlock extends BlockBase {\n type: \"statItem\";\n props: {\n value: string;\n label: string;\n prefix?: string;\n suffix?: string;\n };\n}\n\n/**\n * Stats - Seção de estatísticas\n */\nexport interface StatsBlock extends BlockBase {\n type: \"stats\";\n props: {\n title?: string;\n subtitle?: string;\n items: Array<{\n value: string;\n label: string;\n prefix?: string;\n suffix?: string;\n }>;\n };\n}\n\n/**\n * LogoCloud - Grid de logos\n */\nexport interface LogoCloudBlock extends BlockBase {\n type: \"logoCloud\";\n props: {\n title?: string;\n logos: Array<{\n src: string;\n alt: string;\n href?: string;\n }>;\n grayscale?: boolean;\n };\n}\n\n/**\n * Link da Navbar - pode ser um link simples ou ter um dropdown com subitems\n */\nexport type NavbarLink = {\n text: string;\n href?: string;\n dropdown?: Array<{ text: string; href: string }>;\n};\n\n/**\n * IDs das variações visuais do bloco Navbar\n */\nexport type NavbarVariationId =\n | \"navbar-simples\"\n | \"navbar-moderno\"\n | \"navbar-glass\"\n | \"navbar-elegante\"\n | \"navbar-pill\";\n\n/**\n * Navbar - Barra de navegação\n */\nexport interface NavbarBlock extends BlockBase {\n type: \"navbar\";\n props: {\n variation?: NavbarVariationId;\n /** URL da imagem do logo ou objeto com src, alt e href */\n logo?: string | { src: string; alt?: string; href?: string };\n logoText?: string;\n links: Array<NavbarLink>;\n ctaButton?: { text: string; href?: string };\n sticky?: boolean;\n /** Cor de fundo customizada (suporta gradientes) */\n bg?: string;\n\n // Layout Options\n /** Distribuição do navbar: expandido, centralizado ou compacto */\n layout?: \"expanded\" | \"centered\" | \"compact\";\n /** Modo flutuante: navbar com margem lateral e mais destaque */\n floating?: boolean;\n\n // Visual Customization\n /** Border radius em pixels (0-24) */\n borderRadius?: number;\n /** Sombra do navbar */\n shadow?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n /** Opacidade do navbar (0-100) */\n opacity?: number;\n /** Intensidade do desfoque/blur (0-100) para efeito de vidro fosco */\n blurOpacity?: number;\n /** Altura do logo em pixels (30-120) */\n logoHeight?: number;\n /** Posição da borda: nenhuma, completa, superior, inferior, esquerda, direita */\n borderPosition?: \"none\" | \"all\" | \"top\" | \"bottom\" | \"left\" | \"right\";\n /** Espessura da borda em pixels (1-4) */\n borderWidth?: number;\n /** Cor da borda */\n borderColor?: string;\n\n // Link Styling\n /** Cor dos links */\n linkColor?: string;\n /** Cor dos links no hover */\n linkHoverColor?: string;\n /** Tamanho da fonte dos links */\n linkFontSize?: \"sm\" | \"md\" | \"lg\";\n /** Efeito de hover nos links */\n linkHoverEffect?: \"background\" | \"underline\" | \"underline-center\" | \"slide-bg\" | \"scale\" | \"glow\";\n /** Intensidade do efeito de hover nos links (0-100) */\n linkHoverIntensity?: number;\n\n // Button/CTA Styling\n /** Variante do botão CTA */\n buttonVariant?: \"solid\" | \"outline\" | \"ghost\";\n /** Tamanho do botão CTA */\n buttonSize?: \"sm\" | \"md\" | \"lg\";\n /** Cor do botão CTA */\n buttonColor?: string;\n /** Cor do texto do botão CTA */\n buttonTextColor?: string;\n /** Border radius do botão em pixels (0-24) */\n buttonBorderRadius?: number;\n /** Efeito de hover no botão CTA */\n buttonHoverEffect?: \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n /** Intensidade do efeito de hover no botão (0-100) */\n buttonHoverIntensity?: number;\n /** Efeito visual adicional no botão CTA */\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n /** Nome do ícone para o efeito \"icon\" */\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * Footer - Rodapé do site\n */\nexport interface FooterBlock extends BlockBase {\n type: \"footer\";\n props: {\n logo?: string | { src: string; alt?: string };\n logoText?: string;\n description?: string;\n columns?: Array<{\n title: string;\n links: Array<{\n text: string;\n href: string;\n }>;\n }>;\n social?: Array<{\n platform: string;\n href: string;\n }>;\n copyright?: string;\n variant?: \"simple\" | \"multi-column\";\n // Link Hover Effects\n /** Efeito de hover nos links */\n linkHoverEffect?: \"none\" | \"background\" | \"underline\" | \"underline-center\" | \"scale\" | \"glow\";\n /** Intensidade do efeito (10-100) */\n linkHoverIntensity?: number;\n /** Cor do link no hover */\n linkHoverColor?: string;\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS REUTILIZÁVEIS\n// ============================================================================\n\n/**\n * Countdown - Contador regressivo (eventos, matrículas, promoções)\n */\nexport interface CountdownBlock extends BlockBase {\n type: \"countdown\";\n props: {\n title?: string;\n description?: string;\n /** Data final em ISO string para cálculo real */\n endDate?: string;\n /** Exibir labels Days/Hours/Minutes/Seconds com valores 00 quando sem endDate */\n showPlaceholders?: boolean;\n buttonText?: string;\n buttonHref?: string;\n variant?: \"default\" | \"banner\";\n /** Texto no círculo decorativo (ex.: \"Admission on Going\") */\n badgeText?: string;\n bg?: string;\n };\n}\n\n/**\n * Carousel - Slider de slides (programas, destaques, depoimentos)\n */\nexport interface CarouselBlock extends BlockBase {\n type: \"carousel\";\n props: {\n slides: Array<{\n image?: string;\n title?: string;\n description?: string;\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n }>;\n autoplay?: boolean;\n showArrows?: boolean;\n showDots?: boolean;\n };\n}\n\n/**\n * BlogCard - Card de post/notícia individual\n */\nexport interface BlogCardBlock extends BlockBase {\n type: \"blogCard\";\n props: {\n image?: string;\n date?: string;\n category?: string;\n title: string;\n excerpt?: string;\n linkText?: string;\n linkHref?: string;\n };\n}\n\n/**\n * BlogCardGrid - Grid de cards de blog/notícias\n */\nexport interface BlogCardGridBlock extends BlockBase {\n type: \"blogCardGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n cards: Array<{\n image?: string;\n date?: string;\n category?: string;\n title: string;\n excerpt?: string;\n linkText?: string;\n linkHref?: string;\n }>;\n };\n}\n\n/**\n * TeamCard - Card de membro da equipe/professor\n */\nexport interface TeamCardBlock extends BlockBase {\n type: \"teamCard\";\n props: {\n avatar?: string;\n name: string;\n role?: string;\n };\n}\n\n/**\n * TeamGrid - Grid de membros da equipe\n */\nexport interface TeamGridBlock extends BlockBase {\n type: \"teamGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n members: Array<{\n avatar?: string;\n name: string;\n role?: string;\n }>;\n };\n}\n\n/**\n * CourseCardGrid - Grid de cards de curso (thumbnail, título, preço, rating, View Course)\n */\nexport interface CourseCardGridBlock extends BlockBase {\n type: \"courseCardGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n cards: Array<{\n image?: string;\n title: string;\n price?: string;\n period?: string;\n rating?: number;\n meta?: string[];\n buttonText?: string;\n buttonHref?: string;\n }>;\n };\n}\n\n/**\n * CategoryCardGrid - Grid de categorias (imagem de fundo + título overlay + link)\n */\nexport interface CategoryCardGridBlock extends BlockBase {\n type: \"categoryCardGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n categories: Array<{\n image: string;\n title: string;\n href?: string;\n }>;\n };\n}\n\n// ============================================================================\n// BLOCOS DE PLUGIN - BLOG (dinâmico, conectado a ContentProvider)\n// ============================================================================\n\n/**\n * BlogPostCard - Card individual de post (versão dinâmica do blogCard)\n * Pode receber dados de ContentProvider ou ter conteúdo estático\n */\nexport interface BlogPostCardBlock extends BlockBase {\n type: \"blogPostCard\";\n props: {\n title: string;\n excerpt?: string;\n image?: string;\n date?: string;\n category?: string;\n authorName?: string;\n authorAvatar?: string;\n readingTime?: string;\n linkHref?: string;\n linkText?: string;\n variant?: \"default\" | \"horizontal\" | \"minimal\";\n showImage?: boolean;\n showCategory?: boolean;\n showDate?: boolean;\n showAuthor?: boolean;\n showReadingTime?: boolean;\n };\n}\n\n/**\n * BlogPostGrid - Grid de posts com suporte a dados dinâmicos\n * Pode usar dataSource para buscar do ContentProvider ou cards estáticos\n */\nexport interface BlogPostGridBlock extends BlockBase {\n type: \"blogPostGrid\";\n props: {\n title?: string;\n subtitle?: string;\n columns?: 2 | 3 | 4;\n /** Cards estáticos (quando não há dataSource) */\n cards?: Array<{\n title: string;\n excerpt?: string;\n image?: string;\n date?: string;\n category?: string;\n authorName?: string;\n linkHref?: string;\n linkText?: string;\n }>;\n /** Fonte de dados dinâmica (ContentProvider) */\n dataSource?: {\n provider: string;\n limit?: number;\n filter?: Record<string, unknown>;\n };\n variant?: \"default\" | \"featured\" | \"minimal\";\n showViewAll?: boolean;\n viewAllText?: string;\n viewAllHref?: string;\n /** Pagination — set by content hydration, not user-editable */\n currentPage?: number;\n totalPages?: number;\n paginationBaseUrl?: string;\n };\n}\n\n/**\n * BlogPostDetail - Conteúdo completo de um post (para página blog/:slug)\n * Recebe dados do ContentProvider na página dinâmica\n */\nexport interface BlogPostDetailBlock extends BlockBase {\n type: \"blogPostDetail\";\n props: {\n title: string;\n content: string;\n featuredImage?: string;\n date?: string;\n category?: string;\n /** Variante visual do bloco autor: \"inline\" | \"card\" | \"minimal\" */\n authorVariant?: \"inline\" | \"card\" | \"minimal\";\n readingTime?: string;\n tags?: string[];\n showFeaturedImage?: boolean;\n showAuthor?: boolean;\n showDate?: boolean;\n showTags?: boolean;\n showReadingTime?: boolean;\n contentMaxWidth?: string;\n // SEO fields (populated by ContentProvider, readOnly in editor)\n metaTitle?: string;\n metaDescription?: string;\n ogImage?: string;\n };\n}\n\n/**\n * BlogCategoryFilter - Filtro de categorias para listagem do blog\n * Dados populados pelo ContentProvider (categories extraídas dos posts)\n */\nexport interface BlogCategoryFilterBlock extends BlockBase {\n type: \"blogCategoryFilter\";\n props: {\n title?: string;\n categories: Array<{ name: string; slug: string; count?: number; image?: string }>;\n variant: \"chips\" | \"buttons\" | \"list\";\n showCount?: boolean;\n showAll?: boolean;\n allLabel?: string;\n activeCategory?: string;\n filterUrl?: string;\n };\n}\n\n/**\n * BlogSearchBar - Barra de busca para o blog\n * Envia busca via form action para URL configurável\n */\nexport interface BlogSearchBarBlock extends BlockBase {\n type: \"blogSearchBar\";\n props: {\n placeholder?: string;\n variant: \"simple\" | \"expanded\" | \"with-filters\";\n showIcon?: boolean;\n searchUrl?: string;\n filterCategories?: boolean;\n filterTags?: boolean;\n filterDate?: boolean;\n };\n}\n\n// ============================================================================\n// SEÇÕES AVANÇADAS\n// ============================================================================\n\n/**\n * ProductShowcase - Seção de produtos com layout alternado\n */\nexport interface ProductShowcaseBlock extends BlockBase {\n type: \"productShowcase\";\n props: {\n title?: string;\n subtitle?: string;\n products: Array<{\n image?: string;\n icon?: string;\n badge?: string;\n name: string;\n description: string;\n longDescription?: string;\n features?: string[];\n primaryButton?: { text: string; href?: string };\n secondaryButton?: { text: string; href?: string };\n }>;\n variant?: \"alternating\" | \"grid\" | \"stacked\";\n bg?: string;\n // Button Hover Effects\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n buttonHoverIntensity?: number;\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * AboutSection - Seção sobre com imagem decorativa + texto + achievements\n */\nexport interface AboutSectionBlock extends BlockBase {\n type: \"aboutSection\";\n props: {\n title?: string;\n subtitle?: string;\n description?: string;\n secondaryDescription?: string;\n image?: string;\n achievements?: Array<{\n text: string;\n }>;\n primaryButton?: { text: string; href?: string };\n variant?: \"image-left\" | \"image-right\" | \"centered\";\n bg?: string;\n stats?: Array<{\n value: string;\n label: string;\n }>;\n // Button Hover Effects\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n buttonHoverIntensity?: number;\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n buttonHoverIconName?: string;\n };\n}\n\n/**\n * ContactSection - Seção de contato com info cards + formulário\n */\nexport interface ContactSectionBlock extends BlockBase {\n type: \"contactSection\";\n props: {\n title?: string;\n subtitle?: string;\n description?: string;\n contactInfo?: Array<{\n icon?: string;\n label: string;\n value: string;\n }>;\n formTitle?: string;\n formFields?: Array<{\n name: string;\n label: string;\n type: \"text\" | \"email\" | \"tel\" | \"textarea\";\n placeholder?: string;\n required?: boolean;\n }>;\n submitText?: string;\n variant?: \"split\" | \"stacked\" | \"form-only\";\n bg?: string;\n // Button Hover Effects\n buttonHoverEffect?: \"none\" | \"darken\" | \"lighten\" | \"scale\" | \"glow\" | \"shadow\" | \"pulse\";\n buttonHoverIntensity?: number;\n buttonHoverOverlay?: \"none\" | \"shine\" | \"fill\" | \"bounce\" | \"icon\" | \"border-glow\";\n buttonHoverIconName?: string;\n };\n}\n\n// ============================================================================\n// NOVOS BLOCOS - FORMULÁRIOS\n// ============================================================================\n\n/**\n * Form - Container de formulário\n */\nexport interface FormBlock extends BlockBase {\n type: \"form\";\n props: {\n action?: string;\n method?: \"get\" | \"post\";\n children?: Block[];\n submitText?: string;\n };\n}\n\n/**\n * Input - Campo de entrada\n */\nexport interface InputBlock extends BlockBase {\n type: \"input\";\n props: {\n name: string;\n label?: string;\n placeholder?: string;\n type?: \"text\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"number\";\n required?: boolean;\n };\n}\n\n/**\n * Textarea - Campo de texto longo\n */\nexport interface TextareaBlock extends BlockBase {\n type: \"textarea\";\n props: {\n name: string;\n label?: string;\n placeholder?: string;\n rows?: number;\n required?: boolean;\n };\n}\n\n/**\n * FormSelect - Dropdown de formulário\n */\nexport interface FormSelectBlock extends BlockBase {\n type: \"formSelect\";\n props: {\n name: string;\n label?: string;\n placeholder?: string;\n options: Array<{ value: string; label: string }>;\n required?: boolean;\n };\n}\n\n// ============================================================================\n// UNION TYPE DE TODOS OS BLOCOS\n// ============================================================================\n\n/**\n * Union type de todos os blocos\n */\nexport type Block =\n // Layout\n | ContainerBlock\n | StackBlock\n | GridBlock\n | BoxBlock\n | SpacerBlock\n // Conteúdo básico\n | HeadingBlock\n | TextBlock\n | ImageBlock\n | ButtonBlock\n | LinkBlock\n | DividerBlock\n // Conteúdo avançado\n | BadgeBlock\n | IconBlock\n | AvatarBlock\n | VideoBlock\n | SocialLinksBlock\n // Composição básica\n | CardBlock\n | SectionBlock\n // Seções compostas\n | HeroBlock\n | FeatureBlock\n | FeatureGridBlock\n | PricingBlock\n | PricingCardBlock\n | TestimonialBlock\n | TestimonialGridBlock\n | FaqBlock\n | FaqItemBlock\n | CtaBlock\n | StatsBlock\n | StatItemBlock\n | LogoCloudBlock\n | NavbarBlock\n | FooterBlock\n // Novos blocos reutilizáveis\n | CountdownBlock\n | CarouselBlock\n | BlogCardBlock\n | BlogCardGridBlock\n | TeamCardBlock\n | TeamGridBlock\n | CourseCardGridBlock\n | CategoryCardGridBlock\n // Blog plugin (dinâmico)\n | BlogPostCardBlock\n | BlogPostGridBlock\n | BlogPostDetailBlock\n | BlogCategoryFilterBlock\n | BlogSearchBarBlock\n // Seções avançadas\n | ProductShowcaseBlock\n | AboutSectionBlock\n | ContactSectionBlock\n // Formulários\n | FormBlock\n | InputBlock\n | TextareaBlock\n | FormSelectBlock;\n\n/**\n * Utility type: extract the block interface for a given BlockType\n */\nexport type BlockOfType<T extends BlockType> = Extract<Block, { type: T }>;\n\n/**\n * Utility type: extract the props type for a given BlockType\n */\nexport type BlockPropsFor<T extends BlockType> = BlockOfType<T>[\"props\"];\n\n/**\n * SEO configuration for a page\n */\nexport interface PageSeoConfig {\n metaTitle?: string;\n metaDescription?: string;\n ogImage?: string;\n ogType?: string;\n canonicalUrl?: string;\n noIndex?: boolean;\n}\n\n/**\n * Global site metadata for SEO\n */\nexport interface SiteMetadata {\n siteName?: string;\n defaultOgImage?: string;\n language?: string;\n}\n\n/**\n * Página do site\n */\nexport interface SitePage {\n id: string;\n name: string;\n slug: string;\n structure: Block[]; // Árvore de blocos\n /** ID do plugin que criou esta página (se for uma página de plugin) */\n pluginId?: string;\n /** ID do template de página do plugin */\n pageTemplateId?: string;\n /** Página dinâmica com dados de backend (ex.: blog/:slug) */\n isDynamic?: boolean;\n /** Configuração de dados dinâmicos (provider, modo, mapeamento) */\n dataSource?: PageDataSource;\n /** Restrições de edição impostas pelo plugin */\n editRestrictions?: PageEditRestrictions;\n /** SEO configuration for this page */\n seo?: PageSeoConfig;\n}\n\n/**\n * Coleções de conteúdo (testimonials, faq, posts, etc)\n */\nexport interface ContentCollection {\n id: string;\n type: \"testimonials\" | \"faq\" | \"posts\" | \"services\" | \"team\" | \"custom\";\n items: Array<Record<string, any>>;\n}\n\n/**\n * Documento completo do site\n */\nexport interface SiteDocument {\n schemaVersion: 2;\n theme: ThemeTokens;\n content?: {\n collections?: ContentCollection[];\n };\n pages: SitePage[];\n /** Configuração de plugins ativos e suas opções */\n plugins?: SitePluginsConfig;\n /** Global site metadata for SEO */\n metadata?: SiteMetadata;\n}\n\n/**\n * Helper para criar um documento vazio\n */\nexport function createEmptySiteDocument(\n _name: string = \"Novo Site\",\n): SiteDocument {\n return {\n schemaVersion: 2,\n theme: {\n colors: {\n bg: \"#ffffff\",\n surface: \"#f9fafb\",\n border: \"#e5e7eb\",\n text: \"#1f2937\",\n mutedText: \"#6b7280\",\n primary: \"#3b82f6\",\n primaryText: \"#ffffff\",\n secondary: \"#6b7280\",\n accent: \"#8b5cf6\",\n ring: \"#3b82f6\",\n },\n radiusScale: \"md\",\n shadowScale: \"soft\",\n spacingScale: \"normal\",\n motion: \"subtle\",\n backgroundStyle: \"flat\",\n typography: {\n fontFamily: {\n heading: \"system-ui, -apple-system, sans-serif\",\n body: \"system-ui, -apple-system, sans-serif\",\n },\n baseSize: \"16px\",\n headingScale: {\n h1: \"2.5rem\",\n h2: \"2rem\",\n h3: \"1.75rem\",\n h4: \"1.5rem\",\n h5: \"1.25rem\",\n h6: \"1rem\",\n },\n },\n },\n pages: [\n {\n id: \"home\",\n name: \"Home\",\n slug: \"home\",\n structure: [],\n },\n ],\n };\n}\n"],"names":["createEmptySiteDocument","_name"],"mappings":"AAo5CO,SAASA,EACdC,IAAgB,aACF;AACd,SAAO;AAAA,IACL,eAAe;AAAA,IACf,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAER,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,iBAAiB;AAAA,MACjB,YAAY;AAAA,QACV,YAAY;AAAA,UACV,SAAS;AAAA,UACT,MAAM;AAAA,QAAA;AAAA,QAER,UAAU;AAAA,QACV,cAAc;AAAA,UACZ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW,CAAA;AAAA,MAAC;AAAA,IACd;AAAA,EACF;AAEJ;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as P, useRef as z, useCallback as B, useEffect as V } from "react";
|
|
3
3
|
import { matchDynamicPage as N } from "../engine/plugins/dynamicPageResolver.js";
|
|
4
|
-
import { hydratePageWithContent as
|
|
4
|
+
import { hydratePageWithContent as _ } from "../engine/plugins/contentHydration.js";
|
|
5
5
|
import { logger as O } from "../utils/logger.js";
|
|
6
|
-
import { defaultThemeTokens as
|
|
7
|
-
import { exportPageToHtml as
|
|
6
|
+
import { defaultThemeTokens as A } from "../engine/schema/themeTokens.js";
|
|
7
|
+
import { exportPageToHtml as G } from "../engine/export/exportHtml.js";
|
|
8
8
|
import { createEmptySiteDocument as q } from "../engine/schema/siteDocument.js";
|
|
9
9
|
function J(o) {
|
|
10
10
|
if (!o || typeof o != "string") return !1;
|
|
@@ -30,7 +30,7 @@ function ne({
|
|
|
30
30
|
contentListParams: c,
|
|
31
31
|
onNavigate: C
|
|
32
32
|
}) {
|
|
33
|
-
const [s, j] =
|
|
33
|
+
const [s, j] = P(null), [H, u] = P(null), [D, l] = P(!0), [g, I] = P(null), [R, y] = P(null), L = z(C);
|
|
34
34
|
L.current = C;
|
|
35
35
|
const M = B((e) => {
|
|
36
36
|
const t = `<script>
|
|
@@ -143,8 +143,8 @@ function ne({
|
|
|
143
143
|
let $ = f;
|
|
144
144
|
return !T && h && ($ = {
|
|
145
145
|
...f,
|
|
146
|
-
dataSource: { mode: "list", provider: "blog-posts" }
|
|
147
|
-
}),
|
|
146
|
+
dataSource: { mode: "list", provider: "blog-posts", defaultParams: { limit: 9, _noPagination: !0 } }
|
|
147
|
+
}), _($, a, x, c).then((d) => {
|
|
148
148
|
if (e) return;
|
|
149
149
|
const p = W(
|
|
150
150
|
d,
|
|
@@ -282,10 +282,10 @@ function W(o, r, m, n, w = !0) {
|
|
|
282
282
|
...o,
|
|
283
283
|
structure: Array.isArray(o.structure) ? o.structure : []
|
|
284
284
|
}, E = q(""), c = r.theme && typeof r.theme == "object" ? r.theme : null, C = c ? {
|
|
285
|
-
...
|
|
285
|
+
...A,
|
|
286
286
|
...c,
|
|
287
|
-
colors: c.colors && typeof c.colors == "object" ? { ...
|
|
288
|
-
typography: c.typography && typeof c.typography == "object" ? { ...
|
|
287
|
+
colors: c.colors && typeof c.colors == "object" ? { ...A.colors, ...c.colors } : A.colors,
|
|
288
|
+
typography: c.typography && typeof c.typography == "object" ? { ...A.typography, ...c.typography } : A.typography
|
|
289
289
|
} : E.theme, s = {
|
|
290
290
|
...r,
|
|
291
291
|
schemaVersion: 2,
|
|
@@ -297,7 +297,7 @@ function W(o, r, m, n, w = !0) {
|
|
|
297
297
|
try {
|
|
298
298
|
const l = {};
|
|
299
299
|
D && (l.layoutFromPage = D), r.metadata && (l.siteMetadata = r.metadata);
|
|
300
|
-
const g =
|
|
300
|
+
const g = G(
|
|
301
301
|
k,
|
|
302
302
|
s,
|
|
303
303
|
w,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LandingPageViewer.js","sources":["../../src/viewer/LandingPageViewer.tsx"],"sourcesContent":["/**\n * Landing Page Viewer\n * Visualização pública da landing page.\n * Usa o mesmo mecanismo do Preview (editor): exportPageToHtml + iframe srcdoc.\n *\n * Supports dynamic pages via ContentProvider (Sprint 3):\n * - Optional `contentProviders` prop allows consumer to supply data providers\n * - Dynamic page resolution (e.g., \"blog/:slug\")\n * - Automatic content hydration before rendering\n */\n\nimport { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n SiteDocument,\n SitePage,\n exportPageToHtml,\n createEmptySiteDocument,\n defaultThemeTokens,\n} from \"../engine\";\nimport type { ContentProvider, ContentListParams } from \"../engine/plugins/types\";\nimport { matchDynamicPage } from \"../engine/plugins/dynamicPageResolver\";\nimport {\n hydratePageWithContent,\n type ContentProviderMap,\n} from \"../engine/plugins/contentHydration\";\nimport { logger } from \"../utils/logger\";\n\n/** Verifica se o HTML tem conteúdo real no body (evita usar publishedHtml vazio) */\nfunction hasBodyContent(html: string): boolean {\n if (!html || typeof html !== \"string\") return false;\n const match = html.match(/<body[^>]*>([\\s\\S]*?)<\\/body>/i);\n const bodyInner = match ? match[1].trim() : \"\";\n return bodyInner.length > 50;\n}\n\nexport interface SchoolData {\n id: string;\n name: string;\n slug: string;\n logo_url?: string;\n}\n\ninterface LandingPageViewerProps {\n siteId: string;\n apiBaseUrl: string;\n projectId: string;\n /** Slug da página (ex.: avisos). Se não informado, usa home. */\n pageSlug?: string;\n /** Slug da escola no contexto /site/escola/:schoolSlug */\n schoolSlug?: string;\n /** Dados da escola para header/navbar dinâmico (quando em contexto escola) */\n schoolData?: SchoolData;\n /**\n * Content providers for dynamic pages (e.g., blog posts, products).\n * Supplied by the consumer project to connect plugin data to the viewer.\n */\n contentProviders?: ContentProvider[];\n /**\n * Params for content list filtering (search, category).\n * Consumer extracts these from URL query params (e.g., ?busca=X&categoria=Y).\n */\n contentListParams?: ContentListParams;\n /**\n * Callback for internal navigation (link clicks inside iframe).\n * Receives the href from clicked links. Consumer should use router navigation.\n */\n onNavigate?: (href: string) => void;\n}\n\n/**\n * Builds a ContentProviderMap from an array of providers.\n */\nfunction buildProviderMap(providers?: ContentProvider[]): ContentProviderMap {\n const map: ContentProviderMap = new Map();\n if (providers) {\n for (const p of providers) {\n map.set(p.type, p);\n }\n }\n return map;\n}\n\nexport function LandingPageViewer({\n siteId,\n apiBaseUrl,\n projectId,\n pageSlug,\n schoolSlug,\n schoolData: _schoolData, // reservado para header/navbar dinâmico (logo, nome da escola)\n contentProviders,\n contentListParams,\n onNavigate,\n}: LandingPageViewerProps) {\n const [document, setDocument] = useState<SiteDocument | null>(null);\n const [publishedHtml, setPublishedHtml] = useState<string | null>(null);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n const [hydratedHtml, setHydratedHtml] = useState<string | null>(null);\n\n const onNavigateRef = useRef(onNavigate);\n onNavigateRef.current = onNavigate;\n\n // Inject click + form submit interceptor into iframe HTML so interactions propagate to parent\n const injectClickInterceptor = useCallback((html: string): string => {\n const script = `<script>\n(function() {\n document.addEventListener('click', function(e) {\n var target = e.target;\n var anchor = target;\n while (anchor && anchor.tagName !== 'A') {\n anchor = anchor.parentElement;\n }\n if (anchor && anchor.tagName === 'A') {\n var href = anchor.getAttribute('href') || '';\n if (href && href !== '#' && !href.startsWith('javascript:')) {\n e.preventDefault();\n e.stopPropagation();\n window.parent.postMessage({ type: 'viewer-navigate', href: href }, '*');\n return;\n }\n }\n }, true);\n document.addEventListener('submit', function(e) {\n var form = e.target;\n if (form && form.tagName === 'FORM') {\n e.preventDefault();\n e.stopPropagation();\n var action = form.getAttribute('action') || '';\n var params = new URLSearchParams(new FormData(form));\n var href = action + (params.toString() ? '?' + params.toString() : '');\n window.parent.postMessage({ type: 'viewer-navigate', href: href }, '*');\n }\n }, true);\n})();\n</script>`;\n if (html.includes(\"</body>\")) {\n return html.replace(\"</body>\", `${script}</body>`);\n }\n return html + script;\n }, []);\n\n // Listen for navigation messages from iframe\n useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n if (event.data?.type === \"viewer-navigate\" && event.data?.href) {\n if (onNavigateRef.current) {\n onNavigateRef.current(event.data.href);\n }\n }\n };\n window.addEventListener(\"message\", handleMessage);\n return () => window.removeEventListener(\"message\", handleMessage);\n }, []);\n\n // Load site document from API. Uses stale flag to prevent\n // React Strict Mode double-mount from causing duplicate state updates.\n useEffect(() => {\n let stale = false;\n\n setIsLoading(true);\n setError(null);\n\n (async () => {\n try {\n const response = await fetch(\n `${apiBaseUrl}/sites/${siteId}?projectId=${projectId}`,\n );\n if (!response.ok) {\n throw new Error(\"Landing page não encontrada\");\n }\n\n const data = await response.json();\n if (stale) return;\n\n if (data.template) {\n const schemaVersion = data.template.schemaVersion;\n const hasPages =\n data.template.pages && Array.isArray(data.template.pages);\n const isV2 =\n schemaVersion === 2 || schemaVersion === \"2\" || hasPages;\n\n if (isV2) {\n const template = data.template as SiteDocument;\n if (!Array.isArray(template.pages)) {\n template.pages = [];\n }\n if (\n template.schemaVersion !== 2 &&\n template.schemaVersion !== \"2\"\n ) {\n template.schemaVersion = 2;\n }\n setDocument(template);\n } else {\n throw new Error(\n \"Formato de template legado não suportado. Por favor, recrie o site.\",\n );\n }\n } else {\n setDocument(null);\n }\n\n if (data.publishedHtml && hasBodyContent(data.publishedHtml)) {\n setPublishedHtml(data.publishedHtml);\n } else {\n setPublishedHtml(null);\n }\n\n if (!data.template && !data.publishedHtml) {\n throw new Error(\"Template não encontrado\");\n }\n } catch (err) {\n if (!stale) {\n setError(\n err instanceof Error\n ? err.message\n : \"Erro ao carregar landing page\",\n );\n }\n } finally {\n if (!stale) {\n setIsLoading(false);\n }\n }\n })();\n\n return () => {\n stale = true;\n };\n }, [siteId, apiBaseUrl, projectId]);\n\n // Hydrate pages when document + contentProviders are available.\n // Supports both: pages with explicit dataSource AND pages with blogPostGrid blocks.\n // Does NOT reset hydratedHtml at the start to avoid flash of mock data.\n // Only clears it when navigating to a page that doesn't need hydration.\n useEffect(() => {\n if (!document) {\n setHydratedHtml(null);\n return;\n }\n\n let stale = false;\n\n const pages = Array.isArray(document.pages) ? document.pages : [];\n const providerMap = buildProviderMap(contentProviders);\n\n if (providerMap.size === 0) {\n setHydratedHtml(null);\n return;\n }\n\n // Resolve the current page\n let resolvedPage: SitePage | undefined;\n let urlParams: Record<string, string> = {};\n\n if (pageSlug) {\n const exactPage = pages.find(\n (p) => p.slug === pageSlug || p.id === pageSlug,\n );\n if (exactPage) {\n resolvedPage = exactPage;\n } else {\n const match = matchDynamicPage(pages, pageSlug);\n if (match) {\n resolvedPage = match.page;\n urlParams = match.params;\n }\n }\n } else {\n resolvedPage = pages.find((p) => p.id === \"home\") ?? pages[0];\n }\n\n if (!resolvedPage) {\n setHydratedHtml(null);\n return;\n }\n\n // Check if page needs hydration:\n // 1. Has explicit dataSource (blog page, blog-post page)\n // 2. Has blogPostGrid blocks but no dataSource (home page with blog widget)\n const hasDataSource = !!resolvedPage.dataSource;\n const hasBlogBlocks = resolvedPage.structure?.some(\n (b) => b.type === \"blogPostGrid\",\n );\n\n if (!hasDataSource && !hasBlogBlocks) {\n setHydratedHtml(null);\n return;\n }\n\n // For pages without dataSource but with blog blocks, create synthetic dataSource\n let pageToHydrate = resolvedPage;\n if (!hasDataSource && hasBlogBlocks) {\n pageToHydrate = {\n ...resolvedPage,\n dataSource: { mode: \"list\" as const, provider: \"blog-posts\" },\n };\n }\n\n hydratePageWithContent(pageToHydrate, providerMap, urlParams, contentListParams)\n .then((hydratedPage) => {\n if (stale) return;\n\n // useCache: false — hydrated page has different block props than the\n // cached static render. Without this, exportPageToHtml returns the\n // cached static HTML (same page.id + docHash = same cache key).\n const html = renderPageToHtml(\n hydratedPage,\n document,\n schoolSlug,\n pages,\n false,\n );\n\n setHydratedHtml(html ?? null);\n })\n .catch((err) => {\n if (!stale) {\n logger.error(\"Error in content hydration:\", err);\n setHydratedHtml(null);\n }\n });\n\n return () => {\n stale = true;\n };\n }, [document, pageSlug, contentProviders, schoolSlug, contentListParams]);\n\n if (isLoading) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n }}\n >\n <div>Carregando...</div>\n </div>\n );\n }\n\n if (error) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n }}\n >\n <div>{error || \"Landing page não encontrada\"}</div>\n </div>\n );\n }\n\n // Preferir renderização via template (client-side) quando disponível.\n // Isso garante que o viewer usa exatamente o mesmo exportPageToHtml() do editor,\n // evitando diferenças de hover effects, CSS, etc. entre editor e site publicado.\n // publishedHtml do servidor é usado apenas como fallback quando não há template.\n const isHomeRoute = !pageSlug || pageSlug === \"home\";\n if (publishedHtml && isHomeRoute && !document) {\n return (\n <iframe\n srcDoc={injectClickInterceptor(publishedHtml)}\n title=\"Site publicado\"\n style={{\n width: \"100%\",\n minHeight: \"100vh\",\n border: \"none\",\n backgroundColor: \"#ffffff\",\n }}\n />\n );\n }\n\n // Renderizar documento (template) — mesmo pipeline do editor\n if (!document) {\n return null;\n }\n\n // Garantir que pages seja array (evita crash se API retornar formato inesperado)\n const pages = Array.isArray(document.pages) ? document.pages : [];\n\n if (pages.length === 0) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n padding: \"2rem\",\n textAlign: \"center\",\n }}\n >\n <div>Nenhuma página no site. Adicione páginas no editor.</div>\n </div>\n );\n }\n\n // If we have hydrated HTML from ContentProvider, use it\n if (hydratedHtml) {\n return (\n <iframe\n srcDoc={injectClickInterceptor(hydratedHtml)}\n title=\"Site\"\n style={{\n width: \"100%\",\n minHeight: \"100vh\",\n border: \"none\",\n backgroundColor: \"#ffffff\",\n }}\n />\n );\n }\n\n // Resolver página por slug ou id; fallback para home\n // Also try dynamic page resolution\n let page =\n (pageSlug\n ? pages.find((p) => p.slug === pageSlug || p.id === pageSlug)\n : null) ??\n null;\n\n if (!page && pageSlug) {\n const match = matchDynamicPage(pages, pageSlug);\n if (match) {\n page = match.page;\n }\n }\n\n if (!page) {\n page = pages.find((p) => p.id === \"home\") ?? pages[0];\n }\n\n if (!page) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n }}\n >\n <div>Página não encontrada</div>\n </div>\n );\n }\n\n const html = renderPageToHtml(page, document, schoolSlug, pages);\n if (!html) {\n return (\n <div\n style={{\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"2rem\",\n textAlign: \"center\",\n }}\n >\n <div>Conteúdo da página vazio. Adicione blocos no editor.</div>\n </div>\n );\n }\n\n // Mesmo mecanismo do Preview (editor): iframe com srcdoc = HTML completo\n return (\n <iframe\n srcDoc={injectClickInterceptor(html)}\n title=\"Site\"\n style={{\n width: \"100%\",\n minHeight: \"100vh\",\n border: \"none\",\n backgroundColor: \"#ffffff\",\n }}\n />\n );\n}\n\n/**\n * Generates HTML from a page using the standard export pipeline.\n * Extracted to reuse for both static and hydrated pages.\n *\n * @param useCache - Pass false for hydrated pages to bypass the export cache.\n * The cache key uses page.id + docHash, which is identical for static and\n * hydrated renders of the same page. Hydrated pages have different block\n * props (real data), so they must skip the cache to avoid getting stale HTML.\n */\nfunction renderPageToHtml(\n page: SitePage,\n document: SiteDocument,\n schoolSlug?: string,\n allPages?: SitePage[],\n useCache: boolean = true,\n): string | null {\n // Garantir structure para o export (evita erro se página vier sem structure)\n const pageWithStructure = {\n ...page,\n structure: Array.isArray(page.structure) ? page.structure : [],\n };\n\n // Garantir theme completo para o export (merge com default evita theme parcial quebrar CSS)\n const defaultDoc = createEmptySiteDocument(\"\");\n const rawTheme =\n document.theme && typeof document.theme === \"object\"\n ? document.theme\n : null;\n const theme = rawTheme\n ? {\n ...defaultThemeTokens,\n ...rawTheme,\n colors:\n rawTheme.colors && typeof rawTheme.colors === \"object\"\n ? { ...defaultThemeTokens.colors, ...rawTheme.colors }\n : defaultThemeTokens.colors,\n typography:\n rawTheme.typography && typeof rawTheme.typography === \"object\"\n ? { ...defaultThemeTokens.typography, ...rawTheme.typography }\n : defaultThemeTokens.typography,\n }\n : defaultDoc.theme;\n\n const documentWithTheme: SiteDocument = {\n ...document,\n schemaVersion: 2,\n theme,\n };\n\n // basePath para links (ex.: /site ou /site/escola/:slug)\n const basePath = schoolSlug ? `/site/escola/${schoolSlug}` : \"/site\";\n\n const pages = allPages ?? document.pages;\n const homePage = pages.find((p) => p.id === \"home\") ?? pages[0];\n const layoutFromPage =\n homePage && homePage.id !== pageWithStructure.id\n ? {\n ...homePage,\n structure: Array.isArray(homePage.structure)\n ? homePage.structure\n : [],\n }\n : undefined;\n\n try {\n const exportOptions: Record<string, unknown> = {};\n if (layoutFromPage) exportOptions.layoutFromPage = layoutFromPage;\n if (document.metadata) exportOptions.siteMetadata = document.metadata;\n\n const html = exportPageToHtml(\n pageWithStructure,\n documentWithTheme,\n useCache,\n basePath,\n Object.keys(exportOptions).length > 0 ? exportOptions as any : undefined,\n );\n\n if (!html || !html.trim()) {\n return null;\n }\n\n return html;\n } catch (err) {\n logger.error(\"Error generating HTML:\", err);\n return null;\n }\n}\n"],"names":["hasBodyContent","html","match","buildProviderMap","providers","map","p","LandingPageViewer","siteId","apiBaseUrl","projectId","pageSlug","schoolSlug","_schoolData","contentProviders","contentListParams","onNavigate","document","setDocument","useState","publishedHtml","setPublishedHtml","isLoading","setIsLoading","error","setError","hydratedHtml","setHydratedHtml","onNavigateRef","useRef","injectClickInterceptor","useCallback","script","useEffect","handleMessage","event","stale","response","data","schemaVersion","hasPages","template","err","pages","providerMap","resolvedPage","urlParams","exactPage","matchDynamicPage","hasDataSource","hasBlogBlocks","b","pageToHydrate","hydratePageWithContent","hydratedPage","renderPageToHtml","logger","jsx","page","allPages","useCache","pageWithStructure","defaultDoc","createEmptySiteDocument","rawTheme","theme","defaultThemeTokens","documentWithTheme","basePath","homePage","layoutFromPage","exportOptions","exportPageToHtml"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LandingPageViewer.js","sources":["../../src/viewer/LandingPageViewer.tsx"],"sourcesContent":["/**\n * Landing Page Viewer\n * Visualização pública da landing page.\n * Usa o mesmo mecanismo do Preview (editor): exportPageToHtml + iframe srcdoc.\n *\n * Supports dynamic pages via ContentProvider (Sprint 3):\n * - Optional `contentProviders` prop allows consumer to supply data providers\n * - Dynamic page resolution (e.g., \"blog/:slug\")\n * - Automatic content hydration before rendering\n */\n\nimport { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n SiteDocument,\n SitePage,\n exportPageToHtml,\n createEmptySiteDocument,\n defaultThemeTokens,\n} from \"../engine\";\nimport type { ContentProvider, ContentListParams } from \"../engine/plugins/types\";\nimport { matchDynamicPage } from \"../engine/plugins/dynamicPageResolver\";\nimport {\n hydratePageWithContent,\n type ContentProviderMap,\n} from \"../engine/plugins/contentHydration\";\nimport { logger } from \"../utils/logger\";\n\n/** Verifica se o HTML tem conteúdo real no body (evita usar publishedHtml vazio) */\nfunction hasBodyContent(html: string): boolean {\n if (!html || typeof html !== \"string\") return false;\n const match = html.match(/<body[^>]*>([\\s\\S]*?)<\\/body>/i);\n const bodyInner = match ? match[1].trim() : \"\";\n return bodyInner.length > 50;\n}\n\nexport interface SchoolData {\n id: string;\n name: string;\n slug: string;\n logo_url?: string;\n}\n\ninterface LandingPageViewerProps {\n siteId: string;\n apiBaseUrl: string;\n projectId: string;\n /** Slug da página (ex.: avisos). Se não informado, usa home. */\n pageSlug?: string;\n /** Slug da escola no contexto /site/escola/:schoolSlug */\n schoolSlug?: string;\n /** Dados da escola para header/navbar dinâmico (quando em contexto escola) */\n schoolData?: SchoolData;\n /**\n * Content providers for dynamic pages (e.g., blog posts, products).\n * Supplied by the consumer project to connect plugin data to the viewer.\n */\n contentProviders?: ContentProvider[];\n /**\n * Params for content list filtering (search, category).\n * Consumer extracts these from URL query params (e.g., ?busca=X&categoria=Y).\n */\n contentListParams?: ContentListParams;\n /**\n * Callback for internal navigation (link clicks inside iframe).\n * Receives the href from clicked links. Consumer should use router navigation.\n */\n onNavigate?: (href: string) => void;\n}\n\n/**\n * Builds a ContentProviderMap from an array of providers.\n */\nfunction buildProviderMap(providers?: ContentProvider[]): ContentProviderMap {\n const map: ContentProviderMap = new Map();\n if (providers) {\n for (const p of providers) {\n map.set(p.type, p);\n }\n }\n return map;\n}\n\nexport function LandingPageViewer({\n siteId,\n apiBaseUrl,\n projectId,\n pageSlug,\n schoolSlug,\n schoolData: _schoolData, // reservado para header/navbar dinâmico (logo, nome da escola)\n contentProviders,\n contentListParams,\n onNavigate,\n}: LandingPageViewerProps) {\n const [document, setDocument] = useState<SiteDocument | null>(null);\n const [publishedHtml, setPublishedHtml] = useState<string | null>(null);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n const [hydratedHtml, setHydratedHtml] = useState<string | null>(null);\n\n const onNavigateRef = useRef(onNavigate);\n onNavigateRef.current = onNavigate;\n\n // Inject click + form submit interceptor into iframe HTML so interactions propagate to parent\n const injectClickInterceptor = useCallback((html: string): string => {\n const script = `<script>\n(function() {\n document.addEventListener('click', function(e) {\n var target = e.target;\n var anchor = target;\n while (anchor && anchor.tagName !== 'A') {\n anchor = anchor.parentElement;\n }\n if (anchor && anchor.tagName === 'A') {\n var href = anchor.getAttribute('href') || '';\n if (href && href !== '#' && !href.startsWith('javascript:')) {\n e.preventDefault();\n e.stopPropagation();\n window.parent.postMessage({ type: 'viewer-navigate', href: href }, '*');\n return;\n }\n }\n }, true);\n document.addEventListener('submit', function(e) {\n var form = e.target;\n if (form && form.tagName === 'FORM') {\n e.preventDefault();\n e.stopPropagation();\n var action = form.getAttribute('action') || '';\n var params = new URLSearchParams(new FormData(form));\n var href = action + (params.toString() ? '?' + params.toString() : '');\n window.parent.postMessage({ type: 'viewer-navigate', href: href }, '*');\n }\n }, true);\n})();\n</script>`;\n if (html.includes(\"</body>\")) {\n return html.replace(\"</body>\", `${script}</body>`);\n }\n return html + script;\n }, []);\n\n // Listen for navigation messages from iframe\n useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n if (event.data?.type === \"viewer-navigate\" && event.data?.href) {\n if (onNavigateRef.current) {\n onNavigateRef.current(event.data.href);\n }\n }\n };\n window.addEventListener(\"message\", handleMessage);\n return () => window.removeEventListener(\"message\", handleMessage);\n }, []);\n\n // Load site document from API. Uses stale flag to prevent\n // React Strict Mode double-mount from causing duplicate state updates.\n useEffect(() => {\n let stale = false;\n\n setIsLoading(true);\n setError(null);\n\n (async () => {\n try {\n const response = await fetch(\n `${apiBaseUrl}/sites/${siteId}?projectId=${projectId}`,\n );\n if (!response.ok) {\n throw new Error(\"Landing page não encontrada\");\n }\n\n const data = await response.json();\n if (stale) return;\n\n if (data.template) {\n const schemaVersion = data.template.schemaVersion;\n const hasPages =\n data.template.pages && Array.isArray(data.template.pages);\n const isV2 =\n schemaVersion === 2 || schemaVersion === \"2\" || hasPages;\n\n if (isV2) {\n const template = data.template as SiteDocument;\n if (!Array.isArray(template.pages)) {\n template.pages = [];\n }\n if (\n template.schemaVersion !== 2 &&\n template.schemaVersion !== \"2\"\n ) {\n template.schemaVersion = 2;\n }\n setDocument(template);\n } else {\n throw new Error(\n \"Formato de template legado não suportado. Por favor, recrie o site.\",\n );\n }\n } else {\n setDocument(null);\n }\n\n if (data.publishedHtml && hasBodyContent(data.publishedHtml)) {\n setPublishedHtml(data.publishedHtml);\n } else {\n setPublishedHtml(null);\n }\n\n if (!data.template && !data.publishedHtml) {\n throw new Error(\"Template não encontrado\");\n }\n } catch (err) {\n if (!stale) {\n setError(\n err instanceof Error\n ? err.message\n : \"Erro ao carregar landing page\",\n );\n }\n } finally {\n if (!stale) {\n setIsLoading(false);\n }\n }\n })();\n\n return () => {\n stale = true;\n };\n }, [siteId, apiBaseUrl, projectId]);\n\n // Hydrate pages when document + contentProviders are available.\n // Supports both: pages with explicit dataSource AND pages with blogPostGrid blocks.\n // Does NOT reset hydratedHtml at the start to avoid flash of mock data.\n // Only clears it when navigating to a page that doesn't need hydration.\n useEffect(() => {\n if (!document) {\n setHydratedHtml(null);\n return;\n }\n\n let stale = false;\n\n const pages = Array.isArray(document.pages) ? document.pages : [];\n const providerMap = buildProviderMap(contentProviders);\n\n if (providerMap.size === 0) {\n setHydratedHtml(null);\n return;\n }\n\n // Resolve the current page\n let resolvedPage: SitePage | undefined;\n let urlParams: Record<string, string> = {};\n\n if (pageSlug) {\n const exactPage = pages.find(\n (p) => p.slug === pageSlug || p.id === pageSlug,\n );\n if (exactPage) {\n resolvedPage = exactPage;\n } else {\n const match = matchDynamicPage(pages, pageSlug);\n if (match) {\n resolvedPage = match.page;\n urlParams = match.params;\n }\n }\n } else {\n resolvedPage = pages.find((p) => p.id === \"home\") ?? pages[0];\n }\n\n if (!resolvedPage) {\n setHydratedHtml(null);\n return;\n }\n\n // Check if page needs hydration:\n // 1. Has explicit dataSource (blog page, blog-post page)\n // 2. Has blogPostGrid blocks but no dataSource (home page with blog widget)\n const hasDataSource = !!resolvedPage.dataSource;\n const hasBlogBlocks = resolvedPage.structure?.some(\n (b) => b.type === \"blogPostGrid\",\n );\n\n if (!hasDataSource && !hasBlogBlocks) {\n setHydratedHtml(null);\n return;\n }\n\n // For pages without dataSource but with blog blocks, create synthetic dataSource\n let pageToHydrate = resolvedPage;\n if (!hasDataSource && hasBlogBlocks) {\n pageToHydrate = {\n ...resolvedPage,\n dataSource: { mode: \"list\" as const, provider: \"blog-posts\", defaultParams: { limit: 9, _noPagination: true } },\n };\n }\n\n hydratePageWithContent(pageToHydrate, providerMap, urlParams, contentListParams)\n .then((hydratedPage) => {\n if (stale) return;\n\n // useCache: false — hydrated page has different block props than the\n // cached static render. Without this, exportPageToHtml returns the\n // cached static HTML (same page.id + docHash = same cache key).\n const html = renderPageToHtml(\n hydratedPage,\n document,\n schoolSlug,\n pages,\n false,\n );\n\n setHydratedHtml(html ?? null);\n })\n .catch((err) => {\n if (!stale) {\n logger.error(\"Error in content hydration:\", err);\n setHydratedHtml(null);\n }\n });\n\n return () => {\n stale = true;\n };\n }, [document, pageSlug, contentProviders, schoolSlug, contentListParams]);\n\n if (isLoading) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n }}\n >\n <div>Carregando...</div>\n </div>\n );\n }\n\n if (error) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n }}\n >\n <div>{error || \"Landing page não encontrada\"}</div>\n </div>\n );\n }\n\n // Preferir renderização via template (client-side) quando disponível.\n // Isso garante que o viewer usa exatamente o mesmo exportPageToHtml() do editor,\n // evitando diferenças de hover effects, CSS, etc. entre editor e site publicado.\n // publishedHtml do servidor é usado apenas como fallback quando não há template.\n const isHomeRoute = !pageSlug || pageSlug === \"home\";\n if (publishedHtml && isHomeRoute && !document) {\n return (\n <iframe\n srcDoc={injectClickInterceptor(publishedHtml)}\n title=\"Site publicado\"\n style={{\n width: \"100%\",\n minHeight: \"100vh\",\n border: \"none\",\n backgroundColor: \"#ffffff\",\n }}\n />\n );\n }\n\n // Renderizar documento (template) — mesmo pipeline do editor\n if (!document) {\n return null;\n }\n\n // Garantir que pages seja array (evita crash se API retornar formato inesperado)\n const pages = Array.isArray(document.pages) ? document.pages : [];\n\n if (pages.length === 0) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n padding: \"2rem\",\n textAlign: \"center\",\n }}\n >\n <div>Nenhuma página no site. Adicione páginas no editor.</div>\n </div>\n );\n }\n\n // If we have hydrated HTML from ContentProvider, use it\n if (hydratedHtml) {\n return (\n <iframe\n srcDoc={injectClickInterceptor(hydratedHtml)}\n title=\"Site\"\n style={{\n width: \"100%\",\n minHeight: \"100vh\",\n border: \"none\",\n backgroundColor: \"#ffffff\",\n }}\n />\n );\n }\n\n // Resolver página por slug ou id; fallback para home\n // Also try dynamic page resolution\n let page =\n (pageSlug\n ? pages.find((p) => p.slug === pageSlug || p.id === pageSlug)\n : null) ??\n null;\n\n if (!page && pageSlug) {\n const match = matchDynamicPage(pages, pageSlug);\n if (match) {\n page = match.page;\n }\n }\n\n if (!page) {\n page = pages.find((p) => p.id === \"home\") ?? pages[0];\n }\n\n if (!page) {\n return (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n }}\n >\n <div>Página não encontrada</div>\n </div>\n );\n }\n\n const html = renderPageToHtml(page, document, schoolSlug, pages);\n if (!html) {\n return (\n <div\n style={{\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"2rem\",\n textAlign: \"center\",\n }}\n >\n <div>Conteúdo da página vazio. Adicione blocos no editor.</div>\n </div>\n );\n }\n\n // Mesmo mecanismo do Preview (editor): iframe com srcdoc = HTML completo\n return (\n <iframe\n srcDoc={injectClickInterceptor(html)}\n title=\"Site\"\n style={{\n width: \"100%\",\n minHeight: \"100vh\",\n border: \"none\",\n backgroundColor: \"#ffffff\",\n }}\n />\n );\n}\n\n/**\n * Generates HTML from a page using the standard export pipeline.\n * Extracted to reuse for both static and hydrated pages.\n *\n * @param useCache - Pass false for hydrated pages to bypass the export cache.\n * The cache key uses page.id + docHash, which is identical for static and\n * hydrated renders of the same page. Hydrated pages have different block\n * props (real data), so they must skip the cache to avoid getting stale HTML.\n */\nfunction renderPageToHtml(\n page: SitePage,\n document: SiteDocument,\n schoolSlug?: string,\n allPages?: SitePage[],\n useCache: boolean = true,\n): string | null {\n // Garantir structure para o export (evita erro se página vier sem structure)\n const pageWithStructure = {\n ...page,\n structure: Array.isArray(page.structure) ? page.structure : [],\n };\n\n // Garantir theme completo para o export (merge com default evita theme parcial quebrar CSS)\n const defaultDoc = createEmptySiteDocument(\"\");\n const rawTheme =\n document.theme && typeof document.theme === \"object\"\n ? document.theme\n : null;\n const theme = rawTheme\n ? {\n ...defaultThemeTokens,\n ...rawTheme,\n colors:\n rawTheme.colors && typeof rawTheme.colors === \"object\"\n ? { ...defaultThemeTokens.colors, ...rawTheme.colors }\n : defaultThemeTokens.colors,\n typography:\n rawTheme.typography && typeof rawTheme.typography === \"object\"\n ? { ...defaultThemeTokens.typography, ...rawTheme.typography }\n : defaultThemeTokens.typography,\n }\n : defaultDoc.theme;\n\n const documentWithTheme: SiteDocument = {\n ...document,\n schemaVersion: 2,\n theme,\n };\n\n // basePath para links (ex.: /site ou /site/escola/:slug)\n const basePath = schoolSlug ? `/site/escola/${schoolSlug}` : \"/site\";\n\n const pages = allPages ?? document.pages;\n const homePage = pages.find((p) => p.id === \"home\") ?? pages[0];\n const layoutFromPage =\n homePage && homePage.id !== pageWithStructure.id\n ? {\n ...homePage,\n structure: Array.isArray(homePage.structure)\n ? homePage.structure\n : [],\n }\n : undefined;\n\n try {\n const exportOptions: Record<string, unknown> = {};\n if (layoutFromPage) exportOptions.layoutFromPage = layoutFromPage;\n if (document.metadata) exportOptions.siteMetadata = document.metadata;\n\n const html = exportPageToHtml(\n pageWithStructure,\n documentWithTheme,\n useCache,\n basePath,\n Object.keys(exportOptions).length > 0 ? exportOptions as any : undefined,\n );\n\n if (!html || !html.trim()) {\n return null;\n }\n\n return html;\n } catch (err) {\n logger.error(\"Error generating HTML:\", err);\n return null;\n }\n}\n"],"names":["hasBodyContent","html","match","buildProviderMap","providers","map","p","LandingPageViewer","siteId","apiBaseUrl","projectId","pageSlug","schoolSlug","_schoolData","contentProviders","contentListParams","onNavigate","document","setDocument","useState","publishedHtml","setPublishedHtml","isLoading","setIsLoading","error","setError","hydratedHtml","setHydratedHtml","onNavigateRef","useRef","injectClickInterceptor","useCallback","script","useEffect","handleMessage","event","stale","response","data","schemaVersion","hasPages","template","err","pages","providerMap","resolvedPage","urlParams","exactPage","matchDynamicPage","hasDataSource","hasBlogBlocks","b","pageToHydrate","hydratePageWithContent","hydratedPage","renderPageToHtml","logger","jsx","page","allPages","useCache","pageWithStructure","defaultDoc","createEmptySiteDocument","rawTheme","theme","defaultThemeTokens","documentWithTheme","basePath","homePage","layoutFromPage","exportOptions","exportPageToHtml"],"mappings":"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"}
|