web-next: página de jugadores /<slug>-players con datos reales de la BD

Extiende la ruta dinámica [realm] para servir también /<slug>-players (slug
del reino en realmlist). PlayersBoard (server) consulta acore_characters:
- Personajes creados por clase (conteo por clase y facción) + totales.
- Top de muertes con honor (characters.totalKills/todayKills, LIMIT 10).
- Top de logros (nº de logros por personaje vía character_achievement;
  los «puntos» no existen en la BD del servidor, vienen del DBC del cliente).
- Primeros del reino - Nivel 80 (primer personaje por fecha del logro 20 =
  Nivel 80, overall/por clase/por raza; vacío si aún no hay nivel 80).
Imágenes reales del tema (nw-classes/nw-races/nw-icons). lib/players.ts con
los mapas de clase/raza/facción. RealmInfo extraído a su componente. Enlace
JUGADORES de la cabecera ahora dinámico (/<slug>-players), como REINO.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-13 12:53:50 +00:00
parent cae1c224b0
commit 5d724afb8d
6 changed files with 343 additions and 37 deletions
+21 -33
View File
@@ -2,14 +2,22 @@ import type { Metadata } from 'next'
import { setRequestLocale } from 'next-intl/server'
import { notFound } from 'next/navigation'
import { getRealmName, realmSlug } from '@/lib/realm'
import { RealmInfo } from '@/components/RealmInfo'
import { PlayersBoard } from '@/components/PlayersBoard'
export const dynamic = 'force-dynamic'
// Ruta dinámica del reino: /<slug>-realm, donde <slug> viene del nombre del
// reino en acore_auth.realmlist (p. ej. «Trinity» → /trinity-realm).
async function resolveRealm(param: string): Promise<string | null> {
type Kind = 'realm' | 'players'
// Rutas dinámicas del reino (el slug viene de acore_auth.realmlist):
// /<slug>-realm → información del reino (Rates/Horarios)
// /<slug>-players → estadísticas de personajes (datos reales de la BD)
async function resolve(param: string): Promise<{ name: string; kind: Kind } | null> {
const name = await getRealmName()
return param === `${realmSlug(name)}-realm` ? name : null
const slug = realmSlug(name)
if (param === `${slug}-realm`) return { name, kind: 'realm' }
if (param === `${slug}-players`) return { name, kind: 'players' }
return null
}
export async function generateMetadata({
@@ -18,8 +26,9 @@ export async function generateMetadata({
params: Promise<{ realm: string }>
}): Promise<Metadata> {
const { realm } = await params
const name = await resolveRealm(realm)
return name ? { title: `Reino - ${name}` } : {}
const r = await resolve(realm)
if (!r) return {}
return { title: `${r.kind === 'players' ? 'Personajes' : 'Reino'} - ${r.name}` }
}
export default async function RealmPage({
@@ -29,40 +38,19 @@ export default async function RealmPage({
}) {
const { locale, realm } = await params
setRequestLocale(locale)
const name = await resolveRealm(realm)
if (!name) notFound()
const r = await resolve(realm)
if (!r) notFound()
const heading = r.kind === 'players' ? 'Personajes' : 'Reino'
return (
<div className="main-page">
<div className="middle-content">
<div className="body-content">
<div className="title-content">
<h1>Reino - <span className="blue-info">{name.toUpperCase()}</span></h1>
</div>
<div className="box-content centered">
<div className="realm-information realm-information-half">
<h2>Rates</h2>
<p>Experiencia: <span>x8 modificable con .xp (Con Recluta a un Amigo x16)</span></p>
<p>Drop de objetos verdes y azules: <span>x4</span></p>
<p>Drop de oro en NPCs: <span>x2</span></p>
<p>Drop de oro en misiones: <span>x1</span></p>
<p>Habilidades: <span>x3</span></p>
<p>Profesiones: <span>x3</span></p>
<p>Reputaciones: <span>x3 (Bonus con Recluta a un amigo)</span></p>
<p>Honor: <span>x3</span></p>
</div>
<div className="realm-information realm-information-half">
<h2>Horarios</h2>
<p>Los siguientes horarios son basados en la hora del reino.</p>
<br />
<p>Misiones diarias: <span>7 am</span></p>
<p>Reinicio de mazmorras diarias: <span>9 am</span></p>
<p>Reinicio de bandas: <span>9 am (Miércoles)</span></p>
<p>Campos de Batalla: <span>10 am</span></p>
<p>Reparto de Puntos de Arena: <span>11 am (Viernes)</span></p>
<br />
</div>
<h1>{heading} - <span className="blue-info">{r.name.toUpperCase()}</span></h1>
</div>
{r.kind === 'realm' ? <RealmInfo /> : <PlayersBoard />}
</div>
</div>
</div>