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

@wixc3/docs

v17.1.1

Published

API

Downloads

216

Readme

npm version @wixc3/docs on Github

Home > @wixc3/docs

docs package

Tool + CLI for docs generation from TSDocs

Remarks

Templates

Site pages includes the following templates from docs-config:

  • index.md - main page header

  • package.md - packages root page header

  • item.md - header for other files

Macros

There are many awesome macros you can use in your TDDocs. Using macros look like this [[[macro and args]]]

npm version @wixc3/docs on Github

Home > @wixc3/docs-macros

docs-macros package

Variables

| Variable | Description | | ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | github | A link to the package on githubUsage: inside a ts-docs comment block:[[[github caption?]]] | | githubBuildStatus | A github build status badgeUsage: inside a ts-docs comment block:[[[githubBuildStatus]]] | | githubPages | A link to the project's github pagesUsage: inside a ts-docs comment block:[[[githubPages uri? caption?]]]where uri can be an inner pageif caption is provided a markdown link will be created, otherwise the raw root URL will replace the macro | | gitRepo | Project's current package name, in a url friendly formatUsage: inside a ts-docs comment block:[[[gitRepo field?]]]where field can be: host | org | repo | pages | github | | h | Heading - since ts-docs to not natively allow for markdown formatting, this macro is used to create a #, ##, ## etcUsage: inside a ts-docs comment block:[[[h level title]]] | | include | Include another markdown file (that may also have macros)Usage: inside a ts-docs comment block:[[[include path]]] | | listMacros | Lists all the available macrosUsage: inside a ts-docs comment block:[[[listMacros]]] | | npmBadge | A npm version badgeUsage: inside a ts-docs comment block:[[[npmBadge]]] | | packageName | Project's current package nameUsage: inside a ts-docs comment block of a package:@wixc3/docsWill be replace by the full package name, i.e @wixc3/docs-macros | | packageNameUrl | Project's current package name, in a url friendly formatUsage: inside a ts-docs comment block of a package:[[[packageNameUrl]]]This is useful for generating links and badges | | rootPackageName | Project's root package nameUsage: inside a ts-docs comment block:[[[rootPackageName]]] | | unscopedPackageName | Project's current package name, unscopedUsage: inside a ts-docs comment block of a package: *docsWill be replace by the full package name, i.e bla for @wixc3/bla |

Example 1

yarn add @wixc3/docs
yarn docs init
git push

Example 2

yarn docs build

Example 3

yarn docs readme

Functions

| Function | Description | | -------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | buildDocs(config, steps, macros) | Build docs markdown | | cli() | | | createReadme(config, siteUrl) | | | init(config, force) | Initialize docs pre-requisites:- Adds api-extractor.json to packages- Adds git pages action- Creates configs and templates in docs-config |

Type Aliases

| Type Alias | Description | | ----------------------------------------------------------------------- | ----------- | | BuildSteps | | | Macros | | | UserConfig | |