Inna/NightSpire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Generaliza los servicios de personaje de pago (5) con infra común

Browse Source 
- lib/paid-services.ts: config PAID_SERVICES (rename/customize/change-race/
  change-faction/level-up) con comando SOAP, precio y productName por servicio.
- app/api/character/[service]/checkout: ruta de checkout GENÉRICA (valida servicio +
  personaje, crea la sesión Stripe con successUrl /service-success?service=...).
- app/[locale]/service-success: página de éxito ÚNICA que verifica el pago
  (claimPaidCheckout) y ejecuta el comando SOAP del servicio.
- components/ServicePageContent: contenido común (guardas + PaidServiceForm).
- 5 páginas mínimas /rename /customize /change-race /change-faction /level-up.
- Catálogo Paid (por servicio: title/pay/success) sustituye a Rename.

Verificado: 5 páginas redirigen a login, checkout 401 sin sesión, servicio inválido
404, service-success con pago inválido no entrega (muestra error). Pendiente: gold
(cantidad) y transfer (destino+token), variantes del patrón.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Inna Hoover Brown
2026-07-12 23:25:57 +00:00
parent e7cff56954
commit 87f9b0b003
11 changed files with 224 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-next/app/[locale]/change-faction/page.tsx
+8
View File
@@ -0,0 +1,8 @@
import { ServicePageContent } from '@/components/ServicePageContent'
export const dynamic = 'force-dynamic'
export default async function Page({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
return <ServicePageContent service="change-faction" locale={locale} />
}
web-next/app/[locale]/change-race/page.tsx
+8
View File
@@ -0,0 +1,8 @@
import { ServicePageContent } from '@/components/ServicePageContent'
export const dynamic = 'force-dynamic'
export default async function Page({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
return <ServicePageContent service="change-race" locale={locale} />
}
web-next/app/[locale]/customize/page.tsx
+8
View File
@@ -0,0 +1,8 @@
import { ServicePageContent } from '@/components/ServicePageContent'
export const dynamic = 'force-dynamic'
export default async function Page({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
return <ServicePageContent service="customize" locale={locale} />
}
web-next/app/[locale]/level-up/page.tsx
+8
View File
@@ -0,0 +1,8 @@
import { ServicePageContent } from '@/components/ServicePageContent'
export const dynamic = 'force-dynamic'
export default async function Page({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
return <ServicePageContent service="level-up" locale={locale} />
}
web-next/app/[locale]/rename/page.tsx
+3 -26
View File
@@ -1,31 +1,8 @@
import { getTranslations, setRequestLocale } from 'next-intl/server'
import { redirect } from '@/i18n/navigation'
import { getSession } from '@/lib/session'
import { getGameCharacters } from '@/lib/characters'
import { getRenamePrice } from '@/lib/prices'
import { PaidServiceForm } from '@/components/PaidServiceForm'
import { ServicePageContent } from '@/components/ServicePageContent'
export const dynamic = 'force-dynamic'
export default async function RenamePage({ params }: { params: Promise<{ locale: string }> }) {
export default async function Page({ params }: { params: Promise<{ locale: string }> }) {
const { locale } = await params
setRequestLocale(locale)
const t = await getTranslations('Rename')
const session = await getSession()
if (!session.bnetId) redirect({ href: '/login', locale })
if (!session.username) redirect({ href: '/select-account', locale })
const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getRenamePrice()])
return (
<main className="mx-auto max-w-3xl px-4 py-8">
<h1 className="mb-6 text-center text-2xl font-bold text-amber-500">{t('title')}</h1>
<PaidServiceForm
characters={chars.map((c) => c.name)}
checkoutEndpoint="/api/character/rename/checkout"
payLabel={t('pay', { price })}
/>
</main>
)
return <ServicePageContent service="rename" locale={locale} />
}
web-next/app/[locale]/rename/success/page.tsx → web-next/app/[locale]/service-success/page.tsx
+11 -9
View File
@@ -1,36 +1,38 @@
import { getTranslations, setRequestLocale } from 'next-intl/server'
import { claimPaidCheckout } from '@/lib/stripe'
import { executeSoapCommand } from '@/lib/soap'
import { getPaidService } from '@/lib/paid-services'
export const dynamic = 'force-dynamic'
export default async function RenameSuccessPage({
export default async function ServiceSuccessPage({
params,
searchParams,
}: {
params: Promise<{ locale: string }>
searchParams: Promise<{ session_id?: string }>
searchParams: Promise<{ service?: string; session_id?: string }>
}) {
const { locale } = await params
setRequestLocale(locale)
const { session_id } = await searchParams
const t = await getTranslations('Rename')
const { service, session_id } = await searchParams
const t = await getTranslations('Paid')
const cfg = service ? getPaidService(service) : null
// Verifica el pago (una sola vez) y ejecuta el comando SOAP.
// Verifica el pago (una vez) y ejecuta el comando SOAP del servicio.
let okName: string | null = null
if (session_id) {
if (cfg && session_id) {
const claim = await claimPaidCheckout(session_id)
if (claim) {
const resp = await executeSoapCommand(`.char rename ${claim.characterName}`)
const resp = await executeSoapCommand(cfg.command(claim.characterName))
if (resp !== null) okName = claim.characterName
}
}
return (
<main className="mx-auto max-w-lg px-4 py-12 text-center">
<h1 className="mb-6 text-2xl font-bold text-amber-500">{t('successTitle')}</h1>
<h1 className="mb-6 text-2xl font-bold text-amber-500">{service ? t(`${service}.title`) : ''}</h1>
{okName ? (
<p className="text-green-400">{t('success', { name: okName })}</p>
<p className="text-green-400">{t(`${service}.success`, { name: okName })}</p>
) : (
<p className="text-red-400">{t('error')}</p>
)}
web-next/app/api/character/[service]/checkout/route.ts
+45
View File
@@ -0,0 +1,45 @@
import { getSession } from '@/lib/session'
import { getGameCharacters } from '@/lib/characters'
import { createCheckoutSession } from '@/lib/stripe'
import { getPaidService } from '@/lib/paid-services'
export async function POST(request: Request, { params }: { params: Promise<{ service: string }> }) {
const { service } = await params
const cfg = getPaidService(service)
if (!cfg) return Response.json({ success: false, error: 'invalidService' }, { status: 404 })
const session = await getSession()
if (!session.accountId) return Response.json({ success: false, error: 'notAuthenticated' }, { status: 401 })
let character = ''
try {
const body = await request.json()
character = String(body.character ?? '')
} catch {
return Response.json({ success: false, error: 'invalidRequest' }, { status: 400 })
}
if (!character) return Response.json({ success: false, error: 'invalidCharacter' })
const chars = await getGameCharacters(session.accountId)
if (!chars.find((c) => c.name === character)) {
return Response.json({ success: false, error: 'invalidCharacter' })
}
const price = await cfg.getPrice()
const site = process.env.SITE_URL || ''
const ip = (request.headers.get('x-forwarded-for') || '').split(',')[0].trim() || '0.0.0.0'
const r = await createCheckoutSession({
accountId: session.accountId,
username: session.username || '',
email: session.bnetEmail || '',
acoreIp: ip,
amount: price,
characterName: character,
productName: cfg.productName(character),
successUrl: `${site}/service-success?service=${service}`,
cancelUrl: `${site}/${service}`,
})
if (!r.success || !r.url) return Response.json({ success: false, error: 'stripeError' })
return Response.json({ success: true, url: r.url })
}