I wrote a similar thing for svelte stores. The live example is here. https://svelte.dev/repl/4434d8fcd12242d79887343fd95e429c?version=3.29.7 https://svelte.dev

I wrote a similar thing for svelte stores. The live example is here. https://svelte.dev/repl/4434d8fcd12242d79887343fd95e429c?version=3.29.7 https://svelte.dev/repl/4434d8fcd12242d79887343fd95e429c?ver... You can wrap pretty much any POD/array data type as a store then index into it to generate new stores with view on to sub elements. Note that a "store" is a reactive data store. You can set a value on it and also get notified of changes. This means you can have a single store for your main data and then pass views on that data to sub components. Views are created using selector expressions. let data = { name: 'thomas', age: 25 } let root = writable(data) let rootUndo = undoStore(root) let nameStore = subStore(rootUndo, v=>v.name) let ageStore = subStore(rootUndo, v=>v.age) let undoDisabled = derived(rootUndo.canUndo, u=>!u) let redoDisabled = derived(rootUndo.canRedo, u=>!u) ---- <input type="text" bind:value={$nameStore}/> <input type="number" bind:value={$ageStore}/> <button on:click={undo} disabled= {$undoDisabled}>undo</button> <button on:click={redo} disabled= {$redoDisabled}>redo</button> Library is here https://github.com/bradphelan/immer.loves.svelte https://github.com/bradphelan/immer.loves.svelte