npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

api-docs-gen

v0.4.0

Published

API Documentation generator from `api-extractor` doc model

Downloads

880

Readme

📔 api-docs-gen

Test npm

API Documentation generator from api-extractor doc model

🔨 Requirement

You need to generate doc model with using api-extractor

💿 Installation

npm

$ npm install -g api-docs-gen

yarn

yarn global api-docs-gen

pnpm

pnpm add -g api-docs-gen

🚀 Usage

CLI

Usage
  $ api-docs-gen <package1.api.json> <package2.api.json> ...

Options
  --config, -c              configration file
  --output, -o              output dierectory that is markdown contents
  --generateStyle, -g       document generating style, default 'prefix'
                            'prefix': be able to separated with each package name
                            'directory': be able to separated with each package directory
  --tsdocConfig, -t         tsdoc configration file

🤝 API

const path = require('path')
const { genereate, DefaultConfig } = require('api-docs-gen')

// input
const input = [path.resolve(process.cwd(), './package1.api.json')]

// output
const output = path.resolve(process.cwd(), './docs')

// generate API docs with prefixed package name
await generate(input, output, { style: 'prefix', config: DefaultConfig })

About details, See the API References

🍭 Examples

You can play API docs generation that have multi packages.

You can play with the following command:

$ pnpm example:build # build on each package

$ pnpm example:extract # generate doc model with `api-extractor` on each package

$ pnpm example:gen # genearte API docs with `api-docs-gen`

$ pnpm example:docs # run vuepress

🔖 TSDoc custom tags

api-docs-gen allows TSDoc custom tags to be processed using tsdoc-config.

You can make it work from the api-extractor model by specifying tsdoc configration in the --tsdoc-config option as follows:

$ api-docs-gen package1.api.json --tsdoc-config ./tsdoc.json

If you want to output custom tags comment to markdown, you need to implement and configure the custom MarkdownProcessor.

For the MarkdownProcessor, see the API References.

See how to configure it in the following configration.

🔧 Configration

You can fully customize the generation of api docs using the config offered by api-docs-gen.

Here is the schema (typescript type definition) of the config:

// There are two things you need to specify in config
export interface Config {
  // A resolver that resolves references to links in markdown content
  linkReferencer?: ReferenceResolver
  // A processor that generates markdown content
  processor: MarkdownProcessor
}

You can generate customized api docs by specifying these as you define them in your config, and the CLI --config option. api-docs-gen CLI will read docsgen.config.js as default.

api-docs-gen API docs is a TOC included markdown document. To generate the API docs, it use a customized resolver and processor for TOC.

  • Configration: https://github.com/kazupon/api-docs-gen/blob/master/docsgen.config.js
  • TOC reolsver: https://github.com/kazupon/api-docs-gen/blob/master/src/resolver/toc.ts
  • TOC processor: https://github.com/kazupon/api-docs-gen/blob/master/src/processor/toc.ts

If you want to customize your api docs, these will be helpful.

It's recommended to refer to the API References for customization.

📜 Changelog

Details changes for each release are documented in the CHANGELOG.md.

❗ Issues

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

✅ TODO

Managed with GitHub Projects

©️ License

MIT