Flatten to three packages + extract mizan-runtime
packages/
mizan-runtime/ Framework-agnostic state engine (~150 lines)
Context registry, batched invalidation, fetch primitives
mizan-django/ Django server adapter (was packages/mizan-rpc/adapters/django/)
Codegen moved to mizan-django/generate/
mizan-react/ React adapter (was packages/mizan-csr/adapters/react/)
Removed premature abstractions: mizan-ast, mizan-schema, mizan-rpc,
mizan-csr, mizan-ssr stub packages. The actual architecture is three
concrete packages, not five abstract layers.
mizan-runtime implements the v1 spec: registerContext with params,
scoped invalidation via microtask batching, server-driven invalidation
from mutation responses, mizanFetch for context bundles, mizanCall for
mutations.
264 Django + 33 React tests pass.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
56
packages/mizan-react/src/allauth/components/ProviderList.tsx
Normal file
56
packages/mizan-react/src/allauth/components/ProviderList.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
'use client'
|
||||
|
||||
import { useConfig } from '../contexts/AuthContext'
|
||||
import { useAllauthAPI } from '../contexts/APIContext'
|
||||
import { useStyles } from '../contexts/StylesContext'
|
||||
|
||||
interface Provider {
|
||||
id: string
|
||||
name: string
|
||||
}
|
||||
|
||||
interface ProviderListProps {
|
||||
callbackUrl: string
|
||||
process?: 'login' | 'connect'
|
||||
}
|
||||
|
||||
export function ProviderList({ callbackUrl, process = 'login' }: ProviderListProps) {
|
||||
const config = useConfig()
|
||||
const api = useAllauthAPI()
|
||||
const styles = useStyles()
|
||||
|
||||
const providers: Provider[] = config?.data?.socialaccount?.providers || []
|
||||
|
||||
if (providers.length === 0) {
|
||||
return null
|
||||
}
|
||||
|
||||
const handleProviderClick = (providerId: string) => {
|
||||
const provider = api.oauth.provider(providerId)
|
||||
if (process === 'connect') {
|
||||
provider.connect.withRedirect(callbackUrl)
|
||||
} else {
|
||||
provider.login.withRedirect(callbackUrl)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={styles.providersContainer}>
|
||||
<div className={styles.divider}>
|
||||
<span className={styles.dividerText}>or continue with</span>
|
||||
</div>
|
||||
<div className={styles.providerButtons}>
|
||||
{providers.map((provider) => (
|
||||
<button
|
||||
key={provider.id}
|
||||
type="button"
|
||||
onClick={() => handleProviderClick(provider.id)}
|
||||
className={styles.providerButton}
|
||||
>
|
||||
{provider.name}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user