lsd_rails 0.1.2 → 0.1.3

data/Packages/lsd/Source/Module/Ambient/Interpolations.js

@@ -0,0 +1,147 @@
+/*
+---
+ 
+script: Interpolations.js
+ 
+description: Retrieves meta data from widgets and runs expressions with it
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Module
+  - LSD.Module.Events
+  - LSD.Interpolation
+
+provides: 
+  - LSD.Module.Interpolations
+ 
+...
+*/
+
+LSD.Module.Interpolations = new Class
+
+Object.append(LSD.Module.Interpolations, {
+  addInterpolation: function(token, callback) {
+    var index = token.indexOf('.');
+    if (index > -1) {
+      var string = token.substr(0, index), saved;
+      var finder = function(value) {
+        var key = token.substring(index + 1);
+        if (value == null) {
+          saved.unwatch(key, callback);
+          delete saved;
+        } else if (typeof value == 'object' && value.watch) {  
+          saved = value;
+          value.watch(key, callback);
+        } else {
+          callback(value);
+        }
+      };
+      finder.callback = callback;
+      LSD.Module.Interpolations.addInterpolation.call(this, string, finder);
+    } else {
+      for (var node = this, length, interpolators, interpolations, group; node; node = node.parentNode) {
+        if (!(interpolations = node.interpolations)) interpolations = node.interpolations = {};
+        if (!(group = node.interpolations[token])) group = node.interpolations[token] = [];
+        group.push(callback);
+        if ((interpolators = node.interpolators) && (interpolators = interpolators[token])) {
+          if (length = interpolators.length) {
+            var value = interpolators[length - 1];
+            if (value.call) value = value.call(node, token, callback, true);
+            if (value != null) callback(value);
+            break;
+          }
+        }
+      }
+    }
+  },
+  
+  removeInterpolation: function(token, callback) {
+    var index = token.indexOf('.');
+    if (index > -1) {
+      var string = index.substr(shift || 0, index);
+      LSD.Module.Interpolations.removeInterpolation.call(this, string, callback);
+    } else {
+      for (var node = this; node; node = node.parentNode) {
+        var group = node.interpolations[token];
+        var index = group.indexOf(callback);
+        if (index > -1) group.splice(index, 1);
+      }
+    }
+  },
+  
+  getInterpolationCallback: function() {
+    return (this.interpolationCallback || (this.interpolationCallback = function(name, value, state) {
+      this[state ? 'addInterpolator' : 'removeInterpolator'](name, value);
+    }.bind(this)));
+  },
+  
+  findParentInterpolator: function(name) {
+    for (var node = this, group; node = node.parentNode;)
+      if ((group = node.interpolators) && (group = group[name]) && group.length)
+        return group[group.length - 1];
+  },
+  
+  addInterpolator: function(name, value) {
+    if (name.toObject) {
+      var callback = LSD.Module.Interpolations.getInterpolationCallback.call(this);
+      name.addEvent('change', callback).addEvent('beforechange', callback);
+      for (var property in name) if (name.has(property)) 
+        LSD.Module.Interpolations.addInterpolator.call(this, property, name[property]);
+    } else if (name.call) {
+
+    } else if (!name.indexOf) {
+      for (var property in name)
+        LSD.Module.Interpolations.addInterpolator.call(this, property, name[property]);
+    } else {
+      var interpolators = this.interpolators;
+      if (!interpolators) interpolators = this.interpolators = {};
+      var group = interpolators[name];
+      if (!group) group = interpolators[name] = [];
+      group.push(value);
+      var interpolations = this.interpolations;
+      if (interpolations) {
+        var fns = interpolations[name];
+        if (fns) for (var i = 0, fn, lazy = true; fn = fns[i++];) {
+          if (value.call && lazy && !(lazy = false)) value = value.call(this, name, value);
+          fn(value);
+        }
+      }
+    }
+  },
+  
+  removeInterpolator: function(name, value) {
+    if (name.toObject) {
+      var callback = LSD.Module.Interpolations.getInterpolationCallback.call(this);
+      name.removeEvent('change', callback).removeEvent('beforechange', callback);
+      for (var property in name) if (name.has(property)) this.removeInterpolator(property, name[property])
+    } else if (name.call) {
+
+    } else if (!name.indexOf) {
+      for (var property in name)
+        LSD.Module.Interpolations.removeInterpolator.call(this, property, name[property]);
+    } else {
+      var group = this.interpolators[name];
+      var index = group.indexOf(value);
+      if (index > -1) {
+        group.splice(index, 1);
+        var length = group.length;
+        if (index == length) {
+          if (!length) delete this.interpolators[name];
+          var interpolations = this.interpolations;
+          if (interpolations) {
+            var fns = interpolations[name];
+            var replacement = length ? group[length - 1] : LSD.Module.Interpolations.findParentInterpolator.call(this, name);
+            if (fns) for (var i = 0, fn; fn = fns[i++];) fn(replacement);
+          }
+        }
+      }
+    }
+  }
+});
+
+['addInterpolator', 'removeInterpolator', 'addInterpolation', 'removeInterpolation'].each(function(method) {
+  LSD.Module.Interpolations.implement(method, LSD.Module.Interpolations[method]);
+});

data/Packages/lsd/Source/Module/Ambient/Layout.js

@@ -35,7 +35,7 @@ LSD.Module.Layout = new Class({
   },
   
   setLayout: function(layout) {
-    if (typeOf(layout) == 'layout') this.layout = this;
+    if (typeOf(layout) == 'layout') this.layout = layout;
     else this.options.layout = layout;
   },
   
@@ -44,15 +44,39 @@ LSD.Module.Layout = new Class({
     else delete this.options.layout;
   },
   
-  getLayout: Macro.getter('layout', function() {
-    var options = { interpolate: this.options.interpolate, clone: this.options.clone };
-    if (this.options.context) options.context = this.options.context;
-    return new LSD.Layout(this, null, options);
-  }),
+  getLayout: function() {
+    if (!this.layout) this.layout = new LSD.Layout(this);
+    return this.layout;
+  },
+  
+  addLayout: function(name, layout, parent, memo) {
+    if (!memo) memo = {};
+    var old = this.rendered[name];
+    if (old) {
+      this.layout.add(old, parent, memo)
+    } else {
+      var first = layout.push && layout.length && layout[0];
+      var method = (first && first.nodeType && ((first.nodeType != 1) || (!first.lsd))) ? 'children' : 'render';
+      old = this.rendered[name] = this.layout[method](layout, parent, memo);
+    }
+    if (memo.promised) {
+      delete memo.promised;
+      this.addEvent('DOMChildNodesRendered:once', function() {
+        this.layout.realize(old)
+      })
+    }
+    return this.rendered[name];
+  },
   
-  buildLayout: function(layout, parent, options) {
+  removeLayout: function(name, layout, parent, memo) {
+    return this.layout.remove(this.rendered[name] || layout, parent, memo);
+  },
+  
+  buildLayout: function(layout, parent, memo) {
+    var args = [layout, (!parent && !parent !== false) ? this : parent, memo];
+    var instance = this.getLayout();
     var method = layout.charAt ? 'selector' : 'render';
-    return this.getLayout()[method](layout, (parent === false || parent) ? parent : this, options);
+    return instance[method].apply(instance, args);
   }
 });
 
@@ -62,18 +86,32 @@ LSD.Module.Layout.events = {
   */
   build: function() {
     this.getLayout();
+    if (this.options.layout) {
+      var memo = {lazy: this.options.lazy || this.layout.origin == this}, parents = [this, this.getWrapper()];
+      this.addLayout('options', this.options.layout, parents, memo);
+    }
     if (!this.options.lazy && this.layout.origin == this && this.options.traverse !== false) {
-      if (this.origin && !this.options.clone) this.element.replaces(this.origin);
-      var nodes = (this.origin || this.element).childNodes;
-      this.layout.array(nodes, [this, this.getWrapper()], this.options.clone ? {clone: true} : null);
+      if (this.origin && !this.options.clone && this.origin.parentNode) this.element.replaces(this.origin);
+      var nodes = LSD.slice((this.origin || this.element).childNodes);
+      var opts = {}
+      if (this.options.context) opts.context = this.options.context;
+      if (this.options.clone) opts.clone = this.options.clone;
+      if (nodes.length) this.addLayout('children', nodes, [this, this.getWrapper()], opts);
+      this.fireEvent('DOMChildNodesRendered')
     }
-    if (this.options.layout) this.buildLayout(this.options.layout);
   },
+  /* 
+    Destroys the built layout with the widget 
+  */
+  destroy: function() {
+    if (this.rendered.children) this.removeLayout('children');
+    if (this.rendered.options) this.removeLayout('options');
+  },  
   /*
     Augments all parsed HTML that goes through standart .write() interface
   */
   write: function(node) {
-    this.buildLayout(node, [this, this.getWrapper()]);
+    this.addLayout('written', node, [this, this.getWrapper()]);
   },
   /*
     Augments all inserted nodes that come from partial html updates
@@ -81,9 +119,8 @@ LSD.Module.Layout.events = {
   DOMNodeInserted: function(node) {
     this.buildLayout(node, [this, this.getWrapper()]);
   },
-  
   DOMNodeInsertedBefore: function(node, target) {
-    this.buildLayout(node, [this, this.getWrapper()], {before: target});
+    this.buildLayout(node, [this, this.getWrapper()], null, {before: target});
   }
 };
 

data/Packages/lsd/Source/Module/Ambient/Proxies.js

@@ -32,51 +32,59 @@ LSD.Module.Proxies = new Class({
   
   removeProxy: function(name, proxy) {
     this.proxies.erase(proxy);
+  }
+});
+
+Object.append(LSD.Module.Proxies, {
+  match: function(node, proxy, parent) {
+    if (node.lsd) {
+      if (!node.element) node.toElement();
+      if (proxy.selector) return proxy.selector === true || node.match(proxy.selector);
+    } else {
+      if (proxy.mutation) return proxy.mutation === true || (node.nodeType == 1 && Slick.matchNode(node, proxy.mutation, parent || proxy.element))
+      if (proxy.text) return node.nodeType == 3;
+    }
   },
   
-  proxyChild: function(child) {
-    for (var i = 0, proxy; proxy = this.proxies[i++];) {
-      if (!proxy.condition.call(this, child)) continue;
-      var self = this;
-      var reinject = function(target) {
-        var where = proxy.where && proxy.where.call ? proxy.where.call(self, child) : proxy.where;
-        if (proxy.rewrite === false) {
-          self.appendChild(child, function() {
-            target.grab(child, where);
-          }, true);
-        } else {
-          child.inject(target, where);
+  invoke: function(parent, child, proxy, memo) {
+    if (proxy.callback) proxy.callback.call(parent, child, proxy, memo);
+    var container = proxy.container && proxy.container.call ? proxy.container.call(parent, child, proxy) : proxy.container;
+    if (container === false) {
+      if (!proxy.queued) proxy.queued = [];
+      proxy.queued.push(child);
+      if (child.parentNode) child.parentNode.removeChild(child);
+      return false;
+    }
+    var result = {};
+    if (container && container !== true) {
+      if (child.lsd) {
+        if (container.localName) {
+          result.override = function(parent, child) {
+            container.appendChild(child);
+          }
         }
-      };
-      var container = proxy.container;
-      if (container.call) {
-        if ((container = container.call(this, reinject))) reinject(container);
+        if (container.lsd) result.parent = container;
+        else result.parent = [parent[0] || parent, container];
+        if (proxy.rewrite === false) result.parent[0] == parent[0] || parent;
       } else {
-        this.use(container, reinject)
+        result.parent = container;
       }
-      return true;
     }
-  },
-  
-  appendChild: function(widget, adoption, proxy) {
-    var element = widget.element || widget;
-    var parent = element.parentNode;
-    if (proxy !== true && !this.canAppendChild(widget)) {
-      if (element == parent) {
-        if (widget.parentNode) widget.dispose();
-        else if (widget.element.parentNode) widget.element.dispose();
-      }
-      return false;
-    };
-    return LSD.Module.DOM.prototype.appendChild.call(this, widget, adoption);
-  },
-  
-  canAppendChild: function(child) {
-    return !this.proxyChild(child);
+    if (proxy.before) result.before = proxy.before.call ? proxy.before.call(parent, child, proxy) : proxy.before;
+    else if (proxy.after) {
+      var after = (proxy.after.call ? proxy.after.call(parent, child, proxy) : proxy.after);
+      if (after) result.before = after.nextSibling;
+    }
+    return result;
   }
-  
 });
 
+LSD.Module.Proxies.events = {
+  appendChild: function(child) {
+    
+  }
+}
+
 LSD.Options.proxies = {
   add: 'addProxy',
   remove: 'removeProxy',

data/Packages/lsd/Source/Module/Ambient/Relations.js

@@ -74,6 +74,9 @@ LSD.Relation.Traits = {
           }
         }
       }
+    },
+    states: {
+      add: Array.object('selected')
     }
   },
   
@@ -87,7 +90,6 @@ LSD.Relation.Traits = {
       return widget.pseudos.item;
     },
     states: {
-      use: Array.fast('collapsed'),
       set: {
         collapsed: 'hidden'
       },

data/Packages/lsd/Source/Module/Ambient/Selectors.js

@@ -81,12 +81,12 @@ var pseudos = {};
 
 var Combinators = LSD.Module.Selectors.Combinators = {
   '$': function(node, tag, id, classes, attributes, pseudos, classList) { //this element
-    if ((tag == '*') && !id && !classes && !attributes && !pseudos) return this.push(node);
+    if ((tag == '*') && !id && !classes && !attributes) return this.push(node, null, null, null, null, pseudos);
     else return this['combinator: '](node, tag, id, classes, attributes, pseudos, classList)
   },
 
   '$$': function(node, tag, id, classes, attributes, pseudos, classList) { //this element document
-    if ((tag == '*') && !id && !classes && !attributes && !pseudos) return this.push(this.document.body);
+    if ((tag == '*') && !id && !classes && !attributes) return this.push(this.document.body, null, null, null, null, pseudos);
     else return this['combinator: '](this.document.body, tag, id, classes, attributes, pseudos, classList);
   },
   
@@ -105,7 +105,7 @@ Combinators['&&'] = Combinators['$$'];
 for (var combinator in Combinators) 
   if (combinator != '::') Combinators[combinator + '::'] = Combinators['::'];
 
-for (name in Combinators) Slick.defineCombinator(name, Combinators[name]);
+for (var name in Combinators) Slick.defineCombinator(name, Combinators[name]);
 
 LSD.Module.Selectors.Features = {
   brokenStarGEBTN: false,

data/Packages/lsd/Source/Module/Ambient.js

@@ -17,7 +17,7 @@ requires:
   - LSD.Module.Allocations
   - LSD.Module.Relations
   - LSD.Module.Proxies
-  - LSD.Module.Container
+  - LSD.Module.Interpolations
 
 provides: 
   - LSD.Module.Ambient
@@ -34,6 +34,6 @@ LSD.Module.Ambient = new Class({
     LSD.Module.Allocations,
     LSD.Module.Relations,
     LSD.Module.Proxies,
-    LSD.Module.Container
+    LSD.Module.Interpolations
   ]
 });

data/Packages/lsd/Source/Module/Graphics/Layers.js

@@ -59,7 +59,7 @@ LSD.Module.Layers = new Class({
   },
   
   renderLayers: function(dirty) {
-    var updated = new FastArray, style = this.style, layers = style.layers, offset = this.offset;
+    var updated = new Object.Array, style = this.style, layers = style.layers, offset = this.offset;
     for (var property in dirty) if (layers[property]) updated.push.apply(updated, layers[property]);
     
     var result = {};

data/Packages/lsd/Source/Module/Graphics/Render.js

@@ -52,7 +52,7 @@ LSD.Module.Render = new Class({
   */
   
   update: function(recursive) {
-    if (recursive) LSD.Module.DOM.walk(this, function(widget) {
+    if (recursive) LSD.Module.DOM.each(this, function(widget) {
       widget.update();
     });
   },

data/Packages/lsd/Source/Relation.js

@@ -42,8 +42,11 @@ LSD.Relation.prototype = Object.append({
     var opts = Object.merge.apply(Object, [{}].concat(this.$options));
     this.lastOptions = this.options;
     this.options = opts;
-    if (options.target) this.memo.target = Options.target.call(this, options.target, true);
-    for (name in options) {
+    if (options.target) {
+      this.target = null;
+      this.memo.target = Options.target.call(this, options.target, true);
+    }
+    for (var name in options) {
       var setter = Options[name], value = options[name];
       if (!setter || !setter.call) 
         for (var i = 0, widget; widget = this.widgets[i++];) 
@@ -142,7 +145,7 @@ LSD.Relation.prototype = Object.append({
 }, Events.prototype);
 
 var Options = LSD.Relation.Options = {
-  selector: function(selector, state, memo) {
+  selector: function(selector, state, memo, a) {
     if (memo) memo[0].unwatch(memo[1], this.onChange);
     if (state && this.target) {
       if (selector.call) selector = selector.call(this.origin);
@@ -174,16 +177,14 @@ var Options = LSD.Relation.Options = {
           if (value) {
             relation.target = object.nodeType == 9 ? object.body : object;
             var selector = relation.options.selector, expectation = relation.options.expectation;
-            if (selector) Options.selector.call(relation, selector, true, relation.memo.selector);
+            if (selector) Options.selector.call(relation, selector, true, relation.memo.selector, 1);
             if (expectation) Options.expectation.call(relation, expectation, true, relation.memo.expectation);
           }
         }
       })
       this.origin.addEvents(events);
-      if (setting.getter && !this.target) {
-        this.target = this.origin[setting.getter];
-        events[Object.keyOf(setting, true)](this.target)
-      }
+      if (setting.getter && !this.target)
+        if ((this.target = this.origin[setting.getter])) events[Object.keyOf(setting, true)](this.target);
       return events;
     } else {
       if (this.origin[target]) this.target = this.origin[target];
@@ -307,20 +308,18 @@ var Options = LSD.Relation.Options = {
   
   states: {
     add: function(widget, states) {
-      var get = states.get, set = states.set, add = states.add, lnk = states.link, use = states.use;
-      if (get) for (var from in get) widget.linkState(this.origin, from, (get[from] === true) ? from : get[from]);
-      if (set) for (var to in set) this.origin.linkState(widget, to, (set[to] === true) ? to : set[to]);
-      if (use) for (var to in use) this.origin.addState(widget, to, (use[to] === true) ? to : use[to]);
-      if (add) for (var index in add) widget.addState(index, add[index]);
-      if (lnk) for (var to in lnk) widget.linkState(widget, to, (lnk[to] === true) ? to : lnk[to]);
+      var get = states.get, set = states.set, add = states.add, lnk = states.link;
+      if (add) for (var index in add) widget.states.set(index);
+      if (get) for (var from in get) widget.states.watch(from, [this.origin.states, get[from]]);
+      if (set) for (var to in set) this.origin.states.watch(to, [widget.states, set[to]]);
+      if (lnk) for (var to in lnk) widget.states.watch(to, [widget.states, lnk[to]])
     },
     remove: function(widget, states) {
-      var get = states.get, set = states.set, add = states.add, lnk = states.link, use = states.use;
-      if (get) for (var from in get) widget.unlinkState(this.origin, from, (get[from] === true) ? from : get[from]);
-      if (set) for (var to in set) this.origin.unlinkState(widget, to, (set[to] === true) ? to : set[to]);
-      if (use) for (var to in use) this.origin.removeState(widget, to, (use[to] === true) ? to : use[to]);
-      if (add) for (var index in add) widget.removeState(index, add[index]);
-      if (lnk) for (var to in lnk) widget.unlinkState(widget, to, (lnk[to] === true) ? to : lnk[to]);
+      var get = states.get, set = states.set, add = states.add, lnk = states.link;
+      if (add) for (var index in add) widget.states.unset(index)
+      if (get) for (var from in get) widget.states.unwatch(from, [this.origin.states, get[from]]);
+      if (set) for (var to in set) this.origin.states.unwatch(to, [widget.states, set[to]]);
+      if (lnk) for (var to in lnk) widget.states.unwatch(to, [widget.states, lnk[to]])
     }
   },
   

data/Packages/lsd/Source/Sheet.js

@@ -88,7 +88,7 @@ LSD.Sheet = new Class({
           var result = definition[value.push ? 'apply' : 'call'](this, value);
           if (result === false) value = false;
           else if (result !== true) {
-            for (prop in result) styles[prop] = Value.compile(result[prop]);
+            for (var prop in result) styles[prop] = Value.compile(result[prop]);
             continue
           }
         }
@@ -168,7 +168,7 @@ LSD.Sheet.Rule = function(selector, style) {
   this.index = LSD.Sheet.Rule.index ++;
   this.expressions = selector.expressions[0];
   this.specificity = this.getSpecificity();
-  for (property in style) {
+  for (var property in style) {
     var cc = property.camelCase();
     var type = (LSD.Sheet.Rule.separate && LSD.Sheet.isElementStyle(cc)) ? 'implied' : 'style';
     if (!this[type]) this[type] = {}; 
@@ -260,13 +260,12 @@ var Value = LSD.Sheet.Value = {
   calc: function(value) {
     var bits = value.map(function(bit, i) {
       if (bit.call) {
-        return "value[" + i + "].call(this, property)"
+        return 'value[' + i + '].call(this, property)'
       } else {
         return bit;
       }
     })
-    eval("var compiled = function(property) { return " + bits.join(" ") + "}");
-    return compiled
+    return new Function('property', 'return ' + bits.join(' '));
   },
   min: function() {
     return Math.min.apply(Math, arguments)