Implementation of event channels compatible with Chrome extensions events API
npm install chnlImplementation of event channels (pub/sub, dispatcher, emitter) inspired and
compatible with Chrome extensions events API.
npm i chnl --save
Docs
https://vitalets.github.io/chnlUsage
foo.js
js
import Channel from 'chnl';// create channel
export const onData = new Channel();
// subscribe to channel
onData.addListener(data => console.log(data));
`bar.js
js
import {onData} from './foo';// dispatch event to channel
onData.dispatch({foo: 'bar'});
`$3
Chnl makes a copy of the listeners before starting dispatching loop.
So modifying listeners list (adding/removing) in dispatching loop will affect only the next dispatch:
js
const onData = new Channel();
const listener1 = () => console.log(1);
const listener2 = () => {
console.log(2);
onData.addListener(listener3);
};
const listener3 = () => console.log(3);
onData.addListener(listener1);
onData.addListener(listener2);onData.dispatch();
// 1
// 2
onData.dispatch();
// 1
// 2
// 3
``