Passa al contenuto principale

Riferimento API

<OasDocument /> — Proprietà​

ProprietàTipoValore predefinitoDescrizione
inputOpenApiInput | OpenApiDocument | nullobbligatorioDocumento OpenAPI/Swagger (oggetto, stringa JSON o stringa YAML)
autoUpgradebooleantrueValida e converte in OAS 3.2 tramite @powerduck/openapi-parser
defaultOperationIdstring—ID dell’operazione da selezionare al primo rendering
onOperationChange(operation) => void—Callback quando l’utente cambia la selezione
classNamestring—Classe CSS aggiuntiva per l’elemento radice
styleReact.CSSProperties—Stili in linea dell’elemento radice
theme"light" | "dark""light"Tema iniziale. Salvato in localStorage.
headerOasDocumentHeaderConfig—Configurazione dell’intestazione (logo, titolo, link)
showTreebooleantrueMostra l’albero laterale
treeWidthnumber340Larghezza della barra laterale in pixel (240–480)

Configurazione dell’intestazione​

CampoTipoValore predefinito
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 });

Funzioni del modulo principale​

FunzioneDescrizione
loadOasDocument(input, options?)Carica e converte un documento. Restituisce { document, operations, navigationGroups, tree, warnings, error }
parseOperations(document)Estrae le operazioni da un documento OAS
buildNavigationGroups(document)Crea una struttura di navigazione raggruppata