Home

Awesome

docks npm version github release License

Extensible system for parsing and generating documentation. It just freaking works!

<div id="thetop"></div>

Code style CircleCI linux build CodeCov coverage status DavidDM dependency status Renovate App Status Make A Pull Request Semantically Released

If you have any how-to kind of questions, please read the Contributing Guide and Code of Conduct documents.
For bugs reports and feature requests, please create an issue or ping @tunnckoCore at Twitter.

Conventional Commits Become a Patron Share Love Tweet NPM Downloads Weekly NPM Downloads Monthly NPM Downloads Total

Project is semantically & automatically released on CircleCI with new-release and its New Release GitHub App.

<!-- Logo when needed: <p align="center"> <a href="https://github.com/tunnckoCore/docks"> <img src="./media/logo.png" width="85%"> </a> </p> -->

Table of Contents

(TOC generated by verb using markdown-toc)

Install

This project requires Node.js ^8.9.0 || ^10.12.0. Install it using yarn or npm.
We highly recommend to use Yarn when you think to contribute to this project.

$ yarn add docks

CLI

For CLI usage install it globally or as devDependency.
To make it work, you should add <!-- docks-start --> and <!-- docks-end --> placeholders in your existing file or provide non existing file to --outfile flag. If no --outfile flag is given, then it will try to search those HTML comments on README.md and add the API documentation there.

docks # or docks --outfile docs/API.md

Also, by default it collects documentation from all src/**/*.{js,jsx,ts,tsx} files, but you can give another glob pattern. For example run docks bar/*.js. Only block comments with a @public tag are collected and used to render the docs.

API

<!-- docks-start -->

Generated using docks.

src/index.js

docks

Constructor that gives you methods.

Returns

.use

A plugin is a function that may extend the core functionality, or if it returns another function it is called for each block comment.

Look at src/plugins/ folder to see the built-in ones.

Params

Returns

Examples

import docks from 'docks';

const app = docks();

// extending the core
app.use((self) => {
  self.foobar = 123;
});

console.log(app.foobar); // => 123

// Or plugin that will be called on each block comment
app.use(() => (comment) => {
  comment.hoho = 'okey';
});

.parse

Parses given input using @babel/parser and passes all block comments to doctrine which is JSDoc parser. It also applies all the "Smart Plugins". Smart plugin is the function that is returned from each function passed to the app.use method.

Params

Returns

Examples

const app = docks();

const smartPlugin = (comment) => {
  // do some stuff witht he Comment object.
};

app.use((self) => smartPlugin);

const cmts = app.parse('some cool stuff with block comments');
console.log(cmts);

src/plugins/render.js

.renderFileSync

Render single fp file to a documentation string.

Params

Returns

Examples

const app = docks();
const output = app.renderFileSync('path/to/source/file/with/comments');
console.log(output);

.renderFile

Render single fp file to a documentation string, asynchronously.

Params

Returns

Examples

const app = docks();
app.renderFile('path/to/source/file/with/comments').then((output) => {
  console.log(output);
});

.renderTextSync

Create a documentation output string from given comments. Use app.parse method to generate such list of Comment objects.

Params

Returns

Examples

const app = docks();

const comments = app.parse('some string with block comments');
const output = app.renderTextSync(comments);
console.log(output);

.renderText

Create a documentation output string from given comments, asynchronously. Use app.parse method to generate such list of Comment objects.

Params

Returns

Examples

const app = docks();

const comments = app.parse('some string with block comments');
app.renderText(comments).then((output) => {
  console.log(output);
});

.renderSync

Render a list of filepaths to a documentation string.

Params

Returns

Examples

const proc = require('process');
const path = require('path');
const app = docks();

const files = ['src/index.js', 'src/bar.js'].map((fp) => {
  return path.join(proc.cwd(), fp);
});

const output = app.renderSync(files);
console.log(output);

.render

Render a list of filepaths to a documentation, asynchronously.

Params

Returns

Examples

const proc = require('process');
const path = require('path');
const app = docks();

const files = ['src/index.js', 'src/bar.js'].map((fp) => {
  return path.join(proc.cwd(), fp);
});

app.render(files).then((output) => {
  console.log(output);
});
<!-- docks-end -->

back to top

See Also

Some of these projects are used here or were inspiration for this one, others are just related. So, thanks for your existance!

back to top

Contributing

Follow the Guidelines

Please read the Contributing Guide and Code of Conduct documents for advices.
For bugs reports and feature requests, please create an issue or ping @tunnckoCore at Twitter.

Support the project

Become a Partner or Sponsor? :dollar: Check the Partner, Sponsor or Omega-level tiers! :tada: You can get your company logo, link & name on this file. It's also rendered on package page in npmjs.com and yarnpkg.com sites too! :rocket:

Not financial support? Okey! Pull requests, stars and all kind of contributions are always welcome. :sparkles:

OPEN Open Source

This project is following OPEN Open Source model

Individuals making significant and valuable contributions are given commit-access to the project to contribute as they see fit. This project is built on collective efforts and it's not strongly guarded by its founders.

There are a few basic ground-rules for its contributors

  1. Any significant modifications must be subject to a pull request to get feedback from other contributors.
  2. Pull requests to get feedback are encouraged for any other trivial contributions, but are not required.
  3. Contributors should attempt to adhere to the prevailing code-style and development workflow.

Wonderful Contributors

Thanks to the hard work of these wonderful people this project is alive! It follows the all-contributors specification.
Don't hesitate to add yourself to that list if you have made any contribution! ;) See how, here.

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore -->
<img src="https://avatars3.githubusercontent.com/u/5038030?v=4" width="120px;"/><br /><sub><b>Charlike Mike Reagent</b></sub><br />💻 📖 💬 👀 🔍
<!-- ALL-CONTRIBUTORS-LIST:END -->

Consider showing your support to them. :sparkling_heart:

License

Copyright (c) 2018-present, Charlike Mike Reagent <mameto2011@gmail.com> & contributors.
Released under the Apache-2.0 License.


This file was generated by verb-generate-readme, v0.8.0, on January 31, 2019.

<!-- Heading badges --> <!-- Front line badges -->