46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { ReactNode, useCallback, useEffect, useState } from 'react';
|
|
import { AsyncStatus, useAsyncCallback } from '../hooks/useAsyncCallback';
|
|
import { SpecVersions, specVersions } from '../cs-api';
|
|
|
|
type SpecVersionsLoaderProps = {
|
|
baseUrl: string;
|
|
fallback?: () => ReactNode;
|
|
error?: (err: unknown, retry: () => void, ignore: () => void) => ReactNode;
|
|
children: (versions: SpecVersions) => ReactNode;
|
|
};
|
|
export function SpecVersionsLoader({
|
|
baseUrl,
|
|
fallback,
|
|
error,
|
|
children,
|
|
}: SpecVersionsLoaderProps) {
|
|
const [state, load] = useAsyncCallback(
|
|
useCallback(() => specVersions(fetch, baseUrl), [baseUrl])
|
|
);
|
|
const [ignoreError, setIgnoreError] = useState(false);
|
|
|
|
const ignoreCallback = useCallback(() => setIgnoreError(true), []);
|
|
|
|
useEffect(() => {
|
|
load();
|
|
}, [load]);
|
|
|
|
if (state.status === AsyncStatus.Idle || state.status === AsyncStatus.Loading) {
|
|
return fallback?.();
|
|
}
|
|
|
|
// When `error` is omitted, fall through to children with the empty-versions
|
|
// fallback below — Element Web's pattern: spec-versions probe failure is a
|
|
// soft-degrade, not a blocker.
|
|
if (!ignoreError && state.status === AsyncStatus.Error && error) {
|
|
return error(state.error, load, ignoreCallback);
|
|
}
|
|
|
|
return children(
|
|
state.status === AsyncStatus.Success
|
|
? state.data
|
|
: {
|
|
versions: [],
|
|
}
|
|
);
|
|
}
|