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

how-to-open-source

v2.0.0

Published

A repository for learning how to publish NPM packages as well as contribute to open source projects.

Downloads

8

Readme

:tada: how-to-open-source :tada:

npm npm npm

Travis CircleCI Codecov Code Climate DependencyCI Greenkeeper

Commitizen friendly PRs Welcome semantic-release styled with prettier bundled with rollup nps code style equimper

Purpose

This module is meant as a learning/training tool for those interested in publishing their own open source project to the NPM Registry. It is also here for those wishing to learn how to contribute to open source projects. It is purely a learning and training tool at this point and holds no real purpose as a dependency to any production based application.

:notebook: Documentation :notebook:

Documentation is still present in the wiki, but is under construction :100:

Installation

There are currently no dependencies needed to run this package, although that can change with additional features so stay tuned!

$ npm install --save how-to-open-source
## or
$ yarn add how-to-open-source

Usage

  • CommonJS
const rcjh = require('how-to-open-source').rcjh;

const result = rcjh();

console.log(result); // 'ROCK CHALK JAYHAWK, KU!'
  • ES6
import { rcjh } from 'how-to-open-source';

const result = rcjh();

console.log(result); // 'ROCK CHALK JAYHAWK, KU!'

Development

All scripting is being managed through nps. All the scripts for the repository and their descriptions can be found in the package-scripts.js.

Scripts in the package.json:

yarn build
# prebuild git-hook will run first validating the code...
# Executes rollup build of all distributions in production mode

yarn commit
# precommit git-hook will run first executing scripts
# in lint-staged & validating the code...
# Executes the commitizen-cli

yarn prettier
# Executes formating of code base defined by prettier.js.

yarn start
# Executes nps command.
# used in .travis.yml to pass prefix to scripts
# i.e. yarn start test --> nps test

yarn test
# Executes testing via jest & .jestConfig
# generates coverage data.

:running: Running code locally

If you are developing a cool new feature and want to see that it really does perform the way you want; follow these instructions to package the code base and run it just like you would if it was on the npm registry!

yarn build && yarn start library
# Executes bundling in production environment.
# Executes npm pack & opens the tarball file.

# In sandbox files import your feature

yarn start sandbox
# Executes cjs & es code in corresponding sandbox.js files.

Contributing

Please visit CONTRIBUTING.md

License

MIT

Acknowledgments

Many thanks to @kentcdodds for the great tutorial and @bebraw for sending me the link to a chapter from his book Authoring Packages.