Svelte-chainstore NPM

svelte-chainstore

Perform a chain of operations in response to store changes.

Optionally apply changes back to the store.

Optionally reverse the chain when data is read from a storage location.

Bonus functionality

autoSave
dirtyStore
busyStore
chainLink implementations

Example use cases

Persist data to/from storage (REPL)
Compress/Decompress data
Encrypt/Decrypt data
Redo/Undo
Apply defaults to missing properties
Whitelist specific object properties
Blacklist specific object properties
Object version migration
Validate data
Data sanitation
Detect if data changed (see dirtyStore)
Remove properties that match defaults
Serialize data
Case folding
Make sure all changes are immutable (see immer)
Delay/Debounce write

Installation

npm install -D svelte-chainstore

Quick Example

View REPL

<script>
import { chain } from 'svelte-chainstore';

let changeCounter = 0;
const name = chain((v) => v.toUpperCase())
	.chain((v) => {
		changeCounter++;
		return v;
	})
	.sync()
	.store('JOHN');
</script>

<!-- chain ensures name value is always uppercase and also counts the changes made -->
<input bind:value={$name} />
<br />This value changed {changeCounter} times.