C6: Runtime kernel owns data, status, error — adapters subscribe
The kernel is no longer a blind refetch pipe. Each context entry has:
{ data, status: idle|loading|success|error, error }
registerContext() returns { getState, subscribe, refetch, unregister }.
Adapters subscribe to state changes via callbacks. The kernel does
the fetch and notifies subscribers with the new state.
React adapter uses useSyncExternalStore for tear-free reads.
Vue adapter uses ref + subscribe callback.
Svelte adapter uses readable store backed by kernel subscription.
All three adapters also get:
- Mutation hooks with { mutate, isPending, error } (fixes H5)
- Vue: onServerPrefetch for Nuxt SSR (fixes M9)
- Svelte: readable store auto-cleans up on unsubscribe (fixes H9)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,8 @@
|
||||
/**
|
||||
* React Stage 2 — Generates hooks + context providers from Stage 1 output.
|
||||
*
|
||||
* Generated providers subscribe to the runtime kernel for state.
|
||||
* The kernel owns data, status, and error. React just renders.
|
||||
*/
|
||||
|
||||
function pascalCase(str) {
|
||||
@@ -19,8 +22,8 @@ export function generateReactAdapter(schema) {
|
||||
'',
|
||||
'// AUTO-GENERATED by mizan — do not edit',
|
||||
'',
|
||||
"import { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react'",
|
||||
"import { registerContext, mizanCall, mizanFetch } from '@mizan/runtime'",
|
||||
"import { createContext, useContext, useState, useEffect, useCallback, useRef, useSyncExternalStore, type ReactNode } from 'react'",
|
||||
"import { registerContext, mizanFetch, mizanCall, type ContextState } from '@mizan/runtime'",
|
||||
'',
|
||||
]
|
||||
|
||||
@@ -38,103 +41,114 @@ export function generateReactAdapter(schema) {
|
||||
lines.push('')
|
||||
}
|
||||
|
||||
// ── Global context hooks ────────────────────────────────────────────
|
||||
// ── Helper hook: subscribe to kernel state ──────────────────────────
|
||||
|
||||
if (globalContexts.length > 0) {
|
||||
const p = pascalCase('global')
|
||||
lines.push('// Subscribe to kernel state via useSyncExternalStore')
|
||||
lines.push('function useContextState<T>(')
|
||||
lines.push(' name: string,')
|
||||
lines.push(' params: Record<string, any>,')
|
||||
lines.push(' fetchFn: () => Promise<T>,')
|
||||
lines.push(' initialData?: T,')
|
||||
lines.push('): ContextState<T> {')
|
||||
lines.push(' const ref = useRef<ReturnType<typeof registerContext> | null>(null)')
|
||||
lines.push('')
|
||||
lines.push(' if (!ref.current) {')
|
||||
lines.push(' ref.current = registerContext(name, params, fetchFn, initialData)')
|
||||
lines.push(' }')
|
||||
lines.push('')
|
||||
lines.push(' const handle = ref.current')
|
||||
lines.push('')
|
||||
lines.push(' // Fetch on mount if no data')
|
||||
lines.push(' useEffect(() => {')
|
||||
lines.push(" if (handle.getState().status === 'idle') handle.refetch()")
|
||||
lines.push(' return () => handle.unregister()')
|
||||
lines.push(' }, [handle])')
|
||||
lines.push('')
|
||||
lines.push(' return useSyncExternalStore(')
|
||||
lines.push(' handle.subscribe,')
|
||||
lines.push(' handle.getState,')
|
||||
lines.push(' handle.getState,')
|
||||
lines.push(' )')
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
|
||||
lines.push(`// Global context — fetched once at app init`)
|
||||
lines.push(`const GlobalCtx = createContext<${p}ContextData | null>(null)`)
|
||||
lines.push('')
|
||||
// ── Mutation hook helper ────────────────────────────────────────────
|
||||
|
||||
lines.push(`export function GlobalContextProvider({ children }: { children: ReactNode }) {`)
|
||||
lines.push(` const [data, setData] = useState<${p}ContextData | null>(() => {`)
|
||||
lines.push(` if (typeof window === 'undefined') return null`)
|
||||
lines.push(` const ssr = (window as any).__MIZAN_SSR_DATA__`)
|
||||
lines.push(` return ssr ?? null`)
|
||||
lines.push(` })`)
|
||||
lines.push('')
|
||||
lines.push(` const refetch = useCallback(async () => {`)
|
||||
lines.push(` const result = await fetch${p}Context({} as any)`)
|
||||
lines.push(` setData(result)`)
|
||||
lines.push(` }, [])`)
|
||||
lines.push('')
|
||||
lines.push(` useEffect(() => { if (!data) refetch() }, [data, refetch])`)
|
||||
lines.push(` useEffect(() => registerContext('global', {}, refetch), [refetch])`)
|
||||
lines.push('')
|
||||
lines.push(` return <GlobalCtx.Provider value={data}>{children}</GlobalCtx.Provider>`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
lines.push('// Mutation hook with loading/error state')
|
||||
lines.push('function useMutation<TArgs, TResult>(')
|
||||
lines.push(' callFn: (args: TArgs) => Promise<TResult>,')
|
||||
lines.push('): { mutate: (args: TArgs) => Promise<TResult>; isPending: boolean; error: Error | null } {')
|
||||
lines.push(' const [isPending, setIsPending] = useState(false)')
|
||||
lines.push(' const [error, setError] = useState<Error | null>(null)')
|
||||
lines.push('')
|
||||
lines.push(' const mutate = useCallback(async (args: TArgs) => {')
|
||||
lines.push(' setIsPending(true)')
|
||||
lines.push(' setError(null)')
|
||||
lines.push(' try {')
|
||||
lines.push(' const result = await callFn(args)')
|
||||
lines.push(' return result')
|
||||
lines.push(' } catch (e) {')
|
||||
lines.push(' setError(e as Error)')
|
||||
lines.push(' throw e')
|
||||
lines.push(' } finally {')
|
||||
lines.push(' setIsPending(false)')
|
||||
lines.push(' }')
|
||||
lines.push(' }, [callFn])')
|
||||
lines.push('')
|
||||
lines.push(' return { mutate, isPending, error }')
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
|
||||
for (const fn of globalContexts) {
|
||||
const hookPascal = pascalCase(fn.camelName)
|
||||
lines.push(`export function use${hookPascal}(): ${fn.outputType} {`)
|
||||
lines.push(` const ctx = useContext(GlobalCtx)`)
|
||||
lines.push(` if (!ctx) throw new Error('use${hookPascal} requires GlobalContextProvider')`)
|
||||
lines.push(` return ctx.${fn.name}`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
}
|
||||
}
|
||||
// ── Context hooks ───────────────────────────────────────────────────
|
||||
|
||||
// ── Named context providers ─────────────────────────────────────────
|
||||
|
||||
for (const [ctxName, ctxMeta] of namedContexts) {
|
||||
for (const [ctxName, ctxMeta] of Object.entries(contextGroups)) {
|
||||
const p = pascalCase(ctxName)
|
||||
const ctxFunctions = functions.filter(fn => fn.isContext === ctxName)
|
||||
const paramEntries = Object.entries(ctxMeta.params || {})
|
||||
|
||||
lines.push(`// ${p} context`)
|
||||
lines.push(`const ${p}Ctx = createContext<${p}ContextData | null>(null)`)
|
||||
lines.push(`// ── ${p} Context ──`)
|
||||
lines.push('')
|
||||
|
||||
// Provider
|
||||
lines.push(`export function ${p}Context({ children, ...params }: ${p}ContextParams & { children: ReactNode }) {`)
|
||||
lines.push(` const [data, setData] = useState<${p}ContextData | null>(() => {`)
|
||||
lines.push(` if (typeof window === 'undefined') return null`)
|
||||
lines.push(` const ssr = (window as any).__MIZAN_SSR_DATA__`)
|
||||
if (ctxFunctions.length > 0) {
|
||||
lines.push(` if (ssr?.${ctxFunctions[0].name} !== undefined) return ssr`)
|
||||
// Hook that returns the full kernel state
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(`export function use${p}Context(params: ${p}ContextParams): ContextState<${p}ContextData> {`)
|
||||
lines.push(` const ssrData = typeof window !== 'undefined' ? (window as any).__MIZAN_SSR_DATA__ : null`)
|
||||
lines.push(` return useContextState('${ctxName}', params, () => fetch${p}Context(params), ssrData)`)
|
||||
} else {
|
||||
lines.push(`export function use${p}Context(): ContextState<${p}ContextData> {`)
|
||||
lines.push(` const ssrData = typeof window !== 'undefined' ? (window as any).__MIZAN_SSR_DATA__ : null`)
|
||||
lines.push(` return useContextState('${ctxName}', {}, () => fetch${p}Context({} as any), ssrData)`)
|
||||
}
|
||||
lines.push(` return null`)
|
||||
lines.push(` })`)
|
||||
lines.push('')
|
||||
lines.push(` const refetch = useCallback(async () => {`)
|
||||
lines.push(` const result = await fetch${p}Context(params)`)
|
||||
lines.push(` setData(result)`)
|
||||
|
||||
const deps = paramEntries.map(([pName]) => `params.${pName}`)
|
||||
lines.push(` }, [${deps.join(', ')}])`)
|
||||
lines.push('')
|
||||
lines.push(` useEffect(() => { if (!data) refetch() }, [data, refetch])`)
|
||||
lines.push(` useEffect(() => registerContext('${ctxName}', params, refetch), [${deps.join(', ')}, refetch])`)
|
||||
lines.push('')
|
||||
lines.push(` return <${p}Ctx.Provider value={data}>{children}</${p}Ctx.Provider>`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
|
||||
// Hooks
|
||||
// Convenience hooks for individual data fields
|
||||
for (const fn of ctxFunctions) {
|
||||
const hookPascal = pascalCase(fn.camelName)
|
||||
lines.push(`export function use${hookPascal}(): ${fn.outputType} | null {`)
|
||||
lines.push(` const ctx = useContext(${p}Ctx)`)
|
||||
lines.push(` return ctx?.${fn.name} ?? null`)
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(`export function use${hookPascal}(params: ${p}ContextParams): ${fn.outputType} | null {`)
|
||||
lines.push(` const state = use${p}Context(params)`)
|
||||
} else {
|
||||
lines.push(`export function use${hookPascal}(): ${fn.outputType} | null {`)
|
||||
lines.push(` const state = use${p}Context()`)
|
||||
}
|
||||
lines.push(` return state.data?.${fn.name} ?? null`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
}
|
||||
}
|
||||
|
||||
// ── Mutation hooks ──────────────────────────────────────────────────
|
||||
// ── Mutation hooks (with loading/error) ──────────────────────────────
|
||||
|
||||
for (const fn of mutations) {
|
||||
const p = pascalCase(fn.camelName)
|
||||
if (fn.hasInput) {
|
||||
lines.push(`export function use${p}() {`)
|
||||
lines.push(` return useCallback((args: Parameters<typeof call${p}>[0]) => call${p}(args), [])`)
|
||||
lines.push(` return useMutation<Parameters<typeof call${p}>[0], Awaited<ReturnType<typeof call${p}>>>(call${p})`)
|
||||
lines.push('}')
|
||||
} else {
|
||||
lines.push(`export function use${p}() {`)
|
||||
lines.push(` return useCallback(() => call${p}(), [])`)
|
||||
lines.push(` return useMutation<void, Awaited<ReturnType<typeof call${p}>>>(() => call${p}() as any)`)
|
||||
lines.push('}')
|
||||
}
|
||||
lines.push('')
|
||||
@@ -146,15 +160,21 @@ export function generateReactAdapter(schema) {
|
||||
const p = pascalCase(fn.camelName)
|
||||
if (fn.hasInput) {
|
||||
lines.push(`export function use${p}() {`)
|
||||
lines.push(` return useCallback((args: Parameters<typeof call${p}>[0]) => call${p}(args), [])`)
|
||||
lines.push(` return useMutation<Parameters<typeof call${p}>[0], Awaited<ReturnType<typeof call${p}>>>(call${p})`)
|
||||
lines.push('}')
|
||||
} else {
|
||||
lines.push(`export function use${p}() {`)
|
||||
lines.push(` return useCallback(() => call${p}(), [])`)
|
||||
lines.push(` return useMutation<void, Awaited<ReturnType<typeof call${p}>>>(() => call${p}() as any)`)
|
||||
lines.push('}')
|
||||
}
|
||||
lines.push('')
|
||||
}
|
||||
|
||||
// ── Re-export runtime types ─────────────────────────────────────────
|
||||
|
||||
lines.push("export type { ContextState } from '@mizan/runtime'")
|
||||
lines.push("export { configure, initSession, MizanError } from '@mizan/runtime'")
|
||||
lines.push('')
|
||||
|
||||
return lines.join('\n')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
/**
|
||||
* Svelte Stage 2 — Generates stores from Stage 1 output.
|
||||
*
|
||||
* Subscribes to the kernel for state. Returns readable stores.
|
||||
*/
|
||||
|
||||
function pascalCase(str) {
|
||||
@@ -15,12 +17,11 @@ export function generateSvelteAdapter(schema) {
|
||||
const lines = [
|
||||
'// AUTO-GENERATED by mizan — do not edit',
|
||||
'',
|
||||
"import { writable, derived, type Readable } from 'svelte/store'",
|
||||
"import { registerContext } from '@mizan/runtime'",
|
||||
"import { readable, type Readable } from 'svelte/store'",
|
||||
"import { registerContext, type ContextState } from '@mizan/runtime'",
|
||||
'',
|
||||
]
|
||||
|
||||
// Stage 1 imports
|
||||
const stage1Imports = []
|
||||
for (const [ctxName] of Object.entries(contextGroups)) {
|
||||
const p = pascalCase(ctxName)
|
||||
@@ -34,14 +35,11 @@ export function generateSvelteAdapter(schema) {
|
||||
lines.push('')
|
||||
}
|
||||
|
||||
// ── Context stores ──────────────────────────────────────────────────
|
||||
|
||||
for (const [ctxName, ctxMeta] of Object.entries(contextGroups)) {
|
||||
const p = pascalCase(ctxName)
|
||||
const ctxFunctions = functions.filter(fn => fn.isContext === ctxName)
|
||||
const paramEntries = Object.entries(ctxMeta.params || {})
|
||||
|
||||
lines.push(`// ${p} context`)
|
||||
const paramsArg = paramEntries.length > 0 ? 'params' : '{} as any'
|
||||
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(`export function create${p}Context(params: ${p}ContextParams) {`)
|
||||
@@ -49,49 +47,32 @@ export function generateSvelteAdapter(schema) {
|
||||
lines.push(`export function create${p}Context() {`)
|
||||
}
|
||||
|
||||
lines.push(` const data = writable<${p}ContextData | null>(null)`)
|
||||
lines.push(` const loading = writable(true)`)
|
||||
// Use readable store backed by kernel subscription
|
||||
lines.push(` const store = readable<ContextState<${p}ContextData>>(`)
|
||||
lines.push(` { data: null, status: 'idle', error: null },`)
|
||||
lines.push(` (set) => {`)
|
||||
lines.push(` const handle = registerContext('${ctxName}', ${paramsArg}, () => fetch${p}Context(${paramsArg}))`)
|
||||
lines.push(` const unsub = handle.subscribe(() => set(handle.getState()))`)
|
||||
lines.push(` handle.refetch()`)
|
||||
lines.push(` return () => { unsub(); handle.unregister() }`)
|
||||
lines.push(` },`)
|
||||
lines.push(` )`)
|
||||
lines.push('')
|
||||
lines.push(` const refetch = async () => {`)
|
||||
lines.push(` loading.set(true)`)
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(` const result = await fetch${p}Context(params)`)
|
||||
} else {
|
||||
lines.push(` const result = await fetch${p}Context({} as any)`)
|
||||
}
|
||||
lines.push(` data.set(result)`)
|
||||
lines.push(` loading.set(false)`)
|
||||
lines.push(` }`)
|
||||
lines.push('')
|
||||
lines.push(` refetch()`)
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(` const unregister = registerContext('${ctxName}', params, refetch)`)
|
||||
} else {
|
||||
lines.push(` const unregister = registerContext('${ctxName}', {}, refetch)`)
|
||||
}
|
||||
lines.push('')
|
||||
|
||||
// Derived stores for each function
|
||||
lines.push(` return {`)
|
||||
lines.push(` data,`)
|
||||
lines.push(` loading,`)
|
||||
for (const fn of ctxFunctions) {
|
||||
const camel = fn.camelName
|
||||
lines.push(` ${camel}: derived(data, $d => $d?.${fn.name} ?? null) as Readable<${fn.outputType} | null>,`)
|
||||
}
|
||||
lines.push(` destroy: unregister,`)
|
||||
lines.push(` }`)
|
||||
lines.push(` return store`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
}
|
||||
|
||||
// ── Mutation + function exports ─────────────────────────────────────
|
||||
|
||||
// Re-export mutations as-is from Stage 1
|
||||
for (const fn of [...mutations, ...plainFns]) {
|
||||
const p = pascalCase(fn.camelName)
|
||||
lines.push(`export { call${p} } from '../${fn.affects ? 'mutations' : 'functions'}/${fn.camelName}'`)
|
||||
lines.push(`export { call${p} } from '../index'`)
|
||||
}
|
||||
lines.push('')
|
||||
|
||||
lines.push("export type { ContextState } from '@mizan/runtime'")
|
||||
lines.push("export { configure, initSession, MizanError } from '@mizan/runtime'")
|
||||
lines.push('')
|
||||
|
||||
return lines.join('\n')
|
||||
}
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
/**
|
||||
* Vue Stage 2 — Generates composables from Stage 1 output.
|
||||
*
|
||||
* Subscribes to the kernel for state. Vue reactivity wraps kernel notifications.
|
||||
*/
|
||||
|
||||
function pascalCase(str) {
|
||||
@@ -15,12 +17,11 @@ export function generateVueAdapter(schema) {
|
||||
const lines = [
|
||||
'// AUTO-GENERATED by mizan — do not edit',
|
||||
'',
|
||||
"import { ref, computed, watch, onMounted, onUnmounted, provide, inject, type Ref, type ComputedRef, type InjectionKey } from 'vue'",
|
||||
"import { registerContext } from '@mizan/runtime'",
|
||||
"import { ref, computed, onMounted, onUnmounted, onServerPrefetch, type ComputedRef } from 'vue'",
|
||||
"import { registerContext, type ContextState } from '@mizan/runtime'",
|
||||
'',
|
||||
]
|
||||
|
||||
// Stage 1 imports
|
||||
const stage1Imports = []
|
||||
for (const [ctxName] of Object.entries(contextGroups)) {
|
||||
const p = pascalCase(ctxName)
|
||||
@@ -34,72 +35,70 @@ export function generateVueAdapter(schema) {
|
||||
lines.push('')
|
||||
}
|
||||
|
||||
// ── Context composables ─────────────────────────────────────────────
|
||||
|
||||
for (const [ctxName, ctxMeta] of Object.entries(contextGroups)) {
|
||||
const p = pascalCase(ctxName)
|
||||
const ctxFunctions = functions.filter(fn => fn.isContext === ctxName)
|
||||
const paramEntries = Object.entries(ctxMeta.params || {})
|
||||
const paramsArg = paramEntries.length > 0 ? 'params' : '{} as any'
|
||||
|
||||
lines.push(`// ${p} context`)
|
||||
lines.push(`const ${p}Key: InjectionKey<{ data: Ref<${p}ContextData | null>, loading: Ref<boolean> }> = Symbol('${ctxName}')`)
|
||||
lines.push('')
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(`export function use${p}Context(params: ${p}ContextParams) {`)
|
||||
} else {
|
||||
lines.push(`export function use${p}Context() {`)
|
||||
}
|
||||
|
||||
// Provider composable
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(`export function provide${p}Context(params: { ${paramEntries.map(([k, v]) => `${k}: ${v.type === 'integer' || v.type === 'number' ? 'number' : 'string'}`).join(', ')} }) {`)
|
||||
} else {
|
||||
lines.push(`export function provide${p}Context() {`)
|
||||
}
|
||||
lines.push(` const data = ref<${p}ContextData | null>(null)`)
|
||||
lines.push(` const loading = ref(true)`)
|
||||
lines.push(` const state = ref<ContextState<${p}ContextData>>({ data: null, status: 'idle', error: null })`)
|
||||
lines.push(` let handle: ReturnType<typeof registerContext> | null = null`)
|
||||
lines.push('')
|
||||
lines.push(` const refetch = async () => {`)
|
||||
lines.push(` loading.value = true`)
|
||||
lines.push(` try {`)
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(` data.value = await fetch${p}Context(params as any)`)
|
||||
} else {
|
||||
lines.push(` data.value = await fetch${p}Context({} as any)`)
|
||||
}
|
||||
lines.push(` } catch (e) { console.error('[mizan] ${ctxName} fetch failed:', e) }`)
|
||||
lines.push(` loading.value = false`)
|
||||
lines.push(` }`)
|
||||
lines.push('')
|
||||
lines.push(` let unregister: (() => void) | null = null`)
|
||||
lines.push(` onMounted(() => {`)
|
||||
lines.push(` refetch()`)
|
||||
if (paramEntries.length > 0) {
|
||||
lines.push(` unregister = registerContext('${ctxName}', params, refetch)`)
|
||||
} else {
|
||||
lines.push(` unregister = registerContext('${ctxName}', {}, refetch)`)
|
||||
}
|
||||
lines.push(` handle = registerContext('${ctxName}', ${paramsArg}, () => fetch${p}Context(${paramsArg}))`)
|
||||
lines.push(` handle.subscribe(() => { state.value = handle!.getState() })`)
|
||||
lines.push(` handle.refetch()`)
|
||||
lines.push(` })`)
|
||||
lines.push(` onUnmounted(() => { unregister?.() })`)
|
||||
lines.push('')
|
||||
lines.push(` provide(${p}Key, { data, loading })`)
|
||||
lines.push(` onServerPrefetch(async () => {`)
|
||||
lines.push(` handle = registerContext('${ctxName}', ${paramsArg}, () => fetch${p}Context(${paramsArg}))`)
|
||||
lines.push(` await handle.refetch()`)
|
||||
lines.push(` state.value = handle.getState()`)
|
||||
lines.push(` })`)
|
||||
lines.push('')
|
||||
lines.push(` onUnmounted(() => { handle?.unregister() })`)
|
||||
lines.push('')
|
||||
lines.push(` return {`)
|
||||
lines.push(` state,`)
|
||||
for (const fn of ctxFunctions) {
|
||||
lines.push(` ${fn.camelName}: computed(() => state.value.data?.${fn.name} ?? null) as ComputedRef<${fn.outputType} | null>,`)
|
||||
}
|
||||
lines.push(` loading: computed(() => state.value.status === 'loading'),`)
|
||||
lines.push(` error: computed(() => state.value.error),`)
|
||||
lines.push(` }`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
|
||||
// Consumer composables
|
||||
for (const fn of ctxFunctions) {
|
||||
const hookPascal = pascalCase(fn.camelName)
|
||||
lines.push(`export function use${hookPascal}(): ComputedRef<${fn.outputType} | null> {`)
|
||||
lines.push(` const ctx = inject(${p}Key)`)
|
||||
lines.push(` if (!ctx) throw new Error('use${hookPascal} requires provide${p}Context in a parent')`)
|
||||
lines.push(` return computed(() => ctx.data.value?.${fn.name} ?? null)`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
}
|
||||
}
|
||||
|
||||
// ── Mutation composables ────────────────────────────────────────────
|
||||
|
||||
for (const fn of [...mutations, ...plainFns]) {
|
||||
const p = pascalCase(fn.camelName)
|
||||
lines.push(`export const use${p} = call${p}`)
|
||||
lines.push(`export function use${p}() {`)
|
||||
lines.push(` const isPending = ref(false)`)
|
||||
lines.push(` const error = ref<Error | null>(null)`)
|
||||
if (fn.hasInput) {
|
||||
lines.push(` async function mutate(args: Parameters<typeof call${p}>[0]) {`)
|
||||
} else {
|
||||
lines.push(` async function mutate() {`)
|
||||
}
|
||||
lines.push(` isPending.value = true; error.value = null`)
|
||||
lines.push(` try { return await call${p}(${fn.hasInput ? 'args' : ''}) }`)
|
||||
lines.push(` catch (e) { error.value = e as Error; throw e }`)
|
||||
lines.push(` finally { isPending.value = false }`)
|
||||
lines.push(` }`)
|
||||
lines.push(` return { mutate, isPending, error }`)
|
||||
lines.push('}')
|
||||
lines.push('')
|
||||
}
|
||||
|
||||
lines.push("export type { ContextState } from '@mizan/runtime'")
|
||||
lines.push("export { configure, initSession, MizanError } from '@mizan/runtime'")
|
||||
lines.push('')
|
||||
|
||||
return lines.join('\n')
|
||||
}
|
||||
|
||||
@@ -3,11 +3,7 @@
|
||||
*
|
||||
* Zero framework dependencies. React, Vue, Svelte — all import from here.
|
||||
*
|
||||
* Four concerns:
|
||||
* 1. Configuration — baseUrl, auth headers, CSRF
|
||||
* 2. Context registry — mounted providers register for invalidation
|
||||
* 3. Invalidation — microtask-batched, scoped or broad
|
||||
* 4. Fetch — mizanFetch (GET context bundles) + mizanCall (POST mutations)
|
||||
* The kernel owns the data. Adapters subscribe and render.
|
||||
*/
|
||||
|
||||
// === Error ===
|
||||
@@ -54,12 +50,6 @@ function getCSRFToken(): string | null {
|
||||
|
||||
let _sessionReady: Promise<void> | null = null
|
||||
|
||||
/**
|
||||
* Initialize a session (fetches CSRF cookie from GET /session/).
|
||||
* Called automatically on first fetch if not called explicitly.
|
||||
* No-op if a CSRF cookie already exists.
|
||||
* Retries on failure — resets so next call tries again.
|
||||
*/
|
||||
export function initSession(): Promise<void> {
|
||||
if (_sessionReady) return _sessionReady
|
||||
|
||||
@@ -76,39 +66,109 @@ export function initSession(): Promise<void> {
|
||||
if (attempt < 2) await new Promise(r => setTimeout(r, (attempt + 1) * 100))
|
||||
}
|
||||
|
||||
// All retries failed — reset so next call tries again
|
||||
_sessionReady = null
|
||||
})()
|
||||
|
||||
return _sessionReady
|
||||
}
|
||||
|
||||
// === Context Registry ===
|
||||
// === Context State ===
|
||||
|
||||
export type RefetchFn = () => void
|
||||
export type ContextStatus = 'idle' | 'loading' | 'success' | 'error'
|
||||
|
||||
export interface ContextState<T = any> {
|
||||
data: T | null
|
||||
status: ContextStatus
|
||||
error: Error | null
|
||||
}
|
||||
|
||||
type Listener = () => void
|
||||
type ParamKey = string
|
||||
|
||||
interface ContextEntry {
|
||||
params: Record<string, any>
|
||||
refetch: RefetchFn
|
||||
state: ContextState
|
||||
listeners: Set<Listener>
|
||||
fetchFn: () => Promise<any>
|
||||
}
|
||||
|
||||
const contexts: Map<string, Map<ParamKey, ContextEntry>> = new Map()
|
||||
|
||||
/** Deterministic JSON key for params — sorted to avoid order-dependency */
|
||||
function stableKey(params: Record<string, any>): string {
|
||||
return JSON.stringify(params, Object.keys(params).sort())
|
||||
}
|
||||
|
||||
/**
|
||||
* Register a context instance. The kernel owns the fetch lifecycle.
|
||||
*
|
||||
* Returns { getState, subscribe, refetch, unregister }.
|
||||
* Adapters call subscribe() to get notified on state changes.
|
||||
*/
|
||||
export function registerContext(
|
||||
name: string,
|
||||
params: Record<string, any>,
|
||||
refetch: RefetchFn,
|
||||
): () => void {
|
||||
fetchFn: () => Promise<any>,
|
||||
initialData?: any,
|
||||
): {
|
||||
getState: () => ContextState
|
||||
subscribe: (listener: Listener) => () => void
|
||||
refetch: () => Promise<void>
|
||||
unregister: () => void
|
||||
} {
|
||||
if (!contexts.has(name)) contexts.set(name, new Map())
|
||||
const key = stableKey(params)
|
||||
contexts.get(name)!.set(key, { params, refetch })
|
||||
return () => contexts.get(name)?.delete(key)
|
||||
const map = contexts.get(name)!
|
||||
|
||||
// Reuse existing entry if same key is re-registered (React Strict Mode)
|
||||
let entry = map.get(key)
|
||||
if (!entry) {
|
||||
entry = {
|
||||
params,
|
||||
state: {
|
||||
data: initialData ?? null,
|
||||
status: initialData ? 'success' : 'idle',
|
||||
error: null,
|
||||
},
|
||||
listeners: new Set(),
|
||||
fetchFn,
|
||||
}
|
||||
map.set(key, entry)
|
||||
} else {
|
||||
// Update fetchFn in case closure changed
|
||||
entry.fetchFn = fetchFn
|
||||
}
|
||||
|
||||
const self = entry
|
||||
|
||||
function notify() {
|
||||
self.listeners.forEach(l => l())
|
||||
}
|
||||
|
||||
async function refetch() {
|
||||
self.state = { ...self.state, status: 'loading', error: null }
|
||||
notify()
|
||||
|
||||
try {
|
||||
const data = await self.fetchFn()
|
||||
self.state = { data, status: 'success', error: null }
|
||||
} catch (e) {
|
||||
self.state = { ...self.state, status: 'error', error: e as Error }
|
||||
}
|
||||
notify()
|
||||
}
|
||||
|
||||
return {
|
||||
getState: () => self.state,
|
||||
subscribe: (listener: Listener) => {
|
||||
self.listeners.add(listener)
|
||||
return () => self.listeners.delete(listener)
|
||||
},
|
||||
refetch,
|
||||
unregister: () => {
|
||||
self.listeners.clear()
|
||||
map.delete(key)
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
// === Invalidation ===
|
||||
@@ -130,18 +190,42 @@ export function invalidate(context: string, params?: Record<string, any>): void
|
||||
}
|
||||
|
||||
function flush(): void {
|
||||
// Broad invalidations — refetch all instances
|
||||
for (const name of pending) {
|
||||
const entries = contexts.get(name)
|
||||
if (entries) entries.forEach(entry => entry.refetch())
|
||||
if (entries) {
|
||||
entries.forEach(entry => {
|
||||
entry.state = { ...entry.state, status: 'loading', error: null }
|
||||
entry.listeners.forEach(l => l())
|
||||
entry.fetchFn().then(data => {
|
||||
entry.state = { data, status: 'success', error: null }
|
||||
entry.listeners.forEach(l => l())
|
||||
}).catch(err => {
|
||||
entry.state = { ...entry.state, status: 'error', error: err }
|
||||
entry.listeners.forEach(l => l())
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// Scoped invalidations — refetch matching params
|
||||
for (const { context: name, params } of pendingScoped) {
|
||||
if (pending.has(name)) continue
|
||||
const entries = contexts.get(name)
|
||||
if (!entries) continue
|
||||
const key = stableKey(params)
|
||||
const entry = entries.get(key)
|
||||
if (entry) entry.refetch()
|
||||
if (entry) {
|
||||
entry.state = { ...entry.state, status: 'loading', error: null }
|
||||
entry.listeners.forEach(l => l())
|
||||
entry.fetchFn().then(data => {
|
||||
entry.state = { data, status: 'success', error: null }
|
||||
entry.listeners.forEach(l => l())
|
||||
}).catch(err => {
|
||||
entry.state = { ...entry.state, status: 'error', error: err }
|
||||
entry.listeners.forEach(l => l())
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
pending.clear()
|
||||
@@ -159,7 +243,6 @@ async function fetchWithRetry(
|
||||
for (let attempt = 0; ; attempt++) {
|
||||
try {
|
||||
const res = await fetch(input, init)
|
||||
// Don't retry client errors (4xx) — only server/network errors
|
||||
if (res.ok || (res.status >= 400 && res.status < 500)) return res
|
||||
if (attempt >= retries) return res
|
||||
} catch (e) {
|
||||
@@ -209,7 +292,6 @@ export async function mizanCall(
|
||||
const headers = await resolveHeaders()
|
||||
headers['Content-Type'] = 'application/json'
|
||||
|
||||
// Mutations are not retried — they are not idempotent
|
||||
const res = await fetch(`${config.baseUrl}/call/`, {
|
||||
method: 'POST',
|
||||
headers,
|
||||
|
||||
Reference in New Issue
Block a user