@arunkumarcoderelm/watcher v2.0.0

Watcher

Watcher watches the change in attached objects and reports back the linked changes.

Installation

npm

    npm i @arunkumarcoderelm/watcher

yarn

    yarn add @arunkumarcoderelm/watcher

Example

    let watcher = require('@arunkumarcoderelm/watcher') 
    let watchObj = new watcher()

    let p1 = { a: "sdfsef" }
    let p2 = { d3: "23qw3"}

    // Your Tracker function this can also be a ordinary function
    watchObj.tracker = function(name, obj, pro, oldVal, newVal) {
        switch (name) {
            case "p1":
                console.log(`the property "${pro}" in p1 has been changed to new value "${newVal}"`)
                break;
            case "p2":
                console.log(`the property "${pro}" in p2 has been changed to new value "${newVal}"`)
                break;
            default:
                console.log(this)
                break;
        }
    }

    // Creating Proxy and register object in watcher instance.
    p1 = watchObj.register(p1, "p1")
    p2 = watchObj.register(p2, "p2")

    // watchObj.tracker will emit on each update
    p1.d3 = "sadfsdf"  
    p2.d1 = "sadfsdf" 

    // This will provides all the registered object into watcher.
    console.log(watchObj._obj)

API

register(element, name)

Creates proxy object and registeres the object, this will be tracked by watcher.

element : The object to be watched. name : The identifier for the proxy object.

tracker(name, obj, pro, oldVal, newVal)

The method get triggered on every chnages in the attached proxy object.

name: Proxy object identifier. obj: Proxy object itself. pro: Property in proxy object. oldVal: Old value in the proxy object property. newVal: New updated value in the proxy object property.

_obj

This will contain all the instances of registered object in watched instance.