diff --git a/snippets/createEventHub.md b/snippets/createEventHub.md new file mode 100644 index 000000000..9804e9e4a --- /dev/null +++ b/snippets/createEventHub.md @@ -0,0 +1,36 @@ +### createEventHub + +Creates a pubsub event hub with `emit`, `on`, and `off` methods. + +For `emit`, resolve the array of handlers based on the `event` argument and then run +each one by passing in the data as an argument. + +For `on`, create an array for the event if it does not yet exist, then push the handler +into the array. + +For `off`, find the index of the handler in the event array and remove it. + +```js +const createEventHub = () => ({ + hub: {}, + emit(event, data) { + this.hub[event].forEach(handler => handler(data)); + }, + on(event, handler) { + if (!this.hub[event]) this.hub[event] = []; + this.hub[event].push(handler); + }, + off(event, handler) { + const i = this.hub[event].findIndex(h => h === handler); + if (i) this.hub[event].splice(i, 1); + } +}); +``` + +```js +const hub = createEventHub(); +const fn = data => console.log(data); +hub.on('message', fn); // subscribe a handler to listen for 'message' events +hub.emit('message', 'hello!'); // console logs 'hello!' +hub.off('message', fn); // unsubscribe our handler from 'message' +``` diff --git a/tag_database b/tag_database index dc0014097..a596effd8 100644 --- a/tag_database +++ b/tag_database @@ -20,6 +20,7 @@ compose:function copyToClipboard:browser countOccurrences:array countVowels:string +createEventHub:utility currentURL:browser curry:function deepFlatten:array