bone_tree 0.5.6 → 0.9.2

data/lib/assets/javascripts/bone_tree.js

@@ -1,7 +1,7 @@
 (function() {
   var __slice = [].slice;
 
-  window.BoneTree = {};
+  window.BoneTree || (window.BoneTree = {});
 
   BoneTree.namespace = function(target, name, block) {
     var item, top, _i, _len, _ref, _ref1;
@@ -21,99 +21,36 @@
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
     __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; };
+    __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; };
 
   BoneTree.namespace("BoneTree.Models", function(Models) {
     Models.Node = (function(_super) {
 
       __extends(Node, _super);
 
-      Node.name = 'Node';
-
       function Node() {
-        this.nameWithExtension = __bind(this.nameWithExtension, this);
+        this.name = __bind(this.name, this);
+
+        this.isFile = __bind(this.isFile, this);
 
-        this.constantize = __bind(this.constantize, this);
+        this.isDirectory = __bind(this.isDirectory, this);
         return Node.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Internal: An abstract super class for File and Directory objects to inherit from.
-      */
-
-
       Node.prototype.initialize = function() {
-        /*
-              Internal: Initialize a new Node object. Set it up to contain a collection of
-                        children nodes.
-        */
         return this.collection = new Models.Nodes;
       };
 
-      Node.prototype.constantize = function() {
-        /*
-              Public: Returns a String with the nodeType capitalized so that it may be used
-                      to instatiate the appropriate view type
-        
-              Examples
-        
-                  file = new BoneTree.Models.File
-                  directory = new BoneTree.Models.Directory
-        
-                  file.constantize()
-                  # => 'File'
-        
-                  directory.constantize()
-                  # => 'Directory'
-        
-                  # use it to create a new view of the appropriate type
-                  view = new BoneTree.Views[file.constantize()]
-        
-              Returns a String of the nodeType with the first letter capitalized.
-        */
-
-        var nodeType;
-        nodeType = this.get('nodeType');
-        return nodeType[0].toUpperCase() + nodeType.substring(1);
+      Node.prototype.isDirectory = function() {
+        return this instanceof Models.Directory;
       };
 
-      Node.prototype.nameWithExtension = function() {
-        /*
-              Public: Returns the node name with the extension if it has
-                      one and just the node name if there is no extension.
-        
-              Examples
-        
-                  file = new BoneTree.Models.File
-                    name: "file"
-                    extension: "coffee"
-        
-                  noExt = new BoneTree.Models.File
-                    name: "file2"
-        
-                  directory = new BoneTree.Model.Directory
-                    name: "source"
-        
-                  file.nameWithExtension()
-                  # => "file.coffee"
-        
-                  noExt.nameWithExtension()
-                  # => "file2"
-        
-                  directory.nameWithExtension()
-                  # => "source"
-        
-              Returns a String. If the extension exists then the node name plus the extension
-              are returned. If there is no extension, then just the node name is returned.
-        */
-
-        var extension, name, _ref;
-        _ref = this.attributes, extension = _ref.extension, name = _ref.name;
-        extension || (extension = "");
-        if (extension !== "") {
-          extension = "." + extension;
-        }
-        return name + extension;
+      Node.prototype.isFile = function() {
+        return this instanceof Models.File;
+      };
+
+      Node.prototype.name = function() {
+        return this.get('path').split('/').last();
       };
 
       return Node;
@@ -123,47 +60,18 @@
 
       __extends(Nodes, _super);
 
-      Nodes.name = 'Nodes';
-
       function Nodes() {
         return Nodes.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Internal: A collection of node models. Since Node is an abstract super
-                    class, in practice this collection will hold File objects
-                    and Directory objects.
-      */
-
-
       Nodes.prototype.comparator = function(node) {
-        /*
-              Internal: Function that determines how the file tree is sorted. Directories
-                        are sorted before files. After node type sort
-                        priority, nodes are sorted by name.
-        
-              Examples
-        
-                  tree.addFile('/source/file1.coffee')
-                  tree.addFile('/source/file2.coffee')
-                  tree.addFile('main.coffee')
-        
-                  tree.render()
-        
-                  # even though 'main' comes before 'source' alphabetically it is placed
-                  # after the 'source' directory due to the sortPriority of the Directory object.
-                  tree.toAscii()
-                  # => "
-                    -source
-                     -file1.coffee
-                     -file2.coffee
-                    -main.coffee
-                  "
-        */
-
-        var name, sortPriority, _ref;
-        _ref = node.attributes, name = _ref.name, sortPriority = _ref.sortPriority;
-        return sortPriority + name;
+        var sortPriority;
+        if (node.isDirectory()) {
+          sortPriority = 0;
+        } else {
+          sortPriority = 1;
+        }
+        return sortPriority + node.name();
       };
 
       Nodes.prototype.model = Models.Node;
@@ -177,206 +85,225 @@
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
     __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; };
+    __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;
 
   BoneTree.namespace("BoneTree.Models", function(Models) {
-    Models.Directory = (function(_super) {
+    return Models.Directory = (function(_super) {
 
       __extends(Directory, _super);
 
-      Directory.name = 'Directory';
-
       function Directory() {
-        this.toggleOpen = __bind(this.toggleOpen, this);
+        this.updateChildren = __bind(this.updateChildren, this);
+
+        this.toAscii = __bind(this.toAscii, this);
+
+        this.toArray = __bind(this.toArray, this);
+
+        this.getFile = __bind(this.getFile, this);
+
+        this.files = __bind(this.files, this);
+
+        this.getDirectory = __bind(this.getDirectory, this);
+
+        this.directories = __bind(this.directories, this);
+
+        this.remove = __bind(this.remove, this);
+
+        this.add = __bind(this.add, this);
         return Directory.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Public: Object representing a directory.
-      
-          * defaults
-            * name         - A String naming the directory (default: "New Directory").
-            * sortPriority - A String representing the priority with which the
-                             node is sorted. Directories have sortPriority "0"
-                             allowing them to be sorted before Files which have
-                             sortPriority "1".
-            * nodeType     - A String denoting what type of node this object is.
-                             The two types are "file" and "directory".
-            * open         - The state of the directory. Controls whether or not
-                             to display files and directories contained within this
-                             Directory (default: false).
-      */
-
-
-      Directory.prototype.defaults = {
-        name: "New Directory",
-        open: false,
-        sortPriority: "0",
-        nodeType: "directory"
+      Directory.prototype.add = function(filePath, fileData) {
+        var Directory, File, currentDirectory, dirs, file, fileName, _i, _ref;
+        if (fileData == null) {
+          fileData = {};
+        }
+        Directory = Models.Directory, File = Models.File;
+        _ref = filePath.split('/'), dirs = 2 <= _ref.length ? __slice.call(_ref, 0, _i = _ref.length - 1) : (_i = 0, []), fileName = _ref[_i++];
+        currentDirectory = this;
+        dirs.each(function(directoryName) {
+          var directory;
+          if (directoryName === '') {
+            return;
+          }
+          directory = currentDirectory.directories().select(function(dir) {
+            return dir.name() === directoryName;
+          }).first();
+          if (!directory) {
+            directory = new Directory({
+              path: filePath.substring(0, filePath.indexOf(directoryName) + directoryName.length)
+            });
+            currentDirectory.collection.add(directory);
+          }
+          return currentDirectory = directory;
+        });
+        if (file = currentDirectory.getFile(fileName)) {
+          return file.set(fileData);
+        } else {
+          file = new File(_.extend(fileData, {
+            path: filePath
+          }));
+          currentDirectory.collection.add(file);
+          return file;
+        }
+      };
+
+      Directory.prototype.remove = function(path) {
+        var directory, file;
+        if (file = this.getFile(path)) {
+          return file.destroy();
+        } else if (directory = this.getDirectory(path)) {
+          return directory.destroy();
+        }
       };
 
-      Directory.prototype.toggleOpen = function() {
-        /*
-              Public: Toggle the open state of this Directory.
-        
-              Examples
-        
-                  dir = new BoneTree.Models.Directory
-        
-                  dir.get('open')
-                  # => false
-        
-                  dir.toggleOpen()
-                  dir.get('open')
-                  # => true
-        
-              Returns this Directory.
-        */
-
-        var currentState;
-        currentState = this.get('open');
-        return this.set({
-          open: !currentState
+      Directory.prototype.directories = function() {
+        return this.collection.filter(function(node) {
+          return node.isDirectory();
+        });
+      };
+
+      Directory.prototype.getDirectory = function(directoryPath) {
+        var first, match, rest, _ref;
+        _ref = directoryPath.split('/'), first = _ref[0], rest = 2 <= _ref.length ? __slice.call(_ref, 1) : [];
+        match = this.collection.find(function(node) {
+          return node.name() === first;
+        });
+        if (match != null ? match.isDirectory() : void 0) {
+          if (rest.length) {
+            return match.getDirectory(rest.join('/'));
+          } else {
+            return match;
+          }
+        }
+        return void 0;
+      };
+
+      Directory.prototype.files = function() {
+        return this.collection.filter(function(node) {
+          return node.isFile();
+        });
+      };
+
+      Directory.prototype.getFile = function(filePath) {
+        var first, match, rest, _ref;
+        _ref = filePath.split('/'), first = _ref[0], rest = 2 <= _ref.length ? __slice.call(_ref, 1) : [];
+        match = this.collection.find(function(node) {
+          return node.name() === first;
+        });
+        if (match != null ? match.isDirectory() : void 0) {
+          if (rest.length) {
+            return match.getFile(rest.join('/'));
+          } else {
+            return void 0;
+          }
+        } else {
+          return match;
+        }
+      };
+
+      Directory.prototype.toArray = function() {
+        var results,
+          _this = this;
+        results = [this];
+        this.collection.each(function(node) {
+          return results = results.concat(node.toArray());
+        });
+        return results;
+      };
+
+      Directory.prototype.toAscii = function(indentation) {
+        var nodeAscii;
+        if (indentation == null) {
+          indentation = '';
+        }
+        nodeAscii = ["" + indentation + "+" + (this.name())];
+        this.collection.each(function(node) {
+          return nodeAscii.push(node.toAscii(indentation + ' '));
+        });
+        return nodeAscii.join('\n');
+      };
+
+      Directory.prototype.updateChildren = function(previousPath, newPath) {
+        var directoryPath,
+          _this = this;
+        this.directories().each(function(directory) {
+          return directory.updateChildren(previousPath, newPath);
+        });
+        directoryPath = this.get('path');
+        if (directoryPath.indexOf(newPath) === -1) {
+          this.set({
+            path: this.get('path').replace(previousPath, newPath)
+          });
+        }
+        return this.files().each(function(file) {
+          var filePath;
+          filePath = file.get('path');
+          if (filePath.indexOf(newPath) === -1) {
+            return file.set({
+              path: file.get('path').replace(previousPath, newPath)
+            });
+          }
         });
       };
 
       return Directory;
 
     })(Models.Node);
-    return Models.Directory.find = function(currentDirectory, name) {
-      /*
-          Internal: Check to see if there is a directory with the matching name
-                    contained within currentDirectory.
-      
-          * currentDirectory - A Directory object to search for the matching directory name.
-      
-          * name             - A String name used to check for matching directory
-                               names in currentDirectory.
-      
-          Returns The Directory object with the matching name if it exists and undefined otherwise.
-      */
-      return currentDirectory.collection.find(function(dir) {
-        return dir.get('name') === name;
-      });
-    };
   });
 
 }).call(this);
 (function() {
-  var __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;
+  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
+    __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; };
 
   BoneTree.namespace("BoneTree.Models", function(Models) {
-    Models.File = (function(_super) {
+    return Models.File = (function(_super) {
 
       __extends(File, _super);
 
-      File.name = 'File';
-
       function File() {
+        this.toAscii = __bind(this.toAscii, this);
+
+        this.toArray = __bind(this.toArray, this);
         return File.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Public: Object representing file data in the tree.
-      
-          * defaults
-            * name         - A String naming the file (default: "New File").
-            * sortPriority - A String representing the priority with which the
-                             node is sorted. Directories have sortPriority "0"
-                             allowing them to be sorted before Files which have
-                             sortPriority "1".
-            * nodeType     - A String denoting what type of node this object is.
-                             The two types are "file" and "directory".
-      */
-
-
-      File.prototype.defaults = {
-        name: "New File",
-        sortPriority: "1",
-        nodeType: "file"
+      File.prototype.toArray = function() {
+        return [this];
+      };
+
+      File.prototype.toAscii = function(indentation) {
+        if (indentation == null) {
+          indentation = '';
+        }
+        return "" + indentation + "-" + (this.name());
       };
 
       return File;
 
     })(Models.Node);
-    return Models.File.createFromFileName = function(fileName, fileData) {
-      /*
-          Public: Class method to create a new File object based on the fileName
-                  and fileData passed in.
-      
-          * fileName - A String representing the name of the file to be created.
-                       files with '.' in the name will be parsed out and only the
-                       string after the final '.' will be considered the extension.
-      
-          * fileData - An Object of attributes to associate with the file.
-      
-          Examples
-      
-              data = {
-                contents: alert 'this is the code in the file'
-                createdAt: 1330846900589
-                language: 'CoffeeScript'
-              }
-      
-              BoneTree.Models.File.createFromFileName('example.coffee', data)
-              # => <File>
-      
-          Returns the File object just created.
-      */
-
-      var data, extension, name, names, _i, _ref;
-      _ref = fileName.split("."), names = 2 <= _ref.length ? __slice.call(_ref, 0, _i = _ref.length - 1) : (_i = 0, []), extension = _ref[_i++];
-      name = names.join('.');
-      data = _.extend({}, fileData, {
-        name: name,
-        extension: extension
-      });
-      return new Models.File(data);
-    };
   });
 
 }).call(this);
 (function() {
   var __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; };
+    __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; };
 
   BoneTree.namespace("BoneTree.Models", function(Models) {
     return Models.Settings = (function(_super) {
 
       __extends(Settings, _super);
 
-      Settings.name = 'Settings';
-
       function Settings() {
         return Settings.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Internal: A configuration object. Consumers of the API don't need to
-                    worry about this. It is used internally to manage the options
-                    passed into the file tree.
-      
-          * defaults
-            * beforeAdd      - A Function that is invoked before each file is added to the tree.
-                               It is passed the raw file attributes and should return true if
-                               that file should be added to the tree and false if not. The
-                               default implementation is to return true.
-            * confirmDeletes - A Boolean. If true, the tree will prompt the user, making
-                               sure they want to delete the file (default: false).
-            * showExtensions - A Boolean. If true, files display their extensions. Internally,
-                               extensions are always kept track of but by default they are
-                               hidden (default: false).
-            * viewCache      - An Object that stores views when they are created and is used
-                               to look them up to prevent extra views from being created.
-      */
-
-
       Settings.prototype.defaults = {
         confirmDeletes: false,
-        showExtensions: false,
-        viewCache: {}
+        showExtensions: false
       };
 
       return Settings;
@@ -388,16 +315,16 @@
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
     __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; };
+    __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; };
 
   BoneTree.namespace("BoneTree.Views", function(Views) {
     return Views.Directory = (function(_super) {
 
       __extends(Directory, _super);
 
-      Directory.name = 'Directory';
-
       function Directory() {
+        this.toggleOpen = __bind(this.toggleOpen, this);
+
         this.displayChildren = __bind(this.displayChildren, this);
 
         this.render = __bind(this.render, this);
@@ -406,80 +333,59 @@
         return Directory.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Internal: View that renders a Directory node and controls its behavior (class: 'directory', tag: 'ul').
-      */
-
-
       Directory.prototype.className = 'directory';
 
       Directory.prototype.tagName = 'ul';
 
       Directory.prototype.initialize = function(options) {
-        /*
-              Internal: Initialize a new directory node. Adds associated model cid to the
-                        view element. Binds change handler to the `change:open` event that
-                        toggles the display of directory contents. Binds change handler to
-                        the `change:name` event that re-renders a sorted file tree.
-        
-              * options - Passes in settings object, which is used for access to the
-                          tree view root in order to proxy events to it.
-        */
-
         var _this = this;
-        this.settings = options.settings;
+        this.tree = options.tree;
         this.$el.attr('data-cid', this.model.cid);
-        this.model.bind('change:open', function(model, open) {
-          return _this.displayChildren(open);
-        });
-        this.model.bind('change:name', function(model, name) {
-          var treeView;
-          treeView = _this.settings.get('treeView');
-          return treeView.render().trigger('rename', model, name);
+        this.open = false;
+        this.model.bind('change:path', function(model) {
+          var newPath, path, previousPath;
+          _this.tree.render().trigger('rename', model, name);
+          previousPath = model.previous('path');
+          if ((path = model.get('path')).indexOf('/') === 0) {
+            newPath = path.replace('/', '');
+          } else {
+            newPath = path;
+          }
+          return model.updateChildren(previousPath, newPath);
         });
         this.model.collection.bind('add', this.render);
         this.model.collection.bind('remove', function(model, collection) {
-          _this.settings.get('treeView').trigger('remove', model);
+          _this.tree.trigger('remove', model);
           return _this.render();
         });
-        return this.displayChildren(this.model.get('open'));
+        return this.displayChildren(this.open);
       };
 
       Directory.prototype.appendView = function(node) {
-        /*
-              Internal: Appends a view based on the underlying node model to this view.
-        
-              node - A Node model. Either a File or a Directory. This is the model the
-                     created view will be associated with.
-        */
-
         var view;
-        view = this.settings.get('treeView').findOrCreateView(node);
+        view = this.tree.findOrCreateView(node);
         return this.$el.append(view.render().$el);
       };
 
       Directory.prototype.render = function() {
-        /*
-              Internal: Set the text of the view element based on the underlying model name.
-        
-              Returns `this` view.
-        */
-        this.$el.text(this.model.get('name'));
-        this.model.collection.sort().each(this.appendView);
+        this.$el.text(this.model.name());
+        this.model.collection.each(this.appendView);
+        this.displayChildren(this.$el.hasClass('open'));
         return this;
       };
 
       Directory.prototype.displayChildren = function(open) {
-        /*
-              Internal: Toggles display of the children Files or Diretories of this view.
-        */
-
         var fileDirChildren;
         fileDirChildren = this.$el.children('.directory, .file');
         this.$el.toggleClass('open', open);
         return fileDirChildren.toggle(open);
       };
 
+      Directory.prototype.toggleOpen = function() {
+        this.open = !this.open;
+        return this.displayChildren(this.open);
+      };
+
       return Directory;
 
     })(Backbone.View);
@@ -489,70 +395,39 @@
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
     __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; };
+    __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; };
 
   BoneTree.namespace("BoneTree.Views", function(Views) {
     return Views.File = (function(_super) {
 
       __extends(File, _super);
 
-      File.name = 'File';
-
       function File() {
         this.render = __bind(this.render, this);
         return File.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Internal: View that renders a File node and controls its behavior (class: 'file', tag: 'li').
-      */
-
-
-      File.prototype.className = 'file';
-
       File.prototype.tagName = 'li';
 
       File.prototype.initialize = function(options) {
-        /*
-              Internal: Initialize a new file node. Adds associated model cid to the
-                        view element. Binds change handlers to the `change:name` and
-                        `change:extension` events. These take care of resorting the file
-                        nodes.
-        
-              * options - Passes in settings object, which is used to control
-                          whether or not file extensions are shown.
-        */
-
         var _this = this;
         this.settings = options.settings;
-        this.$el.attr('data-cid', this.model.cid).addClass(this.model.get('extension'));
-        this.model.bind('change:name', function(model, name) {
-          var treeView;
-          treeView = _this.settings.get('treeView');
-          return treeView.render().trigger('rename', model, model.nameWithExtension());
-        });
-        return this.model.bind('change:extension', function(model, extension) {
-          var treeView;
-          _this.$el.attr('class', "file " + extension);
-          treeView = _this.settings.get('treeView');
-          return treeView.render().trigger('rename', model, model.nameWithExtension());
+        this.tree = options.tree;
+        return this.model.bind('change:path', function(model) {
+          return _this.render();
         });
       };
 
       File.prototype.render = function() {
-        /*
-              Internal: Sets the text of the file node according to the underlying model
-                        name. If the 'showExtensions' setting is set, renders the
-                        full file name with extension, otherwise renders just the file
-                        name attribute.
-        */
-        if (this.model.get('hidden')) {
-          return "";
-        }
+        var extension, name;
+        name = this.model.name();
+        extension = name.extension();
+        this.$el.attr('data-cid', this.model.cid);
+        this.$el.attr('class', "file " + extension);
         if (this.settings.get('showExtensions')) {
-          this.$el.text(this.model.nameWithExtension());
+          this.$el.text(name);
         } else {
-          this.$el.text(this.model.get('name'));
+          this.$el.text(name.withoutExtension());
         }
         return this;
       };
@@ -566,130 +441,7 @@
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
     __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; };
-
-  BoneTree.namespace("BoneTree.Views", function(Views) {
-    return Views.Menu = (function(_super) {
-
-      __extends(Menu, _super);
-
-      Menu.name = 'Menu';
-
-      function Menu() {
-        this.render = __bind(this.render, this);
-
-        this.rename = __bind(this.rename, this);
-
-        this["delete"] = __bind(this["delete"], this);
-
-        this.contextMenu = __bind(this.contextMenu, this);
-        return Menu.__super__.constructor.apply(this, arguments);
-      }
-
-      /*
-          Internal: View that controls the context menu (class: 'filetree\_context\_menu').
-      
-          Events
-      
-          * contextMenu   - Prevents the standard browser context menu from appearing
-                            when right clicking within the file tree context menu.
-      
-          * click .rename - Prompts the user to rename a file.
-      
-          * click .delete - Deletes a node from the file tree.
-      */
-
-
-      Menu.prototype.className = 'filetree_context_menu';
-
-      Menu.prototype.events = {
-        'contextmenu': 'contextMenu',
-        'click .rename': 'rename',
-        'click .delete': 'delete'
-      };
-
-      Menu.prototype.initialize = function(options) {
-        /*
-              Internal: Initialize a new menu widget.
-        
-              * options - An Object. Internally used to pass the settings configuration
-                          into the menu. This controls whether or not the user is
-                          prompted to confirm deleting a file.
-        */
-        return this.settings = options.settings;
-      };
-
-      Menu.prototype.contextMenu = function(e) {
-        /*
-              Internal: Kill the default browser behavior for the contextmenu event.
-        */
-        e.preventDefault();
-        return e.stopPropagation();
-      };
-
-      Menu.prototype["delete"] = function(e) {
-        /*
-              Internal: Deletes a node from the file tree. If the confirmDeletes setting
-                        is set, prompts the user for delete confirmation.
-        */
-        if (this.settings.get('confirmDeletes')) {
-          if (confirm("Are you sure you want to delete '" + (this.model.nameWithExtension()) + "'?")) {
-            this.model.destroy();
-          }
-        } else {
-          this.model.destroy();
-        }
-        return this.$el.hide();
-      };
-
-      Menu.prototype.rename = function(e) {
-        /*
-              Internal: Prompts the user to rename a File or Directory.
-        */
-
-        var extension, fileName, newName, _ref;
-        if (newName = prompt("New Name", this.model.nameWithExtension())) {
-          _ref = newName.split("."), fileName = _ref[0], extension = _ref[1];
-          if (extension == null) {
-            extension = "";
-          }
-          this.model.set({
-            name: fileName,
-            extension: extension
-          });
-        }
-        return this.$el.hide();
-      };
-
-      Menu.prototype.render = function() {
-        /*
-              Internal: Renders the <ul> that contains the context menu choices
-                        'Rename' and 'Delete'.
-        
-              Returns `this`, the menu view.
-        */
-        this.$el.html(this.template());
-        return this;
-      };
-
-      Menu.prototype.template = function() {
-        /*
-              Internal: html template for the context menu.
-        */
-        return "<ul>\n  <li class='rename'>Rename</li>\n  <hr/>\n  <li class='delete'>Delete</li>\n</ul>";
-      };
-
-      return Menu;
-
-    })(Backbone.View);
-  });
-
-}).call(this);
-(function() {
-  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
-    __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;
+    __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; };
 
   BoneTree.namespace("BoneTree.Views", function(Views) {
     var Models;
@@ -698,8 +450,6 @@
 
       __extends(Tree, _super);
 
-      Tree.name = 'Tree';
-
       function Tree() {
         this.render = __bind(this.render, this);
 
@@ -707,78 +457,38 @@
 
         this._openDirectory = __bind(this._openDirectory, this);
 
-        this.getModelFromClick = __bind(this.getModelFromClick, this);
+        this.getViewFromClick = __bind(this.getViewFromClick, this);
 
         this.toAscii = __bind(this.toAscii, this);
 
-        this.files = __bind(this.files, this);
-
-        this._getFile = __bind(this._getFile, this);
+        this.getFile = __bind(this.getFile, this);
 
         this.getDirectory = __bind(this.getDirectory, this);
 
-        this.flatten = __bind(this.flatten, this);
-
-        this.filterNodes = __bind(this.filterNodes, this);
-
-        this._contextMenu = __bind(this._contextMenu, this);
-
-        this._closeMenu = __bind(this._closeMenu, this);
-
-        this.closeDirectories = __bind(this.closeDirectories, this);
-
-        this.getModelByCid = __bind(this.getModelByCid, this);
+        this.toArray = __bind(this.toArray, this);
 
         this.findOrCreateView = __bind(this.findOrCreateView, this);
 
-        this.addToTree = __bind(this.addToTree, this);
-
-        this.addFromJSON = __bind(this.addFromJSON, this);
+        this.remove = __bind(this.remove, this);
 
-        this.file = __bind(this.file, this);
+        this.add = __bind(this.add, this);
         return Tree.__super__.constructor.apply(this, arguments);
       }
 
-      /*
-          Public: The base tree object. Events from other objects are proxied to the tree
-                  so API consumers only need to know about this top level object.
-      */
-
-
       Tree.prototype.className = 'tree';
 
       Tree.prototype.events = {
-        'contextmenu .file': '_contextMenu',
-        'contextmenu .directory': '_contextMenu',
-        'click .directory': '_openDirectory',
-        'click .file': '_openFile'
+        'mousedown .directory': '_openDirectory',
+        'mousedown .file': '_openFile'
       };
 
       Tree.prototype.initialize = function() {
-        /*
-              Public: Initialize a new filetree widget
-        
-              * options          - An Object of global configuration options for the file tree.
-                * confirmDeletes - A Boolean. If true, the tree will prompt the user, making
-                                   sure they want to delete the file (default: false).
-                * showExtensions - A Boolean. If true, files display their extensions. Internally,
-                                   extensions are always kept track of but by default they are
-                                   hidden (default: false).
-        */
-
-        var settingsConfig,
-          _this = this;
-        $(document).click(this._closeMenu);
-        this._currentFileData = null;
-        settingsConfig = _.extend({}, this.options, {
-          treeView: this
-        });
-        this.settings = new Models.Settings(settingsConfig);
-        this.menuView = new Views.Menu({
-          settings: this.settings
+        var _this = this;
+        this.viewCache = {};
+        this.settings = new Models.Settings(this.options);
+        this.root = new Models.Directory({
+          path: '/'
         });
-        this.menuView.render().$el.appendTo($('body'));
-        this.root = new Models.Node;
         this.root.collection.bind('add', this.render);
         return this.root.collection.bind('remove', function(model, collection) {
           _this.$("[data-cid='" + model.cid + "']").remove();
@@ -787,497 +497,83 @@
         });
       };
 
-      Tree.prototype.file = function(filePath, fileData) {
-        var dirs, file, fileName, _i, _ref;
-        if (filePath[0] === '/') {
-          filePath = filePath.replace('/', '');
-        }
-        if (fileData != null) {
-          this._currentFileData = _.extend(fileData, {
-            path: filePath
-          });
-          if (this._currentFileData.autoOpen == null) {
-            this._currentFileData.autoOpen = true;
-          }
-          if (this._currentFileData.hidden == null) {
-            this._currentFileData.hidden = false;
+      Tree.prototype.add = function(filePath, fileData) {
+        var file, _i, _len, _results;
+        if (Object.isArray(filePath)) {
+          _results = [];
+          for (_i = 0, _len = filePath.length; _i < _len; _i++) {
+            file = filePath[_i];
+            _results.push(this.add(file.path, file));
           }
+          return _results;
         } else {
-          return this._getFile(filePath);
-        }
-        _ref = filePath.split('/'), dirs = 2 <= _ref.length ? __slice.call(_ref, 0, _i = _ref.length - 1) : (_i = 0, []), fileName = _ref[_i++];
-        if (file = this._getFile(filePath)) {
-          return file.set(this._currentFileData);
-        } else {
-          return this.addToTree(this.root, dirs, fileName);
+          return this.root.add(filePath, fileData);
         }
       };
 
-      Tree.prototype.addFromJSON = function(data, currentPath) {
-        var file, name, _i, _len, _ref;
-        if (currentPath == null) {
-          currentPath = "";
-        }
-        /*
-              Public: Creates a file tree from a JSON representation. Expects the
-                      JSON object to have a `name` property at each level, specifying
-                      the name of the file or directory, and a files array if the
-                      current node has child directories or files.
-        
-              * data        - An Object that represents hierarchical file data.
-        
-              * currentPath - A String representing the current location in the tree.
-                              Defaults to the file tree root. (default: "")
-        
-              Examples
-        
-                  data = {
-                    name: "My Project"
-                    files: [
-                      { name: "Empty Folder" }
-                      { name: "SomeFile.coffee" }
-                      { name: "AnotherFile.coffee" }
-                      {
-                        name: "Folder with Files inside"
-                        files: [
-                          { name: "NestedFile.coffee" }
-                        ]
-                      }
-                    ]
-                  }
-        
-                  tree.addFromJSON(data)
-                  # => <Tree>
-        
-              Returns the Tree view object.
-        */
-
-        name = "";
-        if (data.name != null) {
-          name = data.name + '/';
-          delete data.name;
-        }
-        if (data.extension != null) {
-          name = name.replace('/', '.' + data.extension);
-          delete data.extension;
-        }
-        currentPath += name;
-        if (data.files != null) {
-          _ref = data.files;
-          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-            file = _ref[_i];
-            this.addFromJSON(file, currentPath);
-          }
-        } else {
-          this.file(currentPath, data);
-        }
-        return this;
+      Tree.prototype.remove = function(path) {
+        return this.root.remove(path);
       };
 
-      Tree.prototype.addToTree = function(currentDirectory, remainingDirectories, fileName) {
-        /*
-              Internal: Recursive method that traverses nodes, creating
-                        Files and Directories.
-        
-              * currentDirectory     - A Node object representing which directory we are
-                                       adding the current Directory or File to.
-              * remainingDirectories - A '/' separated String representing the remaining
-                                       directories to add.
-              * fileName             - The String name of the file to be added. This can
-                                       include the extension name separated by a '.'.
-        
-              Examples
-        
-                  tree.addToTree(@root, '/source/subdirectory/', 'main.coffee')
-                  # => <File>
-        
-              Returns the File object if it was created and null if no file was given.
-        */
-
-        var file, matchingDirectory, newDirectory, newNode, nextDirectoryName;
-        if (remainingDirectories.length) {
-          nextDirectoryName = remainingDirectories.shift();
-          if (matchingDirectory = Models.Directory.find(currentDirectory, nextDirectoryName)) {
-            matchingDirectory.set({
-              open: true
-            });
-            return this.addToTree(matchingDirectory, remainingDirectories, fileName);
-          } else {
-            newNode = new Models.Directory({
-              name: nextDirectoryName,
-              open: true
-            });
-            newDirectory = currentDirectory.collection.add(newNode);
-            return this.addToTree(newNode, remainingDirectories, fileName);
-          }
+      Tree.prototype.findOrCreateView = function(node) {
+        var type, view;
+        if (node.isDirectory()) {
+          type = 'Directory';
         } else {
-          if (fileName === "") {
-            return null;
-          }
-          file = Models.File.createFromFileName(fileName, this._currentFileData);
-          this._currentFileData = null;
-          currentDirectory.collection.add(file);
-          if (file.get('autoOpen')) {
-            this.trigger('openFile', file);
-          }
-          return file;
+          type = 'File';
         }
-      };
-
-      Tree.prototype.findOrCreateView = function(node) {
-        /*
-              Internal: Look up existing view in the view cache or Create a new view
-                        of the correct type (either File or Directory).
-        
-              * node - A Node object. Either a File object or a Directory object.
-                       This is the model that the view will be associated with.
-        
-              Examples
-        
-                  file = new BoneTree.Models.File
-        
-                  # This will create a new view since we just created the File
-                  tree.findOrCreateView(file)
-                  # => <FileView>
-        
-              Returns the view corresponding to the model passed in.
-        */
-
-        var type, view, viewCache;
-        type = node.constantize();
-        viewCache = this.settings.get('viewCache');
-        if (!(view = viewCache[node.cid])) {
-          view = viewCache[node.cid] = new Views[type]({
+        if (!(view = this.viewCache[node.cid])) {
+          view = this.viewCache[node.cid] = new Views[type]({
             model: node,
-            settings: this.settings
+            settings: this.settings,
+            tree: this
           });
         }
         return view;
       };
 
-      Tree.prototype.getModelByCid = function(cid) {
-        var modelCid, view, viewCache;
-        viewCache = this.settings.get('viewCache');
-        for (modelCid in viewCache) {
-          view = viewCache[modelCid];
-          if (modelCid === cid) {
-            return view.model;
-          }
-        }
+      Tree.prototype.toArray = function() {
+        return this.root.toArray();
       };
 
-      Tree.prototype.closeDirectories = function() {
-        /*
-              Public: Close all the directories in the file tree.
-        
-              Examples
-        
-                  tree.closeDirectories()
-                  # => <Tree>
-        
-              Returns the Tree view object.
-        */
-
-        var directories;
-        directories = _.filter(this.flatten(), function(node) {
-          return node.get('nodeType') === 'directory';
-        });
-        _.invoke(directories, 'set', {
-          open: false
-        });
-        return this;
+      Tree.prototype.getDirectory = function(directoryPath) {
+        return this.root.getDirectory(directoryPath);
       };
 
-      Tree.prototype._closeMenu = function(e) {
-        /*
-              Internal: Close the context menu. This is called every click on
-                        the document and closes the menu unless you are clicking
-                        within it. This shouldn't be called directly, it is called
-                        automatically by Backbone from user interactions.
-        
-              Returns the Menu view object.
-        */
-        if (!$(e.currentTarget).is('.menu')) {
-          this.menuView.$el.hide();
-        }
-        return this.menuView;
+      Tree.prototype.getFile = function(filePath) {
+        return this.root.getFile(filePath);
       };
 
-      Tree.prototype._contextMenu = function(e) {
-        /*
-              Internal: Open the context menu. This prevents the default browser
-                        context menu event. This shouldn't be called directly, it is
-                        called automatically by Backbone from user interations.
-        
-              Returns the Menu view object.
-        */
-
-        var model;
-        e.preventDefault();
-        model = this.getModelFromClick(e);
-        this.menuView.model = model;
-        this.menuView.$el.css({
-          left: e.pageX,
-          top: e.pageY
-        }).show();
-        return this.menuView;
+      Tree.prototype.toAscii = function() {
+        return '\n' + this.root.toAscii();
       };
 
-      Tree.prototype.filterNodes = function(nodeType, nodeName) {
-        /*
-              Internal: Returns file tree nodes that match the nodeType and nodeName.
-        
-              * nodeType - A String that represents the nodeType to match. Choices are
-                           'file' or 'directory'.
-              * nodeName - A String that represents the name of the node to match.
-        
-              Examples
-        
-                  # Add some files to the tree
-                  tree.file('/source/main.coffee')
-                  tree.file('/source/player.coffee')
-        
-                  # returns an array containing the File 'main.coffee'
-                  tree.filterNodes('file', 'main')
-                  # => [<File>]
-        
-              Returns an Array of nodes that match the filter criteria.
-        */
-
-        var results,
-          _this = this;
-        results = _.filter(this.flatten(), function(node) {
-          return node.get('nodeType') === nodeType && node.get('name') === nodeName;
-        });
-        return results;
-      };
-
-      Tree.prototype.flatten = function(currentNode, results) {
-        var _this = this;
-        if (currentNode == null) {
-          currentNode = this.root;
-        }
-        if (results == null) {
-          results = [];
-        }
-        /*
-              Internal: Returns a one dimensional ordered array representing the
-                        Directory and File nodes in the tree.
-        
-              * currentNode - The node to start at when flattening
-              * nodeName - A String that represents the name of the node to match.
-        
-              Examples
-        
-                  # Add some files to the tree
-                  tree.file('/source/main.coffee', {aFile: true})
-                  tree.file('/source/player.coffee', {playerData: {x: 50, y: 30}})
-        
-                  # returns an array containing the File 'main.coffee'
-                  tree.filterNodes('file', 'main')
-                  # => [<File>]
-        
-              Returns an Array of nodes that match the filter criteria.
-        */
-
-        currentNode.collection.each(function(node) {
-          results.push(node);
-          if (node.collection.length) {
-            return _this.flatten(node, results);
-          }
-        });
-        return results;
-      };
-
-      Tree.prototype.getDirectory = function(directoryName) {
-        /*
-              Public: Returns an array of directories matching the given directoryName.
-        
-              * directoryName - A String naming the directory to match.
-        
-              Examples
-        
-                  # Add some files to the tree
-                  tree.file('/source/main.coffee', {size: 4039})
-                  tree.file('/source/player.coffee', {size: 399})
-                  tree.file('/directory2/file.coffee', {size: 23})
-        
-                  # returns an array containing the Directory 'source'
-                  tree.getDirectory('source')
-                  # => [<Directory>]
-        
-              Returns an Array of Directory nodes that match directoryName.
-        */
-        return this.filterNodes('directory', directoryName);
-      };
-
-      Tree.prototype._getFile = function(filePath) {
-        /*
-              Internal: Returns a file at the specified location.
-        
-              * fileName - A String describing the file path.
-        
-              Examples
-        
-                  # Add some files to the tree
-                  tree.file('/source/main.coffee', {size: 30459})
-                  tree.file('/source/player.coffee', {size: 943})
-                  tree.file('/directory2/main.coffee', {size: 4945})
-        
-                  # returns an array containing both the files named main.
-                  tree._getFile('source/main.coffee')
-                  # => <File>
-        
-              Returns a File at the given location.
-        */
-
-        var filtered, nodes;
-        if (filePath[0] === '/') {
-          filePath = filePath.replace('/', '');
-        }
-        nodes = this.flatten();
-        filtered = _.filter(nodes, function(node) {
-          return node.get('nodeType') === 'file' && node.get('path') === filePath;
-        });
-        return filtered[0];
-      };
-
-      Tree.prototype.files = function(directoryName) {
-        /*
-              Public: Returns an array of files contained within the directory
-                      matching directoryName.
-        
-              * directoryName - A String naming the directory to look inside.
-        
-              Examples
-        
-                  # Add some files to the tree
-                  tree.file('/source/main.coffee', {main: true})
-                  tree.file('/source/player.coffee', {active: true})
-                  tree.file('/directory2/main.coffee', {active: true})
-        
-                  # returns an array containing the files 'player.coffee' and 'main.coffee'
-                  tree.files('source')
-                  # => [<File>, <File>]
-        
-              Returns an Array of File nodes that are contained in the
-              Directory matching directoryName.
-        */
-
-        var directory, nodesInDirectory;
-        if (directoryName == null) {
-          return _.filter(this.flatten(), function(node) {
-            return node.get('nodeType') === 'file';
-          });
-        }
-        directory = this.getDirectory(directoryName)[0];
-        if (!directory) {
-          return [];
-        }
-        nodesInDirectory = this.flatten(directory);
-        return _.filter(nodesInDirectory, function(node) {
-          return node.get('nodeType') === 'file';
-        });
-      };
-
-      Tree.prototype.toAscii = function(collection, indentation, output) {
-        var n, rootCollection, spaces, _i,
-          _this = this;
-        if (indentation == null) {
-          indentation = 0;
-        }
-        if (output == null) {
-          output = "\n";
-        }
-        /*
-              Internal: A String representation of the filetree.
-        
-              * collection  - A NodeCollection object describing which folder to start at.
-              * indentation - A Number describing how many spaces to indent the next filetree element (default: 0).
-              * output      - A String representing the current filetree output (default: "\n").
-        
-              Examples
-        
-                  # Add some files to the tree
-                  tree.file('/source/main.coffee', {main: true})
-                  tree.file('/source/player.coffee', {active: true})
-                  tree.file('/directory2/main.coffee', {active: false})
-        
-                  tree.toAscii()
-                  # => "
-                    -directory2
-                     -main.coffee
-                    -source
-                     -main.coffee
-                     -player.coffee
-                  "
-        
-              Returns a String representation of the sorted nodes of the file tree.
-        */
-
-        rootCollection = collection || this.root.collection;
-        spaces = "";
-        for (n = _i = 0; 0 <= indentation ? _i <= indentation : _i >= indentation; n = 0 <= indentation ? ++_i : --_i) {
-          spaces += " ";
-        }
-        rootCollection.each(function(nodes) {
-          var typeChar;
-          typeChar = nodes.get('type') === 'directory' ? '+' : '-';
-          output += spaces + typeChar + nodes.nameWithExtension() + '\n';
-          return output = _this.toAscii(nodes.collection, indentation + 1, output);
-        });
-        return output;
-      };
-
-      Tree.prototype.getModelFromClick = function(e) {
-        /*
-              Internal: Look up a model based on the cid of the clicked view element.
-        
-              Returns the Node corresponding to the view element that the user clicked on.
-        */
-
+      Tree.prototype.getViewFromClick = function(e) {
         var cid;
         e.stopPropagation();
-        this.menuView.$el.hide();
         cid = $(e.currentTarget).data('cid');
-        return this.getModelByCid(cid);
+        return this.viewCache[cid];
       };
 
       Tree.prototype._openDirectory = function(e) {
-        /*
-              Internal: Toggle the directory icon and display the contents of the clicked Directory.
-        */
-
-        var model;
-        model = this.getModelFromClick(e);
-        return model.toggleOpen();
+        var view;
+        e.stopPropagation();
+        view = this.getViewFromClick(e);
+        return view.toggleOpen();
       };
 
       Tree.prototype._openFile = function(e) {
-        /*
-              Internal: Trigger the 'openFile' event, passing in the file corresponding
-                        to the view element that the user clicked.
-        */
-
-        var model;
-        model = this.getModelFromClick(e);
-        return this.trigger('openFile', model);
+        var view;
+        view = this.getViewFromClick(e);
+        return this.trigger('openFile', view.model);
       };
 
       Tree.prototype.render = function() {
-        /*
-              Internal: Call render on each of the nodes underneath the root node.
-                        Also calls sort on each of the subcollections.
-        */
-
         var _this = this;
-        this.root.collection.sort().each(function(node) {
+        this.root.collection.each(function(node) {
           var view;
-          node.collection.sort();
           view = _this.findOrCreateView(node);
-          if (!view.model.get('hidden')) {
-            return _this.$el.append(view.render().$el);
-          }
+          return _this.$el.append(view.render().$el);
         });
         return this;
       };