apapacy/openapi-gui

GUI / visual editor for creating and editing OpenApi / Swagger definitions

OpenApi-gui

OpenApi-gui is a GUI for creating and editing OpenApi version 3.0.x JSON/YAML definitions. In its current form it is most useful as a tool for starting off and editing simple OpenApi definitions. Imported OpenAPI 2.0 definitions are automatically converted to v3.0.

For the previous Swagger / OpenAPI 2.0-only version see here. This version is currently unmaintained apart from security fixes.

This project was initially a fork of Daryl Kuhn's IODoctor, which in turn was inspired by IODoctor by Brandon West which was written in Ruby. The complete history of the project is maintained on GitHub.

Description

How It Works

Select an existing OpenApi 2.0 or 3.0.x definition to upload, or create a new definition and start adding Paths, Operations, and Parameters. When an existing definition is used, it is parsed and forms for editing each Path, Operation and Parameter will be created.

You can load an existing definition by appending a ?url= query parameter to the initial start page.

Click an item from the menu on the left to begin editing. View the JSON/YAML output at any time by selecting one of the "Export" tabs. When finished, download the output to save it locally or copy it your clipboard. OpenApi-gui only stores one definition at a time, and this is in your browser's local-storage. Make sure you save your JSON/YAML output locally.

Before performing a destructive action, OpenApi-gui saves the current state of the definition. At all other times you must remember to select Save manually.

Technology

OpenApi-gui runs entirely client-side using a number of Javascript frameworks including Vue.JS, jQuery and Bulma for CSS.

To get the app up and running just browse to the live Heroku version, deploy to Heroku using the button below, deploy a clone to GitHub pages, or clone the repo and point a browser at index.html or host it yourself - couldn't be simpler. More technical information here.

You only need to npm install the Node.js modules if you wish to use the openapi-gui embedded web server (i.e. not if you are running your own web-server), otherwise they are only there for PaaS deployments.

Limitations

• OpenApi-gui will de-reference shared parameters.
• The definition must be self-contained with no external $refs. This is likely to be resolved (ho-ho) soon.
• Editing a response / example / body schema will dereference it.
• OpenApi-gui will not always preserve vendor-extensions, e.g. if a parameter is deleted and recreated.
• OpenApi-gui will not preserve comments from definitions imported in YAML format.

TODO

• See the TODO list and the current status of OpenAPI 3.0 specification support.