UNPKG

@zeix/cause-effect

Version:

Cause & Effect - reactive state management with signals.

56 lines (55 loc) 2.2 kB
type Cleanup = () => void; type Watcher = { (): void; off(cleanup: Cleanup): void; cleanup(): void; }; type Updater = <T>() => T | boolean | void; /** * Create a watcher that can be used to observe changes to a signal * * @since 0.14.1 * @param {() => void} notice - function to be called when the state changes * @returns {Watcher} - watcher object with off and cleanup methods */ declare const watch: (notice: () => void) => Watcher; /** * Add active watcher to the Set of watchers * * @param {Set<Watcher>} watchers - watchers of the signal */ declare const subscribe: (watchers: Set<Watcher>) => void; /** * Add watchers to the pending set of change notifications * * @param {Set<Watcher>} watchers - watchers of the signal */ declare const notify: (watchers: Set<Watcher>) => void; /** * Flush all pending changes to notify watchers */ declare const flush: () => void; /** * Batch multiple changes in a single signal graph and DOM update cycle * * @param {() => void} fn - function with multiple signal writes to be batched */ declare const batch: (fn: () => void) => void; /** * Run a function in a reactive context * * @param {() => void} run - function to run the computation or effect * @param {Watcher} watcher - function to be called when the state changes or undefined for temporary unwatching while inserting auto-hydrating DOM nodes that might read signals (e.g., web components) */ declare const observe: (run: () => void, watcher?: Watcher) => void; /** * Enqueue a function to be executed on the next animation frame * * If the same Symbol is provided for multiple calls before the next animation frame, * only the latest call will be executed (deduplication). * * @param {Updater} fn - function to be executed on the next animation frame; can return updated value <T>, success <boolean> or void * @param {symbol} dedupe - Symbol for deduplication; if not provided, a unique Symbol is created ensuring the update is always executed */ declare const enqueue: <T>(fn: Updater, dedupe?: symbol) => Promise<boolean | void | T>; export { type Cleanup, type Watcher, type Updater, subscribe, notify, flush, batch, watch, observe, enqueue, };