Added support for databinding

- Nested.valueLink( '^props.valueLink' ) to create fake state attribute
- Model.lget to create valueLinks
- Model.fset to create click handlers
- Collection.lhas creates boolean link
- Collection ftoggle( model ) creates click handler
- valueLink.set( val ) to update link
- valueLink.fset( val ) to create click handler
- valueLink.leql( val ) creates boolean link
- valueLink.lhas( val ) creates boolean link for array

Author: Vlad Balin

nestedreact.js

@@ -30,3 +30,27 @@ Object.defineProperties( BaseComponent, {
     $el : { get : function(){ return $( this.el ); } },
     $   : { value : function( sel ){ return this.$el.find( sel ); } }
 } );
+
+var Link = NestedReact.Link = require( './valuelink' );
+Nested.valueLink = Link.valueLink;
+
+var ModelProto = Nested.Model.prototype,
+    LinkAttr   = Link.Attr;
+
+ModelProto.lget = function( name ){ return new LinkAttr( this, name ); };
+ModelProto.fset = function( a, b, c ){
+    var self = this;
+    return function(){ self.set( a, b, c ); }
+};
+
+var CollectionProto = Nested.Collection.prototype,
+    LinkHas         = Link.CollectionHas;
+
+CollectionProto.lhas = function( model ){
+    return new LinkHas( this, model );
+};
+
+CollectionProto.ftoggle = function( model, next ){
+    var self = this;
+    return function(){ self.toggle( model, next ); }
+};

nestedreact.js.map

@@ -0,0 +1,121 @@
+var Nested = require( 'nestedtypes' );
+
+var Value = exports.Value = Object.extend( {
+    value          : void 0,
+    requestChanges : function( val ){ throw new ReferenceError(); },
+
+    set  : function( val ){ this.requestChanges( val ); },
+    fset : function( val ){
+        var link = this;
+        return function(){ link.requestChanges( val ); }
+    }
+} );
+
+exports.Attr = Value.extend( {
+    constructor : function( model, attr ){
+        this.value          = model[ attr ];
+        this.requestChanges = function( val ){
+            model[ attr ] = val;
+        }
+    },
+
+    // for array links
+    lhas : function( value ){
+        return new ArrayHas( this, value );
+    },
+
+    leql : function( value ){
+        return new ValueEql( this, value );
+    }
+} );
+
+var Bool = exports.Bool = Value.extend( {
+    toggle : function(){ this.requestChanges( !this.value ); },
+
+    ftoggle : function(){
+        var link = this;
+        return function(){ link.requestChanges( !link.value ) };
+    }
+} );
+
+var ValueEql = exports.ValueEql = Bool.extend( {
+    constructor : function( link, asTrue ){
+        this.value          = link.value === asTrue;
+        this.requestChanges = function( val ){
+            link.requestChanges( val ? asTrue : null );
+        }
+    }
+} );
+
+var ArrayHas = exports.ArrayHas = Bool.extend( {
+    constructor : function( link, element ){
+        var value  = Boolean( contains( link.value, element ) );
+        this.value = value;
+
+        this.requestChanges = function( next ){
+            if( value !== Boolean( next ) ){
+                var prev = link.value;
+                link.requestChanges( next ? prev.concat( element ) : without( prev, element ) );
+            }
+        };
+    }
+} );
+
+exports.CollectionHas = Bool.extend( {
+    constructor : function( collection, model ){
+        this.value          = Boolean( collection.get( model ) );
+        this.requestChanges = function( val ){ collection.toggle( model, val ); }
+    }
+} );
+
+exports.valueLink = function( reference ){
+    var getMaster = Nested.parseReference( reference );
+
+    function setLink( value ){
+        var link = getMaster.call( this );
+        link && link.requestChanges( value );
+    }
+
+    function getLink(){
+        var link = getMaster.call( this );
+        return link && link.value;
+    }
+
+    var LinkAttribute = Nested.attribute.Type.extend( {
+        createPropertySpec : function(){
+            return {
+                // call to optimized set function for single argument. Doesn't work for backbone types.
+                set : setLink,
+
+                // attach get hook to the getter function, if present
+                get : getLink
+            }
+        },
+
+        set : setLink
+    } );
+
+    var options       = Nested.attribute( { toJSON : false } );
+    options.Attribute = LinkAttribute;
+    return options;
+};
+
+// private array helpers
+function contains( arr, el ){
+    for( var i = 0; i < arr.length; i++ ){
+        if( arr[ i ] === el ) return true;
+    }
+
+    return false;
+}
+
+function without( arr, el ){
+    var res = [];
+
+    for( var i = 0; i < arr.length; i++ ){
+        var current = arr[ i ];
+        current === el || res.push( current );
+    }
+
+    return res;
+}