Full test infrastructure, code audit fixes, and real E2E integration tests
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>
This commit is contained in:
102
react/src/channels/context.tsx
Normal file
102
react/src/channels/context.tsx
Normal file
@@ -0,0 +1,102 @@
|
||||
'use client'
|
||||
|
||||
/**
|
||||
* React context for djarea/channels
|
||||
*/
|
||||
|
||||
import { createContext, useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
|
||||
import { ChannelConnection, type ChannelConnectionOptions } from './connection'
|
||||
import type { ConnectionStatus } from './types'
|
||||
|
||||
interface ChannelContextValue {
|
||||
connection: ChannelConnection
|
||||
status: ConnectionStatus
|
||||
}
|
||||
|
||||
const ChannelContext = createContext<ChannelContextValue | null>(null)
|
||||
|
||||
export interface ChannelProviderProps {
|
||||
children: ReactNode
|
||||
|
||||
/** WebSocket URL (default: /ws/) */
|
||||
url?: string
|
||||
|
||||
/** Reconnect on disconnect (default: true) */
|
||||
reconnect?: boolean
|
||||
|
||||
/** Reconnection delay in ms (default: 1000) */
|
||||
reconnectDelay?: number
|
||||
|
||||
/** Maximum reconnection attempts (default: 10) */
|
||||
maxReconnectAttempts?: number
|
||||
|
||||
/** Connect automatically on mount (default: true) */
|
||||
autoConnect?: boolean
|
||||
|
||||
/** Custom connection instance (for testing) */
|
||||
connection?: ChannelConnection
|
||||
}
|
||||
|
||||
export function ChannelProvider({
|
||||
children,
|
||||
url,
|
||||
reconnect,
|
||||
reconnectDelay,
|
||||
maxReconnectAttempts,
|
||||
autoConnect = true,
|
||||
connection: providedConnection,
|
||||
}: ChannelProviderProps) {
|
||||
const connectionRef = useRef<ChannelConnection | null>(null)
|
||||
|
||||
// Use provided connection or create one
|
||||
if (!connectionRef.current) {
|
||||
connectionRef.current = providedConnection ?? new ChannelConnection({
|
||||
url,
|
||||
reconnect,
|
||||
reconnectDelay,
|
||||
maxReconnectAttempts,
|
||||
})
|
||||
}
|
||||
|
||||
const connection = connectionRef.current
|
||||
|
||||
// Track status for context value
|
||||
const [status, setStatus] = useState<ConnectionStatus>(connection.status)
|
||||
|
||||
useEffect(() => {
|
||||
const unsubscribe = connection.onStatusChange(setStatus)
|
||||
|
||||
if (autoConnect) {
|
||||
connection.connect()
|
||||
}
|
||||
|
||||
return () => {
|
||||
unsubscribe()
|
||||
connection.disconnect()
|
||||
}
|
||||
}, [connection, autoConnect])
|
||||
|
||||
const value = useMemo(() => ({
|
||||
connection,
|
||||
status,
|
||||
}), [connection, status])
|
||||
|
||||
return (
|
||||
<ChannelContext value={value}>
|
||||
{children}
|
||||
</ChannelContext>
|
||||
)
|
||||
}
|
||||
|
||||
export function useChannelContext(): ChannelContextValue {
|
||||
const context = useContext(ChannelContext)
|
||||
if (!context) {
|
||||
throw new Error('useChannelContext must be used within a ChannelProvider')
|
||||
}
|
||||
return context
|
||||
}
|
||||
|
||||
export function useChannelStatus(): ConnectionStatus {
|
||||
const { status } = useChannelContext()
|
||||
return status
|
||||
}
|
||||
Reference in New Issue
Block a user