Ryth Azhur
4451ec24a1
Test infrastructure: - Django standalone test runner (pytest-django, test settings, EmailUser model) - React unit tests via Vitest with jsdom, jest compat layer, path aliases - Playwright E2E tests using generated hooks in a real Chromium browser - Docker Compose test backend (Django + Redis) for integration testing - Desktop integration test app (PyWebView + Django + uvicorn) - Makefile with test/test-django/test-react/test-integration targets Library bugs found and fixed: - hasJWT truthiness: undefined !== null was true, skipping session init - process.env crash: CSR client referenced process.env in non-Node browsers - baseUrl not forwarded: DjareaProvider didn't pass baseUrl to CSR client - Relative URL handling: new URL() failed with relative base paths - call() race condition: HTTP requests fired before CSRF cookie was set - Session init await: added sessionRef promise so call() waits for session - path_prefix on schema export: both export commands failed with URL reverse - NullBooleanField removed: referenced field doesn't exist in Django 5.0+ - lru_cache on JWT settings: get_settings() now cached as intended - Channel message routing: broadcasts now include channel name and params - httpFunctionCall: fixed URL and request body format Generator fixes: - Removed 1,100 lines of REST/OpenAPI client generation (not part of Djarea) - Generator now works for djarea-only projects without django-ninja REST APIs - Generated DjangoContext now includes ChannelProvider when channels exist - Fixed env var passthrough for schema export commands - Deduplicated fetch logic into single runDjangoCommand helper Test quality: - Fixed 33 tautological Django tests with real assertions - Found hidden bug: benchmark functions were never registered - Found hidden bug: unicode lookalike test used plain ASCII - Deleted worthless React unit tests (duplicates, shape checks, Zod-tests-Zod) - Replaced jsdom integration tests with Playwright browser tests Example apps: - example/: Integration test backend with 33 server functions, 5 forms, 4 channels covering auth variations, contexts, class-based ServerFunction, error codes, DjareaFormMixin, formsets, and JWT - desktop/: PyWebView desktop app with file system access, SQLite CRUD, system introspection, and 39 real HTTP integration tests Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
76 lines
2.6 KiB
TypeScript
76 lines
2.6 KiB
TypeScript
'use client'
|
|
|
|
import { useAuthContext, useConfig } from '../../contexts/AuthContext'
|
|
import { getAuthDetails } from '../../api'
|
|
import { AuthDjangoForm } from '../AuthDjangoForm'
|
|
import { PasskeyLogin } from '../PasskeyLogin'
|
|
import { ProviderList } from '../ProviderList'
|
|
import type { AllauthConfiguration } from '../../types'
|
|
|
|
interface LoginViewProps {
|
|
/** Called after successful login (or when MFA is triggered) */
|
|
onSuccess?: () => void
|
|
/** Called when user clicks "Create account" */
|
|
onSignupClick?: () => void
|
|
/** Called when user clicks "Forgot password" */
|
|
onForgotPasswordClick?: () => void
|
|
/** Called when user clicks "Sign in with code" */
|
|
onLoginByCodeClick?: () => void
|
|
/** OAuth callback URL for social providers */
|
|
oauthCallbackUrl?: string
|
|
}
|
|
|
|
export function LoginView({
|
|
onSuccess,
|
|
onSignupClick,
|
|
onForgotPasswordClick,
|
|
onLoginByCodeClick,
|
|
oauthCallbackUrl,
|
|
}: LoginViewProps) {
|
|
const { refresh } = useAuthContext()
|
|
const config = useConfig()
|
|
|
|
// Get feature flags from backend config
|
|
const allauthConfig = config?.data as AllauthConfiguration | undefined
|
|
const isSignupEnabled = allauthConfig?.account?.is_open_for_signup ?? true
|
|
const isLoginByCodeEnabled = allauthConfig?.account?.login_by_code_enabled ?? false
|
|
|
|
const handleSuccess = async () => {
|
|
const newAuth = await refresh()
|
|
const details = getAuthDetails(newAuth)
|
|
|
|
// Only call onSuccess if fully authenticated (no pending MFA)
|
|
// If MFA is pending, AllauthUI will handle showing the MFA view
|
|
if (details.isAuthenticated) {
|
|
onSuccess?.()
|
|
}
|
|
}
|
|
|
|
// Build footer links based on provided callbacks AND backend config
|
|
const footerLinks: Array<{ href?: string; label: string; onClick?: () => void }> = []
|
|
|
|
if (onForgotPasswordClick) {
|
|
footerLinks.push({ label: 'Forgot your password?', onClick: onForgotPasswordClick })
|
|
}
|
|
if (onLoginByCodeClick && isLoginByCodeEnabled) {
|
|
footerLinks.push({ label: 'Sign in with a code instead', onClick: onLoginByCodeClick })
|
|
}
|
|
if (onSignupClick && isSignupEnabled) {
|
|
footerLinks.push({ label: "Don't have an account? Sign up", onClick: onSignupClick })
|
|
}
|
|
|
|
return (
|
|
<AuthDjangoForm
|
|
formName="login"
|
|
onSuccess={handleSuccess}
|
|
footerLinks={footerLinks}
|
|
postFields={
|
|
<>
|
|
<PasskeyLogin onSuccess={onSuccess} />
|
|
{oauthCallbackUrl && <ProviderList callbackUrl={oauthCallbackUrl} />}
|
|
</>
|
|
}
|
|
/>
|
|
)
|
|
}
|