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

complexity-report-html

v0.0.3

Published

A simple CLI tool to generate a complexity report for your JavaScript source files

Downloads

12

Readme

Motivation

Either you are counting your first days in a new JavaScript codebase, or you are trying to get a hold of existing tech-debt, surely visualizing it will be of use.

  1. Install the library
  2. Generate the report and find it under .complexity_report
  3. Get a bird's eye view of what are the rough spots in the codebase
  4. *It is plain HTML so you can just share this file with anyone that has a browser

Installation

Use npm or yarn to install the reporter

$ npm install --save-dev complexity-report-html

Usage

*By default the report runs for all JavaScript files under <project_dir>/src

Most of the times you want to add the complexity report, either as an npm-script or a hook after you commit/push something on your repo using husky 🐶.

{
  "scripts": {
    "reveal-hell": "complexity-report-html",
    "...": "..."
  }
}

Or if you prefer npx From the root of your repo, just type

npx complexity-report-html

Now you can see a new folder generated under .complexity_report which includes your report file.

Targeting source folders

If you want to run the report on a different folder, you can use the generate command with a relative folder path:

npx complexity-report-html generate ./directory/to/run

Contributing

For now the best way to contribute is requesting some new features that would make your life easier! Just open a Pull Request and let's discuss.

License

License: ISC

refer to LICENSE file in this repository.