Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including documentary with all npm packages installed. Try it out:

var documentary = require("documentary")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

documentary v1.34.1

Documentation Compiler To Generate The Table Of Contents, Embed Examples With Their Output, Make Markdown Tables, Maintain Typedefs For JavaScript And README, Watch Changes To Push, Use Macros And Prettify API Titles.


npm version

Documentary is a command-line tool to manage documentation of Node.JS packages of any size. Due to the fact that there is usually a lot of manual labour involved in creating and keeping up-to-date a README document, such as copying examples and output they produce, there is a need for software that can help automate the process and focus on what is really important, i.e., documenting features. Documentary serves as a pre-processor of documentation and enhances every area of the task of making available high-quality docs for Node.JS (and other languages) packages for fellow developers.

yarn add -D documentary

For example, these are some pieces of documentation infrastructure made available by Documentary:

<!-- Tables Of Contents -->

<!-- Examples with paths renaming -->
%EXAMPLE: example/index.js, ../src => documentary%

<!-- Forks, native with import/export/jsx -->
<fork stderr nocache env="HELLO=WORLD">

<!-- Typedefs with linking -->
<typedef narrow flatten>

<!-- Methods with custom heading designs -->
```## runSoftware
  ["program", "string"],
  ["config=", "Object"]

<!-- Section Breaks -->
%~ width="25"%

<!-- JSX Components -->
<my-component package="documentary">

All of these features come with just 3 transient dependencies in your node_modules:

├── alamode
├── documentary
├── preact
└── typal

Table Of Contents


Each feature of Documentary is described on its relevant Wiki page.

  • ⭐️Key Features: A quick overview of the solutions provided by Documentary for developers to make writing documentation a breeze.
  • 📖Tables Of Content: Creating a navigation menu for the README page.
  • ⚜️Section Breaks: Placing visual separators of sections.
  • 📐JSON Tables: Writing JSON array data to be converted into a Markdown table.
  • 📜Embed Examples: Decoupling examples from documentation by maintaining separate runnable example file.
  • 🍴Forks (Embed Output): Executing examples to show their output, and validating that program works correctly.
  • 🎩Method Titles: Documenting methods in a standard way, and provide your own designs.
  • 🎇JSX Components: Implementing custom system-wide and project-scoped components.
  • 🤖Macros: Constructing patterns to be reused in formation of READMEs.
  • ☀️Typedefs: Display @typedef information in README files by maintaining types externally to JS source.
  • 🎼Type (Deprecated): An older version of typedefs which works as a macro for types.
  • 🥠Gif Detail: Hiding images inside of the <details> block.
  • 🖱API: Using Documentary's features from other packages.

Installation & Usage

The doc client is available after installation. It can be used in a doc script of package.json, as follows:

  "scripts": {
    "doc": "doc documentary -o"

The first argument, documentary is a path to a directory containing source documentation files, or a path to a single file to be processed, e.g.,

Therefore, to produce an output, the following command will be used:

yarn doc

When actively working on documentation, it is possible to use the watch mode with -w flag, or -p flag to also automatically push changes to a remote git repository, merging them into a single commit every time.


These are some essential feature of Documentary.

Comments Stripping

Since comments found in <!-- comment --> sections are not visible to users, they will be removed from the compiled output document.

File Splitting

Documentary can read a directory and put files together into a single README file. The files will be sorted in alphabetical order, and their content merged into a single stream. The and are special in this respect, such that the of a directory will always go first, and the will go last. To print in reverse order, for example when writing a blog and name files by their dates, the --reverse flag can be passed to the CLI.

Example structure used in this documentation:

├── 1-installation-and-usage
│   └──
├── 2-features
│   ├──
│   ├──
│   ├──
│   └──

Replacement Rules

There are some other built-in rules for replacements which are listed in this table.

%NPM: package-name%Adds an NPM badge, e.g., [![npm version] (] (
%TREE directory ...args%Executes the tree command with given arguments. If tree is not installed, warns and does not replace the match.


The program is used from the CLI (or package.json script).

doc [source] [-o output] [-trwcn] [-p "commit message"] [-h1] [-eg] [-vh]

The arguments it accepts are:

Argument Short Description
source The documentary file or directory to process. Default documentary.
--output -o Where to save the output (e.g., If not passed, prints to stdout.
--wiki -W Generate documentation in Wiki mode. The value of the argument must be the location of wiki, e.g., ../ The --output option in this case has no effect.
--focus -f When generating Wiki, this is a list of comma-separated values that will be converted into RegEx'es used to specify which pages to process in current compilation, e.g., Address, Addr or Address,DNS.
--toc -t Just print the table of contents.
--types -T The location of types' files which are not referenced in the documentation (e.g., for printing links to external docs).
--reverse -r Print files in reverse order. Useful for blogs.
--h1 -h1 Add h1 headings to the Table of Contents.
--watch -w Watch files for changes and recompile the documentation.
--no-cache -c Disable forks' cache for the run. The new output of forks will be updated in cache so that it can be used next time without -c arg.
--namespace -n The root namespace: types within it will not be printed with their namespace prefix.
--push -p Starts Documentary in watch mode. After changes are detected, the commit is undone, and new one is made over it, forcing git push.
--generate -g [Deprecated] Places typedefs definitions into JavaScript files from types.xml. Use typal instead.
--extract -e [Deprecated] Migrates existing typedefs from a JavaScript file into types.xml. Use typal -m instead.
--version -v Prints the current version.
--help -h Shows the usage information.

When NODE_DEBUG=doc is set, the program will print processing information, e.g.,

DOC 80734: stripping comment
DOC 80734: could not parse the table

This is quite essential to understanding the status of documentation processing, and will be enabled by default in the next version.

Hidden Files

Hidden files are ignored by default. This can be changed by setting the DOCUMENTARY_IGNORE_HIDDEN=false env variable.

♫ PRO ♪ Underlined ♯ Titles

Titles written as blocks and underlined with any number of either === (for H1) and --- (for H2), will be also displayed in the table of contents. However, the actual title will appear on a single line.

♯ `Titles`

As seen in the Markdown Cheatsheet.



Section breaks from FoglihtenDeH0 font.

Art Deco © Art Deco 2019 Tech Nation Visa Tech Nation Visa Sucks


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free