Inna
0909567e0d
El login se migra a una isla React. login_view ya devolvía JSON en POST, así que
el backend no cambia: LoginForm.tsx hace fetch (form-urlencoded + CSRF) al mismo
{% url 'login' %} y replica el comportamiento del antiguo login_response.js
(mostrar/ocultar contraseña, estados del botón, éxito -> redirige a my-account,
alert/locked, errores transitorios).
- partials/login.html: el <form> + el script jQuery se sustituyen por
#login-app (con data-csrf/data-login-url/data-success-url) + {% vite_asset %}.
La rama "ya conectado" y los enlaces (recover, create-account) siguen en Django.
- CSRF vía data-csrf="{{ csrf_token }}" (fija la cookie y da el token); el fetch
lo manda como X-CSRFToken y csrfmiddlewaretoken. El navegador adjunta Referer.
- Nueva entry 'login' en vite.config.ts.
Verificado: check OK, la página monta la isla, POST devuelve JSON correcto.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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/distcon 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.