UNPKG

graphdoc-plugin-schema

Version:

GraphQL schema HTML documentation generation, using configurable graphdoc document-schema plugin

173 lines (120 loc) 6.06 kB
<p align="center"> <br/> <a href="https://graphdoc-plugins.github.io"><img src="docs/graphdoc-plugin-schema.png" alt=" "/></a> </p> <h1 align="center">GraphQL schema HTML documentation generation, using configurable graphdoc document-schema plugin</h1> [![graphdoc-plugin-schema](https://badgen.net/badge/homepage/graphdoc-plugin-schema/blue)](https://graphdoc-plugins.github.io) [![graphdoc-plugin-schema](https://badgen.net/badge/npm%20pack/graphdoc-plugin-schema/blue)](https://www.npmjs.com/package/graphdoc-plugin-schema) [![ ](https://badgen.net/npm/v/graphdoc-plugin-schema)](https://www.npmjs.com/package/graphdoc-plugin-schema) [![License](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE.txt) [![ ](https://badgen.net/badge/test/passing/green)](https://gmullerb.gitlab.io/graphdoc-plugin-schema/tests/tests_report.html) [![ ](https://gitlab.com/gmullerb/graphdoc-plugin-schema/badges/master/coverage.svg)](https://gmullerb.gitlab.io/graphdoc-plugin-schema/coverage/index.html) [![Github repo](https://badgen.net/badge/icon/github?icon=github&label)](https://github.com/gmullerb/graphdoc-plugin-schema) [![Gitlab repo](https://badgen.net/badge/icon/gitlab?icon=gitlab&label)](https://gitlab.com/gmullerb/graphdoc-plugin-schema) __________________ ## Quick Start 1 . Add dependencies: `package.json`: ```json "devDependencies": { "@2fd/graphdoc": "2.4.0", "graphdoc-plugin-schema": "2.0.0", ``` 2 . If default options are not suitable, then configure `graphdoc-plugin-schema`: `package.json`: ```json { "graphdoc-plugin-schema": { "documentTitle": "The Description", "enableAssets": false } } ``` 3 Use `graphdoc-plugin-schema`: `package.json`: ```json "scripts": { "doc": "graphdoc -p graphdoc/../../graphdoc-plugin-schema -p graphdoc/../../graphdoc-plugin-flexible -s ./schema.graphql -o ./build/documentation" }, "graphdoc-plugin-flexible": { "document.schema": { "disable": true } }, "devDependencies": { "@2fd/graphdoc": "2.4.0", "graphdoc-plugin-flexible": "1.0.2", "graphdoc-plugin-schema": "2.0.0", ``` > `graphdoc-plugin-flexible` is required to avoid duplication when graphdoc default plugins are used. > `graphdoc/../../` this is required to get external plugins working in `graphdoc`. __________________ ## Goals `graphdoc-plugin-schema` provides a way to use [`graphdoc`](https://www.npmjs.com/package/@2fd/graphdoc) default `document-schema` plugin with other custom kinds without breaking (being also faster than `document-schema`). ## Options `package.json`: (*default values*) ```json { "graphdoc-plugin-schema": { "documentTitle": "Description", "enableAssets": true } } ``` * `documentTitle`: title of the document section. * `enableAssets`: if set to `false`, then it will disable all the assets provided by the plugin, i.e. script and css files will not be included. The following shows where the `documentTitle` and the "code block" are located, using the example documentation created by [`graphdoc`](https://www.npmjs.com/package/@2fd/graphdoc), [Pokemon GraphQL HTML Documentation](https://2fd.github.io/graphdoc/pokemon/pokemonattack.doc.html), using [Pokemon GraphQL schema](https://github.com/lucasbento/graphql-pokemon): ![Graphdoc sections](docs/graphdoc-sections.svg) ## Using/Configuration * To use `graphdoc-plugin-schema` is necessary that `document-schema` plugin is disabled (to avoid duplication), use [`graphdoc-plugin-flexible`](https://graphdoc-plugins.github.io) plugin: `package.json` ```json "scripts": { "doc": "graphdoc -p graphdoc/../../graphdoc-plugin-schema -p graphdoc/../../graphdoc-plugin-flexible -s ./schema.graphql -o ./build/documentation" }, "graphdoc-plugin-flexible": { "document.schema": { "disable": true } }, "devDependencies": { "@2fd/graphdoc": "2.4.0", "graphdoc-plugin-flexible": "1.0.2", "graphdoc-plugin-schema": "2.0.0", ``` ## Online Examples * Pokemon GraphQL schema: [Project](https://github.com/gmullerb/base-graphdoc-yarn) and [Online generated documentation](https://gmullerb.gitlab.io/base-graphdoc-yarn). * Github GraphQL schema: [Project](https://github.com/gmullerb/base-graphdoc-npm) and [Online generated documentation](https://gmullerb.gitlab.io/base-graphdoc-npm). __________________ ## Prerequisites * [`"@2fd/graphdoc": "2.4.0"`](https://www.npmjs.com/package/@2fd/graphdoc/v/2.4.0). > graphdoc can work with older versions of GraphQL (description syntax: #), and new versions (description syntax: """), [How to configure graphdoc](https://graphdoc-plugins.github.io/docs/how-to-configure-graphdoc.html). __________________ ## Documentation * [Main documentation](https://graphdoc-plugins.github.io/docs/graphdoc-plugin-schema.html). * [`CHANGELOG`](CHANGELOG.html): contains the information about changes in each version, chronologically ordered ([Keep a Changelog](http://keepachangelog.com)). ## Contributing * **Use it**. * **Share it**. * [Give it a Star](https://github.com/gmullerb/graphdoc-plugin-schema). * [Propose changes or improvements](https://github.com/gmullerb/graphdoc-plugin-schema/issues). * [Report bugs](https://github.com/gmullerb/graphdoc-plugin-schema/issues). ## License [MIT License](LICENSE.txt) __________________ ## Remember * Use code style verification tools => Encourages Best Practices, Efficiency, Readability and Learnability. * Code Review everything => Encourages Functional suitability, Performance Efficiency and Teamwork. * If viable, Start testing early => Encourages Reliability and Maintainability. ## Additional words Don't forget: * **Love what you do**. * **Learn everyday**. * **Learn yourself**. * **Share your knowledge**. * **Think different!**. * **Learn from the past, dream on the future, live and enjoy the present to the max!**. * **Enjoy and Value the Quest** (It's where you learn and grow). At life: * Let's act, not complain. * Be flexible. At work: * Let's give solutions, not questions. * Aim to simplicity not intellectualism.