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

riot-ratelimiter-barracks

v0.0.1

Published

use ```npm run sh``` before using the npm scripts!

Downloads

2

Readme

important notes for developers under windows

use npm run sh before using the npm scripts!

Dev quickstart

This documentation and the build tasks would need to be improved, as the starter repo seems not to be completely up to date and not all changes to it seem to be taken through all tasks.

I am currently using the capabilities of WebStorm to run tests and execute npm tasks, so this section might take a while to be updated for recommended CLI usage (sorry)

Most important:

For release npm run build:dist

Build upon:

typescript-starter-node

npm license travis status Build status Coverage Status David David NPM

A starter repository for node modules written in TypeScript.

A simple, full-functionality starter package for node.

Goals:

  • minimize dependencies.
  • use simpler-to-understand dependencies when necessary.
  • enable a move-fast mindset.

Usage

mkdir myApp
cd myApp
git clone https://github.com/sramam/typescript-starter-node

Edit package.json and change "name" as appropriate.

# For *nix systems, this should work
app=myApp
sed -i 's/\"name\"\s*:\s*\"typescript-starter-node\"/"name": "'"$app"'"/' package.json

Once package.json has been properly configured,

# remove reference to old repo
rm -rf .git
# initialize a new git repo
git init
# add all the original files back into the
git add . -all
git commit -m "Initial commit"
# now install all the dependencies.
npm install
npm build

At this point, explore ./src for the bare bones example. Typically, you'd want to delete it's contents, start over and profit!

Goal

The goal is to be simple, lean and automated.

Support for the following is baked in:

  • [x] tslint
  • [x] build automation
  • [x] mocha test-automation
  • [x] test coverage (remapped to TypeScript)
  • [x] checks dependencies for known vulnerabilities before commit.
  • [x] CI integration

DX & minimizing tech-debt

This package take an opinioned view on the Developer-Experience with an eye towards minimizing tech-debt. There are four operations that will be part of a developer experience:

  • npm build: cleans, lints, builds and tests with coverage metrics.
  • npm build:dist: generates distribution artifacts
  • git commit: a pre-commit hook runs tests with coverage
  • git push: a pre-push hook runs coverage-check, checks packages for updates and unpatched vulnerabilities

The process is meant to serve as an early-warning mechanism to catch issues that will cause potentially expensive mishaps or re-work later in the project life-cycle.

run-scripts

Since "lean"-ness is a primary goal, npm is used as a build tool.

The run-scripts used: aside: To help with these, we recommend npm-completion?

clean       : removes all generated directories
prebuild    : cleans build and runs tslint (for large projects, remove the automatic clean)
build       : builds the project
postbuild   : runs tests
test        : runs tests with coverage on generated JavaScript
posttest    : remaps coverage report to source TypeScript
build:watch : watch project files and rebuild when anything changes
build:dist  : build a distribution (no tests)
npm-sh      : spawn a new shell with local npm installs in path
secure      : checks all installed dependencies for vulnerabilities
check       : checks all installed dependencies for updates
lcheck      : list dependencies not in compliance with project license requirements
coverage    : prints coverage report over typescript source

Structure

The directory structure of a typical project:

├── LICENSE
├── README.md
├── package.json
├── scripts
│   └── remapped-coverage.js
├── src
│   ├── calculator
│   │   ├── index.ts
│   │   └── test.ts
│   ├── greeter
│   │   ├── index.ts
│   │   └── test.ts
│   └── index.ts
├── test
│   └── mocha.opts
├── tsconfig.dist.json
├── tsconfig.json
└── tslint.json

In addition, these directories are auto-created by the various scripts. The coverage & build directories are .gitignored. By design, dist directories are - for pure-Type/JavaScript packages, this is an advantage. If your package included native/compiled artifacts, it might need to be reconsidered.

├── coverage
├── dist
└── build

Why are there two tsconfig*.json files?

TypeScript compiler configuration, tsconfig.json does not support multiple build targets. To create separate builds then, one has to use multiple config files and invoke atleast one of them explicitly like we do.

Further, our opinioned preferences is to keep source and associated tests together in the source tree. This requires to compile time configurations - a regular build that includes

License

Apache-2.0

Support

Bugs, PRs, comments, suggestions welcomed!