A nice fork of Spectacle
DociQL generates beautiful static HTML5 documentation from a GraphQL endpoint using the introspection query.
The goal of DociQL is help you "save time and look good" by providing an extensible platform for auto generating your API documentation. The default layout is a three column single page, similar to those employed by Stripe and Intercom.
See a demo of DociQL in action here: https://wayfair.github.io/dociql/
- Uses the introspection query to fetch a schema of GraphQL and generates documentation on the fly.
- Generates an example request and response with "Try it now" links.
- Allows the user to define use cases and group them by domain.
- Highly configurable: Easily configurable Handlebars templates and SCSS styles so you can add your own design and flavour without going bald. See Custom Builds.
- Markdown support: Render markdown written in any of your API descriptions.
- Clean, responsive design: Responsive HTML5 and CSS3 layout built with Foundation 6 that looks great on all devices and screen sizes.
- Embed into your existing website: An embedded option so that you can generate partial docs without a HTML
<body>tag for convenient integration into your existing website.
- Live preview developer mode: Development mode that starts a local HTTP server with a file watcher and live reload, so you can preview live changes in your browser as you update your specification.
Install DociQL from
npm install -g dociql
config.yml template to help generate beautiful docs:
# To fetch schema from introspection: https://url-to-you-graphql-endpoint servers: # same format as for OpenAPI Specification - url: https://dev-server.com description: Dev - url: https://prod-server.com description: Prod ... info: # same format as for OpenAPI Specification title: Your API Title description: Markdown enabled description of your api. ... # define your domains by providing a set of usecases domains: - name: Top Level Menu Section # Name of the domain description: Description # Description of the domain usecases: - name: Fetch 'Some' field # Operation name description: Markdown enabled description for operation # Opearation description query: query.some # Query example - fetching single field select: field1 field2 # select only specific sub fields. By default - all are selected expand: field3(sub1, sub2, sub3),field4 # go deep by expanding specific fields. - name: Invoke Mutation # Mutation description: Markdown enabled description for operation query: mutation.mutateSome # Mutation example - invoke mutation
config.yml document to generate your documentation:
dociql -d config.yml
Your generated documentation will be located in the
public directory by default. You can either copy the generated HTML to your web server, or view your docs by pointing your browser to http://localhost:4400/.
The basic CLI options are detailed below:
Most options are self explanatory, but the following options warrant some further explanation:
-d: This option starts a development server with a file watcher, and will automatically regenerate your docs when any of your spec or app files change.
-D: This option starts a development server with a file watcher and live reload, and will automatically regenerate your docs when any of your spec or app files change.
-s: This option starts a production server without any development options enabled that serves the contents of your
-e: This option lets you build a minimal version of the documentation without the HTML
<body>tags, so you can embed DociQL into your own website template. More info on Custom Builds here.
appto a remote location or a separate repo for custom builds.
-t: This option specifies where the generated documentation HTML files will be output.
The best option for building your own custom functionality into DociQL is to fork DociQL on GitHub and make your own modifications in the source. This way, you can keep up-to-date by merging changes from the
master branch and you can also contribute your updates back to
master by creating a Pull Request, especially if you think they'll be an improvement for DociQL.
To fork DociQL go to
https://github.com/wayfair/dociql and press the 'Fork' button. Now you can
git clone email@example.com:<yourname>/dociql.git to make your own changes.
Alternatively, you can just copy the contents of
app path to the CLI like so:
dociql -a dociql.json.
Optimizing Your Workflow
Using an API spec to generate your documentation has a number of great advantages, such as:
- Maintain a single source: Save time by removing the need to maintain a separate API spec and API documentation.
- No more out-of-date documentation: Your documentation will always be up-to-date with your API spec.
- Be a better developer: Your entire API system will be more stable and robust when built around your spec as a single source of truth.
At this stage, unit tests have not been written for all parts of the codebase. However, new code should be tested, and unit tests for the existing code will be added in the future.
npm test on the repository to start the automated tests. Some parts of testing can be configured using environment variables.
OFFLINE=trueSome tests use HTTP connections to test, giving DociQL remote API specifications. Use
OFFLINE=trueto skip tests that require an internet connection.
Include environment variables before calling
npm test. For example,
OFFLINE mode can be enabled via
OFFLINE=true npm test.
DociQL is licensed under the Apache License 2.0 – see the LICENSE.md for specific details.
More info is available on the DociQL homepage.
Please use the GitHub issue tracker if you have any ideas or bugs to report.
All contributions are welcome.
Good luck and enjoy DociQL!