Enlaces de ítems por wowhead (locale + tooltips) en toda la web

Sustituye la base de datos de ítems del sistema antiguo (AoWoW en wotlk.novawow/wotlk.ultimowow) y los iconos de mirrors por wowhead / zamimg, con el idioma del tooltip según el locale de la web (es. / www.). Sistema reutilizable para rutas actuales y futuras: - lib/wowhead.ts: wowheadUrl/wowheadItemUrl/wowheadWotlkHome (subdominio por locale), wowheadIcon (zamimg) y wowheadData (atributo data-wowhead, rama WotLK). - components/WowheadLink.tsx: enlace con tooltip en el locale actual. - layout raíz: config whTooltips (solo tooltips) + script tooltips.js global; funciona con contenido añadido por React (carrito, búsquedas). Aplicado en: send-gift (catálogo + carrito), restore-items, recruit (RecruitPanel, enlace por item_id + icono zamimg), quest-character (misión/npc/ facción + iconos), y el enlace "WOTLK DB" de la cabecera. Verificado en prod (:3001): /es -> es.wowhead.com, /en -> www.wowhead.com, data-wowhead presente, iconos por zamimg. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-14 22:34:26 +00:00
parent 809eb756c8
commit 7d1abab9f1
9 changed files with 132 additions and 23 deletions
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next'
+import Script from 'next/script'
 import { notFound } from 'next/navigation'
 import { NextIntlClientProvider, hasLocale } from 'next-intl'
 import { getTranslations, setRequestLocale } from 'next-intl/server'
@@ -66,6 +67,14 @@ export default async function LocaleLayout({
        />
        {/* Tema real de NovaWoW (nw-ryu). Va el ÚLTIMO para ganar la cascada. */}
        <link rel="stylesheet" href="/nw-themes/nw-ryu/nw-css/novawow-style.css?v=2" />
+        {/* Config de los tooltips de wowhead (debe definirse antes de tooltips.js).
+            Solo tooltips: no recolorea/renombra/iconiza nuestros enlaces. El idioma
+            del tooltip lo da el subdominio del enlace (es./www.). */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: 'const whTooltips={colorLinks:false,iconizeLinks:false,renameLinks:false};',
+          }}
+        />
      </head>
      <body>
        <NextIntlClientProvider>
@@ -76,6 +85,10 @@ export default async function LocaleLayout({
          <Footer />
          <CookieBanner />
        </NextIntlClientProvider>
+        {/* Tooltips de wowhead (WotLK) en todos los enlaces .../wowhead.com/... y
+            elementos con data-wowhead. Funciona con contenido añadido por React
+            (carrito, búsquedas) porque delega el hover en el documento. */}
+        <Script src="https://wow.zamimg.com/js/tooltips.js" strategy="afterInteractive" />
      </body>
    </html>
  )