@stacksjs/events 0.58.48 → 0.58.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -2
- package/src/index.ts +170 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stacksjs/events",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.58.
|
|
4
|
+
"version": "0.58.49",
|
|
5
5
|
"description": "Functional event emitting.",
|
|
6
6
|
"author": "Chris Breuer",
|
|
7
7
|
"license": "MIT",
|
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
],
|
|
40
40
|
"files": [
|
|
41
41
|
"README.md",
|
|
42
|
-
"dist"
|
|
42
|
+
"dist",
|
|
43
|
+
"src"
|
|
43
44
|
],
|
|
44
45
|
"scripts": {
|
|
45
46
|
"build": "bun --bun build.ts",
|
package/src/index.ts
ADDED
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
// thanks to mitt for the base of this wonderful functional event emitter
|
|
2
|
+
|
|
3
|
+
export type EventType = string | symbol
|
|
4
|
+
|
|
5
|
+
// An event handler can take an optional event argument
|
|
6
|
+
// and should not return a value
|
|
7
|
+
export type Handler<T = unknown> = (event: T) => void
|
|
8
|
+
export type WildcardHandler<T = Record<string, unknown>> = (
|
|
9
|
+
type: keyof T,
|
|
10
|
+
event: T[keyof T]
|
|
11
|
+
) => void
|
|
12
|
+
|
|
13
|
+
// An array of all currently registered event handlers for a type
|
|
14
|
+
export type EventHandlerList<T = unknown> = Array<Handler<T>>
|
|
15
|
+
export type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>
|
|
16
|
+
|
|
17
|
+
// A map of event types and their corresponding event handlers.
|
|
18
|
+
export type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<
|
|
19
|
+
keyof Events | '*',
|
|
20
|
+
EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>
|
|
21
|
+
>
|
|
22
|
+
|
|
23
|
+
export interface Emitter<Events extends Record<EventType, unknown>> {
|
|
24
|
+
all: EventHandlerMap<Events>
|
|
25
|
+
|
|
26
|
+
on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void
|
|
27
|
+
on(type: '*', handler: WildcardHandler<Events>): void
|
|
28
|
+
|
|
29
|
+
off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void
|
|
30
|
+
off(type: '*', handler: WildcardHandler<Events>): void
|
|
31
|
+
|
|
32
|
+
emit<Key extends keyof Events>(type: Key, event: Events[Key]): void
|
|
33
|
+
emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* A tiny (~200b) functional event emitter / pubsub.
|
|
38
|
+
*/
|
|
39
|
+
export default function mitt<Events extends Record<EventType, unknown>>(
|
|
40
|
+
all?: EventHandlerMap<Events>,
|
|
41
|
+
): Emitter<Events> {
|
|
42
|
+
type GenericEventHandler =
|
|
43
|
+
| Handler<Events[keyof Events]>
|
|
44
|
+
| WildcardHandler<Events>
|
|
45
|
+
all = all || new Map()
|
|
46
|
+
|
|
47
|
+
return {
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* A Map of event names to registered handler functions.
|
|
51
|
+
*/
|
|
52
|
+
all,
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Register an event handler for the given type.
|
|
56
|
+
* @param {string|symbol} type Type of event to listen for, or `'*'` for all events
|
|
57
|
+
* @param {Function} handler Function to call in response to given event
|
|
58
|
+
* @memberOf mitt
|
|
59
|
+
*/
|
|
60
|
+
on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {
|
|
61
|
+
const handlers: Array<GenericEventHandler> | undefined = all!.get(type)
|
|
62
|
+
if (handlers)
|
|
63
|
+
handlers.push(handler)
|
|
64
|
+
|
|
65
|
+
else
|
|
66
|
+
all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>)
|
|
67
|
+
},
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* Remove an event handler for the given type.
|
|
71
|
+
* If `handler` is omitted, all handlers of the given type are removed.
|
|
72
|
+
* @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
|
|
73
|
+
* @param {Function} [handler] Handler function to remove
|
|
74
|
+
* @memberOf mitt
|
|
75
|
+
*/
|
|
76
|
+
off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {
|
|
77
|
+
const handlers: Array<GenericEventHandler> | undefined = all!.get(type)
|
|
78
|
+
if (handlers) {
|
|
79
|
+
if (handler)
|
|
80
|
+
handlers.splice(handlers.indexOf(handler) >>> 0, 1)
|
|
81
|
+
|
|
82
|
+
else
|
|
83
|
+
all!.set(type, [])
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* Invoke all handlers for the given type.
|
|
89
|
+
* If present, `'*'` handlers are invoked after type-matched handlers.
|
|
90
|
+
*
|
|
91
|
+
* Note: Manually firing '*' handlers is not supported.
|
|
92
|
+
*
|
|
93
|
+
* @param {string|symbol} type The event type to invoke
|
|
94
|
+
* @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
|
|
95
|
+
* @memberOf mitt
|
|
96
|
+
*/
|
|
97
|
+
emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {
|
|
98
|
+
let handlers = all!.get(type)
|
|
99
|
+
if (handlers) {
|
|
100
|
+
(handlers as EventHandlerList<Events[keyof Events]>)
|
|
101
|
+
.slice()
|
|
102
|
+
.map((handler) => {
|
|
103
|
+
if (evt)
|
|
104
|
+
return handler(evt)
|
|
105
|
+
|
|
106
|
+
console.error('No event provided')
|
|
107
|
+
return 'No event provided'
|
|
108
|
+
})
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
handlers = all!.get('*')
|
|
112
|
+
if (handlers) {
|
|
113
|
+
(handlers as WildCardEventHandlerList<Events>)
|
|
114
|
+
.slice()
|
|
115
|
+
//
|
|
116
|
+
.map((handler: any) => {
|
|
117
|
+
if (evt)
|
|
118
|
+
return handler(type, evt)
|
|
119
|
+
|
|
120
|
+
console.error('No event provided')
|
|
121
|
+
return 'No event provided'
|
|
122
|
+
})
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/**
|
|
129
|
+
* This module provides a simple, yet powerful, event bus for the application.
|
|
130
|
+
*
|
|
131
|
+
* TODO: https://vitejs.dev/guide/api-plugin.html#typescript-for-custom-events
|
|
132
|
+
*
|
|
133
|
+
* @example To fire an event, you may use any of the following approaches:
|
|
134
|
+
* ```ts
|
|
135
|
+
* useEvent('user:registered', { name: 'Chris'})
|
|
136
|
+
* dispatch('user:registered', { name: 'Chris'})
|
|
137
|
+
*
|
|
138
|
+
* // alternatively, you may use the following:
|
|
139
|
+
* events.emit('user:registered', { name: 'Chris'})
|
|
140
|
+
* useEvents.emit('user:registered', { name: 'Chris'})
|
|
141
|
+
* ````
|
|
142
|
+
*
|
|
143
|
+
* @example To capture an event, you may use any of the following approaches:
|
|
144
|
+
* ```ts
|
|
145
|
+
* useListen('user:registered', (user) => console.log(user))
|
|
146
|
+
* listen('user:registered', (user) => console.log(user))
|
|
147
|
+
* ```
|
|
148
|
+
*/
|
|
149
|
+
|
|
150
|
+
// TODO: need to create an action that auto generates this Events type from the ./app/events
|
|
151
|
+
interface Events {
|
|
152
|
+
'user:registered': { name: string }
|
|
153
|
+
'user:logged-in': { name: string }
|
|
154
|
+
'user:logged-out': { name: string }
|
|
155
|
+
'user:updated': { name: string }
|
|
156
|
+
'user:deleted': { name: string }
|
|
157
|
+
'user:password-reset': { name: string }
|
|
158
|
+
'user:password-changed': { name: string }
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
const events = mitt<Events>
|
|
162
|
+
const emitter = events()
|
|
163
|
+
const useEvent: typeof emitter.emit = emitter.emit.bind(emitter)
|
|
164
|
+
const useEvents = events()
|
|
165
|
+
const dispatch: typeof emitter.emit = emitter.emit.bind(emitter)
|
|
166
|
+
const listen: typeof emitter.on = emitter.on.bind(emitter)
|
|
167
|
+
const off: typeof emitter.off = emitter.off.bind(emitter)
|
|
168
|
+
const all: typeof emitter.all = emitter.all
|
|
169
|
+
|
|
170
|
+
export { all, dispatch, events, listen, mitt, off, useEvent, useEvents }
|