Ryth Azhur
787f90fd12
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>
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
'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>
|
|
)
|
|
}
|