es6-emitter

Smallest event emitter for JavaScript with all the power of ES6 Maps!

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
es6-emitter
1.0.16 years ago6 years agoMinified + gzip package size for es6-emitter in KB

Readme

es6-emitter
Standard - JavaScript Style Guide
Node version Build Status Coverage Status Dependency status Dev Dependencies Status NPM Status Donate
Smallest event emitter for JavaScript with all the power of ES6 Maps!

Install

$ npm install es6-emitter --save

Usage

const Emitter = require('es6-emitter');

const emitter = new Emitter();

API

subscribe (name, callback)

Allows you to add subscriptions to your emitter given a certain name, multiple subscriptions under the same name are allowed!
const sub1 = emitter.subscribe('myEvent', foo => console.log('a callback!'));

const sub2 = emitter.subscribe('myEvent', (bar, baz) => console.log('another callback!'));

sub1(); // releases the first subscription

Returns a function to release the subscription while the others remain intact.

name

Required
Type: any
Can be literally any type, and corresponds to the name of the event that you want the Emitter to subscribe to.

callback

Required
Type: function
Side effect that you want to associate with the name of the event.

emit (name, args)

Allows you to emit any subscription added to the emitter, with any number of arguments.
emitter.emit('myEvent', 1, '2', null, () => 4);

Returns an array with every return value for each subscription callback.
const s1 = emitter.subscribe('otherEvent', () => 1);
const s2 = emitter.subscribe('otherEvent', () => 2);
const s3 = emitter.subscribe('otherEvent', () => true);
const result = emitter.emit('otherEvent'); // > [1, 2, true]

name

Required
Type: any
Just as in the subscribe function, this is the name of the event you want to emit.

args

Any number of values of any type to be passed to the subscription functions.

ES6 Map Awesomeness ✨

Thanks to ES Maps goodness, the name of the event subscribed can be literally anything, even another function! 😱
const em = new Emitter();

const eventObject = { name: 'click', debounce: 300 };
const eventFunction = e => console.log(e);

const sub1 = em.subscripbe(NaN, () => 'not a number');
const sub2 = em.subscribe(eventObject, () => 'called with an object!');
const sub3 = em.subscribe(eventFunction, () => 'called with a function!');

em.emit(NaN); // > ['not a number']
em.emit(eventObject); // > ['called with an object!']
em.emit(eventFunction); // > ['called with a function!']

License

MIT © Flavio Corpa.