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>
23 lines
705 B
TypeScript
23 lines
705 B
TypeScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import { resolve } from 'node:path'
|
|
|
|
// El bundle se construye en ../static/dist (que está en STATICFILES_DIRS),
|
|
// con manifest para que django-vite resuelva los assets en producción.
|
|
// base '/static/dist/' → coincide con static_url_prefix='dist' de django-vite.
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
base: '/static/dist/',
|
|
build: {
|
|
manifest: true,
|
|
outDir: resolve(__dirname, '../static/dist'),
|
|
emptyOutDir: true,
|
|
rollupOptions: {
|
|
input: {
|
|
home: resolve(__dirname, 'src/entries/home.tsx'),
|
|
login: resolve(__dirname, 'src/entries/login.tsx'),
|
|
},
|
|
},
|
|
},
|
|
})
|