serenade 0.4.1 → 0.4.2

data/lib/assets/javascripts/serenade.js

@@ -1,6 +1,6 @@
 /**
- * Serenade.js JavaScript Framework v0.4.1
- * Revision: ae7d321b18
+ * Serenade.js JavaScript Framework v0.4.2
+ * Revision: 0f6ce46ebe
  * http://github.com/elabs/serenade.js
  *
  * Copyright 2011, Jonas Nicklas, Elabs AB
@@ -354,10 +354,11 @@ exports.main = function commonjsMain(args) {
 if (typeof module !== 'undefined' && require.main === module) {
   exports.main(typeof process !== 'undefined' ? process.argv.slice(1) : require("system").args);
 }
-}var AssociationCollection, COMMENT, Cache, Collection, Compile, CompiledView, DynamicNode, Event, IDENTIFIER, KEYWORDS, LITERAL, Lexer, MULTI_DENT, Model, Node, Property, PropertyAccessor, PropertyDefinition, STRING, Serenade, View, WHITESPACE, assignUnlessEqual, capitalize, compile, def, defineEvent, defineOptions, defineProperty, extend, format, getValue, globalDependencies, idCounter, isArray, isArrayIndex, merge, normalize, pairToObject, safeDelete, safePush, serializeObject, settings, triggerGlobal,
+}var AssociationCollection, COMMENT, Cache, Collection, Compile, CompiledView, DynamicNode, Event, IDENTIFIER, KEYWORDS, LITERAL, Lexer, MULTI_DENT, Model, Node, Property, PropertyAccessor, PropertyDefinition, STRING, Serenade, View, WHITESPACE, assignUnlessEqual, capitalize, compile, def, defineEvent, defineOptions, defineProperty, extend, format, getValue, idCounter, isArray, isArrayIndex, merge, normalize, pairToObject, safeDelete, safePush, serializeObject, settings,
   __hasProp = {}.hasOwnProperty,
   __slice = [].slice,
   __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+  __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
   __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
 
 settings = {
@@ -370,6 +371,7 @@ defineOptions = function(object, name) {
   return def(object, name, {
     get: function() {
       var options;
+
       if (!this.hasOwnProperty("_" + name)) {
         options = name in Object.getPrototypeOf(this) ? Object.create(Object.getPrototypeOf(this)[name]) : {};
         def(this, "_" + name, {
@@ -385,6 +387,7 @@ defineOptions = function(object, name) {
 
 extend = function(target, source, enumerable) {
   var key, value;
+
   if (enumerable == null) {
     enumerable = true;
   }
@@ -430,6 +433,7 @@ isArray = function(object) {
 
 pairToObject = function(one, two) {
   var temp;
+
   temp = {};
   temp[one] = two;
   return temp;
@@ -437,6 +441,7 @@ pairToObject = function(one, two) {
 
 serializeObject = function(object) {
   var item, _i, _len, _results;
+
   if (object && typeof object.toJSON === 'function') {
     return object.toJSON();
   } else if (isArray(object)) {
@@ -473,6 +478,7 @@ safePush = function(object, collection, item) {
 
 safeDelete = function(object, collection, item) {
   var index;
+
   if (object[collection] && (index = object[collection].indexOf(item)) !== -1) {
     if (!object.hasOwnProperty(collection)) {
       def(object, collection, {
@@ -484,7 +490,6 @@ safeDelete = function(object, collection, item) {
 };
 
 Event = (function() {
-
   function Event(object, name, options) {
     this.object = object;
     this.name = name;
@@ -502,16 +507,20 @@ Event = (function() {
   });
 
   Event.prototype.trigger = function() {
-    var args, _base,
+    var args,
       _this = this;
+
     args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-    this.queue.push(args);
-    if (this.async) {
-      return (_base = this.queue).timeout || (_base.timeout = setTimeout((function() {
-        return _this.resolve();
-      }), 0));
-    } else {
-      return this.resolve();
+    if (this.listeners.length) {
+      this.queue.push(args);
+      if (this.async) {
+        clearTimeout(this.queue.timeout);
+        return this.queue.timeout = setTimeout((function() {
+          return _this.resolve();
+        }), this.options.timeout || 0);
+      } else {
+        return this.resolve();
+      }
     }
   };
 
@@ -525,6 +534,7 @@ Event = (function() {
   Event.prototype.one = function(fun) {
     var unbind,
       _this = this;
+
     unbind = function(fun) {
       return _this.unbind(fun);
     };
@@ -544,20 +554,24 @@ Event = (function() {
   Event.prototype.resolve = function() {
     var args, perform, _i, _len, _ref,
       _this = this;
-    perform = function(args) {
-      if (_this.listeners) {
-        return _this.listeners.forEach(function(listener) {
-          return listener.apply(_this.object, args);
-        });
-      }
-    };
-    if (this.options.optimize) {
-      perform(this.options.optimize(this.queue));
-    } else {
-      _ref = this.queue;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        args = _ref[_i];
-        perform(args);
+
+    clearTimeout(this.queue.timeout);
+    if (this.queue.length) {
+      perform = function(args) {
+        if (_this.listeners) {
+          return ([].concat(_this.listeners)).forEach(function(listener) {
+            return listener.apply(_this.object, args);
+          });
+        }
+      };
+      if (this.options.optimize) {
+        perform(this.options.optimize(this.queue));
+      } else {
+        _ref = this.queue;
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          args = _ref[_i];
+          perform(args);
+        }
       }
     }
     return this.queue = [];
@@ -565,7 +579,7 @@ Event = (function() {
 
   def(Event.prototype, "listeners", {
     get: function() {
-      return this.object._s["listeners_" + this.name];
+      return this.object._s["listeners_" + this.name] || [];
     }
   });
 
@@ -604,6 +618,7 @@ Cache = {
   _identityMap: {},
   get: function(ctor, id) {
     var name, _ref;
+
     name = ctor.uniqueId();
     if (name && id) {
       return (_ref = this._identityMap[name]) != null ? _ref[id] : void 0;
@@ -611,6 +626,7 @@ Cache = {
   },
   set: function(ctor, id, obj) {
     var name, _base;
+
     name = ctor.uniqueId();
     if (name && id) {
       (_base = this._identityMap)[name] || (_base[name] = {});
@@ -619,6 +635,7 @@ Cache = {
   },
   unset: function(ctor, id) {
     var name, _base;
+
     name = ctor.uniqueId();
     if (name && id) {
       (_base = this._identityMap)[name] || (_base[name] = {});
@@ -632,22 +649,25 @@ isArrayIndex = function(index) {
 };
 
 Collection = (function() {
-  var fun, _i, _len, _ref;
-
-  defineEvent(Collection.prototype, "change_set");
-
-  defineEvent(Collection.prototype, "change_add");
+  var _this = this;
 
-  defineEvent(Collection.prototype, "change_update");
-
-  defineEvent(Collection.prototype, "change_insert");
+  defineEvent(Collection.prototype, "change");
 
-  defineEvent(Collection.prototype, "change_delete");
+  def(Collection.prototype, "first", {
+    get: function() {
+      return this[0];
+    }
+  });
 
-  defineEvent(Collection.prototype, "change");
+  def(Collection.prototype, "last", {
+    get: function() {
+      return this[this.length - 1];
+    }
+  });
 
   function Collection(list) {
     var index, val, _i, _len;
+
     if (list == null) {
       list = [];
     }
@@ -667,14 +687,12 @@ Collection = (function() {
     if (isArrayIndex(index)) {
       this.length = Math.max(this.length, index + 1);
     }
-    this.change_set.trigger(index, value);
-    this.change.trigger(this);
     return value;
   };
 
   Collection.prototype.update = function(list) {
-    var index, old, val, _, _i, _len;
-    old = this.clone();
+    var index, val, _, _i, _len;
+
     for (index in this) {
       _ = this[index];
       if (isArrayIndex(index)) {
@@ -686,8 +704,6 @@ Collection = (function() {
       this[index] = val;
     }
     this.length = (list != null ? list.length : void 0) || 0;
-    this.change_update.trigger(old, this);
-    this.change.trigger(this);
     return list;
   };
 
@@ -707,6 +723,7 @@ Collection = (function() {
 
   Collection.prototype.find = function(fun) {
     var item, _i, _len;
+
     for (_i = 0, _len = this.length; _i < _len; _i++) {
       item = this[_i];
       if (fun(item)) {
@@ -717,42 +734,50 @@ Collection = (function() {
 
   Collection.prototype.insertAt = function(index, value) {
     Array.prototype.splice.call(this, index, 0, value);
-    this.change_insert.trigger(index, value);
-    this.change.trigger(this);
     return value;
   };
 
   Collection.prototype.deleteAt = function(index) {
     var value;
+
     value = this[index];
     Array.prototype.splice.call(this, index, 1);
-    this.change_delete.trigger(index, value);
-    this.change.trigger(this);
     return value;
   };
 
   Collection.prototype["delete"] = function(item) {
     var index;
+
     index = this.indexOf(item);
     if (index !== -1) {
       return this.deleteAt(index);
     }
   };
 
-  def(Collection.prototype, "first", {
-    get: function() {
-      return this[0];
-    }
-  });
+  Collection.prototype.concat = function() {
+    var arg, args, _ref;
 
-  def(Collection.prototype, "last", {
-    get: function() {
-      return this[this.length - 1];
-    }
-  });
+    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    args = (function() {
+      var _i, _len, _results;
+
+      _results = [];
+      for (_i = 0, _len = args.length; _i < _len; _i++) {
+        arg = args[_i];
+        if (arg instanceof Collection) {
+          _results.push(arg.toArray());
+        } else {
+          _results.push(arg);
+        }
+      }
+      return _results;
+    })();
+    return new Collection((_ref = this.toArray()).concat.apply(_ref, args));
+  };
 
   Collection.prototype.toArray = function() {
     var array, index, val;
+
     array = [];
     for (index in this) {
       val = this[index];
@@ -767,122 +792,62 @@ Collection = (function() {
     return new Collection(this.toArray());
   };
 
-  Collection.prototype.push = function(element) {
-    this[this.length++] = element;
-    this.change_add.trigger(element);
-    this.change.trigger(this);
-    return element;
-  };
-
-  Collection.prototype.pop = function() {
-    return this.deleteAt(this.length - 1);
+  Collection.prototype.toString = function() {
+    return this.toArray().toString();
   };
 
-  Collection.prototype.unshift = function(item) {
-    return this.insertAt(0, item);
+  Collection.prototype.toLocaleString = function() {
+    return this.toArray().toLocaleString();
   };
 
-  Collection.prototype.shift = function() {
-    return this.deleteAt(0);
+  Collection.prototype.toJSON = function() {
+    return serializeObject(this.toArray());
   };
 
-  Collection.prototype.splice = function() {
-    var deleteCount, deleted, list, old, start;
-    start = arguments[0], deleteCount = arguments[1], list = 3 <= arguments.length ? __slice.call(arguments, 2) : [];
-    old = this.clone();
-    deleted = Array.prototype.splice.apply(this, [start, deleteCount].concat(__slice.call(list)));
-    this.change_update.trigger(old, this);
-    this.change.trigger(this);
-    return new Collection(deleted);
-  };
-
-  Collection.prototype.sort = function(fun) {
-    var old;
-    old = this.clone();
-    Array.prototype.sort.call(this, fun);
-    this.change_update.trigger(old, this);
-    this.change.trigger(this);
-    return this;
-  };
-
-  Collection.prototype.reverse = function() {
-    var old;
-    old = this.clone();
-    Array.prototype.reverse.call(this);
-    this.change_update.trigger(old, this);
-    this.change.trigger(this);
-    return this;
-  };
-
-  _ref = ["forEach", "indexOf", "lastIndexOf", "join", "every", "some", "reduce", "reduceRight"];
-  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-    fun = _ref[_i];
-    Collection.prototype[fun] = Array.prototype[fun];
-  }
-
-  Collection.prototype.map = function() {
-    var args;
-    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-    return new Collection(Array.prototype.map.apply(this, args));
-  };
+  Object.getOwnPropertyNames(Array.prototype).forEach(function(fun) {
+    var _base;
 
-  Collection.prototype.filter = function() {
-    var args;
-    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-    return new Collection(Array.prototype.filter.apply(this, args));
-  };
+    return (_base = Collection.prototype)[fun] || (_base[fun] = Array.prototype[fun]);
+  });
 
-  Collection.prototype.slice = function() {
-    var args, _ref1;
-    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-    return new Collection((_ref1 = this.toArray()).slice.apply(_ref1, args));
-  };
+  ["splice", "map", "filter", "slice"].forEach(function(fun) {
+    var original;
 
-  Collection.prototype.concat = function() {
-    var arg, args, _ref1;
-    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-    args = (function() {
-      var _j, _len1, _results;
-      _results = [];
-      for (_j = 0, _len1 = args.length; _j < _len1; _j++) {
-        arg = args[_j];
-        if (arg instanceof Collection) {
-          _results.push(arg.toArray());
-        } else {
-          _results.push(arg);
-        }
-      }
-      return _results;
-    })();
-    return new Collection((_ref1 = this.toArray()).concat.apply(_ref1, args));
-  };
+    original = Collection.prototype[fun];
+    return Collection.prototype[fun] = function() {
+      return new Collection(original.apply(this, arguments));
+    };
+  });
 
-  Collection.prototype.toString = function() {
-    return this.toArray().toString();
-  };
+  ["push", "pop", "unshift", "shift", "splice", "sort", "reverse", "update", "set", "insertAt", "deleteAt"].forEach(function(fun) {
+    var original;
 
-  Collection.prototype.toLocaleString = function() {
-    return this.toArray().toLocaleString();
-  };
+    original = Collection.prototype[fun];
+    return Collection.prototype[fun] = function() {
+      var old, val;
 
-  Collection.prototype.toJSON = function() {
-    return serializeObject(this.toArray());
-  };
+      old = this.clone();
+      val = original.apply(this, arguments);
+      this.change.trigger(old, this);
+      return val;
+    };
+  });
 
   return Collection;
 
-})();
+}).call(this);
 
 AssociationCollection = (function(_super) {
-
   __extends(AssociationCollection, _super);
 
   function AssociationCollection(owner, options, list) {
     var _this = this;
+
     this.owner = owner;
     this.options = options;
     this._convert.apply(this, __slice.call(list).concat([function() {
       var items;
+
       items = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       return AssociationCollection.__super__.constructor.call(_this, items);
     }]));
@@ -890,6 +855,7 @@ AssociationCollection = (function(_super) {
 
   AssociationCollection.prototype.set = function(index, item) {
     var _this = this;
+
     return this._convert(item, function(item) {
       return AssociationCollection.__super__.set.call(_this, index, item);
     });
@@ -897,6 +863,7 @@ AssociationCollection = (function(_super) {
 
   AssociationCollection.prototype.push = function(item) {
     var _this = this;
+
     return this._convert(item, function(item) {
       return AssociationCollection.__super__.push.call(_this, item);
     });
@@ -904,8 +871,10 @@ AssociationCollection = (function(_super) {
 
   AssociationCollection.prototype.update = function(list) {
     var _this = this;
+
     return this._convert.apply(this, __slice.call(list).concat([function() {
       var items;
+
       items = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       return AssociationCollection.__super__.update.call(_this, items);
     }]));
@@ -914,9 +883,11 @@ AssociationCollection = (function(_super) {
   AssociationCollection.prototype.splice = function() {
     var deleteCount, list, start,
       _this = this;
+
     start = arguments[0], deleteCount = arguments[1], list = 3 <= arguments.length ? __slice.call(arguments, 2) : [];
     return this._convert.apply(this, __slice.call(list).concat([function() {
       var items;
+
       items = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
       return AssociationCollection.__super__.splice.apply(_this, [start, deleteCount].concat(__slice.call(items)));
     }]));
@@ -924,6 +895,7 @@ AssociationCollection = (function(_super) {
 
   AssociationCollection.prototype.insertAt = function(index, item) {
     var _this = this;
+
     return this._convert(item, function(item) {
       return AssociationCollection.__super__.insertAt.call(_this, index, item);
     });
@@ -931,9 +903,11 @@ AssociationCollection = (function(_super) {
 
   AssociationCollection.prototype._convert = function() {
     var fn, item, items, returnValue, _i, _j, _len;
+
     items = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), fn = arguments[_i++];
     items = (function() {
       var _j, _len, _results;
+
       _results = [];
       for (_j = 0, _len = items.length; _j < _len; _j++) {
         item = items[_j];
@@ -959,49 +933,10 @@ AssociationCollection = (function(_super) {
 
 })(Collection);
 
-globalDependencies = {};
-
-triggerGlobal = function(target, names) {
-  var dependency, name, object, subname, type, _i, _len, _results;
-  _results = [];
-  for (_i = 0, _len = names.length; _i < _len; _i++) {
-    name = names[_i];
-    if (globalDependencies.hasOwnProperty(name)) {
-      _results.push((function() {
-        var _j, _len1, _ref, _ref1, _ref2, _ref3, _results1;
-        _ref = globalDependencies[name];
-        _results1 = [];
-        for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
-          _ref1 = _ref[_j], name = _ref1.name, type = _ref1.type, object = _ref1.object, subname = _ref1.subname, dependency = _ref1.dependency;
-          if (type === "singular") {
-            if (target === object[name]) {
-              _results1.push((_ref2 = object[dependency + "_property"]) != null ? typeof _ref2.trigger === "function" ? _ref2.trigger(object) : void 0 : void 0);
-            } else {
-              _results1.push(void 0);
-            }
-          } else if (type === "collection") {
-            if (__indexOf.call(object[name], target) >= 0) {
-              _results1.push((_ref3 = object[dependency + "_property"]) != null ? typeof _ref3.trigger === "function" ? _ref3.trigger(object) : void 0 : void 0);
-            } else {
-              _results1.push(void 0);
-            }
-          } else {
-            _results1.push(void 0);
-          }
-        }
-        return _results1;
-      })());
-    } else {
-      _results.push(void 0);
-    }
-  }
-  return _results;
-};
-
 PropertyDefinition = (function() {
-
   function PropertyDefinition(name, options) {
     var _i, _len, _ref;
+
     this.name = name;
     extend(this, options);
     this.dependencies = [];
@@ -1019,14 +954,19 @@ PropertyDefinition = (function() {
   def(PropertyDefinition.prototype, "eventOptions", {
     get: function() {
       var name;
+
       name = this.name;
       return {
         async: this.async != null ? this.async : settings.async,
+        timeout: this.timeout,
         bind: function() {
-          return this[name];
+          this[name];
+          return this[name + "_property"].registerGlobal();
         },
         optimize: function(queue) {
-          return queue[queue.length - 1];
+          var _ref, _ref1;
+
+          return [(_ref = queue[0]) != null ? _ref[0] : void 0, (_ref1 = queue[queue.length - 1]) != null ? _ref1[1] : void 0];
         }
       };
     }
@@ -1034,6 +974,7 @@ PropertyDefinition = (function() {
 
   PropertyDefinition.prototype.addDependency = function(name) {
     var subname, type, _ref, _ref1;
+
     if (this.dependencies.indexOf(name) === -1) {
       this.dependencies.push(name);
       if (name.match(/\./)) {
@@ -1062,23 +1003,22 @@ PropertyDefinition = (function() {
 })();
 
 PropertyAccessor = (function() {
+  var _this = this;
 
   function PropertyAccessor(definition, object) {
     this.definition = definition;
     this.object = object;
+    this.trigger = __bind(this.trigger, this);
     this.name = this.definition.name;
     this.valueName = "val_" + this.name;
     this.event = new Event(this.object, this.name + "_change", this.definition.eventOptions);
+    this._gcQueue = [];
   }
 
   PropertyAccessor.prototype.set = function(value) {
-    var val;
     if (typeof value === "function") {
       return this.definition.get = value;
     } else {
-      if (this.definition.changed) {
-        val = this.get();
-      }
       if (this.definition.set) {
         this.definition.set.call(this.object, value);
       } else {
@@ -1094,7 +1034,7 @@ PropertyAccessor = (function() {
   PropertyAccessor.prototype.get = function() {
     var listener, value,
       _this = this;
-    this.registerGlobal();
+
     if (this.definition.get && !(this.definition.cache && this.valueName in this.object._s)) {
       listener = function(name) {
         return _this.definition.addDependency(name);
@@ -1103,12 +1043,16 @@ PropertyAccessor = (function() {
         this.object._s.property_access.bind(listener);
       }
       value = this.definition.get.call(this.object);
-      if (this.definition.cache) {
-        this.object._s[this.valueName] = value;
-      }
       if (!("dependsOn" in this.definition)) {
         this.object._s.property_access.unbind(listener);
       }
+      if (this.definition.cache) {
+        this.object._s[this.valueName] = value;
+        if (!this._isCached) {
+          this._isCached = true;
+          this.bind(function() {});
+        }
+      }
     } else {
       value = this.object._s[this.valueName];
     }
@@ -1125,78 +1069,166 @@ PropertyAccessor = (function() {
   };
 
   PropertyAccessor.prototype.registerGlobal = function() {
-    var name, subname, type, _i, _len, _ref, _ref1, _results;
-    if (!this.object._s["glb_" + this.name]) {
-      this.object._s["glb_" + this.name] = true;
-      _ref = this.definition.globalDependencies;
-      _results = [];
+    var dependency, _i, _len, _ref, _ref1, _results,
+      _this = this;
+
+    if (this._isRegistered) {
+      return;
+    }
+    this._isRegistered = true;
+    this.definition.globalDependencies.forEach(function(dep) {
+      var name, subname, type, updateCollectionBindings, updateItemBinding, updateItemBindings, _ref, _ref1;
+
+      name = dep.name, type = dep.type, subname = dep.subname;
+      switch (type) {
+        case "singular":
+          updateItemBinding = function(before, after) {
+            var _ref, _ref1;
+
+            if (before != null) {
+              if ((_ref = before[subname + "_property"]) != null) {
+                _ref.unbind(_this.trigger);
+              }
+            }
+            return after != null ? (_ref1 = after[subname + "_property"]) != null ? _ref1.bind(_this.trigger) : void 0 : void 0;
+          };
+          if ((_ref = _this.object[name + "_property"]) != null) {
+            _ref.bind(updateItemBinding);
+          }
+          updateItemBinding(void 0, _this.object[name]);
+          return _this._gcQueue.push(function() {
+            var _ref1;
+
+            updateItemBinding(_this.object[name], void 0);
+            return (_ref1 = _this.object[name + "_property"]) != null ? _ref1.unbind(updateItemBinding) : void 0;
+          });
+        case "collection":
+          updateItemBindings = function(before, after) {
+            if (before != null) {
+              if (typeof before.forEach === "function") {
+                before.forEach(function(item) {
+                  var _ref1;
+
+                  return (_ref1 = item[subname + "_property"]) != null ? _ref1.unbind(_this.trigger) : void 0;
+                });
+              }
+            }
+            return after != null ? typeof after.forEach === "function" ? after.forEach(function(item) {
+              var _ref1;
+
+              return (_ref1 = item[subname + "_property"]) != null ? _ref1.bind(_this.trigger) : void 0;
+            }) : void 0 : void 0;
+          };
+          updateCollectionBindings = function(before, after) {
+            var _ref1, _ref2, _ref3, _ref4;
+
+            updateItemBindings(before, after);
+            if (before != null) {
+              if ((_ref1 = before.change) != null) {
+                _ref1.unbind(_this.trigger);
+              }
+            }
+            if (after != null) {
+              if ((_ref2 = after.change) != null) {
+                _ref2.bind(_this.trigger);
+              }
+            }
+            if (before != null) {
+              if ((_ref3 = before.change) != null) {
+                _ref3.unbind(updateItemBindings);
+              }
+            }
+            return after != null ? (_ref4 = after.change) != null ? _ref4.bind(updateItemBindings) : void 0 : void 0;
+          };
+          if ((_ref1 = _this.object[name + "_property"]) != null) {
+            _ref1.bind(updateCollectionBindings);
+          }
+          updateCollectionBindings(void 0, _this.object[name]);
+          return _this._gcQueue.push(function() {
+            var _ref2;
+
+            updateCollectionBindings(_this.object[name], void 0);
+            return (_ref2 = _this.object[name + "_property"]) != null ? _ref2.unbind(updateCollectionBindings) : void 0;
+          });
+      }
+    });
+    _ref = this.definition.localDependencies;
+    _results = [];
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      dependency = _ref[_i];
+      _results.push((_ref1 = this.object[dependency + "_property"]) != null ? _ref1.registerGlobal() : void 0);
+    }
+    return _results;
+  };
+
+  PropertyAccessor.prototype.gc = function() {
+    var dependency, fn, _i, _j, _len, _len1, _ref, _ref1, _ref2, _results,
+      _this = this;
+
+    if (this.listeners.length === 0 && !this.dependentProperties.find(function(prop) {
+      return prop.listeners.length !== 0;
+    })) {
+      _ref = this._gcQueue;
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        _ref1 = _ref[_i], name = _ref1.name, type = _ref1.type, subname = _ref1.subname;
-        globalDependencies[subname] || (globalDependencies[subname] = []);
-        _results.push(globalDependencies[subname].push({
-          object: this.object,
-          subname: subname,
-          name: name,
-          type: type,
-          dependency: this.name
-        }));
+        fn = _ref[_i];
+        fn();
       }
-      return _results;
+      this._isRegistered = false;
     }
+    _ref1 = this.definition.localDependencies;
+    _results = [];
+    for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
+      dependency = _ref1[_j];
+      _results.push((_ref2 = this.object[dependency + "_property"]) != null ? _ref2.gc() : void 0);
+    }
+    return _results;
   };
 
   PropertyAccessor.prototype.trigger = function() {
-    var changes, name, prop, value, _i, _len, _ref, _ref1;
+    var changes, name, newValue, _i, _len, _ref, _ref1;
+
     this.clearCache();
     if (this.hasChanged()) {
-      value = this.get();
+      newValue = this.get();
+      this.event.trigger(this._oldValue, newValue);
       changes = {};
-      _ref = this.dependents;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        name = _ref[_i];
-        if (name !== this.name) {
-          changes[name] = this.object[name];
-        }
-      }
-      this.event.trigger(value);
-      for (name in changes) {
-        if (!__hasProp.call(changes, name)) continue;
-        value = changes[name];
-        prop = this.object[name + "_property"];
-        prop.clearCache();
-        if (prop.hasChanged()) {
-          prop.event.trigger(value);
+      changes[this.name] = newValue;
+      if ((_ref = this.object.changed) != null) {
+        if (typeof _ref.trigger === "function") {
+          _ref.trigger(changes);
         }
       }
-      changes[this.name] = value;
-      if ((_ref1 = this.object.changed) != null) {
-        if (typeof _ref1.trigger === "function") {
-          _ref1.trigger(changes);
-        }
+      _ref1 = this.dependents;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        name = _ref1[_i];
+        this.object[name + "_property"].trigger();
       }
-      return triggerGlobal(this.object, Object.keys(changes));
+      return this._oldValue = newValue;
     }
   };
 
-  PropertyAccessor.prototype.bind = function(fun) {
-    return this.event.bind(fun);
-  };
+  ["bind", "one", "resolve"].forEach(function(fn) {
+    return PropertyAccessor.prototype[fn] = function() {
+      var _ref;
 
-  PropertyAccessor.prototype.unbind = function(fun) {
-    return this.event.unbind(fun);
-  };
+      return (_ref = this.event)[fn].apply(_ref, arguments);
+    };
+  });
 
-  PropertyAccessor.prototype.one = function(fun) {
-    return this.event.one(fun);
+  PropertyAccessor.prototype.unbind = function(fn) {
+    this.event.unbind(fn);
+    return this.gc();
   };
 
   def(PropertyAccessor.prototype, "dependents", {
     get: function() {
       var deps, findDependencies,
         _this = this;
+
       deps = [];
       findDependencies = function(name) {
         var property, _i, _len, _ref, _ref1, _results;
+
         _ref = _this.object._s.properties;
         _results = [];
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -1228,26 +1260,48 @@ PropertyAccessor = (function() {
   };
 
   PropertyAccessor.prototype.hasChanged = function() {
-    var changed, oldValueName, value;
-    if (this.definition.changed === false) {
-      return false;
-    } else if (this.definition.changed) {
-      value = this.get();
-      oldValueName = "old_val_" + this.name;
-      changed = this.object._s.hasOwnProperty(oldValueName) ? this.definition.changed.call(this.object, this.object._s[oldValueName], value) : true;
-      this.object._s[oldValueName] = value;
-      return changed;
+    var _ref;
+
+    if ((_ref = this.definition.changed) === true || _ref === false) {
+      return this.definition.changed;
     } else {
-      return true;
+      if ("_oldValue" in this) {
+        if (this.definition.changed) {
+          return this.definition.changed.call(this.object, this._oldValue, this.get());
+        } else {
+          return this._oldValue !== this.get();
+        }
+      } else {
+        return true;
+      }
     }
   };
 
+  def(PropertyAccessor.prototype, "dependentProperties", {
+    get: function() {
+      var name;
+
+      return new Serenade.Collection((function() {
+        var _i, _len, _ref, _results;
+
+        _ref = this.dependents;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          name = _ref[_i];
+          _results.push(this.object[name + "_property"]);
+        }
+        return _results;
+      }).call(this));
+    }
+  });
+
   return PropertyAccessor;
 
-})();
+}).call(this);
 
 defineProperty = function(object, name, options) {
-  var definition;
+  var accessorName, definition;
+
   if (options == null) {
     options = {};
   }
@@ -1267,9 +1321,13 @@ defineProperty = function(object, name, options) {
     configurable: true,
     enumerable: "enumerable" in options ? options.enumerable : true
   });
-  def(object, name + "_property", {
+  accessorName = name + "_property";
+  def(object, accessorName, {
     get: function() {
-      return new PropertyAccessor(definition, this);
+      if (!this._s.hasOwnProperty(accessorName)) {
+        this._s[accessorName] = new PropertyAccessor(definition, this);
+      }
+      return this._s[accessorName];
     },
     configurable: true
   });
@@ -1292,7 +1350,6 @@ defineProperty = function(object, name, options) {
 idCounter = 1;
 
 Model = (function() {
-
   Model.identityMap = true;
 
   Model.find = function(id) {
@@ -1303,12 +1360,13 @@ Model = (function() {
 
   Model.extend = function(ctor) {
     var New;
-    return New = (function(_super) {
 
+    return New = (function(_super) {
       __extends(New, _super);
 
       function New() {
         var val;
+
         val = New.__super__.constructor.apply(this, arguments);
         if (val) {
           return val;
@@ -1325,6 +1383,7 @@ Model = (function() {
 
   Model.property = function() {
     var name, names, options, _i, _j, _len, _results;
+
     names = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), options = arguments[_i++];
     if (typeof options === "string") {
       names.push(options);
@@ -1345,10 +1404,12 @@ Model = (function() {
   Model.delegate = function() {
     var names, options, to, _i,
       _this = this;
+
     names = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), options = arguments[_i++];
     to = options.to;
     return names.forEach(function(name) {
       var propName, propOptions;
+
       propName = name;
       if (options.prefix === true) {
         propName = to + capitalize(name);
@@ -1364,11 +1425,18 @@ Model = (function() {
         dependsOn: options.dependsOn || ("" + to + "." + name),
         get: function() {
           var _ref;
+
           return (_ref = this[to]) != null ? _ref[name] : void 0;
         },
         set: function(value) {
           var _ref;
+
           return (_ref = this[to]) != null ? _ref[name] = value : void 0;
+        },
+        format: function() {
+          if (this[to] != null) {
+            return Serenade.format(this[to], name);
+          }
         }
       });
       return _this.property(propName, propOptions);
@@ -1377,19 +1445,19 @@ Model = (function() {
 
   Model.collection = function(name, options) {
     var propOptions;
+
     if (options == null) {
       options = {};
     }
     propOptions = merge(options, {
+      changed: true,
       get: function() {
-        var valueName,
-          _this = this;
+        var valueName;
+
         valueName = "val_" + name;
         if (!this._s[valueName]) {
           this._s[valueName] = new Collection([]);
-          this._s[valueName].change.bind(function() {
-            return _this[name + "_property"].trigger();
-          });
+          this._s[valueName].change.bind(this[name + "_property"].trigger);
         }
         return this._s[valueName];
       },
@@ -1408,12 +1476,14 @@ Model = (function() {
 
   Model.belongsTo = function(name, options) {
     var propOptions;
+
     if (options == null) {
       options = {};
     }
     propOptions = merge(options, {
       set: function(model) {
         var previous, valueName;
+
         valueName = "val_" + name;
         if (model && model.constructor === Object && options.as) {
           model = new (options.as())(model);
@@ -1432,6 +1502,7 @@ Model = (function() {
     return this.property(name + 'Id', {
       get: function() {
         var _ref;
+
         return (_ref = this[name]) != null ? _ref.id : void 0;
       },
       set: function(id) {
@@ -1446,19 +1517,19 @@ Model = (function() {
 
   Model.hasMany = function(name, options) {
     var propOptions;
+
     if (options == null) {
       options = {};
     }
     propOptions = merge(options, {
+      changed: true,
       get: function() {
-        var valueName,
-          _this = this;
+        var valueName;
+
         valueName = "val_" + name;
         if (!this._s[valueName]) {
           this._s[valueName] = new AssociationCollection(this, options, []);
-          this._s[valueName].change.bind(function() {
-            return _this[name + "_property"].trigger();
-          });
+          this._s[valueName].change.bind(this[name + "_property"].trigger);
         }
         return this._s[valueName];
       },
@@ -1475,8 +1546,10 @@ Model = (function() {
       },
       set: function(ids) {
         var id, objects;
+
         objects = (function() {
           var _i, _len, _results;
+
           _results = [];
           for (_i = 0, _len = ids.length; _i < _len; _i++) {
             id = ids[_i];
@@ -1499,6 +1572,7 @@ Model = (function() {
 
   Model.selection = function(name, options) {
     var propOptions;
+
     if (options == null) {
       options = {};
     }
@@ -1544,6 +1618,7 @@ Model = (function() {
   Model.event("changed", {
     optimize: function(queue) {
       var item, result, _i, _len;
+
       result = {};
       for (_i = 0, _len = queue.length; _i < _len; _i++) {
         item = queue[_i];
@@ -1555,6 +1630,7 @@ Model = (function() {
 
   function Model(attributes) {
     var fromCache;
+
     if (this.constructor.identityMap && (attributes != null ? attributes.id : void 0)) {
       fromCache = Cache.get(this.constructor, attributes.id);
       if (fromCache) {
@@ -1569,6 +1645,7 @@ Model = (function() {
 
   Model.prototype.set = function(attributes) {
     var name, value, _results;
+
     _results = [];
     for (name in attributes) {
       if (!__hasProp.call(attributes, name)) continue;
@@ -1587,6 +1664,7 @@ Model = (function() {
 
   Model.prototype.toJSON = function() {
     var key, property, serialized, value, _i, _len, _ref, _ref1;
+
     serialized = {};
     _ref = this._s.properties;
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -1626,11 +1704,11 @@ COMMENT = /^\s*\/\/[^\n]*/;
 KEYWORDS = ["IF", "ELSE", "COLLECTION", "IN", "VIEW", "UNLESS"];
 
 Lexer = (function() {
-
   function Lexer() {}
 
   Lexer.prototype.tokenize = function(code, opts) {
     var tag;
+
     if (opts == null) {
       opts = {};
     }
@@ -1662,6 +1740,7 @@ Lexer = (function() {
 
   Lexer.prototype.commentToken = function() {
     var match;
+
     if (match = COMMENT.exec(this.chunk)) {
       return match[0].length;
     } else {
@@ -1671,6 +1750,7 @@ Lexer = (function() {
 
   Lexer.prototype.whitespaceToken = function() {
     var match;
+
     if (match = WHITESPACE.exec(this.chunk)) {
       this.token('WHITESPACE', match[0].length);
       return match[0].length;
@@ -1685,6 +1765,7 @@ Lexer = (function() {
 
   Lexer.prototype.identifierToken = function() {
     var match, name;
+
     if (match = IDENTIFIER.exec(this.chunk)) {
       name = match[0].toUpperCase();
       if (name === "ELSE" && this.last(this.tokens, 2)[0] === "TERMINATOR") {
@@ -1703,6 +1784,7 @@ Lexer = (function() {
 
   Lexer.prototype.stringToken = function() {
     var match;
+
     if (match = STRING.exec(this.chunk)) {
       this.token('STRING_LITERAL', match[1]);
       return match[0].length;
@@ -1713,6 +1795,7 @@ Lexer = (function() {
 
   Lexer.prototype.lineToken = function() {
     var diff, indent, match, prev, size;
+
     if (!(match = MULTI_DENT.exec(this.chunk))) {
       return 0;
     }
@@ -1741,6 +1824,7 @@ Lexer = (function() {
 
   Lexer.prototype.literalToken = function() {
     var match;
+
     if (match = LITERAL.exec(this.chunk)) {
       this.token(match[0]);
       return 1;
@@ -1757,22 +1841,26 @@ Lexer = (function() {
 
   Lexer.prototype.tag = function(index, tag) {
     var tok;
+
     return (tok = this.last(this.tokens, index)) && (tag ? tok[0] = tag : tok[0]);
   };
 
   Lexer.prototype.value = function(index, val) {
     var tok;
+
     return (tok = this.last(this.tokens, index)) && (val ? tok[1] = val : tok[1]);
   };
 
   Lexer.prototype.error = function(message) {
     var chunk;
+
     chunk = this.code.slice(Math.max(0, this.i - 10), Math.min(this.code.length, this.i + 10));
     throw SyntaxError("" + message + " on line " + (this.line + 1) + " near " + (JSON.stringify(chunk)));
   };
 
   Lexer.prototype.count = function(string, substr) {
     var num, pos;
+
     num = pos = 0;
     if (!substr.length) {
       return 1 / 0;
@@ -1792,16 +1880,20 @@ Lexer = (function() {
 })();
 
 Node = (function() {
+  defineEvent(Node.prototype, "load", {
+    async: false
+  });
 
-  defineEvent(Node.prototype, "load");
-
-  defineEvent(Node.prototype, "unload");
+  defineEvent(Node.prototype, "unload", {
+    async: false
+  });
 
   function Node(ast, element) {
     this.ast = ast;
     this.element = element;
     this.children = new Collection([]);
     this.boundClasses = new Collection([]);
+    this.boundEvents = new Collection([]);
   }
 
   Node.prototype.append = function(inside) {
@@ -1814,7 +1906,8 @@ Node = (function() {
 
   Node.prototype.remove = function() {
     var _ref;
-    this.unbindEvents();
+
+    this.detach();
     return (_ref = this.element.parentNode) != null ? _ref.removeChild(this.element) : void 0;
   };
 
@@ -1831,7 +1924,6 @@ Node = (function() {
 
   Node.prototype.bindEvent = function(event, fun) {
     if (event) {
-      this.boundEvents || (this.boundEvents = []);
       this.boundEvents.push({
         event: event,
         fun: fun
@@ -1840,13 +1932,21 @@ Node = (function() {
     }
   };
 
-  Node.prototype.unbindEvents = function() {
+  Node.prototype.unbindEvent = function(event, fun) {
+    if (event) {
+      this.boundEvents["delete"](fun);
+      return event.unbind(fun);
+    }
+  };
+
+  Node.prototype.detach = function() {
     var event, fun, node, _i, _j, _len, _len1, _ref, _ref1, _ref2, _results;
+
     this.unload.trigger();
     _ref = this.nodes();
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
       node = _ref[_i];
-      node.unbindEvents();
+      node.detach();
     }
     if (this.boundEvents) {
       _ref1 = this.boundEvents;
@@ -1861,6 +1961,7 @@ Node = (function() {
 
   Node.prototype.updateClass = function() {
     var classes;
+
     classes = this.ast.classes;
     if (this.attributeClasses) {
       classes = classes.concat(this.attributeClasses);
@@ -1881,17 +1982,18 @@ Node = (function() {
 })();
 
 DynamicNode = (function(_super) {
-
   __extends(DynamicNode, _super);
 
   function DynamicNode(ast) {
     this.ast = ast;
     this.anchor = Serenade.document.createTextNode('');
     this.nodeSets = new Collection([]);
+    this.boundEvents = new Collection([]);
   }
 
   DynamicNode.prototype.nodes = function() {
     var node, nodes, set, _i, _j, _len, _len1, _ref;
+
     nodes = [];
     _ref = this.nodeSets;
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -1906,6 +2008,7 @@ DynamicNode = (function(_super) {
 
   DynamicNode.prototype.rebuild = function() {
     var last, node, _i, _len, _ref, _results;
+
     if (this.anchor.parentNode) {
       last = this.anchor;
       _ref = this.nodes();
@@ -1921,9 +2024,11 @@ DynamicNode = (function(_super) {
 
   DynamicNode.prototype.replace = function(sets) {
     var set;
+
     this.clear();
     this.nodeSets.update((function() {
       var _i, _len, _results;
+
       _results = [];
       for (_i = 0, _len = sets.length; _i < _len; _i++) {
         set = sets[_i];
@@ -1940,6 +2045,7 @@ DynamicNode = (function(_super) {
 
   DynamicNode.prototype.deleteNodeSet = function(index) {
     var node, _i, _len, _ref;
+
     _ref = this.nodeSets[index];
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
       node = _ref[_i];
@@ -1950,6 +2056,7 @@ DynamicNode = (function(_super) {
 
   DynamicNode.prototype.insertNodeSet = function(index, nodes) {
     var last, node, _i, _len, _ref, _ref1;
+
     last = ((_ref = this.nodeSets[index - 1]) != null ? (_ref1 = _ref.last) != null ? _ref1.lastElement : void 0 : void 0) || this.anchor;
     for (_i = 0, _len = nodes.length; _i < _len; _i++) {
       node = nodes[_i];
@@ -1961,6 +2068,7 @@ DynamicNode = (function(_super) {
 
   DynamicNode.prototype.clear = function() {
     var node, _i, _len, _ref;
+
     _ref = this.nodes();
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
       node = _ref[_i];
@@ -1970,7 +2078,7 @@ DynamicNode = (function(_super) {
   };
 
   DynamicNode.prototype.remove = function() {
-    this.unbindEvents();
+    this.detach();
     this.clear();
     return this.anchor.parentNode.removeChild(this.anchor);
   };
@@ -1989,6 +2097,7 @@ DynamicNode = (function(_super) {
     configurable: true,
     get: function() {
       var _ref, _ref1;
+
       return ((_ref = this.nodeSets.last) != null ? (_ref1 = _ref.last) != null ? _ref1.lastElement : void 0 : void 0) || this.anchor;
     }
   });
@@ -2010,6 +2119,7 @@ getValue = function(ast, model) {
 Property = {
   style: function(ast, node, model, controller) {
     var update;
+
     update = function() {
       return assignUnlessEqual(node.element.style, ast.name, getValue(ast, model));
     };
@@ -2028,6 +2138,7 @@ Property = {
   },
   "class": function(ast, node, model, controller) {
     var update;
+
     update = function() {
       if (model[ast.value]) {
         if (!node.boundClasses.includes(ast.name)) {
@@ -2043,6 +2154,7 @@ Property = {
   },
   binding: function(ast, node, model, controller) {
     var domUpdated, element, handler, modelUpdated, _ref;
+
     element = node.element;
     ((_ref = node.ast.name) === "input" || _ref === "textarea" || _ref === "select") || (function() {
       throw SyntaxError("invalid node type " + node.ast.name + " for two way binding");
@@ -2055,6 +2167,7 @@ Property = {
     };
     modelUpdated = function() {
       var val;
+
       val = model[ast.value];
       if (element.type === "checkbox") {
         return element.checked = !!val;
@@ -2087,12 +2200,14 @@ Property = {
   },
   attribute: function(ast, node, model, controller) {
     var element, update;
+
     if (ast.name === "binding") {
       return Property.binding(ast, node, model, controller);
     }
     element = node.element;
     update = function() {
       var value;
+
       value = getValue(ast, model);
       if (ast.name === 'value') {
         return assignUnlessEqual(element, "value", value || '');
@@ -2121,6 +2236,7 @@ Property = {
   },
   on: function(ast, node, model, controller) {
     var _ref;
+
     if ((_ref = ast.name) === "load" || _ref === "unload") {
       return node[ast.name].bind(function() {
         return controller[ast.value](node.element, model);
@@ -2134,6 +2250,7 @@ Property = {
 Compile = {
   element: function(ast, model, controller) {
     var action, child, element, node, property, _i, _j, _len, _len1, _ref, _ref1, _ref2;
+
     element = Serenade.document.createElement(ast.name);
     node = new Node(ast, element);
     if (ast.id) {
@@ -2163,6 +2280,7 @@ Compile = {
   },
   view: function(ast, model, parent) {
     var controller, dynamic, skipCallback;
+
     controller = Serenade.controllerFor(ast.argument);
     if (!controller) {
       skipCallback = true;
@@ -2174,9 +2292,11 @@ Compile = {
   },
   helper: function(ast, model, controller) {
     var argument, context, dynamic, helperFunction, render, update, _i, _len, _ref;
+
     dynamic = new DynamicNode(ast);
     render = function(model, controller) {
       var child, children, fragment, _i, _len;
+
       if (model == null) {
         model = model;
       }
@@ -2201,6 +2321,7 @@ Compile = {
     };
     update = function() {
       var args, element, nodes;
+
       args = ast["arguments"].map(function(a) {
         if (a.bound) {
           return model[a.value];
@@ -2210,6 +2331,7 @@ Compile = {
       });
       nodes = (function() {
         var _i, _len, _ref, _results;
+
         _ref = normalize(helperFunction.apply(context, args));
         _results = [];
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -2232,8 +2354,10 @@ Compile = {
   },
   text: function(ast, model, controller) {
     var getText, node, textNode;
+
     getText = function() {
       var value;
+
       value = getValue(ast, model);
       if (value === 0) {
         value = "0";
@@ -2250,59 +2374,33 @@ Compile = {
     return node;
   },
   collection: function(ast, model, controller) {
-    var collection, compileItem, dynamic, update,
-      _this = this;
+    var collection, compileItem, dynamic, update, updateCollection;
+
+    collection = model[ast.argument];
     compileItem = function(item) {
       return compile(ast.children, item, controller);
     };
-    update = function(dynamic, collection) {
-      var item;
-      return dynamic.replace((function() {
-        var _i, _len, _results;
-        _results = [];
-        for (_i = 0, _len = collection.length; _i < _len; _i++) {
-          item = collection[_i];
-          _results.push(compileItem(item));
-        }
-        return _results;
-      })());
+    updateCollection = function(before, after) {
+      return update(dynamic, after);
     };
-    dynamic = this.bound(ast, model, controller, update);
-    collection = model[ast.argument];
-    dynamic.bindEvent(collection['change_set'], function() {
-      var item;
-      return dynamic.replace((function() {
-        var _i, _len, _results;
-        _results = [];
-        for (_i = 0, _len = collection.length; _i < _len; _i++) {
-          item = collection[_i];
-          _results.push(compileItem(item));
-        }
-        return _results;
-      })());
-    });
-    dynamic.bindEvent(collection['change_update'], function() {
+    update = function(dynamic, newCollection) {
       var item;
-      return dynamic.replace((function() {
+
+      dynamic.unbindEvent(collection.change, updateCollection);
+      dynamic.replace((function() {
         var _i, _len, _results;
+
         _results = [];
-        for (_i = 0, _len = collection.length; _i < _len; _i++) {
-          item = collection[_i];
+        for (_i = 0, _len = newCollection.length; _i < _len; _i++) {
+          item = newCollection[_i];
           _results.push(compileItem(item));
         }
         return _results;
       })());
-    });
-    dynamic.bindEvent(collection['change_add'], function(item) {
-      return dynamic.appendNodeSet(compileItem(item));
-    });
-    dynamic.bindEvent(collection['change_insert'], function(index, item) {
-      return dynamic.insertNodeSet(index, compileItem(item));
-    });
-    dynamic.bindEvent(collection['change_delete'], function(index) {
-      return dynamic.deleteNodeSet(index);
-    });
-    return dynamic;
+      dynamic.bindEvent(newCollection.change, updateCollection);
+      return collection = newCollection;
+    };
+    return dynamic = this.bound(ast, model, controller, update);
   },
   "in": function(ast, model, controller) {
     return this.bound(ast, model, controller, function(dynamic, value) {
@@ -2327,6 +2425,7 @@ Compile = {
   unless: function(ast, model, controller) {
     return this.bound(ast, model, controller, function(dynamic, value) {
       var nodes;
+
       if (value) {
         return dynamic.clear();
       } else {
@@ -2337,10 +2436,12 @@ Compile = {
   },
   bound: function(ast, model, controller, callback) {
     var dynamic, lastValue, update;
+
     dynamic = new DynamicNode(ast);
     lastValue = {};
     update = function() {
       var value;
+
       value = model[ast.argument];
       if (value !== lastValue) {
         callback(dynamic, value);
@@ -2355,11 +2456,13 @@ Compile = {
 
 normalize = function(val) {
   var reduction;
+
   if (!val) {
     return [];
   }
   reduction = function(aggregate, element) {
     var child, div, _i, _j, _len, _len1, _ref, _ref1;
+
     if (typeof element === "string") {
       div = Serenade.document.createElement("div");
       div.innerHTML = element;
@@ -2384,6 +2487,7 @@ normalize = function(val) {
 
 compile = function(asts, model, controller) {
   var ast, _i, _len, _results;
+
   _results = [];
   for (_i = 0, _len = asts.length; _i < _len; _i++) {
     ast = asts[_i];
@@ -2395,6 +2499,7 @@ compile = function(asts, model, controller) {
 parser.lexer = {
   lex: function() {
     var tag, _ref;
+
     _ref = this.tokens[this.pos++] || [''], tag = _ref[0], this.yytext = _ref[1], this.yylineno = _ref[2];
     return tag;
   },
@@ -2408,13 +2513,13 @@ parser.lexer = {
 };
 
 CompiledView = (function() {
-
   function CompiledView(nodes) {
     this.nodes = nodes;
   }
 
   CompiledView.prototype.remove = function() {
     var node, _i, _len, _ref, _results;
+
     _ref = this.nodes;
     _results = [];
     for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -2428,6 +2533,7 @@ CompiledView = (function() {
     enumerable: true,
     get: function() {
       var fragment, node, _i, _len, _ref;
+
       fragment = Serenade.document.createDocumentFragment();
       _ref = this.nodes;
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
@@ -2443,17 +2549,19 @@ CompiledView = (function() {
 })();
 
 View = (function() {
-
   function View(name, view) {
     this.name = name;
     this.view = view;
   }
 
   View.prototype.parse = function() {
+    var e;
+
     if (typeof this.view === 'string') {
       try {
         return this.view = parser.parse(new Lexer().tokenize(this.view));
-      } catch (e) {
+      } catch (_error) {
+        e = _error;
         if (this.name) {
           e.message = "In view '" + this.name + "': " + e.message;
         }
@@ -2466,12 +2574,14 @@ View = (function() {
 
   View.prototype.render = function() {
     var args;
+
     args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
     return this.compile.apply(this, args).fragment;
   };
 
   View.prototype.nodes = function(model, controller, parent, skipCallback) {
     var nodes;
+
     if (this.name) {
       controller || (controller = Serenade.controllerFor(this.name, model));
     }
@@ -2492,6 +2602,7 @@ View = (function() {
 
   View.prototype.compile = function() {
     var args;
+
     args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
     return new CompiledView(this.nodes.apply(this, args));
   };
@@ -2502,6 +2613,7 @@ View = (function() {
 
 Serenade = function(wrapped) {
   var key, object, value;
+
   object = Object.create(wrapped);
   for (key in wrapped) {
     value = wrapped[key];
@@ -2513,7 +2625,7 @@ Serenade = function(wrapped) {
 };
 
 extend(Serenade, {
-  VERSION: '0.4.1',
+  VERSION: '0.4.2',
   _views: {},
   _controllers: {},
   document: typeof window !== "undefined" && window !== null ? window.document : void 0,
@@ -2531,6 +2643,9 @@ extend(Serenade, {
   render: function(name, model, controller, parent, skipCallback) {
     return this._views[name].render(model, controller, parent, skipCallback);
   },
+  compile: function(name, model, controller, parent, skipCallback) {
+    return this._views[name].compile(model, controller, parent, skipCallback);
+  },
   controller: function(name, klass) {
     return this._controllers[name] = klass;
   },
@@ -2541,14 +2656,7 @@ extend(Serenade, {
     return Cache._identityMap = {};
   },
   clearCache: function() {
-    var key, value, _i, _len, _results;
-    Serenade.clearIdentityMap();
-    _results = [];
-    for (key = _i = 0, _len = globalDependencies.length; _i < _len; key = ++_i) {
-      value = globalDependencies[key];
-      _results.push(delete globalDependencies[key]);
-    }
-    return _results;
+    return Serenade.clearIdentityMap();
   },
   unregisterAll: function() {
     Serenade._views = {};