70 lines
1.8 KiB
JavaScript
70 lines
1.8 KiB
JavaScript
export function listen(...listenerSpecs) {
|
|
return new Promise((resolve) => {
|
|
let removeAllEventListeners;
|
|
|
|
let listeners = listenerSpecs.map(([element, eventName]) => {
|
|
let listener = (event) => {
|
|
removeAllEventListeners();
|
|
resolve(event);
|
|
};
|
|
element.addEventListener(eventName, listener);
|
|
return { element, eventName, func: listener };
|
|
});
|
|
|
|
removeAllEventListeners = () => {
|
|
for (let listener of listeners) {
|
|
listener.element.removeEventListener(listener.eventName, listener.func);
|
|
}
|
|
};
|
|
});
|
|
}
|
|
|
|
export function debounce(time, fn) {
|
|
let timeout = null;
|
|
return (...args) => {
|
|
if (timeout == null) {
|
|
fn(...args);
|
|
timeout = setTimeout(() => (timeout = null), time);
|
|
}
|
|
};
|
|
}
|
|
|
|
export class SaveData {
|
|
constructor(prefix) {
|
|
this.prefix = `rkgk.${prefix}`;
|
|
this.elementId = "<global>";
|
|
}
|
|
|
|
#localStorageKey(key) {
|
|
return `${this.prefix}.${this.elementId}.${key}`;
|
|
}
|
|
|
|
attachToElement(element) {
|
|
this.elementId = element.dataset.storageId;
|
|
}
|
|
|
|
getRaw(key) {
|
|
return localStorage.getItem(this.#localStorageKey(key));
|
|
}
|
|
|
|
setRaw(key, value) {
|
|
localStorage.setItem(this.#localStorageKey(key), value);
|
|
}
|
|
|
|
get(key, defaultValue) {
|
|
let value = this.getRaw(key);
|
|
if (value == null) {
|
|
return defaultValue;
|
|
} else {
|
|
try {
|
|
return JSON.parse(value);
|
|
} catch (e) {
|
|
throw new Error(`${this.#localStorageKey(key)}`, { cause: e });
|
|
}
|
|
}
|
|
}
|
|
|
|
set(key, value) {
|
|
this.setRaw(key, JSON.stringify(value));
|
|
}
|
|
}
|