imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply prettier formatting

Browse source
This commit is contained in:
Michael Weimann 2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
No known key found for this signature in database
GPG key ID: 53F535A266BB9584
1576 changed files with 65385 additions and 62478 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/hooks/useEventEmitter.ts
View file

@ -21,10 +21,7 @@ import type { EventEmitter } from "events";
type Handler = (...args: any[]) => void;
export function useTypedEventEmitter<
Events extends string,
Arguments extends ListenerMap<Events>,
>(
export function useTypedEventEmitter<Events extends string, Arguments extends ListenerMap<Events>>(
emitter: TypedEventEmitter<Events, Arguments>,
eventName: Events,
handler: Handler,
@ -35,11 +32,7 @@ export function useTypedEventEmitter<
/**
* Hook to wrap an EventEmitter on and off in hook lifecycle
*/
export function useEventEmitter(
emitter: EventEmitter | undefined,
eventName: string | symbol,
handler: Handler,
): void {
export function useEventEmitter(emitter: EventEmitter | undefined, eventName: string | symbol, handler: Handler): void {
// Create a ref that stores handler
const savedHandler = useRef(handler);
@ -70,11 +63,7 @@ export function useEventEmitter(
type Mapper<T> = (...args: any[]) => T;
export function useTypedEventEmitterState<
T,
Events extends string,
Arguments extends ListenerMap<Events>,
>(
export function useTypedEventEmitterState<T, Events extends string, Arguments extends ListenerMap<Events>>(
emitter: TypedEventEmitter<Events, Arguments>,
eventName: Events,
fn: Mapper<T>,
@ -88,9 +77,12 @@ export function useEventEmitterState<T>(
fn: Mapper<T>,
): T {
const [value, setValue] = useState<T>(fn);
const handler = useCallback((...args: any[]) => {
setValue(fn(...args));
}, [fn]);
const handler = useCallback(
(...args: any[]) => {
setValue(fn(...args));
},
[fn],
);
// re-run when the emitter changes
useEffect(handler, [emitter]); // eslint-disable-line react-hooks/exhaustive-deps
useEventEmitter(emitter, eventName, handler);