Skip to content

brainfood / rivets

Go to a project
Toggle navigation
Toggle navigation pinning
d6871d9c by Michael Richards
Options

Build 0.3.0.

1 parent 0edcdf80
Inline Side-by-side
Showing 5 changed files with 45 additions and 12 deletions
1 # Rivets.js 1 # Rivets.js
2 2
3 Rivets.js is a declarative data binding facility that plays well with existing frameworks such as [Backbone.js](http://backbonejs.org), [Spine.js](http://spinejs.com) and [Stapes.js](http://hay.github.com/stapes/). It aims to be lightweight (1.4KB minified and gzipped), extensible, and configurable to work with any event-driven model. 3 Rivets.js is a declarative data binding facility that plays well with existing frameworks such as [Backbone.js](http://backbonejs.org), [Spine.js](http://spinejs.com) and [Stapes.js](http://hay.github.com/stapes/). It aims to be lightweight (1.9KB minified and gzipped), extensible, and configurable to work with any event-driven model.
4 4
5 --- 5 ---
6 6
......
1 // rivets.js 1 // rivets.js
2 // version: 0.2.7 2 // version: 0.3.0
3 // author: Michael Richards 3 // author: Michael Richards
4 // license: MIT 4 // license: MIT
5 (function() { 5 (function() {
...@@ -70,7 +70,8 @@ ...@@ -70,7 +70,8 @@
70 }; 70 };
71 71
72 Binding.prototype.bind = function() { 72 Binding.prototype.bind = function() {
73 var _ref; 73 var callback, keypath, _i, _len, _ref, _ref1, _ref2,
74 _this = this;
74 if (this.options.bypass) { 75 if (this.options.bypass) {
75 this.set(this.model[this.keypath]); 76 this.set(this.model[this.keypath]);
76 } else { 77 } else {
...@@ -79,7 +80,18 @@ ...@@ -79,7 +80,18 @@
79 this.set(Rivets.config.adapter.read(this.model, this.keypath)); 80 this.set(Rivets.config.adapter.read(this.model, this.keypath));
80 } 81 }
81 } 82 }
82 if (_ref = this.type, __indexOf.call(this.bidirectionals, _ref) >= 0) { 83 if ((_ref = this.options.dependencies) != null ? _ref.length : void 0) {
84 this.dependencyCallbacks = {};
85 _ref1 = this.options.dependencies;
86 for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
87 keypath = _ref1[_i];
88 callback = this.dependencyCallbacks[keypath] = function(value) {
89 return _this.set(_this.options.bypass ? _this.model[_this.keypath] : Rivets.config.adapter.read(_this.model, _this.keypath));
90 };
91 Rivets.config.adapter.subscribe(this.model, keypath, callback);
92 }
93 }
94 if (_ref2 = this.type, __indexOf.call(this.bidirectionals, _ref2) >= 0) {
83 return bindEvent(this.el, 'change', this.publish); 95 return bindEvent(this.el, 'change', this.publish);
84 } 96 }
85 }; 97 };
...@@ -91,9 +103,17 @@ ...@@ -91,9 +103,17 @@
91 }; 103 };
92 104
93 Binding.prototype.unbind = function() { 105 Binding.prototype.unbind = function() {
94 var _ref; 106 var callback, keypath, _i, _len, _ref, _ref1, _ref2;
95 Rivets.config.adapter.unsubscribe(this.model, this.keypath, this.set); 107 Rivets.config.adapter.unsubscribe(this.model, this.keypath, this.set);
96 if (_ref = this.type, __indexOf.call(this.bidirectionals, _ref) >= 0) { 108 if ((_ref = this.options.dependencies) != null ? _ref.length : void 0) {
109 _ref1 = this.options.dependencies;
110 for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
111 keypath = _ref1[_i];
112 callback = this.dependencyCallbacks[keypath];
113 Rivets.config.adapter.unsubscribe(this.model, keypath, callback);
114 }
115 }
116 if (_ref2 = this.type, __indexOf.call(this.bidirectionals, _ref2) >= 0) {
97 return this.el.removeEventListener('change', this.publish); 117 return this.el.removeEventListener('change', this.publish);
98 } 118 }
99 }; 119 };
...@@ -138,7 +158,7 @@ ...@@ -138,7 +158,7 @@
138 bindingRegExp = this.bindingRegExp(); 158 bindingRegExp = this.bindingRegExp();
139 eventRegExp = /^on-/; 159 eventRegExp = /^on-/;
140 parseNode = function(node) { 160 parseNode = function(node) {
141 var attribute, keypath, model, options, path, pipe, pipes, type, _i, _len, _ref, _results; 161 var attribute, context, ctx, dependencies, keypath, model, options, path, pipe, pipes, type, _i, _len, _ref, _results;
142 _ref = node.attributes; 162 _ref = node.attributes;
143 _results = []; 163 _results = [];
144 for (_i = 0, _len = _ref.length; _i < _len; _i++) { 164 for (_i = 0, _len = _ref.length; _i < _len; _i++) {
...@@ -156,11 +176,24 @@ ...@@ -156,11 +176,24 @@
156 } 176 }
157 return _results1; 177 return _results1;
158 })(); 178 })();
159 path = pipes.shift().split(/(\.|:)/); 179 context = (function() {
180 var _j, _len1, _ref1, _results1;
181 _ref1 = pipes.shift().split('>');
182 _results1 = [];
183 for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
184 ctx = _ref1[_j];
185 _results1.push(ctx.trim());
186 }
187 return _results1;
188 })();
189 path = context.shift().split(/(\.|:)/);
160 options.formatters = pipes; 190 options.formatters = pipes;
161 model = _this.models[path.shift()]; 191 model = _this.models[path.shift()];
162 options.bypass = path.shift() === ':'; 192 options.bypass = path.shift() === ':';
163 keypath = path.join(); 193 keypath = path.join();
194 if (dependencies = context.shift()) {
195 options.dependencies = dependencies.split(/\s+/);
196 }
164 if (eventRegExp.test(type)) { 197 if (eventRegExp.test(type)) {
165 type = type.replace(eventRegExp, ''); 198 type = type.replace(eventRegExp, '');
166 options.special = "event"; 199 options.special = "event";
......
1 // rivets.js 1 // rivets.js
2 // version: 0.2.7 2 // version: 0.3.0
3 // author: Michael Richards 3 // author: Michael Richards
4 // license: MIT 4 // license: MIT
5 (function(){var a,b,c,d,e,f,g,h=function(a,b){return function(){return a.apply(b,arguments)}},i=[].slice,j=[].indexOf||function(a){for(var b=0,c=this.length;b<c;b++)if(b in this&&this[b]===a)return b;return-1};a={},String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")}),a.Binding=function(){function f(c,e,f,g,i){this.el=c,this.type=e,this.model=f,this.keypath=g,this.options=i!=null?i:{},this.unbind=h(this.unbind,this),this.publish=h(this.publish,this),this.bind=h(this.bind,this),this.set=h(this.set,this),this.formattedValue=h(this.formattedValue,this),this.options.special==="event"?this.routine=d(this.type):this.routine=a.routines[this.type]||b(this.type),this.formatters=this.options.formatters||[]}return f.prototype.bidirectionals=["value","checked","unchecked"],f.prototype.formattedValue=function(b){var c,d,e,f,g,h,j,k;h=this.formatters;for(f=0,g=h.length;f<g;f++)d=h[f],c=d.split(/\s+/),e=c.shift(),b=this.model[e]instanceof Function?(j=this.model)[e].apply(j,[b].concat(i.call(c))):a.config.formatters[e]?(k=a.config.formatters)[e].apply(k,[b].concat(i.call(c))):void 0;return b},f.prototype.set=function(a){return a=this.formattedValue(a),this.options.special==="event"?(this.routine(this.el,a,this.currentListener),this.currentListener=a):(a instanceof Function&&(a=a()),this.routine(this.el,a))},f.prototype.bind=function(){var b;this.options.bypass?this.set(this.model[this.keypath]):(a.config.adapter.subscribe(this.model,this.keypath,this.set),a.config.preloadData&&this.set(a.config.adapter.read(this.model,this.keypath)));if(b=this.type,j.call(this.bidirectionals,b)>=0)return c(this.el,"change",this.publish)},f.prototype.publish=function(b){var c;return c=b.target||b.srcElement,a.config.adapter.publish(this.model,this.keypath,e(c))},f.prototype.unbind=function(){var b;a.config.adapter.unsubscribe(this.model,this.keypath,this.set);if(b=this.type,j.call(this.bidirectionals,b)>=0)return this.el.removeEventListener("change",this.publish)},f}(),a.View=function(){function b(a,b){this.els=a,this.models=b,this.unbind=h(this.unbind,this),this.bind=h(this.bind,this),this.build=h(this.build,this),this.bindingRegExp=h(this.bindingRegExp,this),this.els.jquery||this.els instanceof Array||(this.els=[this.els]),this.build()}return b.prototype.bindingRegExp=function(){var b;return b=a.config.prefix,b?new RegExp("^data-"+b+"-"):/^data-/},b.prototype.build=function(){var b,c,d,e,f,g,h,i,j,k=this;this.bindings=[],b=this.bindingRegExp(),d=/^on-/,f=function(c){var e,f,g,h,i,j,l,m,n,o,p,q;p=c.attributes,q=[];for(n=0,o=p.length;n<o;n++)e=p[n],b.test(e.name)?(h={},m=e.name.replace(b,""),l=function(){var a,b,c,d;c=e.value.split("|"),d=[];for(a=0,b=c.length;a<b;a++)j=c[a],d.push(j.trim());return d}(),i=l.shift().split(/(\.|:)/),h.formatters=l,g=k.models[i.shift()],h.bypass=i.shift()===":",f=i.join(),d.test(m)&&(m=m.replace(d,""),h.special="event"),q.push(k.bindings.push(new a.Binding(c,m,g,f,h)))):q.push(void 0);return q},i=this.els,j=[];for(g=0,h=i.length;g<h;g++)c=i[g],f(c),j.push(function(){var a,b,d,g;d=c.getElementsByTagName("*"),g=[];for(a=0,b=d.length;a<b;a++)e=d[a],g.push(f(e));return g}());return j},b.prototype.bind=function(){var a,b,c,d,e;d=this.bindings,e=[];for(b=0,c=d.length;b<c;b++)a=d[b],e.push(a.bind());return e},b.prototype.unbind=function(){var a,b,c,d,e;d=this.bindings,e=[];for(b=0,c=d.length;b<c;b++)a=d[b],e.push(a.unbind());return e},b}(),c=function(a,b,c){return window.addEventListener?a.addEventListener(b,c):a.attachEvent(b,c)},g=function(a,b,c){return window.removeEventListener?a.removeEventListener(b,c):a.detachEvent(b,c)},e=function(a){switch(a.type){case"checkbox":return a.checked;default:return a.value}},d=function(a){return function(b,d,e){d&&c(b,a,d);if(e)return g(b,a,e)}},b=function(a){return function(b,c){return c?b.setAttribute(a,c):b.removeAttribute(a)}},a.routines={enabled:function(a,b){return a.disabled=!b},disabled:function(a,b){return a.disabled=!!b},checked:function(a,b){return a.type==="radio"?a.checked=a.value===b:a.checked=!!b},unchecked:function(a,b){return a.type==="radio"?a.checked=a.value!==b:a.checked=!b},show:function(a,b){return a.style.display=b?"":"none"},hide:function(a,b){return a.style.display=b?"none":""},html:function(a,b){return a.innerHTML=b!=null?b:""},value:function(a,b){return a.value=b!=null?b:""},text:function(a,b){return a.innerText!=null?a.innerText=b!=null?b:"":a.textContent=b!=null?b:""}},a.config={preloadData:!0,formatters:{}},f={routines:a.routines,config:a.config,configure:function(b){var c,d,e;b==null&&(b={}),e=[];for(c in b)d=b[c],e.push(a.config[c]=d);return e},bind:function(b,c){var d;return c==null&&(c={}),d=new a.View(b,c),d.bind(),d}},typeof module!="undefined"&&module!==null?module.exports=f:this.rivets=f}).call(this);
...\ No newline at end of file ...\ No newline at end of file
5 (function(){var a,b,c,d,e,f,g,h=function(a,b){return function(){return a.apply(b,arguments)}},i=[].slice,j=[].indexOf||function(a){for(var b=0,c=this.length;b<c;b++)if(b in this&&this[b]===a)return b;return-1};a={},String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")}),a.Binding=function(){function f(c,e,f,g,i){this.el=c,this.type=e,this.model=f,this.keypath=g,this.options=i!=null?i:{},this.unbind=h(this.unbind,this),this.publish=h(this.publish,this),this.bind=h(this.bind,this),this.set=h(this.set,this),this.formattedValue=h(this.formattedValue,this),this.options.special==="event"?this.routine=d(this.type):this.routine=a.routines[this.type]||b(this.type),this.formatters=this.options.formatters||[]}return f.prototype.bidirectionals=["value","checked","unchecked"],f.prototype.formattedValue=function(b){var c,d,e,f,g,h,j,k;h=this.formatters;for(f=0,g=h.length;f<g;f++)d=h[f],c=d.split(/\s+/),e=c.shift(),b=this.model[e]instanceof Function?(j=this.model)[e].apply(j,[b].concat(i.call(c))):a.config.formatters[e]?(k=a.config.formatters)[e].apply(k,[b].concat(i.call(c))):void 0;return b},f.prototype.set=function(a){return a=this.formattedValue(a),this.options.special==="event"?(this.routine(this.el,a,this.currentListener),this.currentListener=a):(a instanceof Function&&(a=a()),this.routine(this.el,a))},f.prototype.bind=function(){var b,d,e,f,g,h,i,k=this;this.options.bypass?this.set(this.model[this.keypath]):(a.config.adapter.subscribe(this.model,this.keypath,this.set),a.config.preloadData&&this.set(a.config.adapter.read(this.model,this.keypath)));if((g=this.options.dependencies)!=null?g.length:void 0){this.dependencyCallbacks={},h=this.options.dependencies;for(e=0,f=h.length;e<f;e++)d=h[e],b=this.dependencyCallbacks[d]=function(b){return k.set(k.options.bypass?k.model[k.keypath]:a.config.adapter.read(k.model,k.keypath))},a.config.adapter.subscribe(this.model,d,b)}if(i=this.type,j.call(this.bidirectionals,i)>=0)return c(this.el,"change",this.publish)},f.prototype.publish=function(b){var c;return c=b.target||b.srcElement,a.config.adapter.publish(this.model,this.keypath,e(c))},f.prototype.unbind=function(){var b,c,d,e,f,g,h;a.config.adapter.unsubscribe(this.model,this.keypath,this.set);if((f=this.options.dependencies)!=null?f.length:void 0){g=this.options.dependencies;for(d=0,e=g.length;d<e;d++)c=g[d],b=this.dependencyCallbacks[c],a.config.adapter.unsubscribe(this.model,c,b)}if(h=this.type,j.call(this.bidirectionals,h)>=0)return this.el.removeEventListener("change",this.publish)},f}(),a.View=function(){function b(a,b){this.els=a,this.models=b,this.unbind=h(this.unbind,this),this.bind=h(this.bind,this),this.build=h(this.build,this),this.bindingRegExp=h(this.bindingRegExp,this),this.els.jquery||this.els instanceof Array||(this.els=[this.els]),this.build()}return b.prototype.bindingRegExp=function(){var b;return b=a.config.prefix,b?new RegExp("^data-"+b+"-"):/^data-/},b.prototype.build=function(){var b,c,d,e,f,g,h,i,j,k=this;this.bindings=[],b=this.bindingRegExp(),d=/^on-/,f=function(c){var e,f,g,h,i,j,l,m,n,o,p,q,r,s,t;s=c.attributes,t=[];for(q=0,r=s.length;q<r;q++){e=s[q];if(b.test(e.name)){l={},p=e.name.replace(b,""),o=function(){var a,b,c,d;c=e.value.split("|"),d=[];for(a=0,b=c.length;a<b;a++)n=c[a],d.push(n.trim());return d}(),f=function(){var a,b,c,d;c=o.shift().split(">"),d=[];for(a=0,b=c.length;a<b;a++)g=c[a],d.push(g.trim());return d}(),m=f.shift().split(/(\.|:)/),l.formatters=o,j=k.models[m.shift()],l.bypass=m.shift()===":",i=m.join();if(h=f.shift())l.dependencies=h.split(/\s+/);d.test(p)&&(p=p.replace(d,""),l.special="event"),t.push(k.bindings.push(new a.Binding(c,p,j,i,l)))}else t.push(void 0)}return t},i=this.els,j=[];for(g=0,h=i.length;g<h;g++)c=i[g],f(c),j.push(function(){var a,b,d,g;d=c.getElementsByTagName("*"),g=[];for(a=0,b=d.length;a<b;a++)e=d[a],g.push(f(e));return g}());return j},b.prototype.bind=function(){var a,b,c,d,e;d=this.bindings,e=[];for(b=0,c=d.length;b<c;b++)a=d[b],e.push(a.bind());return e},b.prototype.unbind=function(){var a,b,c,d,e;d=this.bindings,e=[];for(b=0,c=d.length;b<c;b++)a=d[b],e.push(a.unbind());return e},b}(),c=function(a,b,c){return window.addEventListener?a.addEventListener(b,c):a.attachEvent(b,c)},g=function(a,b,c){return window.removeEventListener?a.removeEventListener(b,c):a.detachEvent(b,c)},e=function(a){switch(a.type){case"checkbox":return a.checked;default:return a.value}},d=function(a){return function(b,d,e){d&&c(b,a,d);if(e)return g(b,a,e)}},b=function(a){return function(b,c){return c?b.setAttribute(a,c):b.removeAttribute(a)}},a.routines={enabled:function(a,b){return a.disabled=!b},disabled:function(a,b){return a.disabled=!!b},checked:function(a,b){return a.type==="radio"?a.checked=a.value===b:a.checked=!!b},unchecked:function(a,b){return a.type==="radio"?a.checked=a.value!==b:a.checked=!b},show:function(a,b){return a.style.display=b?"":"none"},hide:function(a,b){return a.style.display=b?"none":""},html:function(a,b){return a.innerHTML=b!=null?b:""},value:function(a,b){return a.value=b!=null?b:""},text:function(a,b){return a.innerText!=null?a.innerText=b!=null?b:"":a.textContent=b!=null?b:""}},a.config={preloadData:!0,formatters:{}},f={routines:a.routines,config:a.config,configure:function(b){var c,d,e;b==null&&(b={}),e=[];for(c in b)d=b[c],e.push(a.config[c]=d);return e},bind:function(b,c){var d;return c==null&&(c={}),d=new a.View(b,c),d.bind(),d}},typeof module!="undefined"&&module!==null?module.exports=f:this.rivets=f}).call(this);
...\ No newline at end of file ...\ No newline at end of file
......
1 { 1 {
2 "name" : "rivets", 2 "name" : "rivets",
3 "description" : "Declarative data binding facility.", 3 "description" : "Declarative data binding facility.",
4 "version" : "0.2.7", 4 "version" : "0.3.0",
5 "author" : "Michael Richards", 5 "author" : "Michael Richards",
6 "url" : "http://rivetsjs.com", 6 "url" : "http://rivetsjs.com",
7 "main" : "./lib/rivets.js", 7 "main" : "./lib/rivets.js",
......
1 # rivets.js 1 # rivets.js
2 # version : 0.2.7 2 # version : 0.3.0
3 # author : Michael Richards 3 # author : Michael Richards
4 # license : MIT 4 # license : MIT
5 5
......