Files
NightSpire/frontend
Inna d0febb4855 Fase 3 (islas): cambiar contraseña y token de seguridad en React/TSX
Ambas vistas ya devolvían JSON en POST y exigen sesión, así que sin cambio de backend:

- ChangePasswordForm.tsx: 4 campos (actual/nueva/confirmar/token) con mostrar-ocultar;
  POST form-urlencoded + CSRF a change_password; mensaje HTML; si el backend responde
  redirect:true (logout por seguridad), redirige a login.
- SecurityTokenForm.tsx: muestra la fecha del token y un botón que solicita uno nuevo;
  POST -> actualiza la fecha con token_date de la respuesta.
- Plantillas: los <form> + scripts jQuery se sustituyen por las islas
  (#change-password-app / #security-token-app) con data-csrf/data-url. El texto
  informativo y los enlaces se quedan en Django.

Verificado: check OK; ambas vistas siguen redirigiendo a login/index sin sesión.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-12 21:26:30 +00:00
..

Frontend NovaWoW (islas React/TSX con Vite)

Migración incremental de las plantillas HTML de Django a componentes React/TSX, montados como islas sobre las páginas que sigue sirviendo Django. Los datos se obtienen de endpoints JSON bajo /api/ (ver home/api_urls.py).

Estructura

  • src/entries/*.tsx — puntos de entrada de Vite; cada uno monta una isla en un contenedor que deja la plantilla Django (p. ej. #home-news-app).
  • src/components/*.tsx — componentes React.
  • vite.config.ts — build a ../static/dist con manifest (base /static/dist/).

La plantilla carga la isla con {% load django_vite %} + {% vite_asset 'src/entries/xxx.tsx' %}.

Desarrollo (con HMR)

Requiere DJANGO_DEBUG=True. En un terminal:

cd frontend && npm install && npm run dev

django-vite (dev_mode = DEBUG) inyecta el cliente HMR y sirve desde el dev server.

Producción (build)

Con DJANGO_DEBUG=False, Django sirve el bundle construido vía manifest. Tras cualquier cambio en frontend/:

cd /root/NovaWoW/frontend && npm run build     # genera ../static/dist + manifest
cd /root/NovaWoW && .venv/bin/python manage.py collectstatic --noinput
systemctl restart novawow

Los artefactos (node_modules/, static/dist/) están en .gitignore: se regeneran con npm run build.