libreria-astro-lefebvre 0.1.20 → 0.1.22

package/package.json

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

package/src/components/Astro/Cabecera_2026_Madrid.astro

@@ -18,8 +18,13 @@ const {
     subdirectory = '',
     loading = 'eager' as 'lazy' | 'eager',
     categories: categoriesProp = undefined as MenuItem[] | undefined,
+    siteUrl = '' as string,
     } = Astro.props;
 
+// Origen absoluto para el JSON-LD de navegación. En SSR tras un proxy, Astro.url resuelve al
+// host interno (localhost), así que se prioriza `siteUrl` (prop) y `Astro.site` (config).
+const origin = (siteUrl || Astro.site?.href || Astro.url.origin).replace(/\/+$/, '');
+
 const FALLBACK_CATEGORIES = [
     {
         name: 'Cómo funciona',
@@ -70,11 +75,11 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
         "@context": "https://schema.org",
         "@type": "SiteNavigationElement",
         "name": "Main Navigation",
-        "url": "${Astro.url.origin}${subdirectory}",
+        "url": "${origin}${subdirectory}",
         "hasPart": [${categories.map(category => `{
             "@type": "SiteNavigationElement",
             "name": "${category.name}",
-            "url": "${Astro.url.origin}${category.link}"
+            "url": "${origin}${category.link}"
         }`).join(',')}]
     }
     </script>`;

package/src/components/Astro/SEO_Head_Section.astro

@@ -3,30 +3,54 @@ const {
     title,
     description,
     robots = 'index, follow',
-    canonical = Astro.url.href.endsWith('/') ? Astro.url.href : Astro.url.href + '/',
+    canonical,
     shareImgSrc,
     subdirectory = '',
+    siteUrl,
     } = Astro.props;
 
-const currentUrl = Astro.url.href.replace(/^(https?:\/\/[^\/]+)/, `$1${subdirectory}`);
-const normalizedUrl = currentUrl.endsWith('/') ? currentUrl : currentUrl + '/';
-    
+// Origen absoluto del sitio, en orden de preferencia:
+//   1. `siteUrl` (prop explícita): imprescindible en SSR tras un proxy inverso, donde
+//      `Astro.url` resuelve al host interno (p. ej. http://localhost).
+//   2. `Astro.site`: el valor de `site` en astro.config.mjs.
+//   3. `Astro.url.origin`: el de la petición (correcto en sitios estáticos o sin proxy).
+const origin = (siteUrl || Astro.site?.href || Astro.url.origin).replace(/\/+$/, '');
+
+// Resuelve a URL absoluta: si ya es absoluta se respeta; si es relativa se cuelga del origen.
+const toAbsolute = (value: string) =>
+    /^https?:\/\//.test(value) ? value : `${origin}/${value.replace(/^\/+/, '')}`;
+
+// URL canónica:
+//   - Si el consumidor pasa `canonical`, se respeta (un canónico es definitivo; NO se le
+//     inyecta el subdirectorio, que es justo lo que causaba duplicados como /sub/sub/).
+//   - Si no, se compone con origen + subdirectorio + ruta actual.
+const resolvedCanonical = canonical
+    ? toAbsolute(String(canonical))
+    : `${origin}${subdirectory}${Astro.url.pathname}`;
+
+// Barra final salvo que la URL lleve query o fragmento.
+const canonicalUrl = /[?#]/.test(resolvedCanonical) || resolvedCanonical.endsWith('/')
+    ? resolvedCanonical
+    : `${resolvedCanonical}/`;
+
+// og:image debe ser absoluta para que las plataformas sociales la resuelvan.
+const ogImage = shareImgSrc ? toAbsolute(String(shareImgSrc)) : undefined;
 ---
     <title>{title}</title>
     <meta name="description" content={description} />
     <meta name="robots" content={robots} />
-    <link rel="canonical" href={canonical.replace(/^(https?:\/\/[^\/]+)/, `$1${subdirectory}`)} />
-    
+    <link rel="canonical" href={canonicalUrl} />
+
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
-    <meta property="og:url" content={normalizedUrl} />
+    <meta property="og:url" content={canonicalUrl} />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
-    {shareImgSrc && <meta property="og:image" content={shareImgSrc} />}
-    
+    {ogImage && <meta property="og:image" content={ogImage} />}
+
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image" />
-    <meta property="twitter:url" content={normalizedUrl} />
+    <meta property="twitter:url" content={canonicalUrl} />
     <meta property="twitter:title" content={title} />
     <meta property="twitter:description" content={description} />
-    {shareImgSrc && <meta property="twitter:image" content={shareImgSrc} />}
+    {ogImage && <meta property="twitter:image" content={ogImage} />}