libreria-astro-lefebvre 0.1.31 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "libreria-astro-lefebvre",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "Librería de componentes Astro, React y Vue para Lefebvre",
   "author": "Equipo web desarrollo Lefebvre",
   "type": "module",

package/src/carbins/Contenido_2026_Estocolmo.ts

@@ -9,6 +9,16 @@ export const metadata: ComponentMetadata = {
   priority: 1,
   tags: ['contenido', 'card', 'grid', 'wrapper', 'imagen', 'autor'],
   fields: [
+    {
+      name: 'etiquetaVisible',
+      type: 'select',
+      options: ['fecha', 'keywords'],
+      options_labels: ['Fecha', 'Keywords'],
+      mandatory: false,
+      label: 'Etiqueta visible en la card',
+      help: 'Qué se muestra como badge sobre el título de cada card: la fecha o las keywords. Los datos estructurados (JSON-LD) incluyen ambos siempre, independientemente de esta opción',
+      example_value: 'fecha'
+    },
     {
       name: 'items',
       type: 'list',
@@ -21,10 +31,12 @@ export const metadata: ComponentMetadata = {
             { name: 'title', type: 'text', help: 'Título de la card (h3). Se muestra siempre; si se deja vacío, aparece el h3 vacío', label: 'Título', example_value: 'Automatización de contratos con GenIA-L' },
             { name: 'description', type: 'textArea', help: 'Descripción de la card. Se muestra siempre como párrafo; si se deja vacía, aparece el párrafo vacío', label: 'Descripción', example_value: 'Redacta borradores de contratos en segundos a partir de plantillas personalizables' },
             { name: 'link', type: 'text', help: 'URL de destino al hacer click en la card (toda la card es clicable). Si se deja vacío, apunta a "#" (no navega)', label: 'Url del enlace', example_value: '/genia-l/blog/automatizacion-contratos' },
-            { name: 'tag', type: 'text', help: 'Etiqueta (badge) que aparece sobre el título. Si se deja vacía, NO se muestra', label: 'Etiqueta', example_value: 'Legaltech' },
+            { name: 'fecha', type: 'text', help: 'Fecha (badge) que aparece sobre el título cuando "Etiqueta visible" es Fecha. Si se deja vacía, NO se muestra', label: 'Fecha (etiqueta)', example_value: '10 de enero de 2026' },
             { name: 'image', type: 'image', help: 'Imagen de la card (aparece en la parte superior). Se renderiza siempre; si se deja vacía aparece una imagen rota', label: 'Imagen', example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png' },
             { name: 'altImage', type: 'text', help: 'Texto alternativo de la imagen para accesibilidad', label: 'Alt de la imagen', example_value: 'Captura de la interfaz de GenIA-L generando un contrato automáticamente' },
-            { name: 'author', type: 'text', help: 'Nombre del autor del contenido. Se muestra como "Por [nombre]" debajo de la descripción. Si se deja vacío, la línea de autor NO se muestra', label: 'Nombre del autor', example_value: 'María García López' }
+            { name: 'author', type: 'text', help: 'Nombre del autor del contenido. Se muestra como "Por [nombre]" debajo de la descripción. Si se deja vacío, la línea de autor NO se muestra', label: 'Nombre del autor', example_value: 'María García López' },
+            { name: 'datePublished', type: 'text', help: 'Fecha de publicación en formato ISO 8601 para los datos estructurados (JSON-LD datePublished). No se muestra visualmente. Ej: 2026-01-10T00:00:00.000Z', label: 'Fecha publicación (ISO)', example_value: '2026-01-10T00:00:00.000Z' },
+            { name: 'keywords', type: 'text', help: 'Palabras clave reales para los datos estructurados (JSON-LD keywords), separadas por comas. Se muestran como badge si "Etiqueta visible" es Keywords', label: 'Keywords (SEO)', example_value: 'Legaltech, Contratos, IA' }
         ]
       }
     }

package/src/components/Astro/Contenido_2026_Estocolmo.astro

@@ -8,14 +8,17 @@ interface MontevideoItem {
     image?: string;
     altImage?: string;
     title?: string;
-    tag?: string;
+    fecha?: string;         // etiqueta de fecha para mostrar (badge)
     author?: string;
     description?: string;
+    datePublished?: string; // ISO 8601, para JSON-LD
+    keywords?: string;      // keywords reales, para JSON-LD y para etiqueta visual
 }
 
 const {
     items = [],
-    }: { items?: MontevideoItem[] } = Astro.props;
+    etiquetaVisible = "fecha",
+    }: { items?: MontevideoItem[]; etiquetaVisible?: "fecha" | "keywords" } = Astro.props;
 
 const escapeJson = (s = "") => String(s).replace(/<[^>]*>/g, '').replace(/\\/g, '\\\\').replace(/"/g, '\\"').replace(/</g, '\\u003c').replace(/>/g, '\\u003e').replace(/[\n\r\t]+/g, ' ');
 
@@ -33,8 +36,9 @@ const structuredData = `<script type="application/ld+json">
             "description": "${escapeJson(item.description)}"${item.image ? `,
             "image": "${escapeJson(extractImageUrl(item.image))}"` : ""}${item.link ? `,
             "url": "${escapeJson(item.link)}"` : ""}${item.author ? `,
-            "author": { "@type": "Person", "name": "${escapeJson(item.author)}" }` : ""}${item.tag ? `,
-            "keywords": "${escapeJson(item.tag)}"` : ""}
+            "author": { "@type": "Person", "name": "${escapeJson(item.author)}" }` : ""}${item.datePublished ? `,
+            "datePublished": "${escapeJson(item.datePublished)}"` : ""}${item.keywords ? `,
+            "keywords": "${escapeJson(item.keywords)}"` : ""}
         }
     }`).join(',')}]
 }
@@ -49,7 +53,7 @@ const structuredData = `<script type="application/ld+json">
                 image={item.image}
                 altImage={item.altImage}
                 title={item.title}
-                tag={item.tag}
+                tag={etiquetaVisible === "keywords" ? item.keywords : item.fecha}
                 author={item.author}
                 description={item.description} />