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

@shyamsfo/the-sink

v0.0.53

Published

A kitchen sink of functions for learning npm publish and typescript

Downloads

49

Readme

What is this

Published a hello world module on npm following this:

https://whitep4nth3r.com/blog/how-to-build-test-and-release-node-module-es6

Installation and usage

First run:

yarn add @shyamsfo/the-sink --save

Then, in your js file:

import the_sink from '@shyamsfo/the-sink';
the_sink.now()
the_sink.get_name()

Development Setup

First clone the repo. Then run:

yarn install

Development

  1. Run yarn dev to watch for changes and compile continously
  2. yarn clean to clean resources
  3. yarn types to generate types
  4. yarn build to do a build.
  5. yarn test to run tests

Once development is complete we are ready to publish. See below.

Publish

  1. First commit all the code using git add . and git commit -m "Commit message"
  2. Then run yarn publish
  3. This will ask for new version number
  4. package.json will be updated with new version number and a new commit will be done
  5. prepublish will be run that will do the clean build
  6. package will be published
  7. git push (including tags) will be done.
  8. Verify package has been published at https://www.npmjs.com/package/@shyamsfo/the-sink

Setup

How to start a new npm package:

npm init --scope=@shyamsfo
<Development of all code>
npm login
npm publish --access public

Local testing from another node project

# in this directory
yarn link

In the client:

yarn link @shyamsfo/the-sink