📰 Dead simple tweetable JavaScript PubSub pattern module using Set (ES2015)

1-info.md

See also 📢 Dead simple tweetable JavaScript Emitter pattern module using Map (ES2015) which uses this package.

Browser compatibility (all)

Chrome*	Edge	FF	IE	Opera	Safari	iOS
38	12	13	-*	25	7.1	8

Notes:

• Chrome includes mobile Chrome.
• IE 11 does not support only arrow functions, they can be replaced with function. Also, incomplete Set support means the hand-minified version does not work.

pubsub.js

export default () => {
  const subscribers = new Set()
  
  const sub = (fn) => {
    subscribers.add(fn)

    return () => subscribers.delete(fn)
  }
  
  const pub = (data) => subscribers.forEach((fn) => fn(data))
  
  return Object.freeze({ pub, sub })
}

pubsub.min.js

// Minified (by hand), 105 bytes
export default s=>(s=new Set,Object.freeze({pub:d=>s.forEach(f=>f(d)),sub:f=>s.add(f).delete.bind(s,f)}))

usage.js

import pubsub from './pubsub'

// Create a new PubSub
const events = pubsub()

// Register first subscriber
// Save the unsubscribe callback
const unSubOne = events.sub((a) => console.log('one: ' + a))

const two = (a) => console.log('two: ' + a)

// Register second subscriber
const unSubTwo = events.sub(two)
// Subscriber can be registred only once, the following has no effect
events.sub(two)

// Dispatch a string
// `two` is called just once
events.pub('foo')
// "one: foo"
// "two: foo"

// Deregister a subscriber
// Returns true if the function has been removed successfully
unSubOne() // true

// Dispatch a string
// `one` is not called
events.pub('bar')
// "two: bar"

Oh, the very minimal version would be 91 characters:

export default (s=new Set)=>({pub:d=>s.forEach(f=>f(d)),sub:f=>s.add(f).delete.bind(s,f)})

That is removing Object.freeze. I would not recommend using that one though…