exojs 0.1.2 → 0.2.0

data/lib/assets/javascripts/exo.js

@@ -1,14 +1,11 @@
-// Generated by CoffeeScript 1.6.1
 (function() {
   var Exo, Node, StateMachine;
 
   Exo = this.Exo = {};
 
-  Exo.VERSION = '0.1.0';
+  Exo.VERSION = '0.1.2';
 
-  if (typeof module !== "undefined" && module !== null) {
-    module.exports = Exo;
-  }
+  if (typeof module !== "undefined" && module !== null) module.exports = Exo;
 
   StateMachine = (function() {
 
@@ -20,17 +17,15 @@
 
     function StateMachine(opts) {
       var currentState, currentTransition, initialState, states, transitions, validate;
-      if (opts == null) {
-        opts = {};
-      }
+      if (opts == null) opts = {};
       states = opts.states || [];
       transitions = opts.transitions || [];
       (validate = function() {
         var sCheck, tCheck, tStates, transition, unique;
         unique = function(a) {
-          var key, output, value, _i, _ref, _results;
+          var key, output, value, _ref, _results;
           output = {};
-          for (key = _i = 0, _ref = a.length; 0 <= _ref ? _i < _ref : _i > _ref; key = 0 <= _ref ? ++_i : --_i) {
+          for (key = 0, _ref = a.length; 0 <= _ref ? key < _ref : key > _ref; 0 <= _ref ? key++ : key--) {
             output[a[key]] = a[key];
           }
           _results = [];
@@ -117,7 +112,6 @@
   The Class Methods are used internally by the framework.
   */
 
-
   Node = (function() {
 
     Node.__currentId = 0;
@@ -141,7 +135,6 @@
     Generate the next unique node ID string.
     */
 
-
     Node.nextId = function() {
       Node.__currentId = Node.__currentId + 1;
       return Node.__currentId;
@@ -152,12 +145,9 @@
     @param [Node] node
     */
 
-
     Node.activate = function(node) {
       var parent, sibling;
-      if (this.lineageIsBusy(node) || node.isActivated()) {
-        return false;
-      }
+      if (this.lineageIsBusy(node) || node.isActivated()) return false;
       if (parent = node.parent()) {
         if (parent.isActivated()) {
           if (parent.mode() === Node.Modes.EXCLUSIVE) {
@@ -170,9 +160,7 @@
             }
           }
         } else {
-          if (!parent.childrenCanActivate()) {
-            return false;
-          }
+          if (!parent.childrenCanActivate()) return false;
           parent.setOnActivatedAction({
             node: node,
             transition: Node.Transitions.ACTIVATE
@@ -188,7 +176,6 @@
     @param [Node] node
     */
 
-
     Node.deactivate = function(node) {
       var child, _i, _len, _ref;
       if (node.isActivated() && !this.lineageIsBusy(node)) {
@@ -217,7 +204,6 @@
     @param [Node] node
     */
 
-
     Node.toggle = function(node) {
       if (node.isActivated()) {
         return this.deactivate(node);
@@ -231,17 +217,12 @@
     @param [Node] node
     */
 
-
     Node.lineageIsBusy = function(node) {
       var parent;
       if (parent = node.parent()) {
-        if (parent.isBusy()) {
-          return true;
-        }
+        if (parent.isBusy()) return true;
         while (parent = parent.parent()) {
-          if (parent.isBusy()) {
-            return true;
-          }
+          if (parent.isBusy()) return true;
         }
       }
       return false;
@@ -252,15 +233,10 @@
     @param [Node] node
     */
 
-
     Node.onNodeActivated = function(node) {
       var action;
-      if (node.parent()) {
-        node.parent().onChildActivated(node);
-      }
-      if (action = node.onActivatedAction()) {
-        return this.processAction(action);
-      }
+      if (node.parent()) node.parent().onChildActivated(node);
+      if (action = node.onActivatedAction()) return this.processAction(action);
     };
 
     /* 
@@ -268,12 +244,9 @@
     @param [Node] node
     */
 
-
     Node.onNodeDeactivated = function(node) {
       var action, _ref;
-      if (node.parent()) {
-        node.parent().onChildDeactivated(node);
-      }
+      if (node.parent()) node.parent().onChildDeactivated(node);
       if (action = node.onDeactivatedAction()) {
         return this.processAction(action);
       } else if ((_ref = node.parent()) != null ? _ref.defaultChild() : void 0) {
@@ -286,7 +259,6 @@
     @param [Object] action
     */
 
-
     Node.processAction = function(action) {
       if (action.transition === Node.Transitions.ACTIVATE) {
         return this.activate(action.node);
@@ -304,12 +276,9 @@
     @option options [Boolean] childrenCanActivate If true, this node can be activated by it's children. Defaults to true.
     */
 
-
     function Node(opts) {
-      var child, node, _i, _j, _len, _len1, _ref, _ref1;
-      if (opts == null) {
-        opts = {};
-      }
+      var child, node, _i, _j, _len, _len2, _ref, _ref2;
+      if (opts == null) opts = {};
       this._parent = null;
       this._childMap = {};
       this._defaultChild = null;
@@ -319,9 +288,9 @@
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
           node = _ref[_i];
           node.setParent(this);
-          _ref1 = opts.children;
-          for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
-            child = _ref1[_j];
+          _ref2 = opts.children;
+          for (_j = 0, _len2 = _ref2.length; _j < _len2; _j++) {
+            child = _ref2[_j];
             this.addChild(child);
           }
         }
@@ -341,7 +310,6 @@
     Returns the id of the node. By default this is a generated unique String value.
     */
 
-
     Node.prototype.nodeId = function() {
       return this._nId;
     };
@@ -350,7 +318,6 @@
     Manually set the node ID. Caution: If multiple children of a node are given the same ID only one instance will persist.
     */
 
-
     Node.prototype.setNodeId = function(nid) {
       var _ref;
       if ((_ref = this._parent) != null) {
@@ -363,12 +330,9 @@
     Returns the internal state-machine instance.
     */
 
-
     Node.prototype.sm = function() {
       var _this = this;
-      if (this._smRef) {
-        return this._smRef;
-      }
+      if (this._smRef) return this._smRef;
       this._smRef = new Exo.StateMachine({
         states: [Node.States.DEACTIVATED, Node.States.ACTIVATED],
         initialState: this._initialState,
@@ -399,7 +363,6 @@
     Children call this function on their parent when their node ID has been manually changed.
     */
 
-
     Node.prototype.onChildIdUpdated = function(oldId, newId, child) {
       delete this._childMap[oldId];
       return this._childMap[newId] = child;
@@ -411,7 +374,6 @@
     with a reference to the sibling.
     */
 
-
     Node.prototype.setOnActivatedAction = function(action) {
       return this._onActivatedAction = action;
     };
@@ -420,7 +382,6 @@
     A getter to read the onActivatedAction value.
     */
 
-
     Node.prototype.onActivatedAction = function() {
       return this._onActivatedAction;
     };
@@ -429,7 +390,6 @@
     Used by the framework to chain sequences of Node deactivation.
     */
 
-
     Node.prototype.setOnDeactivatedAction = function(action) {
       return this._onDeactivatedAction = action;
     };
@@ -438,7 +398,6 @@
     Get the onDeactivatedAction value.
     */
 
-
     Node.prototype.onDeactivatedAction = function() {
       return this._onDeactivatedAction;
     };
@@ -447,7 +406,6 @@
     Get the childrenCanActivate setting.
     */
 
-
     Node.prototype.childrenCanActivate = function() {
       return this._childrenCanActivate;
     };
@@ -457,7 +415,6 @@
     @param [String] mode
     */
 
-
     Node.prototype.setMode = function(m) {
       return this._mode = m;
     };
@@ -466,7 +423,6 @@
     Get the mode.
     */
 
-
     Node.prototype.mode = function() {
       return this._mode;
     };
@@ -476,7 +432,6 @@
     @param [Node] node
     */
 
-
     Node.prototype.setParent = function(node) {
       return this._parent = node;
     };
@@ -485,7 +440,6 @@
     Get the parent Node.
     */
 
-
     Node.prototype.parent = function() {
       return this._parent;
     };
@@ -495,7 +449,6 @@
     @param [Node] node
     */
 
-
     Node.prototype.addChild = function(node) {
       if (node === null || typeof node === 'undefined') {
         throw new Error("ExoReferenceError -> addChild: " + node + " is not a valid Exo.Node");
@@ -512,7 +465,6 @@
     @param [Node] node
     */
 
-
     Node.prototype.removeChild = function(node) {
       return delete this._childMap[node.nodeId()];
     };
@@ -523,7 +475,6 @@
     @param [Node] node
     */
 
-
     Node.prototype.setDefaultChild = function(node) {
       return this._defaultChild = node;
     };
@@ -532,7 +483,6 @@
     Get the default child Node.
     */
 
-
     Node.prototype.defaultChild = function() {
       return this._defaultChild;
     };
@@ -541,7 +491,6 @@
     An alias of childrenAsArray
     */
 
-
     Node.prototype.children = function() {
       return this.childrenAsArray();
     };
@@ -550,7 +499,6 @@
     Get the children of this node as an Array.
     */
 
-
     Node.prototype.childrenAsArray = function(obj) {
       var arr, child, id, _ref;
       arr = [];
@@ -566,7 +514,6 @@
     Get an Array of activated child nodes.
     */
 
-
     Node.prototype.activatedChildren = function() {
       return this.children().filter(function(n) {
         return n.isActivated();
@@ -578,7 +525,6 @@
     @param [String] id
     */
 
-
     Node.prototype.childById = function(id) {
       return this._childMap[id];
     };
@@ -588,20 +534,15 @@
     @param [String] id
     */
 
-
     Node.prototype.descendantById = function(id) {
       var child, descendant, _i, _len, _ref;
       child = this.childById(id);
-      if (child) {
-        return child;
-      }
+      if (child) return child;
       _ref = this.children();
       for (_i = 0, _len = _ref.length; _i < _len; _i++) {
         child = _ref[_i];
         descendant = child.getDescendantById(id);
-        if (descendant) {
-          return descendant;
-        }
+        if (descendant) return descendant;
       }
     };
 
@@ -609,7 +550,6 @@
     Get an Array of Node instances that have the same parent as this instance.
     */
 
-
     Node.prototype.siblings = function() {
       var ownId;
       ownId = this.nodeId();
@@ -625,7 +565,6 @@
     Get a boolean stating if this Node instance is in the 'activated' state.
     */
 
-
     Node.prototype.isActivated = function() {
       return this.sm().currentState() === Node.States.ACTIVATED;
     };
@@ -634,7 +573,6 @@
     Get a boolean stating if this Node instance is currently transitioning.
     */
 
-
     Node.prototype.isTransitioning = function() {
       return this.sm().isTransitioning();
     };
@@ -644,11 +582,8 @@
     Note: Child transition status will only be included if mode == Node.Modes.Exclusive
     */
 
-
     Node.prototype.isBusy = function() {
-      if (this.isTransitioning()) {
-        return true;
-      }
+      if (this.isTransitioning()) return true;
       if (this.mode() === Node.Modes.EXCLUSIVE) {
         if (this.children().filter(function(n) {
           return n.isBusy();
@@ -663,7 +598,6 @@
     Get a boolean stating if any of the children of this node are transitioning.
     */
 
-
     Node.prototype.haveBusyChildren = function() {
       return this.children().filter(function(n) {
         return n.isBusy();
@@ -675,7 +609,6 @@
     @param [String] transition
     */
 
-
     Node.prototype.attemptTransition = function(t) {
       return this.sm().attemptTransition(t);
     };
@@ -684,7 +617,6 @@
     Attempt to activate this Node instance.
     */
 
-
     Node.prototype.activate = function() {
       return Node.activate(this);
     };
@@ -693,7 +625,6 @@
     Attempt to deactivate this Node instance.
     */
 
-
     Node.prototype.deactivate = function() {
       return Node.deactivate(this);
     };
@@ -702,7 +633,6 @@
     Attempt to toggle this Node instance.
     */
 
-
     Node.prototype.toggle = function() {
       return Node.toggle(this);
     };
@@ -711,7 +641,6 @@
     Attempt to deactivate all children of this Node instance.
     */
 
-
     Node.prototype.deactivateChildren = function() {
       var child, _i, _len, _ref, _results;
       _ref = this.children();
@@ -727,7 +656,6 @@
     Should be called when the activate transition is done. Can be overridden.
     */
 
-
     Node.prototype.onActivated = function() {
       this.sm().onTransitionComplete();
       Node.onNodeActivated(this);
@@ -738,7 +666,6 @@
     Should be called when the deactivate transition is done. Can be overridden.
     */
 
-
     Node.prototype.onDeactivated = function() {
       this.sm().onTransitionComplete();
       Node.onNodeDeactivated(this);
@@ -749,14 +676,12 @@
     Is called before doActivate. Can be overridden.
     */
 
-
     Node.prototype.beforeActivate = function() {};
 
     /* 
     Called when the activate transition should begin. Can be overridden.
     */
 
-
     Node.prototype.doActivate = function() {
       return this.onActivated();
     };
@@ -765,14 +690,12 @@
     Is called before doDectivate. Can be overridden.
     */
 
-
     Node.prototype.beforeDeactivate = function() {};
 
     /* 
     Called when the deactivate transition should begin. Can be overridden.
     */
 
-
     Node.prototype.doDeactivate = function() {
       return this.onDeactivated();
     };
@@ -781,14 +704,12 @@
     Called when a child Node of this instance has been activated.
     */
 
-
     Node.prototype.onChildActivated = function(child) {};
 
     /* 
     Called when a child Node of this instance has been deactivated.
     */
 
-
     Node.prototype.onChildDeactivated = function(child) {};
 
     return Node;

data/lib/assets/javascripts/exo.spine.js

@@ -1,9 +1,9 @@
 (function() {
-  var CSSTransitioner, Controller, List, Model, Spine, _base, _base2,
+  var CSSTransitioner, Controller, DOMInflator, DOMOrganizer, List, Model, Spine, _base, _base2, _base3, _base4, _base5, _base6,
     __hasProp = Object.prototype.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; },
-    __indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
-    __slice = Array.prototype.slice;
+    __slice = Array.prototype.slice,
+    __indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
 
   Spine = this.Spine || require('spine');
 
@@ -16,6 +16,7 @@
       if (opts == null) opts = {};
       this._nodeOpts = opts;
       this._node = null;
+      this.filters = this.constructor.filters || {};
       this.node().beforeActivate = function() {
         var _ref;
         _this.trigger('beforeActivate', _this);
@@ -44,9 +45,29 @@
       if (opts.mode) delete opts.mode;
       if (opts.children) delete opts.children;
       Controller.__super__.constructor.call(this, opts);
-      this.prepare();
+      this.callWithFilters('prepare');
     }
 
+    Controller.prototype.callWithFilters = function() {
+      var args, methName;
+      methName = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      this.callFilter("before_" + methName);
+      this[methName].apply(this, args);
+      return this.callFilter("after_" + methName);
+    };
+
+    Controller.prototype.callFilter = function(methName) {
+      var funcName, _i, _len, _ref, _results;
+      if (!this.filters[methName]) return;
+      _ref = this.filters[methName];
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        funcName = _ref[_i];
+        _results.push(this[funcName].call(this));
+      }
+      return _results;
+    };
+
     Controller.prototype.node = function() {
       if (!this._node) {
         this._node = new Exo.Node(this._nodeOpts);
@@ -203,11 +224,17 @@
       }
     };
 
+    /*
+      Erase the current DOM children and render 
+      all items in the collection.
+    */
+
     List.prototype.renderTemplates = function(collection) {
       var el, html, item, templates, _i, _len, _results;
       templates = this.templates || {
         "default": this.template
       };
+      this.html('');
       _results = [];
       for (_i = 0, _len = collection.length; _i < _len; _i++) {
         item = collection[_i];
@@ -236,11 +263,11 @@
 
     List.prototype.getOrCreateChild = function(item, controller, opts) {
       var child;
-      child = this.childById(item.constructor.className + item.id);
+      child = this.childById(item.constructor.className + item.cid);
       if (!child) {
         child = new controller(opts);
         this.addChild(child);
-        child.setNodeId(item.constructor.className + item.id);
+        child.setNodeId(item.constructor.className + item.cid);
         child.prepareWithModel(item);
         this.append(child);
         $(child.el).data('item', item);
@@ -254,7 +281,7 @@
       orphans = children.filter(function(child) {
         var _ref;
         return _ref = child.nodeId(), __indexOf.call(collection.map(function(item) {
-          return item.constructor.className + item.id;
+          return item.constructor.className + item.cid;
         }), _ref) < 0;
       });
       _results = [];
@@ -347,26 +374,32 @@
 
   CSSTransitioner = {
     cssTransitionEndEvents: 'transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd',
-    cssActiveClass: 'active',
+    cssActivateClass: 'active',
+    cssDeactivateClass: void 0,
     cssTransitionDelay: 10,
     doActivate: function() {
-      return this.cssStartTransition('addClass', this.onActivated);
+      if (this.cssDeactivateClass) this.el.removeClass(this.cssDeactivateClass);
+      return this.cssStartTransition('addClass', this.cssActivateClass, this.onActivated);
     },
     doDeactivate: function() {
-      return this.cssStartTransition('removeClass', this.onDeactivated);
+      if (this.cssDeactivateClass) {
+        return this.cssStartTransition('addClass', this.cssDeactivateClass, this.onDeactivated);
+      } else {
+        return this.cssStartTransition('removeClass', this.cssActivateClass, this.onDeactivated);
+      }
     },
-    cssListen: function(callback) {
+    cssListen: function(callback, className) {
       var _this = this;
-      return this.el.on(this.cssTransitionEndEvents, function() {
+      return $(this.el).bind(this.cssTransitionEndEvents, function() {
         callback.call(_this);
         return _this.el.off(_this.cssTransitionEndEvents);
       });
     },
-    cssStartTransition: function(mutatorFunc, callback) {
+    cssStartTransition: function(mutatorFunc, className, callback) {
       var _this = this;
-      this.cssListen(callback);
+      this.cssListen(callback, className);
       return this.delay(function() {
-        return _this.el[mutatorFunc].call(_this.el, _this.cssActiveClass);
+        return _this.el[mutatorFunc].call(_this.el, className);
       }, this.cssTransitionDelay);
     }
   };
@@ -385,4 +418,206 @@
     module.exports = CSSTransitioner;
   }
 
+  DOMInflator = {
+    included: function() {
+      var _base3;
+      return ((_base3 = (this.filters || (this.filters = {})))['before_prepare'] || (_base3['before_prepare'] = [])).push('inflateFromDOM');
+    },
+    inflateFromDOM: function() {
+      var classNames, collection, dashifiedClassNames, elements, selectors,
+        _this = this;
+      console.log('inflateFromDOM!');
+      if (typeof this['deactivateAndKillOrphans'] !== 'function') return;
+      classNames = [];
+      if (this.modelClass) {
+        classNames = [this.modelClass.className];
+      } else if (this.modelClasses) {
+        classNames = this.modelClasses.map(function(modelClass) {
+          return modelClass.className;
+        });
+      }
+      if (!(classNames.length > 0)) throw "No Model Classes specified!";
+      dashifiedClassNames = classNames.map(function(className) {
+        return _this.dashify(className);
+      });
+      selectors = dashifiedClassNames.map(function(className) {
+        return "[data-" + className + "-id]";
+      });
+      elements = this.el.find.call(this.el, selectors.join(', ')).filter(function(i) {
+        var className, _i, _len;
+        for (_i = 0, _len = dashifiedClassNames.length; _i < _len; _i++) {
+          className = dashifiedClassNames[_i];
+          if ($(this).data("" + className + "-id")) return true;
+        }
+      });
+      collection = elements.map(function(index, el) {
+        var className, downcaseName, id, _i, _len;
+        id = void 0;
+        for (_i = 0, _len = classNames.length; _i < _len; _i++) {
+          className = classNames[_i];
+          downcaseName = className[0].toLowerCase() + className.slice(1);
+          if (id = $(el).data("" + downcaseName + "Id")) break;
+        }
+        if (!id) throw "Invalid DOM";
+        return _this.inflateModel($(el), className);
+      });
+      if (this.template || this.templates) {
+        return this.tagElements(collection);
+      } else if (this.controller || this.controllers) {
+        return this.createControllers(collection);
+      }
+    },
+    /*
+      Tag existing DOM elements that should be represented by 
+      rendered templates.
+    */
+    tagElements: function(collection) {
+      var el, model, _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = collection.length; _i < _len; _i++) {
+        model = collection[_i];
+        el = this.el.find("[data-" + (this.dashify(model.constructor.className)) + "-id]");
+        _results.push(this.tagElement(el, model));
+      }
+      return _results;
+    },
+    /*
+      Create controllers for existing DOM elements and add them 
+      to the Exo hierarchy, tag them with corresponding models.
+    */
+    createControllers: function(collection) {
+      var child, controllerClass, controllers, el, model, _i, _len, _results;
+      if (!(this.controller || this.controllers)) {
+        throw 'No controllers specified!';
+      }
+      controllers = this.controllers || {
+        "default": this.controller
+      };
+      _results = [];
+      for (_i = 0, _len = collection.length; _i < _len; _i++) {
+        model = collection[_i];
+        controllerClass = controllers['default'] || controllers[model.constructor.className];
+        el = this.el.find("[data-" + (this.dashify(model.constructor.className)) + "-id]");
+        this.tagElement(el, model);
+        child = new controllerClass({
+          el: el,
+          model: model,
+          initialState: Exo.Node.States.ACTIVATED
+        });
+        _results.push(this.addChild(child));
+      }
+      return _results;
+    },
+    tagElement: function(el, model) {
+      return $(el).data('item', model);
+    },
+    inflateModel: function(el, modelClassName) {
+      var attr, attributes, className, id, model, modelClass, targetEl, _i, _len, _ref;
+      if (this.modelClass) {
+        modelClass = this.modelClass;
+      } else if (this.modelClasses) {
+        modelClass = this.modelClasses.filter(function(item) {
+          return item.className === modelClassName;
+        })[0];
+      } else {
+        throw "No Model Class specified!";
+      }
+      if (!modelClass) return;
+      className = this.dashify(modelClass.className);
+      id = el.attr("data-" + className + "-id");
+      attributes = {
+        id: id
+      };
+      _ref = modelClass.attributes;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        attr = _ref[_i];
+        if (targetEl = el.find("[data-" + className + "-attribute='" + attr + "']")[0]) {
+          attributes[attr] = $(targetEl).text();
+        }
+      }
+      model = new modelClass(attributes);
+      model.constructor.records[model.id] = model;
+      return model;
+    },
+    /*
+      Take a CamelCase model class-name and return
+      a dashified version: camel-case.
+      @param [String] string
+    */
+    dashify: function(name) {
+      var first;
+      first = true;
+      return name.replace(/[A-Z]/g, function(match) {
+        if (!first) {
+          return "-" + (match.toLowerCase());
+        } else {
+          first = false;
+          return match.toLowerCase();
+        }
+      });
+    }
+  };
+
+  if (typeof Exo !== "undefined" && Exo !== null) Exo.Spine || (Exo.Spine = {});
+
+  if (typeof Exo !== "undefined" && Exo !== null) {
+    (_base3 = Exo.Spine).Modules || (_base3.Modules = {});
+  }
+
+  if (typeof Exo !== "undefined" && Exo !== null) {
+    (_base4 = Exo.Spine.Modules).DOMInflator || (_base4.DOMInflator = DOMInflator);
+  }
+
+  if (typeof module !== "undefined" && module !== null) {
+    module.exports = DOMInflator;
+  }
+
+  DOMOrganizer = {
+    reorganizeDOM: function() {
+      var child, el, getElAt, index, prev, _len, _ref, _results,
+        _this = this;
+      if (this.children().filter(function(child) {
+        return child.isDeactivating();
+      }).length !== 0) {
+        return;
+      }
+      getElAt = function(index) {
+        var child, model;
+        model = _this.collection[index];
+        child = _this.childById("" + model.constructor.className + model.cid);
+        return child.el;
+      };
+      _ref = this.collection;
+      _results = [];
+      for (index = 0, _len = _ref.length; index < _len; index++) {
+        child = _ref[index];
+        if (el = getElAt(index)) {
+          if (index === 0) {
+            _results.push($(this.el).prepend(el));
+          } else {
+            prev = getElAt(index - 1);
+            _results.push(el.insertAfter(prev));
+          }
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    }
+  };
+
+  if (typeof Exo !== "undefined" && Exo !== null) Exo.Spine || (Exo.Spine = {});
+
+  if (typeof Exo !== "undefined" && Exo !== null) {
+    (_base5 = Exo.Spine).Modules || (_base5.Modules = {});
+  }
+
+  if (typeof Exo !== "undefined" && Exo !== null) {
+    (_base6 = Exo.Spine.Modules).DOMOrganizer || (_base6.DOMOrganizer = DOMOrganizer);
+  }
+
+  if (typeof module !== "undefined" && module !== null) {
+    module.exports = DOMOrganizer;
+  }
+
 }).call(this);

data/lib/exojs/version.rb

@@ -1,3 +1,3 @@
 module ExoJS
-  VERSION = '0.1.2'
+  VERSION = '0.2.0'
 end

metadata

@@ -1,24 +1,28 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: exojs
-version: !ruby/object:Gem::Version
-  version: 0.1.2
+version: !ruby/object:Gem::Version 
   prerelease: 
+  version: 0.2.0
 platform: ruby
-authors:
+authors: 
 - Jonathan Pettersson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-31 00:00:00.000000000 Z
+
+date: 2013-04-11 00:00:00 Z
 dependencies: []
-description: Gives you easy access to the latest stable version of the Exo.js JavaScript
-  library, for use in Middleman, Rails or other Sprockets capable applications.
-email:
+
+description: Gives you easy access to the latest stable version of the Exo.js JavaScript library, for use in Middleman, Rails or other Sprockets capable applications.
+email: 
 - jonathan@spacetofu.com
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
 - .gitignore
 - Gemfile
 - README.md
@@ -30,26 +34,30 @@ files:
 - lib/exojs/version.rb
 homepage: https://github.com/jpettersson/exojs-gem
 licenses: []
+
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
+required_ruby_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
 requirements: []
+
 rubyforge_project: exojs
-rubygems_version: 1.8.24
+rubygems_version: 1.8.25
 signing_key: 
 specification_version: 3
 summary: Serves you the Exo.js library through Sprockets
 test_files: []
+