OpenAPI Editor
A reusable React component for visual OpenAPI editing that can be embedded in any React application.
Installation
npm install @apitomy/openapi-editoryarn add @apitomy/openapi-editorFeatures
Visual Editing
Inline property editing with auto-save for all major OpenAPI sections. No YAML or JSON knowledge required.
Navigation Tree
Browse Paths, Schemas, Responses, and Tags with a collapsible tree view and right-click context menus.
Undo / Redo
Full command-pattern-based undo and redo support for all editing operations.
Source View
Toggle between the visual editor and raw YAML/JSON source with format conversion and syntax highlighting.
Quick Start
Reactimport { OpenAPIEditor } from '@apitomy/openapi-editor';
function App() {
return (
<OpenAPIEditor
content={openApiDocument}
onChange={(newContent) => console.log(newContent)}
/>
);
}