'svelte/store';
/** Callback to inform of a value updates. */
type Subscriber<T> = (value: T) => void;
/** Unsubscribes from value updates. */
type Unsubscriber = () => void;
/** Start and stop notification callbacks. */
type StartStopNotifier<T> = (set: Subscriber<T>) => Unsubscriber | void;
interface ReloadableFactory {
reloadable<T>(
value: T,
startStopNotifier?: StartStopNotifier<T>
): Reloadable<T>;
reload: () => void;
preload: () => () => void;
}
interface Reloadable<T> extends Writable<T> {
reload: () => void;
}
export function reloadableStore(): ReloadableFactory {
const stores: Reloadable<unknown>[] = [];
function reloadable<T>(
value: T,
onSubscribe: StartStopNotifier<T>
): Reloadable<T> {
if (!onSubscribe)
onSubscribe = (set: (value: T) => void) => {
set(value);
};
const { set, update, subscribe } = writable<T>(value, onSubscribe);
const reload: () => void = () => onSubscribe(set);
const store = { set, update, subscribe, reload };
stores.push(store);
return store;
}
function preload(): Unsubscriber {
const unsubs = stores.map((store: Reloadable<unknown>) =>
// eslint-disable-next-line @typescript-eslint/no-empty-function
store.subscribe(() => {})
);
return () => unsubs.forEach((unsub: Unsubscriber) => unsub());
}
function reload(): void {
stores.forEach((store: Reloadable<unknown>) => store.reload());
}
return { reloadable, reload, preload };
}
Массивно и запарно! :) Не претендую на истину, но проще б было, наверное, сделать враппер-функцию, в не пытаться расширять сторы. composition over inheritance и все такое. У тебя и типов бы вообще не было по сути.
Обсуждают сегодня