cth-mutant

TODO: Rewrite/finish

This object encapsulates MutationObserver and adds a pleasant .reconnect() method. If you use MutationObservers quite often and want a simpler syntax, try this.

.disconnect() and .reconnect() are sometimes a handy pair to use when we want to listen for a change in the DOM, suspend the listening, make our changes, and resume the listening.


Usage goes something like:

API 1 - like standard, but just provide the callback as 3rd parameter.
``js
// Duplicate the object, OLOO style
const myObserver = Object.create(Mutant)

myObserver.observe(document, {childList: true}, function(muts){
muts.forEach(mut => {
console.log(mut)
})
})
`

API 2 - explicit
`js
const myObserver2 = Object.create(Mutant)

myObserver2.observe({
target: document,
config: {childList: true},
callback: function (muts) {
muts.forEach(mut => {
console.log(mut)
})
}
})
`

API 3 - chained
`js
const myObserver3 = Object.create(Mutant)

myObserver3
.observe({
target: document,
config: {childList: true}
})
.tap(function(muts){
muts.forEach(mut => {
console.log(mut)
})
})
``

(;,;)