40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { Controller } from '@hotwired/stimulus';
|
|
import { debounce } from '@utils';
|
|
|
|
export type Detail = Record<string, unknown>;
|
|
|
|
export class ApplicationController extends Controller {
|
|
#debounced = new Map<() => void, () => void>();
|
|
|
|
protected debounce(fn: () => void, interval: number): void {
|
|
let debounced = this.#debounced.get(fn);
|
|
if (!debounced) {
|
|
debounced = debounce(fn.bind(this), interval);
|
|
this.#debounced.set(fn, debounced);
|
|
}
|
|
debounced();
|
|
}
|
|
|
|
protected globalDispatch(type: string, detail: Detail): void {
|
|
this.dispatch(type, {
|
|
detail,
|
|
prefix: '',
|
|
target: document.documentElement
|
|
});
|
|
}
|
|
|
|
protected on<HandlerEvent extends Event = Event>(
|
|
eventName: string,
|
|
handler: (event: HandlerEvent) => void
|
|
): void {
|
|
const disconnect = this.disconnect;
|
|
const callback = (event: Event): void => {
|
|
handler(event as HandlerEvent);
|
|
};
|
|
this.element.addEventListener(eventName, callback);
|
|
this.disconnect = () => {
|
|
this.element.removeEventListener(eventName, callback);
|
|
disconnect.call(this);
|
|
};
|
|
}
|
|
}
|