CruddyJS - Observable Objects for the laggards
Observe changes to native JavaScript objects with CruddyJS. Based on the EcmaScript Harmony proposal, CruddyJS will send change updates when object values change. Here's how it works.
var observer = cruddy({ foo: 'bar' }, function (changes) {
console.log(changes);
})
observer.update(function (o) {
o.set('foo', 'boo')
})
> {
type: 'update',
name: 'foo',
object: { foo: 'boo' },
oldValue: 'bar'
}
Does your browser already support Object.observe? No problem, CruddyJS simply uses the native functionality.
Installation
NodeJS
npm install cruddy
API
Depending on the type of class passed to CruddyJS, you will get one of two interfaces. For basic Object classes you will receive a Model. For Array classes you will receive a Collection.
Model
cruddy({ foo: 'bar' }, callback)
.update(function (model) {
model.set('bar', 'foo')
model.destroy('foo', 'bar')
})
Methods
- get
- set
- destroy
Collection
cruddy([1, 3, 2], callback)
.update(function (collection) {
collection.push(0, 4, 5)
collection.shift()
collection.sort()
})
Methods
- concat
- length
- get
- join
- set
- push
- pop
- reverse
- shift
- splice
- unshift
EcmaScript 6+
- forEach
- indexOf
- fill
- lastIndexOf
- map
- reduce
- reduceRight
- some