serenade 0.3.0.1 → 0.4.0

data/lib/assets/javascripts/serenade.js

@@ -1,2351 +1,2457 @@
 /**
- * Serenade.js JavaScript Framework v0.3.0
- * Revision: 7e7103d7f5
+ * Serenade.js JavaScript Framework v0.4.0
+ * Revision: 5301262146
  * http://github.com/elabs/serenade.js
  *
  * Copyright 2011, Jonas Nicklas, Elabs AB
  * Released under the MIT License
  */
 (function(root) {
-  var Serenade = function() {
-    function require(path){ return require[path]; }
-    require['./events'] = new function() {
-  var exports = this;
-  (function() {
-  var __slice = [].slice;
-
-  exports.Events = {
-    bind: function(ev, callback) {
-      var calls, evs, name, _i, _len;
-      evs = ev.split(' ');
-      calls = this.hasOwnProperty('_callbacks') && this._callbacks || (this._callbacks = {});
-      for (_i = 0, _len = evs.length; _i < _len; _i++) {
-        name = evs[_i];
-        calls[name] || (calls[name] = []);
-        calls[name].push(callback);
-      }
-      return this;
-    },
-    one: function(ev, callback) {
-      return this.bind(ev, function() {
-        this.unbind(ev, arguments.callee);
-        return callback.apply(this, arguments);
-      });
-    },
-    trigger: function() {
-      var args, callback, ev, list, _i, _len, _ref;
-      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-      ev = args.shift();
-      list = this.hasOwnProperty('_callbacks') && ((_ref = this._callbacks) != null ? _ref[ev] : void 0);
-      if (!list) {
-        return false;
-      }
-      for (_i = 0, _len = list.length; _i < _len; _i++) {
-        callback = list[_i];
-        callback.apply(this, args);
-      }
-      return true;
-    },
-    unbind: function(ev, callback) {
-      var cb, i, list, _i, _len, _ref;
-      if (!ev) {
-        this._callbacks = {};
-        return this;
-      }
-      list = (_ref = this._callbacks) != null ? _ref[ev] : void 0;
-      if (!list) {
-        return this;
-      }
-      if (!callback) {
-        delete this._callbacks[ev];
-        return this;
-      }
-      for (i = _i = 0, _len = list.length; _i < _len; i = ++_i) {
-        cb = list[i];
-        if (!(cb === callback)) {
-          continue;
-        }
-        list = list.slice();
-        list.splice(i, 1);
-        this._callbacks[ev] = list;
-        break;
-      }
-      return this;
-    }
-  };
-
-  exports.NodeEvents = {
-    bindEvent: function(to, name, fun) {
-      if (to != null ? to.bind : void 0) {
-        this.boundEvents || (this.boundEvents = []);
-        this.boundEvents.push({
-          to: to,
-          name: name,
-          fun: fun
-        });
-        return to.bind(name, fun);
-      }
-    },
-    unbindEvents: function() {
-      var fun, name, node, to, _i, _j, _len, _len1, _ref, _ref1, _ref2, _results;
-      if (typeof this.trigger === "function") {
-        this.trigger("unload");
-      }
-      _ref = this.nodes();
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        node = _ref[_i];
-        node.unbindEvents();
-      }
-      if (this.boundEvents) {
-        _ref1 = this.boundEvents;
-        _results = [];
-        for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
-          _ref2 = _ref1[_j], to = _ref2.to, name = _ref2.name, fun = _ref2.fun;
-          _results.push(to.unbind(name, fun));
-        }
-        return _results;
-      }
-    }
-  };
-
-}).call(this);
-
-};require['./helpers'] = new function() {
-  var exports = this;
-  (function() {
-  var Helpers,
-    __hasProp = {}.hasOwnProperty;
-
-  Helpers = {
-    prefix: "_prop_",
-    extend: function(target, source) {
-      var key, value, _results;
-      _results = [];
-      for (key in source) {
-        if (!__hasProp.call(source, key)) continue;
-        value = source[key];
-        _results.push(target[key] = value);
-      }
-      return _results;
-    },
-    format: function(model, key) {
-      var formatter, value, _ref;
-      value = model[key];
-      formatter = (_ref = model[Helpers.prefix + key]) != null ? _ref.format : void 0;
-      if (typeof formatter === 'function') {
-        return formatter.call(this, value);
-      } else {
-        return value;
-      }
-    },
-    isArray: function(object) {
-      return Object.prototype.toString.call(object) === "[object Array]";
-    },
-    pairToObject: function(one, two) {
-      var temp;
-      temp = {};
-      temp[one] = two;
-      return temp;
-    },
-    serializeObject: function(object) {
-      var item, _i, _len, _results;
-      if (object && typeof object.toJSON === 'function') {
-        return object.toJSON();
-      } else if (Helpers.isArray(object)) {
-        _results = [];
-        for (_i = 0, _len = object.length; _i < _len; _i++) {
-          item = object[_i];
-          _results.push(Helpers.serializeObject(item));
-        }
-        return _results;
-      } else {
-        return object;
-      }
-    },
-    capitalize: function(word) {
-      return word.slice(0, 1).toUpperCase() + word.slice(1);
-    }
-  };
-
-  Helpers.extend(exports, Helpers);
-
-}).call(this);
-
-};require['./cache'] = new function() {
-  var exports = this;
-  (function() {
-  var Cache, serializeObject;
-
-  serializeObject = require('./helpers').serializeObject;
-
-  Cache = {
-    _storage: typeof window !== "undefined" && window !== null ? window.localStorage : void 0,
-    _identityMap: {},
-    get: function(ctor, id) {
-      var name, _ref;
-      name = ctor.uniqueId();
-      if (name && id) {
-        return ((_ref = this._identityMap[name]) != null ? _ref[id] : void 0) || this.retrieve(ctor, id);
-      }
-    },
-    set: function(ctor, id, obj) {
-      var name, _base;
-      name = ctor.uniqueId();
-      if (name && id) {
-        (_base = this._identityMap)[name] || (_base[name] = {});
-        return this._identityMap[name][id] = obj;
-      }
-    },
-    unset: function(ctor, id) {
-      var name, _base;
-      name = ctor.uniqueId();
-      if (name && id) {
-        (_base = this._identityMap)[name] || (_base[name] = {});
-        return delete this._identityMap[name][id];
-      }
-    },
-    store: function(ctor, id, obj) {
-      var name;
-      name = ctor.uniqueId();
-      if (name && id && (typeof JSON !== "undefined" && JSON !== null)) {
-        return this._storage.setItem("" + name + "_" + id, JSON.stringify(serializeObject(obj)));
-      }
-    },
-    retrieve: function(ctor, id) {
-      var data, name;
-      name = ctor.uniqueId();
-      if (name && id && ctor.localStorage && (typeof JSON !== "undefined" && JSON !== null)) {
-        data = this._storage.getItem("" + name + "_" + id);
-        if (data) {
-          return new ctor(JSON.parse(data), true);
-        }
-      }
-    }
-  };
-
-  exports.Cache = Cache;
-
-}).call(this);
-
-};require['./collection'] = new function() {
-  var exports = this;
-  (function() {
-  var Events, extend, isArrayIndex, serializeObject, _ref,
-    __slice = [].slice;
-
-  Events = require('./events').Events;
-
-  _ref = require('./helpers'), extend = _ref.extend, serializeObject = _ref.serializeObject;
-
-  isArrayIndex = function(index) {
-    return ("" + index).match(/^\d+$/);
-  };
-
-  exports.Collection = (function() {
-    var fun, _i, _len, _ref1;
-
-    Collection.name = 'Collection';
-
-    extend(Collection.prototype, Events);
+  /* Jison generated parser */
+var parser = (function(){
+var parser = {trace: function trace() { },
+yy: {},
+symbols_: {"error":2,"Root":3,"Element":4,"ElementIdentifier":5,"AnyIdentifier":6,"#":7,".":8,"[":9,"]":10,"PropertyList":11,"WHITESPACE":12,"Text":13,"INDENT":14,"ChildList":15,"OUTDENT":16,"TextList":17,"Bound":18,"STRING_LITERAL":19,"Child":20,"TERMINATOR":21,"IfInstruction":22,"Instruction":23,"Helper":24,"Property":25,"=":26,"!":27,":":28,"-":29,"VIEW":30,"COLLECTION":31,"UNLESS":32,"IN":33,"IDENTIFIER":34,"IF":35,"ElseInstruction":36,"ELSE":37,"@":38,"$accept":0,"$end":1},
+terminals_: {2:"error",7:"#",8:".",9:"[",10:"]",12:"WHITESPACE",14:"INDENT",16:"OUTDENT",19:"STRING_LITERAL",21:"TERMINATOR",26:"=",27:"!",28:":",29:"-",30:"VIEW",31:"COLLECTION",32:"UNLESS",33:"IN",34:"IDENTIFIER",35:"IF",37:"ELSE",38:"@"},
+productions_: [0,[3,0],[3,1],[5,1],[5,3],[5,2],[5,2],[5,3],[4,1],[4,3],[4,4],[4,3],[4,4],[17,1],[17,3],[13,1],[13,1],[15,1],[15,3],[20,1],[20,1],[20,1],[20,1],[20,1],[11,1],[11,3],[25,3],[25,3],[25,4],[25,4],[25,3],[25,3],[23,5],[23,5],[23,5],[23,5],[23,4],[24,3],[24,3],[24,4],[22,5],[22,4],[22,2],[36,6],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[18,2],[18,1]],
+performAction: function anonymous(yytext,yyleng,yylineno,yy,yystate,$$,_$) {
 
-    function Collection(list) {
-      var index, val, _i, _len;
-      for (index = _i = 0, _len = list.length; _i < _len; index = ++_i) {
-        val = list[index];
-        this[index] = val;
-      }
-      this.length = (list != null ? list.length : void 0) || 0;
+var $0 = $$.length - 1;
+switch (yystate) {
+case 1:this.$ = null;
+break;
+case 2:return this.$
+break;
+case 3:this.$ = {
+          name: $$[$0],
+          classes: []
+        };
+break;
+case 4:this.$ = {
+          name: $$[$0-2],
+          id: $$[$0],
+          classes: []
+        };
+break;
+case 5:this.$ = {
+          name: 'div',
+          id: $$[$0],
+          classes: []
+        };
+break;
+case 6:this.$ = {
+          name: 'div',
+          classes: [$$[$0]]
+        };
+break;
+case 7:this.$ = (function () {
+        $$[$0-2].classes.push($$[$0]);
+        return $$[$0-2];
+      }());
+break;
+case 8:this.$ = {
+          name: $$[$0].name,
+          id: $$[$0].id,
+          classes: $$[$0].classes,
+          properties: [],
+          children: [],
+          type: 'element'
+        };
+break;
+case 9:this.$ = $$[$0-2];
+break;
+case 10:this.$ = (function () {
+        $$[$0-3].properties = $$[$0-1];
+        return $$[$0-3];
+      }());
+break;
+case 11:this.$ = (function () {
+        $$[$0-2].children = $$[$0-2].children.concat($$[$0]);
+        return $$[$0-2];
+      }());
+break;
+case 12:this.$ = (function () {
+        $$[$0-3].children = $$[$0-3].children.concat($$[$0-1]);
+        return $$[$0-3];
+      }());
+break;
+case 13:this.$ = [$$[$0]];
+break;
+case 14:this.$ = $$[$0-2].concat($$[$0]);
+break;
+case 15:this.$ = {
+          type: 'text',
+          value: $$[$0],
+          bound: true
+        };
+break;
+case 16:this.$ = {
+          type: 'text',
+          value: $$[$0],
+          bound: false
+        };
+break;
+case 17:this.$ = [].concat($$[$0]);
+break;
+case 18:this.$ = $$[$0-2].concat($$[$0]);
+break;
+case 19:this.$ = $$[$0];
+break;
+case 20:this.$ = $$[$0];
+break;
+case 21:this.$ = $$[$0];
+break;
+case 22:this.$ = $$[$0];
+break;
+case 23:this.$ = $$[$0];
+break;
+case 24:this.$ = [$$[$0]];
+break;
+case 25:this.$ = $$[$0-2].concat($$[$0]);
+break;
+case 26:this.$ = {
+          name: $$[$0-2],
+          value: $$[$0],
+          bound: true,
+          scope: 'attribute'
+        };
+break;
+case 27:this.$ = {
+          name: $$[$0-2],
+          value: $$[$0],
+          bound: true,
+          scope: 'attribute'
+        };
+break;
+case 28:this.$ = {
+          name: $$[$0-3],
+          value: $$[$0-1],
+          bound: true,
+          scope: 'attribute',
+          preventDefault: true
+        };
+break;
+case 29:this.$ = {
+          name: $$[$0-3],
+          value: $$[$0-1],
+          bound: true,
+          scope: 'attribute',
+          preventDefault: true
+        };
+break;
+case 30:this.$ = {
+          name: $$[$0-2],
+          value: $$[$0],
+          bound: false,
+          scope: 'attribute'
+        };
+break;
+case 31:this.$ = (function () {
+        $$[$0].scope = $$[$0-2];
+        return $$[$0];
+      }());
+break;
+case 32:this.$ = {
+          children: [],
+          type: 'view',
+          argument: $$[$0]
+        };
+break;
+case 33:this.$ = {
+          children: [],
+          type: 'collection',
+          argument: $$[$0]
+        };
+break;
+case 34:this.$ = {
+          children: [],
+          type: 'unless',
+          argument: $$[$0]
+        };
+break;
+case 35:this.$ = {
+          children: [],
+          type: 'in',
+          argument: $$[$0]
+        };
+break;
+case 36:this.$ = (function () {
+        $$[$0-3].children = $$[$0-1];
+        return $$[$0-3];
+      }());
+break;
+case 37:this.$ = {
+          command: $$[$0],
+          "arguments": [],
+          children: [],
+          type: 'helper'
+        };
+break;
+case 38:this.$ = (function () {
+        $$[$0-2]["arguments"].push($$[$0]);
+        return $$[$0-2];
+      }());
+break;
+case 39:this.$ = (function () {
+        $$[$0-3].children = $$[$0-1];
+        return $$[$0-3];
+      }());
+break;
+case 40:this.$ = {
+          children: [],
+          type: 'if',
+          argument: $$[$0]
+        };
+break;
+case 41:this.$ = (function () {
+        $$[$0-3].children = $$[$0-1];
+        return $$[$0-3];
+      }());
+break;
+case 42:this.$ = (function () {
+        $$[$0-1]["else"] = $$[$0];
+        return $$[$0-1];
+      }());
+break;
+case 43:this.$ = {
+          "arguments": [],
+          children: $$[$0-1],
+          type: 'else'
+        };
+break;
+case 44:this.$ = $$[$0];
+break;
+case 45:this.$ = $$[$0];
+break;
+case 46:this.$ = $$[$0];
+break;
+case 47:this.$ = $$[$0];
+break;
+case 48:this.$ = $$[$0];
+break;
+case 49:this.$ = $$[$0];
+break;
+case 50:this.$ = $$[$0];
+break;
+case 51:this.$ = (function () {}());
+break;
+}
+},
+table: [{1:[2,1],3:1,4:2,5:3,6:4,7:[1,5],8:[1,6],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{1:[3]},{1:[2,2],9:[1,13],12:[1,14],14:[1,15]},{1:[2,8],8:[1,16],9:[2,8],12:[2,8],14:[2,8],16:[2,8],21:[2,8]},{1:[2,3],7:[1,17],8:[2,3],9:[2,3],12:[2,3],14:[2,3],16:[2,3],21:[2,3]},{6:18,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{6:19,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{1:[2,44],7:[2,44],8:[2,44],9:[2,44],10:[2,44],12:[2,44],14:[2,44],16:[2,44],21:[2,44],26:[2,44],27:[2,44],28:[2,44],29:[2,44]},{1:[2,45],7:[2,45],8:[2,45],9:[2,45],10:[2,45],12:[2,45],14:[2,45],16:[2,45],21:[2,45],26:[2,45],27:[2,45],28:[2,45],29:[2,45]},{1:[2,46],7:[2,46],8:[2,46],9:[2,46],10:[2,46],12:[2,46],14:[2,46],16:[2,46],21:[2,46],26:[2,46],27:[2,46],28:[2,46],29:[2,46]},{1:[2,47],7:[2,47],8:[2,47],9:[2,47],10:[2,47],12:[2,47],14:[2,47],16:[2,47],21:[2,47],26:[2,47],27:[2,47],28:[2,47],29:[2,47]},{1:[2,48],7:[2,48],8:[2,48],9:[2,48],10:[2,48],12:[2,48],14:[2,48],16:[2,48],21:[2,48],26:[2,48],27:[2,48],28:[2,48],29:[2,48]},{1:[2,49],7:[2,49],8:[2,49],9:[2,49],10:[2,49],12:[2,49],14:[2,49],16:[2,49],21:[2,49],26:[2,49],27:[2,49],28:[2,49],29:[2,49]},{6:23,10:[1,20],11:21,25:22,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{13:24,18:25,19:[1,26],38:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:36,15:28,17:34,18:25,19:[1,26],20:29,22:31,23:32,24:33,29:[1,35],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{6:37,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{6:38,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{1:[2,5],8:[2,5],9:[2,5],12:[2,5],14:[2,5],16:[2,5],21:[2,5]},{1:[2,6],8:[2,6],9:[2,6],12:[2,6],14:[2,6],16:[2,6],21:[2,6]},{1:[2,9],9:[2,9],12:[2,9],14:[2,9],16:[2,9],21:[2,9]},{10:[1,39],12:[1,40]},{10:[2,24],12:[2,24]},{26:[1,41],28:[1,42]},{1:[2,11],9:[2,11],12:[2,11],14:[2,11],16:[2,11],21:[2,11]},{1:[2,15],9:[2,15],12:[2,15],14:[2,15],16:[2,15],21:[2,15]},{1:[2,16],9:[2,16],12:[2,16],14:[2,16],16:[2,16],21:[2,16]},{1:[2,51],6:43,9:[2,51],10:[2,51],12:[2,51],14:[2,51],16:[2,51],21:[2,51],27:[2,51],29:[2,51],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{16:[1,44],21:[1,45]},{16:[2,17],21:[2,17]},{9:[1,13],12:[1,14],14:[1,15],16:[2,19],21:[2,19]},{14:[1,46],16:[2,20],21:[2,20],29:[1,48],36:47},{14:[1,49],16:[2,21],21:[2,21]},{12:[1,50],14:[1,51],16:[2,22],21:[2,22]},{12:[1,52],16:[2,23],21:[2,23]},{12:[1,53]},{12:[2,13],16:[2,13],21:[2,13]},{1:[2,7],8:[2,7],9:[2,7],12:[2,7],14:[2,7],16:[2,7],21:[2,7]},{1:[2,4],8:[2,4],9:[2,4],12:[2,4],14:[2,4],16:[2,4],21:[2,4]},{1:[2,10],9:[2,10],12:[2,10],14:[2,10],16:[2,10],21:[2,10]},{6:23,25:54,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{6:55,18:56,19:[1,57],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{6:23,25:58,30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9]},{1:[2,50],9:[2,50],10:[2,50],12:[2,50],14:[2,50],16:[2,50],21:[2,50],27:[2,50],29:[2,50]},{1:[2,12],9:[2,12],12:[2,12],14:[2,12],16:[2,12],21:[2,12]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:36,17:34,18:25,19:[1,26],20:59,22:31,23:32,24:33,29:[1,35],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:36,15:60,17:34,18:25,19:[1,26],20:29,22:31,23:32,24:33,29:[1,35],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{14:[2,42],16:[2,42],21:[2,42],29:[2,42]},{12:[1,61]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:36,15:62,17:34,18:25,19:[1,26],20:29,22:31,23:32,24:33,29:[1,35],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{13:63,18:25,19:[1,26],38:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:36,15:64,17:34,18:25,19:[1,26],20:29,22:31,23:32,24:33,29:[1,35],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{13:65,18:25,19:[1,26],38:[1,27]},{30:[1,67],31:[1,68],32:[1,69],33:[1,70],34:[1,71],35:[1,66]},{10:[2,25],12:[2,25]},{10:[2,26],12:[2,26],27:[1,72]},{10:[2,27],12:[2,27],27:[1,73]},{10:[2,30],12:[2,30]},{10:[2,31],12:[2,31]},{16:[2,18],21:[2,18]},{16:[1,74],21:[1,45]},{37:[1,75]},{16:[1,76],21:[1,45]},{12:[2,38],14:[2,38],16:[2,38],21:[2,38]},{16:[1,77],21:[1,45]},{12:[2,14],16:[2,14],21:[2,14]},{12:[1,78]},{12:[1,79]},{12:[1,80]},{12:[1,81]},{12:[1,82]},{12:[2,37],14:[2,37],16:[2,37],21:[2,37]},{10:[2,28],12:[2,28]},{10:[2,29],12:[2,29]},{14:[2,41],16:[2,41],21:[2,41],29:[2,41]},{14:[1,83]},{14:[2,36],16:[2,36],21:[2,36]},{12:[2,39],14:[2,39],16:[2,39],21:[2,39]},{18:84,38:[1,27]},{19:[1,85]},{18:86,38:[1,27]},{18:87,38:[1,27]},{18:88,38:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:36,15:89,17:34,18:25,19:[1,26],20:29,22:31,23:32,24:33,29:[1,35],30:[1,7],31:[1,8],32:[1,10],33:[1,11],34:[1,12],35:[1,9],38:[1,27]},{14:[2,40],16:[2,40],21:[2,40],29:[2,40]},{14:[2,32],16:[2,32],21:[2,32]},{14:[2,33],16:[2,33],21:[2,33]},{14:[2,34],16:[2,34],21:[2,34]},{14:[2,35],16:[2,35],21:[2,35]},{16:[1,90],21:[1,45]},{14:[2,43],16:[2,43],21:[2,43],29:[2,43]}],
+defaultActions: {},
+parseError: function parseError(str, hash) {
+    throw new Error(str);
+},
+parse: function parse(input) {
+    var self = this, stack = [0], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1;
+    this.lexer.setInput(input);
+    this.lexer.yy = this.yy;
+    this.yy.lexer = this.lexer;
+    this.yy.parser = this;
+    if (typeof this.lexer.yylloc == "undefined")
+        this.lexer.yylloc = {};
+    var yyloc = this.lexer.yylloc;
+    lstack.push(yyloc);
+    var ranges = this.lexer.options && this.lexer.options.ranges;
+    if (typeof this.yy.parseError === "function")
+        this.parseError = this.yy.parseError;
+    function popStack(n) {
+        stack.length = stack.length - 2 * n;
+        vstack.length = vstack.length - n;
+        lstack.length = lstack.length - n;
     }
-
-    Collection.prototype.get = function(index) {
-      return this[index];
-    };
-
-    Collection.prototype.set = function(index, value) {
-      this[index] = value;
-      if (isArrayIndex(index)) {
-        this.length = Math.max(this.length, index + 1);
-      }
-      this.trigger("change:" + index, value);
-      this.trigger("set", index, value);
-      this.trigger("change", this);
-      return value;
-    };
-
-    Collection.prototype.update = function(list) {
-      var index, old, val, _, _i, _len;
-      old = this.clone();
-      for (index in this) {
-        _ = this[index];
-        if (isArrayIndex(index)) {
-          delete this[index];
+    function lex() {
+        var token;
+        token = self.lexer.lex() || 1;
+        if (typeof token !== "number") {
+            token = self.symbols_[token] || token;
         }
-      }
-      for (index = _i = 0, _len = list.length; _i < _len; index = ++_i) {
-        val = list[index];
-        this[index] = val;
-      }
-      this.length = (list != null ? list.length : void 0) || 0;
-      this.trigger("update", old, this);
-      this.trigger("change", this);
-      return list;
-    };
-
-    Collection.prototype.sortBy = function(attribute) {
-      return this.sort(function(a, b) {
-        if (a[attribute] < b[attribute]) {
-          return -1;
+        return token;
+    }
+    var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected;
+    while (true) {
+        state = stack[stack.length - 1];
+        if (this.defaultActions[state]) {
+            action = this.defaultActions[state];
         } else {
-          return 1;
-        }
-      });
-    };
-
-    Collection.prototype.includes = function(item) {
-      return this.indexOf(item) >= 0;
-    };
-
-    Collection.prototype.find = function(fun) {
-      var item, _i, _len;
-      for (_i = 0, _len = this.length; _i < _len; _i++) {
-        item = this[_i];
-        if (fun(item)) {
-          return item;
+            if (symbol === null || typeof symbol == "undefined") {
+                symbol = lex();
+            }
+            action = table[state] && table[state][symbol];
         }
-      }
-    };
-
-    Collection.prototype.insertAt = function(index, value) {
-      Array.prototype.splice.call(this, index, 0, value);
-      this.trigger("insert", index, value);
-      this.trigger("change", this);
-      return value;
-    };
-
-    Collection.prototype.deleteAt = function(index) {
-      var value;
-      value = this[index];
-      Array.prototype.splice.call(this, index, 1);
-      this.trigger("delete", index, value);
-      this.trigger("change", this);
-      return value;
-    };
-
-    Collection.prototype["delete"] = function(item) {
-      var index;
-      index = this.indexOf(item);
-      if (index !== -1) {
-        return this.deleteAt(index);
-      }
-    };
-
-    Collection.prototype.first = function() {
-      return this[0];
-    };
-
-    Collection.prototype.last = function() {
-      return this[this.length - 1];
-    };
-
-    Collection.prototype.toArray = function() {
-      var array, index, val;
-      array = [];
-      for (index in this) {
-        val = this[index];
-        if (isArrayIndex(index)) {
-          array[index] = val;
+        if (typeof action === "undefined" || !action.length || !action[0]) {
+            var errStr = "";
         }
-      }
-      return array;
-    };
-
-    Collection.prototype.clone = function() {
-      return new Collection(this.toArray());
-    };
-
-    Collection.prototype.push = function(element) {
-      this[this.length++] = element;
-      this.trigger("add", element);
-      this.trigger("change", this);
-      return element;
-    };
-
-    Collection.prototype.pop = function() {
-      return this.deleteAt(this.length - 1);
-    };
-
-    Collection.prototype.unshift = function(item) {
-      return this.insertAt(0, item);
-    };
-
-    Collection.prototype.shift = function() {
-      return this.deleteAt(0);
-    };
-
-    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.trigger("update", old, this);
-      this.trigger("change", this);
-      return new Collection(deleted);
-    };
-
-    Collection.prototype.sort = function(fun) {
-      var old;
-      old = this.clone();
-      Array.prototype.sort.call(this, fun);
-      this.trigger("update", old, this);
-      this.trigger("change", this);
-      return this;
-    };
-
-    Collection.prototype.reverse = function() {
-      var old;
-      old = this.clone();
-      Array.prototype.reverse.call(this);
-      this.trigger("update", old, this);
-      this.trigger("change", this);
-      return this;
-    };
-
-    _ref1 = ["forEach", "indexOf", "lastIndexOf", "join", "every", "some", "reduce", "reduceRight"];
-    for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
-      fun = _ref1[_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));
-    };
-
-    Collection.prototype.filter = function() {
-      var args;
-      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-      return new Collection(Array.prototype.filter.apply(this, args));
-    };
-
-    Collection.prototype.slice = function() {
-      var args, _ref2;
-      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-      return new Collection((_ref2 = this.toArray()).slice.apply(_ref2, args));
-    };
-
-    Collection.prototype.concat = function() {
-      var arg, args, _ref2;
-      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);
-          }
+        if (action[0] instanceof Array && action.length > 1) {
+            throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
         }
-        return _results;
-      })();
-      return new Collection((_ref2 = this.toArray()).concat.apply(_ref2, args));
-    };
-
-    Collection.prototype.toString = function() {
-      return this.toArray().toString();
-    };
-
-    Collection.prototype.toLocaleString = function() {
-      return this.toArray().toLocaleString();
-    };
-
-    Collection.prototype.toJSON = function() {
-      return serializeObject(this.toArray());
-    };
-
-    return Collection;
-
-  })();
-
-}).call(this);
-
-};require['./association_collection'] = new function() {
-  var exports = this;
-  (function() {
-  var AssociationCollection, Collection,
-    __hasProp = {}.hasOwnProperty,
-    __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; },
-    __slice = [].slice;
-
-  Collection = require('./collection').Collection;
-
-  AssociationCollection = (function(_super) {
-
-    __extends(AssociationCollection, _super);
-
-    AssociationCollection.name = 'AssociationCollection';
-
-    function AssociationCollection(owner, options, list) {
-      var item;
-      this.owner = owner;
-      this.options = options;
-      AssociationCollection.__super__.constructor.call(this, (function() {
-        var _i, _len, _results;
-        _results = [];
-        for (_i = 0, _len = list.length; _i < _len; _i++) {
-          item = list[_i];
-          _results.push(this._convert(item));
+        switch (action[0]) {
+        case 1:
+            stack.push(symbol);
+            vstack.push(this.lexer.yytext);
+            lstack.push(this.lexer.yylloc);
+            stack.push(action[1]);
+            symbol = null;
+            if (!preErrorSymbol) {
+                yyleng = this.lexer.yyleng;
+                yytext = this.lexer.yytext;
+                yylineno = this.lexer.yylineno;
+                yyloc = this.lexer.yylloc;
+                if (recovering > 0)
+                    recovering--;
+            } else {
+                symbol = preErrorSymbol;
+                preErrorSymbol = null;
+            }
+            break;
+        case 2:
+            len = this.productions_[action[1]][1];
+            yyval.$ = vstack[vstack.length - len];
+            yyval._$ = {first_line: lstack[lstack.length - (len || 1)].first_line, last_line: lstack[lstack.length - 1].last_line, first_column: lstack[lstack.length - (len || 1)].first_column, last_column: lstack[lstack.length - 1].last_column};
+            if (ranges) {
+                yyval._$.range = [lstack[lstack.length - (len || 1)].range[0], lstack[lstack.length - 1].range[1]];
+            }
+            r = this.performAction.call(yyval, yytext, yyleng, yylineno, this.yy, action[1], vstack, lstack);
+            if (typeof r !== "undefined") {
+                return r;
+            }
+            if (len) {
+                stack = stack.slice(0, -1 * len * 2);
+                vstack = vstack.slice(0, -1 * len);
+                lstack = lstack.slice(0, -1 * len);
+            }
+            stack.push(this.productions_[action[1]][0]);
+            vstack.push(yyval.$);
+            lstack.push(yyval._$);
+            newState = table[stack[stack.length - 2]][stack[stack.length - 1]];
+            stack.push(newState);
+            break;
+        case 3:
+            return true;
         }
-        return _results;
-      }).call(this));
     }
+    return true;
+}
+};
+;function Parser () { this.yy = {}; }Parser.prototype = parser;parser.Parser = Parser;
+return new Parser;
+})();
+if (typeof require !== 'undefined' && typeof exports !== 'undefined') {
+exports.parser = parser;
+exports.Parser = parser.Parser;
+exports.parse = function () { return parser.parse.apply(parser, arguments); }
+exports.main = function commonjsMain(args) {
+    if (!args[1])
+        throw new Error('Usage: '+args[0]+' FILE');
+    var source, cwd;
+    if (typeof process !== 'undefined') {
+        source = require('fs').readFileSync(require('path').resolve(args[1]), "utf8");
+    } else {
+        source = require("file").path(require("file").cwd()).join(args[1]).read({charset: "utf-8"});
+    }
+    return exports.parser.parse(source);
+}
+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, DynamicNode, Event, IDENTIFIER, KEYWORDS, LITERAL, Lexer, MULTI_DENT, Model, Node, Property, PropertyAccessor, PropertyDefinition, STRING, Serenade, View, WHITESPACE, capitalize, compile, compileAll, def, defineEvent, defineProperty, extend, format, getValue, globalDependencies, idCounter, isArray, isArrayIndex, normalize, pairToObject, safeDelete, safePush, serializeObject, settings, triggerGlobal,
+  __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; },
+  __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 = {
+  async: false
+};
 
-    AssociationCollection.prototype.set = function(index, item) {
-      return AssociationCollection.__super__.set.call(this, index, this._convert(item));
-    };
-
-    AssociationCollection.prototype.push = function(item) {
-      return AssociationCollection.__super__.push.call(this, this._convert(item));
-    };
-
-    AssociationCollection.prototype.update = function(list) {
-      var item;
-      return AssociationCollection.__super__.update.call(this, (function() {
-        var _i, _len, _results;
-        _results = [];
-        for (_i = 0, _len = list.length; _i < _len; _i++) {
-          item = list[_i];
-          _results.push(this._convert(item));
-        }
-        return _results;
-      }).call(this));
-    };
-
-    AssociationCollection.prototype.splice = function() {
-      var deleteCount, item, list, start;
-      start = arguments[0], deleteCount = arguments[1], list = 3 <= arguments.length ? __slice.call(arguments, 2) : [];
-      list = (function() {
-        var _i, _len, _results;
-        _results = [];
-        for (_i = 0, _len = list.length; _i < _len; _i++) {
-          item = list[_i];
-          _results.push(this._convert(item));
-        }
-        return _results;
-      }).call(this);
-      return AssociationCollection.__super__.splice.apply(this, [start, deleteCount].concat(__slice.call(list)));
-    };
-
-    AssociationCollection.prototype.insertAt = function(index, item) {
-      return AssociationCollection.__super__.insertAt.call(this, index, this._convert(item));
-    };
-
-    AssociationCollection.prototype._convert = function(item) {
-      if (item.constructor === Object && this.options.as) {
-        item = new (this.options.as())(item);
-      }
-      if (this.options.inverseOf && item[this.options.inverseOf] !== this.owner) {
-        item[this.options.inverseOf] = this.owner;
-      }
-      return item;
-    };
-
-    return AssociationCollection;
-
-  })(Collection);
-
-  exports.AssociationCollection = AssociationCollection;
-
-}).call(this);
-
-};require['./properties'] = new function() {
-  var exports = this;
-  (function() {
-  var AssociationCollection, Associations, Collection, Events, Properties, addDependencies, addGlobalDependencies, exp, extend, globalDependencies, pairToObject, prefix, serializeObject, triggerChangesTo, triggerGlobal, _ref,
-    __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; },
-    __hasProp = {}.hasOwnProperty;
+def = Object.defineProperty;
+
+extend = function(target, source, enumerable) {
+  var key, value, _results;
+  if (enumerable == null) {
+    enumerable = true;
+  }
+  _results = [];
+  for (key in source) {
+    if (!__hasProp.call(source, key)) continue;
+    value = source[key];
+    if (enumerable) {
+      _results.push(target[key] = value);
+    } else {
+      _results.push(def(target, key, {
+        value: value,
+        configurable: true
+      }));
+    }
+  }
+  return _results;
+};
 
-  Collection = require('./collection').Collection;
+format = function(model, key) {
+  if (model[key + "_property"]) {
+    return model[key + "_property"].format();
+  } else {
+    return model[key];
+  }
+};
 
-  AssociationCollection = require('./association_collection').AssociationCollection;
+isArray = function(object) {
+  return Object.prototype.toString.call(object) === "[object Array]";
+};
 
-  Events = require('./events').Events;
+pairToObject = function(one, two) {
+  var temp;
+  temp = {};
+  temp[one] = two;
+  return temp;
+};
 
-  _ref = require('./helpers'), prefix = _ref.prefix, pairToObject = _ref.pairToObject, serializeObject = _ref.serializeObject, extend = _ref.extend;
+serializeObject = function(object) {
+  var item, _i, _len, _results;
+  if (object && typeof object.toJSON === 'function') {
+    return object.toJSON();
+  } else if (isArray(object)) {
+    _results = [];
+    for (_i = 0, _len = object.length; _i < _len; _i++) {
+      item = object[_i];
+      _results.push(serializeObject(item));
+    }
+    return _results;
+  } else {
+    return object;
+  }
+};
 
-  exp = /^_prop_/;
+capitalize = function(word) {
+  return word.slice(0, 1).toUpperCase() + word.slice(1);
+};
 
-  globalDependencies = {};
+safePush = function(object, collection, item) {
+  if (!object[collection] || object[collection].indexOf(item) === -1) {
+    if (object.hasOwnProperty(collection)) {
+      return object[collection].push(item);
+    } else if (object[collection]) {
+      return def(object, collection, {
+        value: [item].concat(object[collection])
+      });
+    } else {
+      return def(object, collection, {
+        value: [item]
+      });
+    }
+  }
+};
 
-  addGlobalDependencies = function(object, dependency, names) {
-    var name, subname, type, _i, _len, _ref1, _ref2, _results;
-    if (!object["_glb_" + dependency]) {
-      object["_glb_" + dependency] = true;
-      _results = [];
-      for (_i = 0, _len = names.length; _i < _len; _i++) {
-        name = names[_i];
-        if (name.match(/\./)) {
-          type = "singular";
-          _ref1 = name.split("."), name = _ref1[0], subname = _ref1[1];
-        } else if (name.match(/:/)) {
-          type = "collection";
-          _ref2 = name.split(":"), name = _ref2[0], subname = _ref2[1];
-        }
-        if (subname) {
-          globalDependencies[subname] || (globalDependencies[subname] = []);
-          _results.push(globalDependencies[subname].push({
-            object: object,
-            dependency: dependency,
-            subname: subname,
-            name: name,
-            type: type
-          }));
-        } else {
-          _results.push(void 0);
-        }
-      }
-      return _results;
+safeDelete = function(object, collection, item) {
+  var index;
+  if (object[collection] && (index = object[collection].indexOf(item)) !== -1) {
+    if (!object.hasOwnProperty(collection)) {
+      def(object, collection, {
+        value: [].concat(object[collection])
+      });
     }
-  };
+    return object[collection].splice(index, 1);
+  }
+};
 
-  addDependencies = function(object, dependency, names) {
-    var name, subname, _i, _len, _name, _ref1, _results;
-    names = [].concat(names);
-    _results = [];
-    for (_i = 0, _len = names.length; _i < _len; _i++) {
-      name = names[_i];
-      if (name.match(/[:\.]/)) {
-        _ref1 = name.split(/[:\.]/), name = _ref1[0], subname = _ref1[1];
-      }
-      object[_name = "_dep_" + name] || (object[_name] = []);
-      if (__indexOf.call(object["_dep_" + name], dependency) < 0) {
-        _results.push(object["_dep_" + name].push(dependency));
-      } else {
-        _results.push(void 0);
-      }
+Event = (function() {
+
+  function Event(object, name, options) {
+    this.object = object;
+    this.name = name;
+    this.options = options;
+    this.prop = "_s_" + this.name + "_listeners";
+    this.queueName = "_s_" + name + "_queue";
+    this.async = "async" in this.options ? this.options.async : settings.async;
+  }
+
+  Event.prototype.trigger = function() {
+    var args, _base,
+      _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();
     }
-    return _results;
   };
 
-  triggerGlobal = function(object, names) {
-    var dependency, name, _i, _len, _results;
-    _results = [];
-    for (_i = 0, _len = names.length; _i < _len; _i++) {
-      name = names[_i];
-      if (globalDependencies[name]) {
-        _results.push((function() {
-          var _j, _len1, _ref1, _results1;
-          _ref1 = globalDependencies[name];
-          _results1 = [];
-          for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
-            dependency = _ref1[_j];
-            if (dependency.type === "singular") {
-              if (object === dependency.object.get(dependency.name)) {
-                _results1.push(triggerChangesTo(dependency.object, [dependency.dependency]));
-              } else {
-                _results1.push(void 0);
-              }
-            } else if (dependency.type === "collection") {
-              if (__indexOf.call(dependency.object.get(dependency.name), object) >= 0) {
-                _results1.push(triggerChangesTo(dependency.object, [dependency.dependency]));
-              } else {
-                _results1.push(void 0);
-              }
-            } else {
-              _results1.push(void 0);
-            }
-          }
-          return _results1;
-        })());
-      } else {
-        _results.push(void 0);
-      }
+  Event.prototype.bind = function(fun) {
+    if (this.options.bind) {
+      this.options.bind.call(this.object, fun);
     }
-    return _results;
+    return safePush(this.object, this.prop, fun);
   };
 
-  triggerChangesTo = function(object, names) {
-    var changes, findDependencies, name, value, _i, _j, _len, _len1, _results;
-    findDependencies = function(name) {
-      var dependencies, dependency, _i, _len, _results;
-      dependencies = object["_dep_" + name];
-      if (dependencies) {
-        _results = [];
-        for (_i = 0, _len = dependencies.length; _i < _len; _i++) {
-          dependency = dependencies[_i];
-          if (__indexOf.call(names, dependency) < 0) {
-            names.push(dependency);
-            _results.push(findDependencies(dependency));
-          } else {
-            _results.push(void 0);
-          }
-        }
-        return _results;
-      }
+  Event.prototype.one = function(fun) {
+    var unbind,
+      _this = this;
+    unbind = function(fun) {
+      return _this.unbind(fun);
     };
-    for (_i = 0, _len = names.length; _i < _len; _i++) {
-      name = names[_i];
-      findDependencies(name);
-    }
-    changes = {};
-    for (_j = 0, _len1 = names.length; _j < _len1; _j++) {
-      name = names[_j];
-      changes[name] = object.get(name);
-    }
-    object.trigger("change", changes);
-    triggerGlobal(object, names);
-    _results = [];
-    for (name in changes) {
-      if (!__hasProp.call(changes, name)) continue;
-      value = changes[name];
-      _results.push(object.trigger("change:" + name, value));
-    }
-    return _results;
+    return this.bind(function() {
+      unbind(arguments.callee);
+      return fun.apply(this, arguments);
+    });
   };
 
-  Properties = {
-    property: function(name, options) {
-      if (options == null) {
-        options = {};
-      }
-      this[prefix + name] = options;
-      this[prefix + name].name = name;
-      if (this.hasOwnProperty(name)) {
-        this.set(name, this[name]);
-      }
-      if (options.dependsOn) {
-        addDependencies(this, name, options.dependsOn);
-      }
-      Object.defineProperty(this, name, {
-        get: function() {
-          return Properties.get.call(this, name);
-        },
-        set: function(value) {
-          return Properties.set.call(this, name, value);
-        },
-        configurable: true
-      });
-      if (typeof options.serialize === 'string') {
-        return this.property(options.serialize, {
-          get: function() {
-            return this.get(name);
-          },
-          set: function(v) {
-            return this.set(name, v);
-          },
-          configurable: true
+  Event.prototype.unbind = function(fun) {
+    safeDelete(this.object, this.prop, fun);
+    if (this.options.unbind) {
+      return this.options.unbind.call(this.object, fun);
+    }
+  };
+
+  Event.prototype.resolve = function() {
+    var args, perform, _i, _len, _ref,
+      _this = this;
+    perform = function(args) {
+      if (_this.object[_this.prop]) {
+        return _this.object[_this.prop].forEach(function(fun) {
+          return fun.apply(_this.object, args);
         });
       }
-    },
-    collection: function(name, options) {
-      if (options == null) {
-        options = {};
-      }
-      extend(options, {
-        get: function() {
-          var _this = this;
-          if (!this.attributes[name]) {
-            this.attributes[name] = new Collection([]);
-            this.attributes[name].bind('change', function() {
-              return triggerChangesTo(_this, [name]);
-            });
-          }
-          return this.attributes[name];
-        },
-        set: function(value) {
-          return this.get(name).update(value);
-        }
-      });
-      return this.property(name, options);
-    },
-    set: function(attributes, value) {
-      var name, names, _ref1;
-      if (typeof attributes === 'string') {
-        attributes = pairToObject(attributes, value);
-      }
-      names = [];
-      for (name in attributes) {
-        value = attributes[name];
-        names.push(name);
-        this.attributes || (this.attributes = {});
-        if (!this[prefix + name]) {
-          Properties.property.call(this, name);
-        }
-        if ((_ref1 = this[prefix + name]) != null ? _ref1.set : void 0) {
-          this[prefix + name].set.call(this, value);
-        } else {
-          this.attributes[name] = value;
-        }
-      }
-      return triggerChangesTo(this, names);
-    },
-    get: function(name) {
-      var _ref1, _ref2, _ref3;
-      if ((_ref1 = this[prefix + name]) != null ? _ref1.dependsOn : void 0) {
-        addGlobalDependencies(this, name, [].concat(this[prefix + name].dependsOn));
-      }
-      this.attributes || (this.attributes = {});
-      if ((_ref2 = this[prefix + name]) != null ? _ref2.get : void 0) {
-        return this[prefix + name].get.call(this);
-      } else if (((_ref3 = this[prefix + name]) != null ? _ref3.hasOwnProperty("default") : void 0) && !this.attributes.hasOwnProperty(name)) {
-        return this[prefix + name]["default"];
-      } else {
-        return this.attributes[name];
-      }
-    },
-    toJSON: function() {
-      var key, name, options, serialized, value, _ref1;
-      serialized = {};
-      for (name in this) {
-        options = this[name];
-        if (name.match(exp)) {
-          if (typeof options.serialize === 'string') {
-            serialized[options.serialize] = serializeObject(this.get(options.name));
-          } else if (typeof options.serialize === 'function') {
-            _ref1 = options.serialize.call(this), key = _ref1[0], value = _ref1[1];
-            serialized[key] = serializeObject(value);
-          } else if (options.serialize) {
-            serialized[options.name] = serializeObject(this.get(options.name));
-          }
-        }
+    };
+    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 serialized;
     }
+    return this.queue = [];
   };
 
-  extend(Properties, Events);
+  def(Event.prototype, "listeners", {
+    get: function() {
+      return this.object[this.prop];
+    }
+  });
 
-  Associations = {
-    belongsTo: function(name, attributes) {
-      if (attributes == null) {
-        attributes = {};
+  def(Event.prototype, "queue", {
+    get: function() {
+      if (!this.object.hasOwnProperty(this.queueName)) {
+        this.queue = [];
       }
-      extend(attributes, {
-        set: function(model) {
-          var previous;
-          if (model.constructor === Object && attributes.as) {
-            model = new (attributes.as())(model);
-          }
-          previous = this.attributes[name];
-          this.attributes[name] = model;
-          if (attributes.inverseOf && !model[attributes.inverseOf].includes(this)) {
-            if (previous) {
-              previous[attributes.inverseOf]["delete"](this);
-            }
-            return model[attributes.inverseOf].push(this);
-          }
-        }
-      });
-      this.property(name, attributes);
-      return this.property(name + 'Id', {
-        get: function() {
-          var _ref1;
-          return (_ref1 = this.get(name)) != null ? _ref1.id : void 0;
-        },
-        set: function(id) {
-          if (id != null) {
-            return this.set(name, attributes.as().find(id));
-          }
-        },
-        dependsOn: name,
-        serialize: attributes.serializeId
-      });
+      return this.object[this.queueName];
     },
-    hasMany: function(name, attributes) {
-      if (attributes == null) {
-        attributes = {};
-      }
-      extend(attributes, {
-        get: function() {
-          var _this = this;
-          if (!this.attributes[name]) {
-            this.attributes[name] = new AssociationCollection(this, attributes, []);
-            this.attributes[name].bind('change', function() {
-              return triggerChangesTo(_this, [name]);
-            });
-          }
-          return this.attributes[name];
-        },
-        set: function(value) {
-          return this.get(name).update(value);
-        }
-      });
-      this.property(name, attributes);
-      return this.property(name + 'Ids', {
-        get: function() {
-          return new Collection(this.get(name)).map(function(item) {
-            return item != null ? item.id : void 0;
-          });
-        },
-        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];
-              _results.push(attributes.as().find(id));
-            }
-            return _results;
-          })();
-          return this.get(name).update(objects);
-        },
-        dependsOn: name,
-        serialize: attributes.serializeIds
+    set: function(val) {
+      return def(this.object, this.queueName, {
+        value: val,
+        configurable: true
       });
     }
-  };
-
-  exports.Properties = Properties;
-
-  exports.Associations = Associations;
+  });
 
-  exports.globalDependencies = globalDependencies;
+  return Event;
 
-}).call(this);
+})();
 
-};require['./model'] = new function() {
-  var exports = this;
-  (function() {
-  var Associations, Cache, Model, Properties, capitalize, extend, idCounter, _ref, _ref1,
-    __hasProp = {}.hasOwnProperty,
-    __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; },
-    __slice = [].slice;
+defineEvent = function(object, name, options) {
+  if (options == null) {
+    options = {};
+  }
+  return def(object, name, {
+    configurable: true,
+    get: function() {
+      return new Event(this, name, options);
+    }
+  });
+};
 
-  Cache = require('./cache').Cache;
+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;
+    }
+  },
+  set: function(ctor, id, obj) {
+    var name, _base;
+    name = ctor.uniqueId();
+    if (name && id) {
+      (_base = this._identityMap)[name] || (_base[name] = {});
+      return this._identityMap[name][id] = obj;
+    }
+  },
+  unset: function(ctor, id) {
+    var name, _base;
+    name = ctor.uniqueId();
+    if (name && id) {
+      (_base = this._identityMap)[name] || (_base[name] = {});
+      return delete this._identityMap[name][id];
+    }
+  }
+};
 
-  _ref = require('./properties'), Associations = _ref.Associations, Properties = _ref.Properties;
+isArrayIndex = function(index) {
+  return ("" + index).match(/^\d+$/);
+};
 
-  _ref1 = require('./helpers'), extend = _ref1.extend, capitalize = _ref1.capitalize;
+Collection = (function() {
+  var fun, _i, _len, _ref;
 
-  idCounter = 1;
+  defineEvent(Collection.prototype, "change_set");
 
-  Model = (function() {
+  defineEvent(Collection.prototype, "change_add");
 
-    Model.name = 'Model';
+  defineEvent(Collection.prototype, "change_update");
 
-    extend(Model.prototype, Properties);
+  defineEvent(Collection.prototype, "change_insert");
 
-    extend(Model.prototype, Associations);
+  defineEvent(Collection.prototype, "change_delete");
 
-    Model.property = function() {
-      var _ref2;
-      return (_ref2 = this.prototype).property.apply(_ref2, arguments);
-    };
+  defineEvent(Collection.prototype, "change");
 
-    Model.collection = function() {
-      var _ref2;
-      return (_ref2 = this.prototype).collection.apply(_ref2, arguments);
-    };
+  function Collection(list) {
+    var index, val, _i, _len;
+    if (list == null) {
+      list = [];
+    }
+    for (index = _i = 0, _len = list.length; _i < _len; index = ++_i) {
+      val = list[index];
+      this[index] = val;
+    }
+    this.length = (list != null ? list.length : void 0) || 0;
+  }
 
-    Model.belongsTo = function() {
-      var _ref2;
-      return (_ref2 = this.prototype).belongsTo.apply(_ref2, arguments);
-    };
+  Collection.prototype.get = function(index) {
+    return this[index];
+  };
 
-    Model.hasMany = function() {
-      var _ref2;
-      return (_ref2 = this.prototype).hasMany.apply(_ref2, arguments);
-    };
+  Collection.prototype.set = function(index, value) {
+    this[index] = value;
+    if (isArrayIndex(index)) {
+      this.length = Math.max(this.length, index + 1);
+    }
+    this.change_set.trigger(index, value);
+    this.change.trigger(this);
+    return value;
+  };
 
-    Model.find = function(id) {
-      return Cache.get(this, id) || new this({
-        id: id
-      });
-    };
+  Collection.prototype.update = function(list) {
+    var index, old, val, _, _i, _len;
+    old = this.clone();
+    for (index in this) {
+      _ = this[index];
+      if (isArrayIndex(index)) {
+        delete this[index];
+      }
+    }
+    for (index = _i = 0, _len = list.length; _i < _len; index = ++_i) {
+      val = list[index];
+      this[index] = val;
+    }
+    this.length = (list != null ? list.length : void 0) || 0;
+    this.change_update.trigger(old, this);
+    this.change.trigger(this);
+    return list;
+  };
 
-    Model.property('id', {
-      serialize: true,
-      set: function(val) {
-        Cache.unset(this.constructor, this.attributes.id);
-        Cache.set(this.constructor, val, this);
-        return this.attributes.id = val;
+  Collection.prototype.sortBy = function(attribute) {
+    return this.sort(function(a, b) {
+      if (a[attribute] < b[attribute]) {
+        return -1;
+      } else {
+        return 1;
       }
     });
+  };
 
-    Model.extend = function(ctor) {
-      var New;
-      return New = (function(_super) {
-
-        __extends(New, _super);
+  Collection.prototype.includes = function(item) {
+    return this.indexOf(item) >= 0;
+  };
 
-        New.name = 'New';
+  Collection.prototype.find = function(fun) {
+    var item, _i, _len;
+    for (_i = 0, _len = this.length; _i < _len; _i++) {
+      item = this[_i];
+      if (fun(item)) {
+        return item;
+      }
+    }
+  };
 
-        function New() {
-          var val;
-          val = New.__super__.constructor.apply(this, arguments);
-          if (val) {
-            return val;
-          }
-          if (ctor) {
-            ctor.apply(this, arguments);
-          }
-        }
+  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;
+  };
 
-        return New;
+  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;
+  };
 
-      })(this);
-    };
+  Collection.prototype["delete"] = function(item) {
+    var index;
+    index = this.indexOf(item);
+    if (index !== -1) {
+      return this.deleteAt(index);
+    }
+  };
 
-    Model.delegate = function() {
-      var name, names, options, to, _i, _j, _len, _results,
-        _this = this;
-      names = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), options = arguments[_i++];
-      to = options.to;
-      _results = [];
-      for (_j = 0, _len = names.length; _j < _len; _j++) {
-        name = names[_j];
-        _results.push((function(name) {
-          var propName;
-          propName = name;
-          if (options.prefix) {
-            propName = to + capitalize(name);
-          }
-          if (options.suffix) {
-            propName = propName + capitalize(to);
-          }
-          return _this.property(propName, {
-            dependsOn: "" + to + "." + name,
-            get: function() {
-              var _ref2;
-              return (_ref2 = this[to]) != null ? _ref2[name] : void 0;
-            }
-          });
-        })(name));
-      }
-      return _results;
-    };
+  Collection.prototype.first = function() {
+    return this[0];
+  };
 
-    Model.uniqueId = function() {
-      if (!(this._uniqueId && this._uniqueGen === this)) {
-        this._uniqueId = (idCounter += 1);
-        this._uniqueGen = this;
-      }
-      return this._uniqueId;
-    };
+  Collection.prototype.last = function() {
+    return this[this.length - 1];
+  };
 
-    function Model(attributes, bypassCache) {
-      var fromCache,
-        _this = this;
-      if (bypassCache == null) {
-        bypassCache = false;
-      }
-      if (!bypassCache) {
-        if (attributes != null ? attributes.id : void 0) {
-          fromCache = Cache.get(this.constructor, attributes.id);
-          if (fromCache) {
-            fromCache.set(attributes);
-            return fromCache;
-          } else {
-            Cache.set(this.constructor, attributes.id, this);
-          }
-        }
-      }
-      if (this.constructor.localStorage) {
-        this.bind('saved', function() {
-          return Cache.store(_this.constructor, _this.get('id'), _this);
-        });
-        if (this.constructor.localStorage !== 'save') {
-          this.bind('change', function() {
-            return Cache.store(_this.constructor, _this.get('id'), _this);
-          });
-        }
+  Collection.prototype.toArray = function() {
+    var array, index, val;
+    array = [];
+    for (index in this) {
+      val = this[index];
+      if (isArrayIndex(index)) {
+        array[index] = val;
       }
-      this.set(attributes);
     }
+    return array;
+  };
 
-    Model.prototype.save = function() {
-      return this.trigger('saved');
-    };
+  Collection.prototype.clone = 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;
+  };
 
-    return Model;
+  Collection.prototype.pop = function() {
+    return this.deleteAt(this.length - 1);
+  };
 
-  })();
+  Collection.prototype.unshift = function(item) {
+    return this.insertAt(0, item);
+  };
 
-  exports.Model = Model;
+  Collection.prototype.shift = function() {
+    return this.deleteAt(0);
+  };
 
-}).call(this);
+  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);
+  };
 
-};require['./serenade'] = new function() {
-  var exports = this;
-  (function() {
-  var Cache, Properties, Serenade, extend, format, globalDependencies, _ref, _ref1;
+  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;
+  };
 
-  Cache = require('./cache').Cache;
+  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 = require('./helpers'), extend = _ref.extend, format = _ref.format;
+  _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];
+  }
 
-  _ref1 = require("./properties"), Properties = _ref1.Properties, globalDependencies = _ref1.globalDependencies;
+  Collection.prototype.map = function() {
+    var args;
+    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    return new Collection(Array.prototype.map.apply(this, args));
+  };
 
-  Serenade = function(attributes) {
-    if (this === root) {
-      return new Serenade(attributes);
-    }
-    this.set(attributes);
-    return this;
+  Collection.prototype.filter = function() {
+    var args;
+    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    return new Collection(Array.prototype.filter.apply(this, args));
   };
 
-  extend(Serenade.prototype, Properties);
+  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));
+  };
 
-  extend(Serenade, {
-    VERSION: '0.3.0',
-    _views: {},
-    _controllers: {},
-    document: typeof window !== "undefined" && window !== null ? window.document : void 0,
-    format: format,
-    view: function(nameOrTemplate, template) {
-      var View;
-      View = require('./view').View;
-      if (template) {
-        return this._views[nameOrTemplate] = new View(nameOrTemplate, template);
-      } else {
-        return new View(void 0, nameOrTemplate);
-      }
-    },
-    render: function(name, model, controller, parent, skipCallback) {
-      return this._views[name].render(model, controller, parent, skipCallback);
-    },
-    controller: function(name, klass) {
-      return this._controllers[name] = klass;
-    },
-    controllerFor: function(name) {
-      return this._controllers[name];
-    },
-    clearIdentityMap: function() {
-      return Cache._identityMap = {};
-    },
-    clearLocalStorage: function() {
-      return Cache._storage.clear();
-    },
-    clearCache: function() {
-      var key, value, _i, _len, _results;
-      Serenade.clearIdentityMap();
-      Serenade.clearLocalStorage();
+  Collection.prototype.concat = function() {
+    var arg, args, _ref1;
+    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    args = (function() {
+      var _j, _len1, _results;
       _results = [];
-      for (key = _i = 0, _len = globalDependencies.length; _i < _len; key = ++_i) {
-        value = globalDependencies[key];
-        _results.push(delete globalDependencies[key]);
+      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;
-    },
-    unregisterAll: function() {
-      Serenade._views = {};
-      return Serenade._controllers = {};
-    },
-    Events: require('./events').Events,
-    Model: require('./model').Model,
-    Collection: require('./collection').Collection,
-    Helpers: {}
-  });
-
-  exports.Serenade = Serenade;
-
-  exports.compile = function() {
-    var document, fs, window;
-    document = require("jsdom").jsdom(null, null, {});
-    fs = require("fs");
-    window = document.createWindow();
-    Serenade.document = document;
-    return function(env) {
-      var element, html, model, viewName;
-      model = env.model;
-      viewName = env.filename.split('/').reverse()[0].replace(/\.serenade$/, '');
-      Serenade.view(viewName, fs.readFileSync(env.filename).toString());
-      element = Serenade.render(viewName, model, {});
-      document.body.appendChild(element);
-      html = document.body.innerHTML;
-      if (env.doctype !== false) {
-        html = "<!DOCTYPE html>\n" + html;
-      }
-      return html;
-    };
+    })();
+    return new Collection((_ref1 = this.toArray()).concat.apply(_ref1, args));
   };
 
-}).call(this);
-
-};require['./lexer'] = new function() {
-  var exports = this;
-  (function() {
-  var COMMENT, IDENTIFIER, KEYWORDS, LITERAL, Lexer, MULTI_DENT, STRING, WHITESPACE,
-    __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; };
-
-  IDENTIFIER = /^[a-zA-Z][a-zA-Z0-9\-_]*/;
+  Collection.prototype.toString = function() {
+    return this.toArray().toString();
+  };
 
-  LITERAL = /^[\[\]=\:\-!#\.@]/;
+  Collection.prototype.toLocaleString = function() {
+    return this.toArray().toLocaleString();
+  };
 
-  STRING = /^"((?:\\.|[^"])*)"/;
+  Collection.prototype.toJSON = function() {
+    return serializeObject(this.toArray());
+  };
 
-  MULTI_DENT = /^(?:\r?\n[^\r\n\S]*)+/;
+  return Collection;
 
-  WHITESPACE = /^[^\r\n\S]+/;
+})();
 
-  COMMENT = /^\s*\/\/[^\n]*/;
+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);
+    }]));
+  }
+
+  AssociationCollection.prototype.set = function(index, item) {
+    var _this = this;
+    return this._convert(item, function(item) {
+      return AssociationCollection.__super__.set.call(_this, index, item);
+    });
+  };
 
-  KEYWORDS = ["IF", "ELSE", "COLLECTION", "IN", "VIEW", "UNLESS"];
+  AssociationCollection.prototype.push = function(item) {
+    var _this = this;
+    return this._convert(item, function(item) {
+      return AssociationCollection.__super__.push.call(_this, item);
+    });
+  };
 
-  Lexer = (function() {
+  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);
+    }]));
+  };
 
-    Lexer.name = 'Lexer';
+  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)));
+    }]));
+  };
 
-    function Lexer() {}
+  AssociationCollection.prototype.insertAt = function(index, item) {
+    var _this = this;
+    return this._convert(item, function(item) {
+      return AssociationCollection.__super__.insertAt.call(_this, index, item);
+    });
+  };
 
-    Lexer.prototype.tokenize = function(code, opts) {
-      var tag;
-      if (opts == null) {
-        opts = {};
-      }
-      this.code = code.replace(/^\s*/, '').replace(/\s*$/, '');
-      this.line = opts.line || 0;
-      this.indent = 0;
-      this.indents = [];
-      this.ends = [];
-      this.tokens = [];
-      this.i = 0;
-      while (this.chunk = this.code.slice(this.i)) {
-        this.i += this.identifierToken() || this.commentToken() || this.whitespaceToken() || this.lineToken() || this.stringToken() || this.literalToken();
-      }
-      while (tag = this.ends.pop()) {
-        if (tag === 'OUTDENT') {
-          this.token('OUTDENT');
+  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];
+        if ((item != null ? item.constructor : void 0) === Object && this.options.as) {
+          _results.push(item = new (this.options.as())(item));
         } else {
-          this.error("missing " + tag);
+          _results.push(item);
         }
       }
-      while (this.tokens[0][0] === "TERMINATOR") {
-        this.tokens.shift();
-      }
-      while (this.tokens[this.tokens.length - 1][0] === "TERMINATOR") {
-        this.tokens.pop();
-      }
-      return this.tokens;
-    };
-
-    Lexer.prototype.commentToken = function() {
-      var match;
-      if (match = COMMENT.exec(this.chunk)) {
-        return match[0].length;
-      } else {
-        return 0;
-      }
-    };
-
-    Lexer.prototype.whitespaceToken = function() {
-      var match;
-      if (match = WHITESPACE.exec(this.chunk)) {
-        this.token('WHITESPACE', match[0].length);
-        return match[0].length;
-      } else {
-        return 0;
+      return _results;
+    }).call(this);
+    returnValue = fn.apply(null, items);
+    for (_j = 0, _len = items.length; _j < _len; _j++) {
+      item = items[_j];
+      if (this.options.inverseOf && item[this.options.inverseOf] !== this.owner) {
+        item[this.options.inverseOf] = this.owner;
       }
-    };
-
-    Lexer.prototype.token = function(tag, value) {
-      return this.tokens.push([tag, value, this.line]);
-    };
+    }
+    return returnValue;
+  };
 
-    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") {
-          this.tokens.splice(this.tokens.length - 3, 1);
-        }
-        if (__indexOf.call(KEYWORDS, name) >= 0) {
-          this.token(name, match[0]);
-        } else {
-          this.token('IDENTIFIER', match[0]);
+  return AssociationCollection;
+
+})(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 match[0].length;
-      } else {
-        return 0;
-      }
-    };
-
-    Lexer.prototype.stringToken = function() {
-      var match;
-      if (match = STRING.exec(this.chunk)) {
-        this.token('STRING_LITERAL', match[1]);
-        return match[0].length;
-      } else {
-        return 0;
-      }
-    };
+        return _results1;
+      })());
+    } else {
+      _results.push(void 0);
+    }
+  }
+  return _results;
+};
 
-    Lexer.prototype.lineToken = function() {
-      var diff, indent, match, prev, size;
-      if (!(match = MULTI_DENT.exec(this.chunk))) {
-        return 0;
+PropertyDefinition = (function() {
+
+  function PropertyDefinition(name, options) {
+    var _i, _len, _ref;
+    this.name = name;
+    extend(this, options);
+    this.dependencies = [];
+    this.localDependencies = [];
+    this.globalDependencies = [];
+    if (this.dependsOn) {
+      _ref = [].concat(this.dependsOn);
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        name = _ref[_i];
+        this.addDependency(name);
       }
-      indent = match[0];
-      this.line += this.count(indent, '\n');
-      prev = this.last(this.tokens, 1);
-      size = indent.length - 1 - indent.lastIndexOf('\n');
-      diff = size - this.indent;
-      if (size === this.indent) {
-        this.newlineToken();
-      } else if (size > this.indent) {
-        this.token('INDENT');
-        this.indents.push(diff);
-        this.ends.push('OUTDENT');
-      } else {
-        while (diff < 0) {
-          this.ends.pop();
-          diff += this.indents.pop();
-          this.token('OUTDENT');
-        }
-        this.token('TERMINATOR', '\n');
+    }
+    this.async = "async" in options ? options.async : settings.async;
+    this.eventOptions = {
+      async: this.async,
+      bind: function() {
+        return this[name];
+      },
+      optimize: function(queue) {
+        return queue[queue.length - 1];
+      }
+    };
+  }
+
+  PropertyDefinition.prototype.addDependency = function(name) {
+    var subname, type, _ref, _ref1;
+    if (this.dependencies.indexOf(name) === -1) {
+      this.dependencies.push(name);
+      if (name.match(/\./)) {
+        type = "singular";
+        _ref = name.split("."), name = _ref[0], subname = _ref[1];
+      } else if (name.match(/:/)) {
+        type = "collection";
+        _ref1 = name.split(":"), name = _ref1[0], subname = _ref1[1];
+      }
+      this.localDependencies.push(name);
+      if (this.localDependencies.indexOf(name) === -1) {
+        this.localDependencies.push(name);
+      }
+      if (type) {
+        return this.globalDependencies.push({
+          subname: subname,
+          name: name,
+          type: type
+        });
       }
-      this.indent = size;
-      return indent.length;
-    };
+    }
+  };
 
-    Lexer.prototype.literalToken = function() {
-      var match;
-      if (match = LITERAL.exec(this.chunk)) {
-        this.token(match[0]);
-        return 1;
-      } else {
-        return this.error("Unexpected token '" + (this.chunk.charAt(0)) + "'");
-      }
-    };
+  return PropertyDefinition;
 
-    Lexer.prototype.newlineToken = function() {
-      if (this.tag() !== 'TERMINATOR') {
-        return this.token('TERMINATOR', '\n');
-      }
-    };
+})();
 
-    Lexer.prototype.tag = function(index, tag) {
-      var tok;
-      return (tok = this.last(this.tokens, index)) && (tag ? tok[0] = tag : tok[0]);
-    };
+PropertyAccessor = (function() {
 
-    Lexer.prototype.value = function(index, val) {
-      var tok;
-      return (tok = this.last(this.tokens, index)) && (val ? tok[1] = val : tok[1]);
-    };
+  function PropertyAccessor(definition, object) {
+    this.definition = definition;
+    this.object = object;
+    this.name = this.definition.name;
+    this.valueName = "_s_" + this.name + "_val";
+    this.event = new Event(this.object, this.name + "_change", this.definition.eventOptions);
+  }
 
-    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)));
-    };
+  PropertyAccessor.prototype.set = function(value) {
+    if (typeof value === "function") {
+      return this.definition.get = value;
+    } else {
+      if (this.definition.set) {
+        this.definition.set.call(this.object, value);
+      } else {
+        def(this.object, this.valueName, {
+          value: value,
+          configurable: true
+        });
+      }
+      return this.trigger();
+    }
+  };
 
-    Lexer.prototype.count = function(string, substr) {
-      var num, pos;
-      num = pos = 0;
-      if (!substr.length) {
-        return 1 / 0;
+  PropertyAccessor.prototype.get = function() {
+    var listener, value,
+      _this = this;
+    this.registerGlobal();
+    if (this.definition.get) {
+      listener = function(name) {
+        return _this.definition.addDependency(name);
+      };
+      if (!("dependsOn" in this.definition)) {
+        this.object._s_property_access.bind(listener);
       }
-      while (pos = 1 + string.indexOf(substr, pos)) {
-        num++;
+      value = this.definition.get.call(this.object);
+      if (!("dependsOn" in this.definition)) {
+        this.object._s_property_access.unbind(listener);
       }
-      return num;
-    };
-
-    Lexer.prototype.last = function(array, back) {
-      return array[array.length - (back || 0) - 1];
-    };
-
-    return Lexer;
-
-  })();
-
-  exports.Lexer = Lexer;
-
-}).call(this);
-
-};require['./node'] = new function() {
-  var exports = this;
-  (function() {
-  var Collection, Events, Node, NodeEvents, Serenade, extend, _ref;
-
-  Serenade = require('./serenade').Serenade;
+    } else {
+      value = this.object[this.valueName];
+    }
+    this.object._s_property_access.trigger(this.name);
+    return value;
+  };
 
-  _ref = require('./events'), Events = _ref.Events, NodeEvents = _ref.NodeEvents;
+  PropertyAccessor.prototype.format = function() {
+    if (typeof this.definition.format === "function") {
+      return this.definition.format.call(this.object, this.get());
+    } else {
+      return this.get();
+    }
+  };
 
-  extend = require('./helpers').extend;
+  PropertyAccessor.prototype.registerGlobal = function() {
+    var name, subname, type, _i, _len, _ref, _ref1, _results;
+    if (!this.object["_s_glb_" + this.name]) {
+      def(this.object, "_s_glb_" + this.name, {
+        value: true,
+        configurable: true
+      });
+      _ref = this.definition.globalDependencies;
+      _results = [];
+      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
+        }));
+      }
+      return _results;
+    }
+  };
 
-  Collection = require('./collection').Collection;
+  PropertyAccessor.prototype.trigger = function() {
+    var changes, name, names, value, _i, _len, _ref, _results;
+    names = [this.name].concat(this.dependents);
+    changes = {};
+    for (_i = 0, _len = names.length; _i < _len; _i++) {
+      name = names[_i];
+      changes[name] = this.object[name];
+    }
+    if ((_ref = this.object.changed) != null) {
+      if (typeof _ref.trigger === "function") {
+        _ref.trigger(changes);
+      }
+    }
+    triggerGlobal(this.object, names);
+    _results = [];
+    for (name in changes) {
+      if (!__hasProp.call(changes, name)) continue;
+      value = changes[name];
+      _results.push(this.object[name + "_property"].event.trigger(value));
+    }
+    return _results;
+  };
 
-  Node = (function() {
+  PropertyAccessor.prototype.bind = function(fun) {
+    return this.event.bind(fun);
+  };
 
-    Node.name = 'Node';
+  PropertyAccessor.prototype.unbind = function(fun) {
+    return this.event.unbind(fun);
+  };
 
-    extend(Node.prototype, Events);
+  PropertyAccessor.prototype.one = function(fun) {
+    return this.event.one(fun);
+  };
 
-    extend(Node.prototype, NodeEvents);
+  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++) {
+          property = _ref[_i];
+          if ((_ref1 = property.name, __indexOf.call(deps, _ref1) < 0) && __indexOf.call(property.localDependencies, name) >= 0) {
+            deps.push(property.name);
+            _results.push(findDependencies(property.name));
+          } else {
+            _results.push(void 0);
+          }
+        }
+        return _results;
+      };
+      findDependencies(this.name);
+      return deps;
+    }
+  });
 
-    function Node(ast, element) {
-      this.ast = ast;
-      this.element = element;
-      this.children = new Collection([]);
+  def(PropertyAccessor.prototype, "listeners", {
+    get: function() {
+      return this.event.listeners;
     }
+  });
 
-    Node.prototype.append = function(inside) {
-      return inside.appendChild(this.element);
-    };
+  return PropertyAccessor;
 
-    Node.prototype.insertAfter = function(after) {
-      return after.parentNode.insertBefore(this.element, after.nextSibling);
-    };
+})();
 
-    Node.prototype.remove = function() {
-      var _ref1;
-      this.unbindEvents();
-      return (_ref1 = this.element.parentNode) != null ? _ref1.removeChild(this.element) : void 0;
-    };
+defineProperty = function(object, name, options) {
+  var definition;
+  if (options == null) {
+    options = {};
+  }
+  definition = new PropertyDefinition(name, options);
+  safePush(object, "_s_properties", definition);
+  defineEvent(object, "_s_property_access");
+  def(object, name, {
+    get: function() {
+      return this[name + "_property"].get();
+    },
+    set: function(value) {
+      return this[name + "_property"].set(value);
+    },
+    configurable: true,
+    enumerable: "enumerable" in options ? options.enumerable : true
+  });
+  def(object, name + "_property", {
+    get: function() {
+      return new PropertyAccessor(definition, this);
+    },
+    configurable: true
+  });
+  if (typeof options.serialize === 'string') {
+    defineProperty(object, options.serialize, {
+      get: function() {
+        return this[name];
+      },
+      set: function(v) {
+        return this[name] = v;
+      },
+      configurable: true
+    });
+  }
+  if ("value" in options) {
+    return object[name] = options.value;
+  }
+};
 
-    Node.prototype.lastElement = function() {
-      return this.element;
-    };
+idCounter = 1;
 
-    Node.prototype.nodes = function() {
-      return this.children;
-    };
+Model = (function() {
 
-    return Node;
+  defineEvent(Model.prototype, "saved");
 
-  })();
+  defineEvent(Model.prototype, "changed", {
+    optimize: function(queue) {
+      var item, result, _i, _len;
+      result = {};
+      for (_i = 0, _len = queue.length; _i < _len; _i++) {
+        item = queue[_i];
+        extend(result, item[0]);
+      }
+      return [result];
+    }
+  });
 
-  exports.Node = Node;
+  Model.belongsTo = function() {
+    var _ref;
+    return (_ref = this.prototype).belongsTo.apply(_ref, arguments);
+  };
 
-}).call(this);
+  Model.hasMany = function() {
+    var _ref;
+    return (_ref = this.prototype).hasMany.apply(_ref, arguments);
+  };
 
-};require['./dynamic_node'] = new function() {
-  var exports = this;
-  (function() {
-  var Collection, DynamicNode, NodeEvents, Serenade, extend;
+  Model.identityMap = true;
 
-  Serenade = require('./serenade').Serenade;
+  Model.find = function(id) {
+    return Cache.get(this, id) || new this({
+      id: id
+    });
+  };
 
-  Collection = require('./collection').Collection;
+  Model.extend = function(ctor) {
+    var New;
+    return New = (function(_super) {
 
-  extend = require('./helpers').extend;
+      __extends(New, _super);
 
-  NodeEvents = require('./events').NodeEvents;
+      function New() {
+        var val;
+        val = New.__super__.constructor.apply(this, arguments);
+        if (val) {
+          return val;
+        }
+        if (ctor) {
+          ctor.apply(this, arguments);
+        }
+      }
 
-  DynamicNode = (function() {
+      return New;
 
-    DynamicNode.name = 'DynamicNode';
+    })(this);
+  };
 
-    extend(DynamicNode.prototype, NodeEvents);
+  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);
+      options = {};
+    }
+    _results = [];
+    for (_j = 0, _len = names.length; _j < _len; _j++) {
+      name = names[_j];
+      _results.push(defineProperty(this.prototype, name, options));
+    }
+    return _results;
+  };
 
-    function DynamicNode(ast) {
-      this.ast = ast;
-      this.anchor = Serenade.document.createTextNode('');
-      this.nodeSets = new Collection([]);
+  Model.properties = function() {
+    var name, names, _i, _len, _results;
+    names = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    _results = [];
+    for (_i = 0, _len = names.length; _i < _len; _i++) {
+      name = names[_i];
+      _results.push(this.property(name));
     }
+    return _results;
+  };
 
-    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++) {
-        set = _ref[_i];
-        for (_j = 0, _len1 = set.length; _j < _len1; _j++) {
-          node = set[_j];
-          nodes.push(node);
+  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;
+      propName = name;
+      if (options.prefix === true) {
+        propName = to + capitalize(name);
+      } else if (options.prefix) {
+        propName = options.prefix + capitalize(name);
+      }
+      if (options.suffix === true) {
+        propName = propName + capitalize(to);
+      } else if (options.suffix) {
+        propName = propName + options.suffix;
+      }
+      return _this.property(propName, {
+        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;
+        }
+      });
+    });
+  };
+
+  Model.collection = function(name, options) {
+    if (options == null) {
+      options = {};
+    }
+    extend(options, {
+      get: function() {
+        var valueName,
+          _this = this;
+        valueName = "_s_" + name + "_val";
+        if (!this[valueName]) {
+          this[valueName] = new Collection([]);
+          this[valueName].change.bind(function() {
+            return _this[name + "_property"].trigger();
+          });
         }
+        return this[valueName];
+      },
+      set: function(value) {
+        return this[name].update(value);
       }
-      return nodes;
-    };
+    });
+    this.property(name, options);
+    return this.property(name + 'Count', {
+      get: function() {
+        return this[name].length;
+      },
+      dependsOn: name
+    });
+  };
 
-    DynamicNode.prototype.rebuild = function() {
-      var last, node, _i, _len, _ref, _results;
-      if (this.anchor.parentNode) {
-        last = this.anchor;
-        _ref = this.nodes();
-        _results = [];
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          node = _ref[_i];
-          node.insertAfter(last);
-          _results.push(last = node.lastElement());
+  Model.belongsTo = function(name, attributes) {
+    if (attributes == null) {
+      attributes = {};
+    }
+    extend(attributes, {
+      set: function(model) {
+        var previous, valueName;
+        valueName = "_s_" + name + "_val";
+        if (model && model.constructor === Object && attributes.as) {
+          model = new (attributes.as())(model);
+        }
+        previous = this[valueName];
+        this[valueName] = model;
+        if (attributes.inverseOf && !model[attributes.inverseOf].includes(this)) {
+          if (previous) {
+            previous[attributes.inverseOf]["delete"](this);
+          }
+          return model[attributes.inverseOf].push(this);
         }
-        return _results;
       }
-    };
+    });
+    this.property(name, attributes);
+    return this.property(name + 'Id', {
+      get: function() {
+        var _ref;
+        return (_ref = this[name]) != null ? _ref.id : void 0;
+      },
+      set: function(id) {
+        if (id != null) {
+          return this[name] = attributes.as().find(id);
+        }
+      },
+      dependsOn: name,
+      serialize: attributes.serializeId
+    });
+  };
 
-    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];
-          _results.push(new Collection(set));
+  Model.hasMany = function(name, attributes) {
+    if (attributes == null) {
+      attributes = {};
+    }
+    extend(attributes, {
+      get: function() {
+        var valueName,
+          _this = this;
+        valueName = "_s_" + name + "_val";
+        if (!this[valueName]) {
+          this[valueName] = new AssociationCollection(this, attributes, []);
+          this[valueName].change.bind(function() {
+            return _this[name + "_property"].trigger();
+          });
         }
-        return _results;
-      })());
-      return this.rebuild();
-    };
+        return this[valueName];
+      },
+      set: function(value) {
+        return this[name].update(value);
+      }
+    });
+    this.property(name, attributes);
+    this.property(name + 'Ids', {
+      get: function() {
+        return new Collection(this[name]).map(function(item) {
+          return item != null ? item.id : void 0;
+        });
+      },
+      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];
+            _results.push(attributes.as().find(id));
+          }
+          return _results;
+        })();
+        return this[name].update(objects);
+      },
+      dependsOn: name,
+      serialize: attributes.serializeIds
+    });
+    return this.property(name + 'Count', {
+      get: function() {
+        return this[name].length;
+      },
+      dependsOn: name
+    });
+  };
 
-    DynamicNode.prototype.appendNodeSet = function(nodes) {
-      return this.insertNodeSet(this.nodeSets.length, nodes);
-    };
+  Model.selection = function(name, options) {
+    if (options == null) {
+      options = {};
+    }
+    this.property(name, {
+      get: function() {
+        return this[options.from].filter(function(item) {
+          return item[options.filter];
+        });
+      },
+      dependsOn: "" + options.from + ":" + options.filter
+    });
+    return this.property(name + 'Count', {
+      get: function() {
+        return this[name].length;
+      },
+      dependsOn: name
+    });
+  };
 
-    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];
-        node.remove();
+  Model.uniqueId = function() {
+    if (!(this._uniqueId && this._uniqueGen === this)) {
+      this._uniqueId = (idCounter += 1);
+      this._uniqueGen = this;
+    }
+    return this._uniqueId;
+  };
+
+  Model.property('id', {
+    serialize: true,
+    set: function(val) {
+      Cache.unset(this.constructor, this.id);
+      Cache.set(this.constructor, val, this);
+      return def(this, "_s_id_val", {
+        value: val,
+        configurable: true
+      });
+    },
+    get: function() {
+      return this._s_id_val;
+    }
+  });
+
+  function Model(attributes) {
+    var fromCache;
+    if (this.constructor.identityMap && (attributes != null ? attributes.id : void 0)) {
+      fromCache = Cache.get(this.constructor, attributes.id);
+      if (fromCache) {
+        fromCache.set(attributes);
+        return fromCache;
+      } else {
+        Cache.set(this.constructor, attributes.id, this);
       }
-      return this.nodeSets.deleteAt(index);
-    };
+    }
+    this.set(attributes);
+  }
 
-    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];
-        node.insertAfter(last);
-        last = node.lastElement();
+  Model.prototype.set = function(attributes) {
+    var name, value, _results;
+    _results = [];
+    for (name in attributes) {
+      if (!__hasProp.call(attributes, name)) continue;
+      value = attributes[name];
+      if (!(name in this)) {
+        defineProperty(this, name);
       }
-      return this.nodeSets.insertAt(index, new Collection(nodes));
-    };
+      _results.push(this[name] = value);
+    }
+    return _results;
+  };
 
-    DynamicNode.prototype.clear = function() {
-      var node, _i, _len, _ref;
-      _ref = this.nodes();
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        node = _ref[_i];
-        node.remove();
+  Model.prototype.save = function() {
+    return this.saved.trigger();
+  };
+
+  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++) {
+      property = _ref[_i];
+      if (typeof property.serialize === 'string') {
+        serialized[property.serialize] = serializeObject(this[property.name]);
+      } else if (typeof property.serialize === 'function') {
+        _ref1 = property.serialize.call(this), key = _ref1[0], value = _ref1[1];
+        serialized[key] = serializeObject(value);
+      } else if (property.serialize) {
+        serialized[property.name] = serializeObject(this[property.name]);
       }
-      return this.nodeSets.update([]);
-    };
+    }
+    return serialized;
+  };
 
-    DynamicNode.prototype.remove = function() {
-      this.unbindEvents();
-      this.clear();
-      return this.anchor.parentNode.removeChild(this.anchor);
-    };
+  Model.prototype.toString = function() {
+    return JSON.stringify(this.toJSON());
+  };
 
-    DynamicNode.prototype.append = function(inside) {
-      inside.appendChild(this.anchor);
-      return this.rebuild();
-    };
+  return Model;
 
-    DynamicNode.prototype.insertAfter = function(after) {
-      after.parentNode.insertBefore(this.anchor, after.nextSibling);
-      return this.rebuild();
-    };
+})();
 
-    DynamicNode.prototype.lastElement = function() {
-      var _ref, _ref1;
-      return ((_ref = this.nodeSets.last()) != null ? (_ref1 = _ref.last()) != null ? _ref1.lastElement() : void 0 : void 0) || this.anchor;
-    };
+IDENTIFIER = /^[a-zA-Z][a-zA-Z0-9\-_]*/;
 
-    return DynamicNode;
+LITERAL = /^[\[\]=\:\-!#\.@]/;
 
-  })();
+STRING = /^"((?:\\.|[^"])*)"/;
 
-  exports.DynamicNode = DynamicNode;
+MULTI_DENT = /^(?:\r?\n[^\r\n\S]*)+/;
 
-}).call(this);
+WHITESPACE = /^[^\r\n\S]+/;
 
-};require['./compile'] = new function() {
-  var exports = this;
-  (function() {
-  var Collection, Compile, DynamicNode, Node, Property, Serenade, compile, compileAll, format, getValue;
+COMMENT = /^\s*\/\/[^\n]*/;
 
-  Serenade = require('./serenade').Serenade;
+KEYWORDS = ["IF", "ELSE", "COLLECTION", "IN", "VIEW", "UNLESS"];
 
-  Collection = require('./collection').Collection;
+Lexer = (function() {
 
-  Node = require('./node').Node;
+  function Lexer() {}
 
-  DynamicNode = require('./dynamic_node').DynamicNode;
+  Lexer.prototype.tokenize = function(code, opts) {
+    var tag;
+    if (opts == null) {
+      opts = {};
+    }
+    this.code = code.replace(/^\s*/, '').replace(/\s*$/, '');
+    this.line = opts.line || 0;
+    this.indent = 0;
+    this.indents = [];
+    this.ends = [];
+    this.tokens = [];
+    this.i = 0;
+    while (this.chunk = this.code.slice(this.i)) {
+      this.i += this.identifierToken() || this.commentToken() || this.whitespaceToken() || this.lineToken() || this.stringToken() || this.literalToken();
+    }
+    while (tag = this.ends.pop()) {
+      if (tag === 'OUTDENT') {
+        this.token('OUTDENT');
+      } else {
+        this.error("missing " + tag);
+      }
+    }
+    while (this.tokens[0][0] === "TERMINATOR") {
+      this.tokens.shift();
+    }
+    while (this.tokens[this.tokens.length - 1][0] === "TERMINATOR") {
+      this.tokens.pop();
+    }
+    return this.tokens;
+  };
 
-  format = require('./helpers').format;
+  Lexer.prototype.commentToken = function() {
+    var match;
+    if (match = COMMENT.exec(this.chunk)) {
+      return match[0].length;
+    } else {
+      return 0;
+    }
+  };
 
-  getValue = function(ast, model) {
-    if (ast.bound && ast.value) {
-      return format(model, ast.value);
-    } else if (ast.value != null) {
-      return ast.value;
+  Lexer.prototype.whitespaceToken = function() {
+    var match;
+    if (match = WHITESPACE.exec(this.chunk)) {
+      this.token('WHITESPACE', match[0].length);
+      return match[0].length;
     } else {
-      return model;
+      return 0;
     }
   };
 
-  Property = {
-    style: function(ast, node, model, controller) {
-      var update;
-      update = function() {
-        return node.element.style[ast.name] = getValue(ast, model);
-      };
-      update();
-      if (ast.bound) {
-        return node.bindEvent(model, "change:" + ast.value, update);
-      }
-    },
-    event: function(ast, node, model, controller) {
-      return node.element.addEventListener(ast.name, function(e) {
-        if (ast.preventDefault) {
-          e.preventDefault();
-        }
-        return controller[ast.value](model, node.element, e);
-      });
-    },
-    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");
-      })();
-      ast.value || (function() {
-        throw SyntaxError("cannot bind to whole model, please specify an attribute to bind to");
-      })();
-      domUpdated = function() {
-        return model[ast.value] = element.type === "checkbox" ? element.checked : element.type === "radio" ? element.checked ? element.getAttribute("value") : void 0 : element.value;
-      };
-      modelUpdated = function() {
-        var val;
-        val = model[ast.value];
-        if (element.type === "checkbox") {
-          return element.checked = !!val;
-        } else if (element.type === "radio") {
-          if (val === element.getAttribute("value")) {
-            return element.checked = true;
-          }
-        } else {
-          if (val === void 0) {
-            val = "";
-          }
-          if (element.value !== val) {
-            return element.value = val;
-          }
-        }
-      };
-      modelUpdated();
-      node.bindEvent(model, "change:" + ast.value, modelUpdated);
-      if (ast.name === "binding") {
-        handler = function(e) {
-          if (element.form === (e.target || e.srcElement)) {
-            return domUpdated();
-          }
-        };
-        Serenade.document.addEventListener("submit", handler, true);
-        return node.bind("unload", function() {
-          return Serenade.document.removeEventListener("submit", handler, true);
-        });
-      } else {
-        return element.addEventListener(ast.name, domUpdated);
-      }
-    },
-    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 classes, value;
-        value = getValue(ast, model);
-        if (ast.name === 'value') {
-          return element.value = value || '';
-        } else if (node.ast.name === 'input' && ast.name === 'checked') {
-          return element.checked = !!value;
-        } else if (ast.name === 'class') {
-          classes = node.ast.classes;
-          if (value !== void 0) {
-            classes = classes.concat(value);
-          }
-          if (classes.length) {
-            return element.className = classes.join(' ');
-          } else {
-            element.className = '';
-            return element.removeAttribute(ast.name);
-          }
-        } else if (value === void 0) {
-          return element.removeAttribute(ast.name);
-        } else {
-          if (value === 0) {
-            value = "0";
-          }
-          return element.setAttribute(ast.name, value);
-        }
-      };
-      if (ast.bound) {
-        node.bindEvent(model, "change:" + ast.value, update);
+  Lexer.prototype.token = function(tag, value) {
+    return this.tokens.push([tag, value, this.line]);
+  };
+
+  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") {
+        this.tokens.splice(this.tokens.length - 3, 1);
       }
-      return update();
-    },
-    on: function(ast, node, model, controller) {
-      var _ref;
-      if ((_ref = ast.name) === "load" || _ref === "unload") {
-        return node.bind(ast.name, function() {
-          return controller[ast.value](model, node.element);
-        });
+      if (__indexOf.call(KEYWORDS, name) >= 0) {
+        this.token(name, match[0]);
       } else {
-        throw new SyntaxError("unkown lifecycle event '" + ast.name + "'");
+        this.token('IDENTIFIER', match[0]);
       }
+      return match[0].length;
+    } else {
+      return 0;
     }
   };
 
-  Compile = {
-    element: function(ast, model, controller) {
-      var action, child, childNode, element, node, property, _i, _j, _len, _len1, _ref, _ref1, _ref2;
-      element = Serenade.document.createElement(ast.name);
-      node = new Node(ast, element);
-      if (ast.id) {
-        element.setAttribute('id', ast.id);
-      }
-      if ((_ref = ast.classes) != null ? _ref.length : void 0) {
-        element.setAttribute('class', ast.classes.join(' '));
-      }
-      _ref1 = ast.children;
-      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
-        child = _ref1[_i];
-        childNode = compile(child, model, controller);
-        childNode.append(element);
-        node.children.push(childNode);
-      }
-      _ref2 = ast.properties;
-      for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
-        property = _ref2[_j];
-        action = Property[property.scope];
-        if (action) {
-          action(property, node, model, controller);
-        } else {
-          throw SyntaxError("" + property.scope + " is not a valid scope");
-        }
-      }
-      node.trigger("load");
-      return node;
-    },
-    view: function(ast, model, parent) {
-      var controller, skipCallback;
-      controller = Serenade.controllerFor(ast["arguments"][0]);
-      if (!controller) {
-        skipCallback = true;
-        controller = parent;
-      }
-      return Serenade._views[ast["arguments"][0]].node(model, controller, parent, skipCallback);
-    },
-    helper: function(ast, model, controller) {
-      var context, element, helperFunction, render;
-      render = function(model, controller) {
-        var child, fragment, node, _i, _len, _ref;
-        if (model == null) {
-          model = model;
-        }
-        if (controller == null) {
-          controller = controller;
-        }
-        fragment = Serenade.document.createDocumentFragment();
-        _ref = ast.children;
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          child = _ref[_i];
-          node = compile(child, model, controller);
-          node.append(fragment);
-        }
-        return fragment;
-      };
-      helperFunction = Serenade.Helpers[ast.command] || (function() {
-        throw SyntaxError("no helper " + ast.command + " defined");
-      })();
-      context = {
-        render: render,
-        model: model,
-        controller: controller
-      };
-      element = helperFunction.apply(context, ast["arguments"]);
-      return new Node(ast, element);
-    },
-    text: function(ast, model, controller) {
-      var getText, node, textNode;
-      getText = function() {
-        var value;
-        value = getValue(ast, model);
-        if (value === 0) {
-          value = "0";
-        }
-        return value || "";
-      };
-      textNode = Serenade.document.createTextNode(getText());
-      node = new Node(ast, textNode);
-      if (ast.bound) {
-        node.bindEvent(model, "change:" + ast.value, function() {
-          return textNode.nodeValue = getText();
-        });
-      }
-      return node;
-    },
-    collection: function(ast, model, controller) {
-      var collection, compileItem, dynamic, item,
-        _this = this;
-      compileItem = function(item) {
-        return compileAll(ast.children, item, controller);
-      };
-      dynamic = new DynamicNode(ast);
-      collection = model[ast["arguments"][0]];
-      if (typeof collection.bind === "function") {
-        dynamic.bindEvent(collection, '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, 'update', 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, 'add', function(item) {
-          return dynamic.appendNodeSet(compileItem(item));
-        });
-        dynamic.bindEvent(collection, 'insert', function(index, item) {
-          return dynamic.insertNodeSet(index, compileItem(item));
-        });
-        dynamic.bindEvent(collection, 'delete', function(index) {
-          return dynamic.deleteNodeSet(index);
-        });
+  Lexer.prototype.stringToken = function() {
+    var match;
+    if (match = STRING.exec(this.chunk)) {
+      this.token('STRING_LITERAL', match[1]);
+      return match[0].length;
+    } else {
+      return 0;
+    }
+  };
+
+  Lexer.prototype.lineToken = function() {
+    var diff, indent, match, prev, size;
+    if (!(match = MULTI_DENT.exec(this.chunk))) {
+      return 0;
+    }
+    indent = match[0];
+    this.line += this.count(indent, '\n');
+    prev = this.last(this.tokens, 1);
+    size = indent.length - 1 - indent.lastIndexOf('\n');
+    diff = size - this.indent;
+    if (size === this.indent) {
+      this.newlineToken();
+    } else if (size > this.indent) {
+      this.token('INDENT');
+      this.indents.push(diff);
+      this.ends.push('OUTDENT');
+    } else {
+      while (diff < 0) {
+        this.ends.pop();
+        diff += this.indents.pop();
+        this.token('OUTDENT');
       }
-      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;
-      })());
-      return dynamic;
-    },
-    "in": function(ast, model, controller) {
-      return Compile.bound(ast, model, controller, function(dynamic, value) {
-        if (value) {
-          return dynamic.replace([compileAll(ast.children, value, controller)]);
-        } else {
-          return dynamic.clear();
-        }
-      });
-    },
-    "if": function(ast, model, controller) {
-      return Compile.bound(ast, model, controller, function(dynamic, value) {
-        if (value) {
-          return dynamic.replace([compileAll(ast.children, model, controller)]);
-        } else if (ast["else"]) {
-          return dynamic.replace([compileAll(ast["else"].children, model, controller)]);
-        } else {
-          return dynamic.clear();
-        }
-      });
-    },
-    unless: function(ast, model, controller) {
-      return Compile.bound(ast, model, controller, function(dynamic, value) {
-        var child, nodes;
-        if (value) {
-          return dynamic.clear();
-        } else {
-          nodes = (function() {
-            var _i, _len, _ref, _results;
-            _ref = ast.children;
-            _results = [];
-            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-              child = _ref[_i];
-              _results.push(compile(child, model, controller));
-            }
-            return _results;
-          })();
-          return dynamic.replace([nodes]);
-        }
-      });
-    },
-    bound: function(ast, model, controller, callback) {
-      var dynamic, update;
-      dynamic = new DynamicNode(ast);
-      update = function() {
-        var value;
-        value = model[ast["arguments"][0]];
-        return callback(dynamic, value);
-      };
-      update();
-      dynamic.bindEvent(model, "change:" + ast["arguments"][0], update);
-      return dynamic;
+      this.token('TERMINATOR', '\n');
+    }
+    this.indent = size;
+    return indent.length;
+  };
+
+  Lexer.prototype.literalToken = function() {
+    var match;
+    if (match = LITERAL.exec(this.chunk)) {
+      this.token(match[0]);
+      return 1;
+    } else {
+      return this.error("Unexpected token '" + (this.chunk.charAt(0)) + "'");
+    }
+  };
+
+  Lexer.prototype.newlineToken = function() {
+    if (this.tag() !== 'TERMINATOR') {
+      return this.token('TERMINATOR', '\n');
     }
   };
 
-  compile = function(ast, model, controller) {
-    return Compile[ast.type](ast, model, controller);
+  Lexer.prototype.tag = function(index, tag) {
+    var tok;
+    return (tok = this.last(this.tokens, index)) && (tag ? tok[0] = tag : tok[0]);
   };
 
-  compileAll = function(asts, model, controller) {
-    var ast, _i, _len, _results;
-    _results = [];
-    for (_i = 0, _len = asts.length; _i < _len; _i++) {
-      ast = asts[_i];
-      _results.push(Compile[ast.type](ast, model, controller));
+  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;
     }
-    return _results;
+    while (pos = 1 + string.indexOf(substr, pos)) {
+      num++;
+    }
+    return num;
   };
 
-  exports.compile = compile;
+  Lexer.prototype.last = function(array, back) {
+    return array[array.length - (back || 0) - 1];
+  };
 
-}).call(this);
+  return Lexer;
 
-};require['./parser'] = new function() {
-  var exports = this;
-  /* Jison generated parser */
-var parser = (function(){
-;
-var parser = {trace: function trace() { },
-yy: {},
-symbols_: {"error":2,"Root":3,"Element":4,"ElementIdentifier":5,"AnyIdentifier":6,"#":7,".":8,"[":9,"]":10,"PropertyList":11,"WHITESPACE":12,"Text":13,"INDENT":14,"ChildList":15,"OUTDENT":16,"TextList":17,"Bound":18,"STRING_LITERAL":19,"Child":20,"TERMINATOR":21,"IfInstruction":22,"Instruction":23,"Property":24,"=":25,"!":26,":":27,"-":28,"VIEW":29,"COLLECTION":30,"UNLESS":31,"IN":32,"IDENTIFIER":33,"IF":34,"ElseInstruction":35,"ELSE":36,"@":37,"$accept":0,"$end":1},
-terminals_: {2:"error",7:"#",8:".",9:"[",10:"]",12:"WHITESPACE",14:"INDENT",16:"OUTDENT",19:"STRING_LITERAL",21:"TERMINATOR",25:"=",26:"!",27:":",28:"-",29:"VIEW",30:"COLLECTION",31:"UNLESS",32:"IN",33:"IDENTIFIER",34:"IF",36:"ELSE",37:"@"},
-productions_: [0,[3,0],[3,1],[5,1],[5,3],[5,2],[5,2],[5,3],[4,1],[4,3],[4,4],[4,3],[4,4],[17,1],[17,3],[13,1],[13,1],[15,1],[15,3],[20,1],[20,1],[20,1],[20,1],[11,1],[11,3],[24,3],[24,3],[24,4],[24,4],[24,3],[24,3],[23,3],[23,3],[23,3],[23,3],[23,3],[23,3],[23,4],[22,3],[22,3],[22,4],[22,2],[35,6],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[18,2],[18,1]],
-performAction: function anonymous(yytext,yyleng,yylineno,yy,yystate,$$,_$) {
+})();
 
-var $0 = $$.length - 1;
-switch (yystate) {
-case 1:this.$ = null;
-break;
-case 2:return this.$
-break;
-case 3:this.$ = {
-          name: $$[$0],
-          classes: []
-        };
-break;
-case 4:this.$ = {
-          name: $$[$0-2],
-          id: $$[$0],
-          classes: []
-        };
-break;
-case 5:this.$ = {
-          name: 'div',
-          id: $$[$0],
-          classes: []
-        };
-break;
-case 6:this.$ = {
-          name: 'div',
-          classes: [$$[$0]]
-        };
-break;
-case 7:this.$ = (function () {
-        $$[$0-2].classes.push($$[$0]);
-        return $$[$0-2];
-      }());
-break;
-case 8:this.$ = {
-          name: $$[$0].name,
-          id: $$[$0].id,
-          classes: $$[$0].classes,
-          properties: [],
-          children: [],
-          type: 'element'
-        };
-break;
-case 9:this.$ = $$[$0-2];
-break;
-case 10:this.$ = (function () {
-        $$[$0-3].properties = $$[$0-1];
-        return $$[$0-3];
-      }());
-break;
-case 11:this.$ = (function () {
-        $$[$0-2].children = $$[$0-2].children.concat($$[$0]);
-        return $$[$0-2];
-      }());
-break;
-case 12:this.$ = (function () {
-        $$[$0-3].children = $$[$0-3].children.concat($$[$0-1]);
-        return $$[$0-3];
-      }());
-break;
-case 13:this.$ = [$$[$0]];
-break;
-case 14:this.$ = $$[$0-2].concat($$[$0]);
-break;
-case 15:this.$ = {
-          type: 'text',
-          value: $$[$0],
-          bound: true
-        };
-break;
-case 16:this.$ = {
-          type: 'text',
-          value: $$[$0],
-          bound: false
-        };
-break;
-case 17:this.$ = [].concat($$[$0]);
-break;
-case 18:this.$ = $$[$0-2].concat($$[$0]);
-break;
-case 19:this.$ = $$[$0];
-break;
-case 20:this.$ = $$[$0];
-break;
-case 21:this.$ = $$[$0];
-break;
-case 22:this.$ = $$[$0];
-break;
-case 23:this.$ = [$$[$0]];
-break;
-case 24:this.$ = $$[$0-2].concat($$[$0]);
-break;
-case 25:this.$ = {
-          name: $$[$0-2],
-          value: $$[$0],
-          bound: true,
-          scope: 'attribute'
-        };
-break;
-case 26:this.$ = {
-          name: $$[$0-2],
-          value: $$[$0],
-          bound: true,
-          scope: 'attribute'
-        };
-break;
-case 27:this.$ = {
-          name: $$[$0-3],
-          value: $$[$0-1],
-          bound: true,
-          scope: 'attribute',
-          preventDefault: true
-        };
-break;
-case 28:this.$ = {
-          name: $$[$0-3],
-          value: $$[$0-1],
-          bound: true,
-          scope: 'attribute',
-          preventDefault: true
-        };
-break;
-case 29:this.$ = {
-          name: $$[$0-2],
-          value: $$[$0],
-          bound: false,
-          scope: 'attribute'
-        };
-break;
-case 30:this.$ = (function () {
-        $$[$0].scope = $$[$0-2];
-        return $$[$0];
-      }());
-break;
-case 31:this.$ = {
-          "arguments": [],
-          children: [],
-          type: 'view'
-        };
-break;
-case 32:this.$ = {
-          "arguments": [],
-          children: [],
-          type: 'collection'
-        };
-break;
-case 33:this.$ = {
-          "arguments": [],
-          children: [],
-          type: 'unless'
-        };
-break;
-case 34:this.$ = {
-          "arguments": [],
-          children: [],
-          type: 'in'
-        };
-break;
-case 35:this.$ = {
-          command: $$[$0],
-          "arguments": [],
-          children: [],
-          type: 'helper'
-        };
-break;
-case 36:this.$ = (function () {
-        $$[$0-2]["arguments"].push($$[$0].value);
-        return $$[$0-2];
-      }());
-break;
-case 37:this.$ = (function () {
-        $$[$0-3].children = $$[$0-1];
-        return $$[$0-3];
-      }());
-break;
-case 38:this.$ = {
-          "arguments": [],
-          children: [],
-          type: 'if'
-        };
-break;
-case 39:this.$ = (function () {
-        $$[$0-2]["arguments"].push($$[$0].value);
-        return $$[$0-2];
-      }());
-break;
-case 40:this.$ = (function () {
-        $$[$0-3].children = $$[$0-1];
-        return $$[$0-3];
-      }());
-break;
-case 41:this.$ = (function () {
-        $$[$0-1]["else"] = $$[$0];
-        return $$[$0-1];
-      }());
-break;
-case 42:this.$ = {
-          "arguments": [],
-          children: $$[$0-1],
-          type: 'else'
-        };
-break;
-case 43:this.$ = $$[$0];
-break;
-case 44:this.$ = $$[$0];
-break;
-case 45:this.$ = $$[$0];
-break;
-case 46:this.$ = $$[$0];
-break;
-case 47:this.$ = $$[$0];
-break;
-case 48:this.$ = $$[$0];
-break;
-case 49:this.$ = $$[$0];
-break;
-case 50:this.$ = (function () {}());
-break;
-}
-},
-table: [{1:[2,1],3:1,4:2,5:3,6:4,7:[1,5],8:[1,6],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{1:[3]},{1:[2,2],9:[1,13],12:[1,14],14:[1,15]},{1:[2,8],8:[1,16],9:[2,8],12:[2,8],14:[2,8],16:[2,8],21:[2,8]},{1:[2,3],7:[1,17],8:[2,3],9:[2,3],12:[2,3],14:[2,3],16:[2,3],21:[2,3]},{6:18,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{6:19,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{1:[2,43],7:[2,43],8:[2,43],9:[2,43],10:[2,43],12:[2,43],14:[2,43],16:[2,43],21:[2,43],25:[2,43],26:[2,43],27:[2,43],28:[2,43]},{1:[2,44],7:[2,44],8:[2,44],9:[2,44],10:[2,44],12:[2,44],14:[2,44],16:[2,44],21:[2,44],25:[2,44],26:[2,44],27:[2,44],28:[2,44]},{1:[2,45],7:[2,45],8:[2,45],9:[2,45],10:[2,45],12:[2,45],14:[2,45],16:[2,45],21:[2,45],25:[2,45],26:[2,45],27:[2,45],28:[2,45]},{1:[2,46],7:[2,46],8:[2,46],9:[2,46],10:[2,46],12:[2,46],14:[2,46],16:[2,46],21:[2,46],25:[2,46],26:[2,46],27:[2,46],28:[2,46]},{1:[2,47],7:[2,47],8:[2,47],9:[2,47],10:[2,47],12:[2,47],14:[2,47],16:[2,47],21:[2,47],25:[2,47],26:[2,47],27:[2,47],28:[2,47]},{1:[2,48],7:[2,48],8:[2,48],9:[2,48],10:[2,48],12:[2,48],14:[2,48],16:[2,48],21:[2,48],25:[2,48],26:[2,48],27:[2,48],28:[2,48]},{6:23,10:[1,20],11:21,24:22,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{13:24,18:25,19:[1,26],37:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:35,15:28,17:33,18:25,19:[1,26],20:29,22:31,23:32,28:[1,34],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9],37:[1,27]},{6:36,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{6:37,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{1:[2,5],8:[2,5],9:[2,5],12:[2,5],14:[2,5],16:[2,5],21:[2,5]},{1:[2,6],8:[2,6],9:[2,6],12:[2,6],14:[2,6],16:[2,6],21:[2,6]},{1:[2,9],9:[2,9],12:[2,9],14:[2,9],16:[2,9],21:[2,9]},{10:[1,38],12:[1,39]},{10:[2,23],12:[2,23]},{25:[1,40],27:[1,41]},{1:[2,11],9:[2,11],12:[2,11],14:[2,11],16:[2,11],21:[2,11]},{1:[2,15],9:[2,15],12:[2,15],14:[2,15],16:[2,15],21:[2,15],28:[2,15]},{1:[2,16],9:[2,16],12:[2,16],14:[2,16],16:[2,16],21:[2,16],28:[2,16]},{1:[2,50],6:42,9:[2,50],10:[2,50],12:[2,50],14:[2,50],16:[2,50],21:[2,50],26:[2,50],28:[2,50],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{16:[1,43],21:[1,44]},{16:[2,17],21:[2,17]},{9:[1,13],12:[1,14],14:[1,15],16:[2,19],21:[2,19]},{12:[1,45],14:[1,46],16:[2,20],21:[2,20],28:[1,48],35:47},{12:[1,49],14:[1,50],16:[2,21],21:[2,21]},{12:[1,51],16:[2,22],21:[2,22]},{12:[1,52]},{12:[2,13],16:[2,13],21:[2,13]},{1:[2,7],8:[2,7],9:[2,7],12:[2,7],14:[2,7],16:[2,7],21:[2,7]},{1:[2,4],8:[2,4],9:[2,4],12:[2,4],14:[2,4],16:[2,4],21:[2,4]},{1:[2,10],9:[2,10],12:[2,10],14:[2,10],16:[2,10],21:[2,10]},{6:23,24:53,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{6:54,18:55,19:[1,56],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9],37:[1,27]},{6:23,24:57,29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9]},{1:[2,49],9:[2,49],10:[2,49],12:[2,49],14:[2,49],16:[2,49],21:[2,49],26:[2,49],28:[2,49]},{1:[2,12],9:[2,12],12:[2,12],14:[2,12],16:[2,12],21:[2,12]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:35,17:33,18:25,19:[1,26],20:58,22:31,23:32,28:[1,34],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9],37:[1,27]},{13:59,18:25,19:[1,26],37:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:35,15:60,17:33,18:25,19:[1,26],20:29,22:31,23:32,28:[1,34],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9],37:[1,27]},{12:[2,41],14:[2,41],16:[2,41],21:[2,41],28:[2,41]},{12:[1,61]},{13:62,18:25,19:[1,26],37:[1,27]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:35,15:63,17:33,18:25,19:[1,26],20:29,22:31,23:32,28:[1,34],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9],37:[1,27]},{13:64,18:25,19:[1,26],37:[1,27]},{29:[1,66],30:[1,67],31:[1,68],32:[1,69],33:[1,70],34:[1,65]},{10:[2,24],12:[2,24]},{10:[2,25],12:[2,25],26:[1,71]},{10:[2,26],12:[2,26],26:[1,72]},{10:[2,29],12:[2,29]},{10:[2,30],12:[2,30]},{16:[2,18],21:[2,18]},{12:[2,39],14:[2,39],16:[2,39],21:[2,39],28:[2,39]},{16:[1,73],21:[1,44]},{36:[1,74]},{12:[2,36],14:[2,36],16:[2,36],21:[2,36]},{16:[1,75],21:[1,44]},{12:[2,14],16:[2,14],21:[2,14]},{12:[2,38],14:[2,38],16:[2,38],21:[2,38],28:[2,38]},{12:[2,31],14:[2,31],16:[2,31],21:[2,31]},{12:[2,32],14:[2,32],16:[2,32],21:[2,32]},{12:[2,33],14:[2,33],16:[2,33],21:[2,33]},{12:[2,34],14:[2,34],16:[2,34],21:[2,34]},{12:[2,35],14:[2,35],16:[2,35],21:[2,35]},{10:[2,27],12:[2,27]},{10:[2,28],12:[2,28]},{12:[2,40],14:[2,40],16:[2,40],21:[2,40],28:[2,40]},{14:[1,76]},{12:[2,37],14:[2,37],16:[2,37],21:[2,37]},{4:30,5:3,6:4,7:[1,5],8:[1,6],13:35,15:77,17:33,18:25,19:[1,26],20:29,22:31,23:32,28:[1,34],29:[1,7],30:[1,8],31:[1,10],32:[1,11],33:[1,12],34:[1,9],37:[1,27]},{16:[1,78],21:[1,44]},{12:[2,42],14:[2,42],16:[2,42],21:[2,42],28:[2,42]}],
-defaultActions: {},
-parseError: function parseError(str, hash) {
-    throw new Error(str);
-},
-parse: function parse(input) {
-    var self = this, stack = [0], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1;
-    this.lexer.setInput(input);
-    this.lexer.yy = this.yy;
-    this.yy.lexer = this.lexer;
-    if (typeof this.lexer.yylloc == "undefined")
-        this.lexer.yylloc = {};
-    var yyloc = this.lexer.yylloc;
-    lstack.push(yyloc);
-    if (typeof this.yy.parseError === "function")
-        this.parseError = this.yy.parseError;
-    function popStack(n) {
-        stack.length = stack.length - 2 * n;
-        vstack.length = vstack.length - n;
-        lstack.length = lstack.length - n;
+Node = (function() {
+
+  defineEvent(Node.prototype, "load");
+
+  defineEvent(Node.prototype, "unload");
+
+  function Node(ast, element) {
+    this.ast = ast;
+    this.element = element;
+    this.children = new Collection([]);
+    this.boundClasses = new Collection([]);
+  }
+
+  Node.prototype.append = function(inside) {
+    return inside.appendChild(this.element);
+  };
+
+  Node.prototype.insertAfter = function(after) {
+    return after.parentNode.insertBefore(this.element, after.nextSibling);
+  };
+
+  Node.prototype.remove = function() {
+    var _ref;
+    this.unbindEvents();
+    return (_ref = this.element.parentNode) != null ? _ref.removeChild(this.element) : void 0;
+  };
+
+  Node.prototype.lastElement = function() {
+    return this.element;
+  };
+
+  Node.prototype.nodes = function() {
+    return this.children;
+  };
+
+  Node.prototype.bindEvent = function(event, fun) {
+    if (event) {
+      this.boundEvents || (this.boundEvents = []);
+      this.boundEvents.push({
+        event: event,
+        fun: fun
+      });
+      return event.bind(fun);
     }
-    function lex() {
-        var token;
-        token = self.lexer.lex() || 1;
-        if (typeof token !== "number") {
-            token = self.symbols_[token] || token;
-        }
-        return token;
+  };
+
+  Node.prototype.unbindEvents = 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();
     }
-    var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected;
-    while (true) {
-        state = stack[stack.length - 1];
-        if (this.defaultActions[state]) {
-            action = this.defaultActions[state];
-        } else {
-            if (symbol == null)
-                symbol = lex();
-            action = table[state] && table[state][symbol];
-        }
-        if (typeof action === "undefined" || !action.length || !action[0]) {
-            if (!recovering) {
-                expected = [];
-                for (p in table[state])
-                    if (this.terminals_[p] && p > 2) {
-                        expected.push("'" + this.terminals_[p] + "'");
-                    }
-                var errStr = "";
-                if (this.lexer.showPosition) {
-                    errStr = "Parse error on line " + (yylineno + 1) + ":\n" + this.lexer.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + this.terminals_[symbol] + "'";
-                } else {
-                    errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == 1?"end of input":"'" + (this.terminals_[symbol] || symbol) + "'");
-                }
-                this.parseError(errStr, {text: this.lexer.match, token: this.terminals_[symbol] || symbol, line: this.lexer.yylineno, loc: yyloc, expected: expected});
-            }
-        }
-        if (action[0] instanceof Array && action.length > 1) {
-            throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
-        }
-        switch (action[0]) {
-        case 1:
-            stack.push(symbol);
-            vstack.push(this.lexer.yytext);
-            lstack.push(this.lexer.yylloc);
-            stack.push(action[1]);
-            symbol = null;
-            if (!preErrorSymbol) {
-                yyleng = this.lexer.yyleng;
-                yytext = this.lexer.yytext;
-                yylineno = this.lexer.yylineno;
-                yyloc = this.lexer.yylloc;
-                if (recovering > 0)
-                    recovering--;
-            } else {
-                symbol = preErrorSymbol;
-                preErrorSymbol = null;
-            }
-            break;
-        case 2:
-            len = this.productions_[action[1]][1];
-            yyval.$ = vstack[vstack.length - len];
-            yyval._$ = {first_line: lstack[lstack.length - (len || 1)].first_line, last_line: lstack[lstack.length - 1].last_line, first_column: lstack[lstack.length - (len || 1)].first_column, last_column: lstack[lstack.length - 1].last_column};
-            r = this.performAction.call(yyval, yytext, yyleng, yylineno, this.yy, action[1], vstack, lstack);
-            if (typeof r !== "undefined") {
-                return r;
-            }
-            if (len) {
-                stack = stack.slice(0, -1 * len * 2);
-                vstack = vstack.slice(0, -1 * len);
-                lstack = lstack.slice(0, -1 * len);
-            }
-            stack.push(this.productions_[action[1]][0]);
-            vstack.push(yyval.$);
-            lstack.push(yyval._$);
-            newState = table[stack[stack.length - 2]][stack[stack.length - 1]];
-            stack.push(newState);
-            break;
-        case 3:
-            return true;
-        }
+    if (this.boundEvents) {
+      _ref1 = this.boundEvents;
+      _results = [];
+      for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
+        _ref2 = _ref1[_j], event = _ref2.event, fun = _ref2.fun;
+        _results.push(event.unbind(fun));
+      }
+      return _results;
     }
-    return true;
-}
-};
-return parser;
-})();
-if (typeof require !== 'undefined' && typeof exports !== 'undefined') {
-exports.parser = parser;
-exports.parse = function () { return parser.parse.apply(parser, arguments); }
-exports.main = function commonjsMain(args) {
-    if (!args[1])
-        throw new Error('Usage: '+args[0]+' FILE');
-    if (typeof process !== 'undefined') {
-        var source = require('fs').readFileSync(require('path').join(process.cwd(), args[1]), "utf8");
+  };
+
+  Node.prototype.updateClass = function() {
+    var classes;
+    classes = this.ast.classes;
+    if (this.attributeClasses) {
+      classes = classes.concat(this.attributeClasses);
+    }
+    if (this.boundClasses.length) {
+      classes = classes.concat(this.boundClasses.toArray());
+    }
+    if (classes.length) {
+      return this.element.className = classes.join(' ');
     } else {
-        var cwd = require("file").path(require("file").cwd());
-        var source = cwd.join(args[1]).read({charset: "utf-8"});
+      return this.element.removeAttribute("class");
     }
-    return exports.parser.parse(source);
-}
-if (typeof module !== 'undefined' && require.main === module) {
-  exports.main(typeof process !== 'undefined' ? process.argv.slice(1) : require("system").args);
-}
-}
-};require['./view'] = new function() {
-  var exports = this;
-  (function() {
-  var Lexer, Serenade, View, compile, parser,
-    __slice = [].slice;
+  };
 
-  parser = require('./parser').parser;
+  return Node;
 
-  Lexer = require('./lexer').Lexer;
+})();
 
-  compile = require('./compile').compile;
+DynamicNode = (function(_super) {
 
-  Serenade = require('./serenade').Serenade;
+  __extends(DynamicNode, _super);
 
-  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;
-    },
-    setInput: function(tokens) {
-      this.tokens = tokens;
-      return this.pos = 0;
-    },
-    upcomingInput: function() {
-      return "";
+  function DynamicNode(ast) {
+    this.ast = ast;
+    this.anchor = Serenade.document.createTextNode('');
+    this.nodeSets = 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++) {
+      set = _ref[_i];
+      for (_j = 0, _len1 = set.length; _j < _len1; _j++) {
+        node = set[_j];
+        nodes.push(node);
+      }
+    }
+    return nodes;
+  };
+
+  DynamicNode.prototype.rebuild = function() {
+    var last, node, _i, _len, _ref, _results;
+    if (this.anchor.parentNode) {
+      last = this.anchor;
+      _ref = this.nodes();
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        node = _ref[_i];
+        node.insertAfter(last);
+        _results.push(last = node.lastElement());
+      }
+      return _results;
     }
   };
 
-  View = (function() {
+  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];
+        _results.push(new Collection(set));
+      }
+      return _results;
+    })());
+    return this.rebuild();
+  };
 
-    View.name = 'View';
+  DynamicNode.prototype.appendNodeSet = function(nodes) {
+    return this.insertNodeSet(this.nodeSets.length, nodes);
+  };
 
-    function View(name, view) {
-      this.name = name;
-      this.view = view;
+  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];
+      node.remove();
     }
+    return this.nodeSets.deleteAt(index);
+  };
 
-    View.prototype.parse = function() {
-      if (typeof this.view === 'string') {
-        try {
-          return this.view = parser.parse(new Lexer().tokenize(this.view));
-        } catch (e) {
-          if (this.name) {
-            e.message = "In view '" + this.name + "': " + e.message;
-          }
-          throw e;
+  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];
+      node.insertAfter(last);
+      last = node.lastElement();
+    }
+    return this.nodeSets.insertAt(index, new Collection(nodes));
+  };
+
+  DynamicNode.prototype.clear = function() {
+    var node, _i, _len, _ref;
+    _ref = this.nodes();
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      node = _ref[_i];
+      node.remove();
+    }
+    return this.nodeSets.update([]);
+  };
+
+  DynamicNode.prototype.remove = function() {
+    this.unbindEvents();
+    this.clear();
+    return this.anchor.parentNode.removeChild(this.anchor);
+  };
+
+  DynamicNode.prototype.append = function(inside) {
+    inside.appendChild(this.anchor);
+    return this.rebuild();
+  };
+
+  DynamicNode.prototype.insertAfter = function(after) {
+    after.parentNode.insertBefore(this.anchor, after.nextSibling);
+    return this.rebuild();
+  };
+
+  DynamicNode.prototype.lastElement = function() {
+    var _ref, _ref1;
+    return ((_ref = this.nodeSets.last()) != null ? (_ref1 = _ref.last()) != null ? _ref1.lastElement() : void 0 : void 0) || this.anchor;
+  };
+
+  return DynamicNode;
+
+})(Node);
+
+getValue = function(ast, model) {
+  if (ast.bound && ast.value) {
+    return format(model, ast.value);
+  } else if (ast.value != null) {
+    return ast.value;
+  } else {
+    return model;
+  }
+};
+
+Property = {
+  style: function(ast, node, model, controller) {
+    var update;
+    update = function() {
+      return node.element.style[ast.name] = getValue(ast, model);
+    };
+    update();
+    if (ast.bound) {
+      return node.bindEvent(model["" + ast.value + "_property"], update);
+    }
+  },
+  event: function(ast, node, model, controller) {
+    return node.element.addEventListener(ast.name, function(e) {
+      if (ast.preventDefault) {
+        e.preventDefault();
+      }
+      return controller[ast.value](node.element, model, e);
+    });
+  },
+  "class": function(ast, node, model, controller) {
+    var update;
+    update = function() {
+      if (model[ast.value]) {
+        node.boundClasses.push(ast.name);
+      } else {
+        node.boundClasses["delete"](ast.name);
+      }
+      return node.updateClass();
+    };
+    update();
+    return node.bindEvent(model["" + ast.value + "_property"], update);
+  },
+  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");
+    })();
+    ast.value || (function() {
+      throw SyntaxError("cannot bind to whole model, please specify an attribute to bind to");
+    })();
+    domUpdated = function() {
+      return model[ast.value] = element.type === "checkbox" ? element.checked : element.type === "radio" ? element.checked ? element.getAttribute("value") : void 0 : element.value;
+    };
+    modelUpdated = function() {
+      var val;
+      val = model[ast.value];
+      if (element.type === "checkbox") {
+        return element.checked = !!val;
+      } else if (element.type === "radio") {
+        if (val === element.getAttribute("value")) {
+          return element.checked = true;
         }
       } else {
-        return this.view;
+        if (val === void 0) {
+          val = "";
+        }
+        if (element.value !== val) {
+          return element.value = val;
+        }
       }
     };
-
-    View.prototype.render = function() {
-      var args;
-      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
-      return this.node.apply(this, args).element;
+    modelUpdated();
+    node.bindEvent(model["" + ast.value + "_property"], modelUpdated);
+    if (ast.name === "binding") {
+      handler = function(e) {
+        if (element.form === (e.target || e.srcElement)) {
+          return domUpdated();
+        }
+      };
+      Serenade.document.addEventListener("submit", handler, true);
+      return node.unload.bind(function() {
+        return Serenade.document.removeEventListener("submit", handler, true);
+      });
+    } else {
+      return element.addEventListener(ast.name, domUpdated);
+    }
+  },
+  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 element.value = value || '';
+      } else if (node.ast.name === 'input' && ast.name === 'checked') {
+        return element.checked = !!value;
+      } else if (ast.name === 'class') {
+        node.attributeClasses = value;
+        return node.updateClass();
+      } else if (value === void 0) {
+        return element.removeAttribute(ast.name);
+      } else {
+        if (value === 0) {
+          value = "0";
+        }
+        return element.setAttribute(ast.name, value);
+      }
     };
+    if (ast.bound) {
+      node.bindEvent(model["" + ast.value + "_property"], update);
+    }
+    return update();
+  },
+  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);
+      });
+    } else {
+      throw new SyntaxError("unkown lifecycle event '" + ast.name + "'");
+    }
+  }
+};
 
-    View.prototype.node = function(model, controller, parent, skipCallback) {
-      var node;
-      if (this.name) {
-        controller || (controller = Serenade.controllerFor(this.name, model));
+Compile = {
+  element: function(ast, model, controller) {
+    var action, child, childNode, element, node, property, _i, _j, _len, _len1, _ref, _ref1, _ref2;
+    element = Serenade.document.createElement(ast.name);
+    node = new Node(ast, element);
+    if (ast.id) {
+      element.setAttribute('id', ast.id);
+    }
+    if ((_ref = ast.classes) != null ? _ref.length : void 0) {
+      element.setAttribute('class', ast.classes.join(' '));
+    }
+    _ref1 = ast.children;
+    for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+      child = _ref1[_i];
+      childNode = compile(child, model, controller);
+      childNode.append(element);
+      node.children.push(childNode);
+    }
+    _ref2 = ast.properties;
+    for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+      property = _ref2[_j];
+      action = Property[property.scope];
+      if (action) {
+        action(property, node, model, controller);
+      } else {
+        throw SyntaxError("" + property.scope + " is not a valid scope");
       }
-      controller || (controller = {});
-      if (typeof controller === "function") {
-        controller = new controller(model, parent);
+    }
+    node.load.trigger();
+    return node;
+  },
+  view: function(ast, model, parent) {
+    var controller, skipCallback;
+    controller = Serenade.controllerFor(ast.argument);
+    if (!controller) {
+      skipCallback = true;
+      controller = parent;
+    }
+    return Serenade._views[ast.argument].node(model, controller, parent, skipCallback);
+  },
+  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, fragment, node, _i, _len, _ref;
+      if (model == null) {
+        model = model;
+      }
+      if (controller == null) {
+        controller = controller;
+      }
+      fragment = Serenade.document.createDocumentFragment();
+      _ref = ast.children;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        child = _ref[_i];
+        node = compile(child, model, controller);
+        node.append(fragment);
+      }
+      return fragment;
+    };
+    helperFunction = Serenade.Helpers[ast.command] || (function() {
+      throw SyntaxError("no helper " + ast.command + " defined");
+    })();
+    context = {
+      render: render,
+      model: model,
+      controller: controller
+    };
+    update = function() {
+      var args, element, nodes;
+      args = ast["arguments"].map(function(a) {
+        if (a.bound) {
+          return model[a.value];
+        } else {
+          return a.value;
+        }
+      });
+      nodes = (function() {
+        var _i, _len, _ref, _results;
+        _ref = normalize(helperFunction.apply(context, args));
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          element = _ref[_i];
+          _results.push(new Node(ast, element));
+        }
+        return _results;
+      })();
+      return dynamic.replace([nodes]);
+    };
+    _ref = ast["arguments"];
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      argument = _ref[_i];
+      if (argument.bound === true) {
+        dynamic.bindEvent(model["" + argument.value + "_property"], update);
       }
-      node = compile(this.parse(), model, controller);
-      if (!skipCallback) {
-        if (typeof controller.loaded === "function") {
-          controller.loaded(model, node.element);
+    }
+    update();
+    return dynamic;
+  },
+  text: function(ast, model, controller) {
+    var getText, node, textNode;
+    getText = function() {
+      var value;
+      value = getValue(ast, model);
+      if (value === 0) {
+        value = "0";
+      }
+      return value || "";
+    };
+    textNode = Serenade.document.createTextNode(getText());
+    node = new Node(ast, textNode);
+    if (ast.bound) {
+      node.bindEvent(model["" + ast.value + "_property"], function() {
+        return textNode.nodeValue = getText();
+      });
+    }
+    return node;
+  },
+  collection: function(ast, model, controller) {
+    var collection, compileItem, dynamic, update,
+      _this = this;
+    compileItem = function(item) {
+      return compileAll(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;
+      })());
+    };
+    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() {
+      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_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;
+  },
+  "in": function(ast, model, controller) {
+    return this.bound(ast, model, controller, function(dynamic, value) {
+      if (value) {
+        return dynamic.replace([compileAll(ast.children, value, controller)]);
+      } else {
+        return dynamic.clear();
+      }
+    });
+  },
+  "if": function(ast, model, controller) {
+    return this.bound(ast, model, controller, function(dynamic, value) {
+      if (value) {
+        return dynamic.replace([compileAll(ast.children, model, controller)]);
+      } else if (ast["else"]) {
+        return dynamic.replace([compileAll(ast["else"].children, model, controller)]);
+      } else {
+        return dynamic.clear();
+      }
+    });
+  },
+  unless: function(ast, model, controller) {
+    return this.bound(ast, model, controller, function(dynamic, value) {
+      var child, nodes;
+      if (value) {
+        return dynamic.clear();
+      } else {
+        nodes = (function() {
+          var _i, _len, _ref, _results;
+          _ref = ast.children;
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            child = _ref[_i];
+            _results.push(compile(child, model, controller));
+          }
+          return _results;
+        })();
+        return dynamic.replace([nodes]);
       }
-      return node;
+    });
+  },
+  bound: function(ast, model, controller, callback) {
+    var dynamic, update;
+    dynamic = new DynamicNode(ast);
+    update = function() {
+      var value;
+      value = model[ast.argument];
+      return callback(dynamic, value);
     };
+    update();
+    dynamic.bindEvent(model["" + ast.argument + "_property"], update);
+    return dynamic;
+  }
+};
+
+normalize = function(val) {
+  var reduction;
+  if (!val) {
+    return [];
+  }
+  reduction = function(aggregate, element) {
+    var child, div, _i, _len, _ref;
+    if (typeof element === "string") {
+      div = Serenade.document.createElement("div");
+      div.innerHTML = element;
+      _ref = div.children;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        child = _ref[_i];
+        aggregate.push(child);
+      }
+    } else {
+      aggregate.push(element);
+    }
+    return aggregate;
+  };
+  return [].concat(val).reduce(reduction, []);
+};
+
+compile = function(ast, model, controller) {
+  return Compile[ast.type](ast, model, controller);
+};
+
+compileAll = function(asts, model, controller) {
+  var ast, _i, _len, _results;
+  _results = [];
+  for (_i = 0, _len = asts.length; _i < _len; _i++) {
+    ast = asts[_i];
+    _results.push(compile(ast, model, controller));
+  }
+  return _results;
+};
+
+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;
+  },
+  setInput: function(tokens) {
+    this.tokens = tokens;
+    return this.pos = 0;
+  },
+  upcomingInput: function() {
+    return "";
+  }
+};
+
+View = (function() {
+
+  function View(name, view) {
+    this.name = name;
+    this.view = view;
+  }
+
+  View.prototype.parse = function() {
+    if (typeof this.view === 'string') {
+      try {
+        return this.view = parser.parse(new Lexer().tokenize(this.view));
+      } catch (e) {
+        if (this.name) {
+          e.message = "In view '" + this.name + "': " + e.message;
+        }
+        throw e;
+      }
+    } else {
+      return this.view;
+    }
+  };
 
-    return View;
+  View.prototype.render = function() {
+    var args;
+    args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    return this.node.apply(this, args).element;
+  };
 
-  })();
+  View.prototype.node = function(model, controller, parent, skipCallback) {
+    var node;
+    if (this.name) {
+      controller || (controller = Serenade.controllerFor(this.name, model));
+    }
+    controller || (controller = {});
+    if (typeof controller === "function") {
+      controller = new controller(model, parent);
+    }
+    node = compile(this.parse(), model, controller);
+    if (!skipCallback) {
+      if (typeof controller.loaded === "function") {
+        controller.loaded(node.element, model);
+      }
+    }
+    return node;
+  };
 
-  exports.View = View;
+  return View;
 
-}).call(this);
+})();
 
+Serenade = function(wrapped) {
+  var key, object, value;
+  object = Object.create(wrapped);
+  for (key in wrapped) {
+    value = wrapped[key];
+    defineProperty(object, key, {
+      value: value
+    });
+  }
+  return object;
 };
-    return require['./serenade'].Serenade
-  }();
 
-  if(typeof define === 'function' && define.amd) {
-    define(function() { return Serenade });
-  } else { root.Serenade = Serenade }
+extend(Serenade, {
+  VERSION: '0.4.0',
+  _views: {},
+  _controllers: {},
+  document: typeof window !== "undefined" && window !== null ? window.document : void 0,
+  format: format,
+  defineProperty: defineProperty,
+  defineEvent: defineEvent,
+  asyncEvents: false,
+  view: function(nameOrTemplate, template) {
+    if (template) {
+      return this._views[nameOrTemplate] = new View(nameOrTemplate, template);
+    } else {
+      return new View(void 0, nameOrTemplate);
+    }
+  },
+  render: function(name, model, controller, parent, skipCallback) {
+    return this._views[name].render(model, controller, parent, skipCallback);
+  },
+  controller: function(name, klass) {
+    return this._controllers[name] = klass;
+  },
+  controllerFor: function(name) {
+    return this._controllers[name];
+  },
+  clearIdentityMap: function() {
+    return Cache._identityMap = {};
+  },
+  clearLocalStorage: function() {
+    return Cache._storage.clear();
+  },
+  clearCache: function() {
+    var key, value, _i, _len, _results;
+    Serenade.clearIdentityMap();
+    Serenade.clearLocalStorage();
+    _results = [];
+    for (key = _i = 0, _len = globalDependencies.length; _i < _len; key = ++_i) {
+      value = globalDependencies[key];
+      _results.push(delete globalDependencies[key]);
+    }
+    return _results;
+  },
+  unregisterAll: function() {
+    Serenade._views = {};
+    return Serenade._controllers = {};
+  },
+  Model: Model,
+  Collection: Collection,
+  Cache: Cache,
+  View: View,
+  Helpers: {}
+});
+
+def(Serenade, "async", {
+  get: function() {
+    return settings.async;
+  },
+  set: function(value) {
+    return settings.async = value;
+  }
+});
+;
+  root.Serenade = Serenade;
 }(this));