Skip to main content
Deno 2 is finally here 🎉️
Learn more

Mutevents

events graph

Events allows multiple listeners (A, B, C) to be executed when objects (O, S) trigger them; without ever knowing their existence at compile time.

Usage

deno cache -r https://deno.land/x/mutevents/mod.ts
import { EventEmitter } from "https://deno.land/x/mutevents/mod.ts";

class Animal extends EventEmitter<{
    death: [] // No args
}> { 
    // ...
}

const animal = new Animal()
animal.on(["death"], () => console.log("dead"))
animal.emit("death")

Syntax

emitter.emit(event, ...args: any[]): Promise<any[]>
emitter.on([event, priority], listener: EventListener): void
emitter.off([event, priority], listener: EventListener): void
emitter.once([event, priority], listener: EventListener): EventListener
await emitter.wait([event, priority]): any[]

Types

Types are useful with TypeScript autocompletion and compiler warnings. Plus, they allow you to inherit events from a superclass.

Class way

We define a generic type Animal with a “death” event type

class Animal<E = never> extends EventEmitter<E & {
    death: []
}> {
    // ...	
}

Then we define a type Dog that extends Animal with a “woof” event type.

class Dog extends Animal<{
    woof: [string]
}> {
    // ...
}

Dog can now emit two event types: “woof” and “death”

Attribute way

We define an Animal class with an events attribute.

interface Animal<E = never> {
    events: new EventEmitter<E & { death: [] }>()
}

Then we define a type Duck that overrides Animal’s events attribute type to inject a new “quack” event type.

interface Duck extends Animal<{ quack: [] }> {}

Duck can now emit both “quack” and “death”.

Priorities

An event listener can have a priority:

  • “before” means it will be handled first
  • “normal” means normal
  • “after” means it will be handled last

The priority must be defined in the array after the event name. If no priority is defined, “normal” will be used.

Example

dog.on(["woof"], () => console.log("Normal"));
dog.on(["woof", "after"], () => console.log("Last"));
dog.on(["woof", "before"], () => console.log("First"));

The “low” listener will be executed after the “normal” one, which will be executed after the “high” one.

When multiple listeners are on the same priority, the first defined will be the first executed.

dog.on(["woof", "before"], () => console.log("First"));
dog.on(["woof", "before"], () => console.log("Last"));

Cancellation

Any event can be cancelled by any listener. The listener needs to throw something. The next listener will not be executed, and the emit() will also throw.

dog.on(["woof"], () => {
    if(dog.name !== "Rex") 
        throw new Cancelled();

    console.log("Rex: woof");
});

dog.on(["woof"], () => {
    console.log("This won't be displayed")
});

You can check for cancellation on the emitter side

const cancelled = await dog.emit("woof");
if (cancelled) console.log("cancelled")

Or rethrow it

const cancelled = await dog.emit("woof");
if (cancelled) throw cancelled;