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

nj-events

v1.1.101

Published

ID based simple and light-weight (1KB) event emitter library for JavaScript.

Downloads

24

Readme

NJ-Events

Simple and light-weight event emitter library for JavaScript.

  • No dependencies, less than 1KB pure JavaScript implementation.
  • on method returns an ID. Use this ID to remove specific listener or the event-name to remove all the listeners.
  • No aliases, just emit, on and off methods.
const emitter = new NJEvents();

const id = emitter.on('hey', data => {
  console.log(data);
});

emitter.emit('hey', 'how are you?');
emitter.off(id); 

Installation

npm install --save nj-events

You can use NJEvents as an ES6 module as follows:

import NJEvents from 'nj-events';

const emitter = new NJEvents();

Alertnatively you can include the script.js script before the closing </body> tag and then in your JS create a new instance of NJEvents as below.

<script src="path/to/script.js"></script>
<script>
    const emitter = new NJEvents();
</script>

Usage

NJ-Events are driven by the on, emit, off methods which are detailed below.

Registering an event

  • on() - the listener is registered and will be active until removed explicitly.
  • once() - the listener is removed after first trigger.
  • both methods take an event_name:string, callback:function and an optional id:string as parameters.
const emitter = new NJEvents();

const id_on = emitter.on('hey', data => { // listener is registered until removed
  console.log(data);
});

const id_once = emitter.once('hey', data => { // listener is removed after first trigger
  console.log(data);
});

const custom_id = emitter.on('hey', data => { // init with custom id
  console.log(data);
}, YOUR_CUSTOM_ID);

Triggering an event

An event is triggered using the emit() by passing the event_name:string and data:any

emitter.emit('hey', 'how are you?');

Unregistering an event

An event can be unregistered using the off() with the below parameters

  • event_name - any matching events and its listeners will be removed.
  • id - event with the particular id will be removed, the event would still exist.
emitter.off('hey'); // unregister using event-name 
emitter.off(id); // unregister using the event ID

Releases and Changes

Check out the Releases and Change Logs for more information.

Copyright and License

The MIT license