doc1v1 = Automerge.from({ cards: [] })
doc1v2 = Automerge.change(doc1v1, 'Add card', doc => {
doc.cards.push({ title: 'Rewrite everything in Clojure', done: false });
})
doc1v3 = Automerge.change(doc1v2, 'Add another card', doc => {
doc.cards.insertAt(0, {
title: 'Rewrite everything in Haskell',
done: false
});
})
doc2v1 = {
let doc2 = Automerge.init();
doc2 = Automerge.merge(doc2, doc1v3);
return doc2;
}
doc1v4 = Automerge.change(doc1v3, 'Mark card as done', doc => {
doc.cards[0].done = true;
})
doc2v2 = Automerge.change(doc2v1, 'Delete card', doc => {
delete doc.cards[1];
})
finalDoc = Automerge.merge(doc1v4, doc2v2)
render(
Automerge.getHistory(finalDoc).map(state => [
state.change.message,
state.snapshot.cards.length
])
)
Automerge = require('automerge')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
