Saltar al contenido principal

Referencia de la API

<OasDocument /> — Propiedad​

PropiedadTipoValor predeterminadoDescripción
inputOpenApiInput | OpenApiDocument | nullobligatorioDocumento OpenAPI/Swagger (objeto, cadena JSON o cadena YAML)
autoUpgradebooleantrueValida y convierte a OAS 3.2 mediante @powerduck/openapi-parser
defaultOperationIdstring—ID de la operación seleccionada en el primer renderizado
onOperationChange(operation) => void—Callback al cambiar la selección por acción del usuario
classNamestring—Clase CSS adicional para el elemento raíz
styleReact.CSSProperties—Estilos en línea del elemento raíz
theme"light" | "dark""light"Tema inicial. Se guarda en localStorage.
headerOasDocumentHeaderConfig—Configuración de la cabecera (logo, título, enlaces)
showTreebooleantrueMuestra el árbol lateral
treeWidthnumber340Ancho de la barra lateral en píxeles (240–480)

Configuración de la cabecera​

CampoTipoValor predeterminado
logostring | ReactNode—
titlestring"API Documentation"
navItemsArray<{ label, href?, onClick? }>[]
showThemeTogglebooleantrue

useOasDocument(input, options?)​

const {
document, // Oas32Document | null
loading, // boolean
error, // Error | null
operations, // OasOperation[]
navigationGroups, // OasNavigationGroup[]
tree, // TreeNode[]
selectedOperation, // OasOperation | undefined
setSelectedOperation,
theme, // "light" | "dark"
setTheme,
} = useOasDocument(spec, { autoUpgrade: true });

Funciones del núcleo​

FunciónDescripción
loadOasDocument(input, options?)Carga y convierte un documento. Devuelve { document, operations, navigationGroups, tree, warnings, error }
parseOperations(document)Extrae las operaciones de un documento OAS
buildNavigationGroups(document)Crea una estructura de navegación agrupada