Support chaining

[tunnckoCore]

It would be cool and is already some habit for some devs.

const mitt = require('mitt')
const emitter = mitt()
emitter.on('foo', console.log).on('bar', console.log).emit('foo', 123)

[developit]

Interesting! Would be curious to see the filesize hit.

[tunnckoCore]

I think the easiest fix is to make to exports. The default to be the "instance" (like invoking mitt()) and the another to export the current function

export default mitt()
export const mitt

function mitt(all) {

// code ...

Something like that? So if users want to add initial events through mitt({}) they will use

import { mitt } from 'mit'

otherwise they will have directly all the methods

import emitter from 'mitt'

emitter.on().on()

[tunnckoCore]

Oookey, okey, let me think a bit, i'll try. Coding at github issue isn't feels good haha

[developit]

Hmm - that'd be a singleton, which is generally not going to be a good thing (npm dupe issues, etc). I've used that pattern before with a similar EventEmitter, and that was actually one of the reasons I wrote this one - you can do this:

import mitt from 'mitt';
const { on, off, emit } = mitt();
export { on, off, emit };

That's probably the better option if you're looking to then import the singleton methods later on. You get to use an instantiable library (mitt) but then work with your own created singleton in your codebase.

Just my 2 cents :)

[tunnckoCore]

Actually, I did it :) But is 212bytes (tests passing) ;/ All of my above snippets was wrong. Idea is different.

We need to not just return an object with the methods but assign that object to const ret, return that const and use that const in each method.

export default function mitt(all) {
	// Arrays of event handlers, keyed by type
	all = all || {};

	// Get or create a named handler list
	function list(type) {
		let t = type.toLowerCase();
		return all[t] || (all[t] = []);
	}

	const ret = {

		/** Register an event handler for the given type.
		 *	@param {String} type		Type of event to listen for, or `"*"` for all events
		 *	@param {Function} handler	Function to call in response to the given event
		 *	@memberof mitt
		 */
		on(type, handler) {
			list(type).push(handler);
			return ret;
		},

		/** Remove an event handler for the given type.
		 *	@param {String} type		Type of event to unregister `handler` from, or `"*"`
		 *	@param {Function} handler	Handler function to remove
		 *	@memberof mitt
		 */
		off(type, handler) {
			let e = list(type),
				i = e.indexOf(handler);
			if (~i) e.splice(i, 1);
			return ret;
		},

		/** Invoke all handlers for the given type.
		 *	If present, `"*"` handlers are invoked prior to type-matched handlers.
		 *	@param {String} type	The event type to invoke
		 *	@param {Any} [event]	An event object, passed to each handler
		 *	@memberof mitt
		 */
		emit(type, event) {
			list('*').concat(list(type)).forEach( f => { f(event); });
			return ret;
		}
	};

	return ret;
}

[tunnckoCore]

It will fit if we use #8. Damn.. that's freaking crazy haha

[developit]

Gotta get that size down somehow 😉 208 is pretty good though, basically just paying for one return ret thanks to gzip.

[dotproto]

Seems like this issue and #1 are incompatible.

[developit]

Oooh - good point. I totally did not think of that.