|
1 | 1 | import { EventsRecord } from "./EventEmittingComponent"; |
2 | 2 |
|
3 | 3 | type ListenersHolder<Events extends EventsRecord> = { |
4 | | - // eslint-disable-next-line putout/putout |
5 | | - [key in keyof Events]?: ((...args: Events[key]) => void)[]; |
| 4 | + [key in keyof Events]?: { |
| 5 | + id: number; |
| 6 | + listener: (...args: Events[key]) => void; |
| 7 | + }[]; |
6 | 8 | }; |
7 | 9 |
|
8 | 10 | export class EventEmitter<Events extends EventsRecord> { |
9 | 11 | private readonly listeners: ListenersHolder<Events> = {}; |
10 | 12 |
|
| 13 | + private counter = 0; |
| 14 | + |
| 15 | + // Fields used for offSelf() |
| 16 | + private currentListenerId: number | undefined = undefined; |
| 17 | + |
| 18 | + private currentListenerEventName: keyof Events | undefined = undefined; |
| 19 | + |
11 | 20 | public emit(event: keyof Events, ...parameters: Events[typeof event]) { |
12 | 21 | const listeners = this.listeners[event]; |
13 | | - if(listeners !== undefined) { |
| 22 | + if (listeners !== undefined) { |
| 23 | + this.currentListenerEventName = event; |
| 24 | + |
14 | 25 | listeners.forEach((listener) => { |
15 | | - listener(...parameters); |
| 26 | + this.currentListenerId = listener.id; |
| 27 | + |
| 28 | + listener.listener(...parameters); |
| 29 | + |
| 30 | + this.currentListenerId = undefined; |
16 | 31 | }); |
| 32 | + this.currentListenerEventName = undefined; |
17 | 33 | } |
18 | 34 | } |
19 | 35 |
|
20 | 36 | public on<Key extends keyof Events>( |
21 | 37 | event: Key, |
22 | 38 | listener: (...args: Events[Key]) => void |
23 | | - ) { |
24 | | - (this.listeners[event] ??= []).push(listener); |
| 39 | + ): number { |
| 40 | + // eslint-disable-next-line no-multi-assign |
| 41 | + const id = (this.counter += 1); |
| 42 | + (this.listeners[event] ??= []).push({ |
| 43 | + id, |
| 44 | + listener, |
| 45 | + }); |
| 46 | + return id; |
| 47 | + } |
| 48 | + |
| 49 | + // eslint-disable-next-line no-warning-comments |
| 50 | + // TODO Improve to be thread-safe |
| 51 | + public offSelf() { |
| 52 | + if ( |
| 53 | + this.currentListenerEventName !== undefined && |
| 54 | + this.currentListenerId !== undefined |
| 55 | + ) { |
| 56 | + this.off(this.currentListenerEventName, this.currentListenerId); |
| 57 | + } |
| 58 | + } |
| 59 | + |
| 60 | + public off<Key extends keyof Events>(event: Key, id: number) { |
| 61 | + const listeners = this.listeners[event]; |
| 62 | + if (listeners !== undefined) { |
| 63 | + this.listeners[event] = listeners.filter( |
| 64 | + (listener) => listener.id !== id |
| 65 | + ); |
| 66 | + } |
25 | 67 | } |
26 | 68 | } |
0 commit comments