Zum Hauptinhalt springen

API-Referenz

<OasDocument /> — Prop​

PropTypStandardwertBeschreibung
inputOpenApiInput | OpenApiDocument | nullerforderlichOpenAPI/Swagger-Dokument (Objekt, JSON-String oder YAML-String)
autoUpgradebooleantrueValidiert und konvertiert mit @powerduck/openapi-parser in OAS 3.2
defaultOperationIdstring—Beim ersten Rendern auszuwählende Operations-ID
onOperationChange(operation) => void—Callback bei einer vom Benutzer ausgelösten Auswahländerung
classNamestring—Zusätzliche CSS-Klasse für das Wurzelelement
styleReact.CSSProperties—Inline-Stile für das Wurzelelement
theme"light" | "dark""light"Anfängliches Theme; wird in localStorage gespeichert.
headerOasDocumentHeaderConfig—Kopfzeilenkonfiguration (Logo, Titel, Navigationslinks)
showTreebooleantrueZeigt den Seitenleistenbaum an
treeWidthnumber340Breite der Seitenleiste in Pixeln (240–480)

Kopfzeilenkonfiguration​

FeldTypStandardwert
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 });

Kernfunktionen​

FunktionBeschreibung
loadOasDocument(input, options?)Lädt und konvertiert ein Dokument. Gibt { document, operations, navigationGroups, tree, warnings, error } zurück
parseOperations(document)Extrahiert Operationen aus einem OAS-Dokument
buildNavigationGroups(document)Erstellt eine gruppierte Navigationsstruktur