cans 0.1.2 → 0.2.0

data/.gitignore

@@ -19,3 +19,6 @@ rdoc
 pkg
 
 ## PROJECT::SPECIFIC
+vendor/cache
+.rvmrc
+Gemfile.lock

data/README.rdoc

@@ -2,9 +2,6 @@
 
 Interactive online source browser for Rack applications.
 
-Experimental and unfinished. This gem will probably kill
-you in your sleep if you try to use it right now.
-
 == Using in Rails 3
 
 Add "cans" to your Gemfile:
@@ -19,6 +16,10 @@ Start your Rails app, and use it a bit.  Understand that cans will add an after_
 
 Then, visit the cans mountpoint and browse around.
 
+== Testing
+
+Unit tests are in the "test/unit" directory, using "shoulda" from ThoughtBot.  Run them with "rake test".
+
 == Note on Patches/Pull Requests
  
 * Fork the project.
@@ -31,4 +32,4 @@ Then, visit the cans mountpoint and browse around.
 
 == Copyright
 
-Copyright (c) 2010 Bryce Kerley. See LICENSE for details.
+Copyright (c) 2010-2011 Bryce Kerley. See LICENSE for details.

data/Rakefile

@@ -1,32 +1,13 @@
-require 'rubygems'
-require 'rake'
-
+require 'bundler'
 begin
-  require 'jeweler'
-  Jeweler::Tasks.new do |gem|
-    gem.name = "cans"
-    gem.summary = %Q{Source browser for Rack applications}
-    gem.description = %Q{Interactive on-line source browser for rack applications}
-    gem.email = "bkerley@brycekerley.net"
-    gem.homepage = "http://github.com/bkerley/cans"
-    gem.authors = ["Bryce Kerley"]
-
-    gem.add_dependency 'sinatra', '~> 1.1.0'
-    gem.add_dependency 'haml', '~> 3.0.22'
-    gem.add_dependency 'method_extensions', '~> 0.0.8'
-
-    gem.add_development_dependency "shoulda", "~> 2.11.3"
-    gem.add_development_dependency 'rack-test', '~> 0.5.6'
-    gem.add_development_dependency 'mocha', '~> 0.9.9'
-
-    gem.required_ruby_version = '~> 1.9.2'
-
-    # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
-  end
-  Jeweler::GemcutterTasks.new
-rescue LoadError
-  puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
+  Bundler.setup(:default, :development)
+  Bundler::GemHelper.install_tasks
+rescue Bundler::BundlerError => e
+  $stderr.puts e.message
+  $stderr.puts "Run `bundle install` to install missing gems"
+  exit e.status_code
 end
+require 'rake'
 
 require 'rake/testtask'
 Rake::TestTask.new(:test) do |test|
@@ -48,7 +29,7 @@ rescue LoadError
   end
 end
 
-task :test => :check_dependencies
+task :test
 
 task :default => :test
 
@@ -61,3 +42,10 @@ Rake::RDocTask.new do |rdoc|
   rdoc.rdoc_files.include('README*')
   rdoc.rdoc_files.include('lib/**/*.rb')
 end
+
+desc 'Compile the coffeescript files to javascript'
+task :coffeescript => 'lib/cans/static/application.js'
+
+file 'lib/cans/static/application.js' => 'lib/cans/views/application.coffee' do
+  system 'coffee -co lib/cans/static lib/cans/views/application.coffee'
+end

data/cans.gemspec

@@ -1,87 +1,35 @@
-# Generated by jeweler
-# DO NOT EDIT THIS FILE DIRECTLY
-# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
-# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require 'cans/version'
 
 Gem::Specification.new do |s|
   s.name = %q{cans}
-  s.version = "0.1.2"
+  s.version = Cans::VERSION
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Bryce Kerley"]
-  s.date = %q{2010-11-12}
+  s.date = %q{2011-05-19}
   s.description = %q{Interactive on-line source browser for rack applications}
   s.email = %q{bkerley@brycekerley.net}
   s.extra_rdoc_files = [
     "LICENSE",
      "README.rdoc"
   ]
-  s.files = [
-    ".document",
-     ".gitignore",
-     "Gemfile",
-     "Gemfile.lock",
-     "LICENSE",
-     "README.rdoc",
-     "Rakefile",
-     "VERSION",
-     "cans.gemspec",
-     "config.ru",
-     "lib/cans.rb",
-     "lib/cans/address.rb",
-     "lib/cans/application.rb",
-     "lib/cans/historian.rb",
-     "lib/cans/views/index.haml",
-     "lib/cans/views/method.haml",
-     "lib/cans/views/module.haml",
-     "test/fixtures/beverage.rb",
-     "test/helper.rb",
-     "test/test_address.rb",
-     "test/test_application.rb",
-     "test/test_cans.rb",
-     "test/test_historian.rb"
-  ]
+  s.files = `git ls-files`.split("\n")
+  s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
   s.homepage = %q{http://github.com/bkerley/cans}
   s.rdoc_options = ["--charset=UTF-8"]
   s.require_paths = ["lib"]
   s.required_ruby_version = Gem::Requirement.new("~> 1.9.2")
   s.rubygems_version = %q{1.3.7}
   s.summary = %q{Source browser for Rack applications}
-  s.test_files = [
-    "test/fixtures/beverage.rb",
-     "test/helper.rb",
-     "test/test_address.rb",
-     "test/test_application.rb",
-     "test/test_cans.rb",
-     "test/test_historian.rb"
-  ]
-
-  if s.respond_to? :specification_version then
-    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
-    s.specification_version = 3
 
-    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<sinatra>, ["~> 1.1.0"])
-      s.add_runtime_dependency(%q<haml>, ["~> 3.0.22"])
-      s.add_runtime_dependency(%q<method_extensions>, ["~> 0.0.8"])
-      s.add_development_dependency(%q<shoulda>, ["~> 2.11.3"])
-      s.add_development_dependency(%q<rack-test>, ["~> 0.5.6"])
-      s.add_development_dependency(%q<mocha>, ["~> 0.9.9"])
-    else
-      s.add_dependency(%q<sinatra>, ["~> 1.1.0"])
-      s.add_dependency(%q<haml>, ["~> 3.0.22"])
-      s.add_dependency(%q<method_extensions>, ["~> 0.0.8"])
-      s.add_dependency(%q<shoulda>, ["~> 2.11.3"])
-      s.add_dependency(%q<rack-test>, ["~> 0.5.6"])
-      s.add_dependency(%q<mocha>, ["~> 0.9.9"])
-    end
-  else
-    s.add_dependency(%q<sinatra>, ["~> 1.1.0"])
-    s.add_dependency(%q<haml>, ["~> 3.0.22"])
-    s.add_dependency(%q<method_extensions>, ["~> 0.0.8"])
-    s.add_dependency(%q<shoulda>, ["~> 2.11.3"])
-    s.add_dependency(%q<rack-test>, ["~> 0.5.6"])
-    s.add_dependency(%q<mocha>, ["~> 0.9.9"])
-  end
+  s.add_runtime_dependency(%q<sinatra>, ["~> 1.1.0"])
+  s.add_runtime_dependency(%q<haml>, ["~> 3.0.22"])
+  s.add_runtime_dependency(%q<method_extensions>, ["~> 0.0.8"])
+  s.add_development_dependency(%q<shoulda>, ["~> 2.11.3"])
+  s.add_development_dependency(%q<rack-test>, ["~> 0.5.6"])
+  s.add_development_dependency(%q<coffee-script>, ["~> 1.1.0"])
+  s.add_development_dependency(%q<evergreen>, ["~> 0.4.0"])
+  s.add_development_dependency(%q<mocha>, ["~> 0.9.12"])
 end
 

data/config/evergreen.rb

@@ -0,0 +1,3 @@
+Evergreen.configure do |config|
+  config.public_dir = 'lib/cans/static'
+end

data/lib/cans/application.rb

@@ -1,6 +1,7 @@
 module Cans
   class Application < Sinatra::Base
     set :views, File.dirname(__FILE__) + '/views'
+    set :public, File.dirname(__FILE__) + '/static'
 
     get '/' do
       @constants = Object.constants
@@ -9,6 +10,49 @@ module Cans
       haml :index
     end
 
+    get '/browser' do
+      haml :frameset
+    end
+
+    post '/browser/image' do
+      @constants = Object.constants
+      @modules = @constants.map{ |c| Object.const_get c}.select{ |c| c.kind_of? Module}.map(&:name).sort
+      content_type :json
+      to_json({ :modules=>@modules })
+    end
+
+    post '/browser/class/*' do
+      @address = Address.new(params[:splat].first)
+      @module = @address.target_module
+
+      @local_instance_methods = @module.instance_methods false
+      @all_instance_methods = @module.instance_methods true
+      @super_instance_methods = @all_instance_methods - @local_instance_methods
+
+      @class_methods = @module.methods.map(&:to_s).sort
+
+      @ancestors = @module.ancestors
+      @child_modules = @module.constants.map{ |c| @module.const_get c}.select{ |c| c.kind_of? Module}.map(&:name).sort
+
+      content_type :json
+      to_json({ :child_modules=>@child_modules,
+                :class_methods=>@class_methods,
+                :local_instance_methods=>@local_instance_methods.map(&:to_s).sort,
+                :inherited_instance_methods=>@super_instance_methods.map(&:to_s).sort
+              })
+    end
+
+    post '/browser/method/*' do
+      @address = Address.new(params[:splat].first)
+      @module = @address.target_module
+      @method = @address.target_method
+
+      @source = @method.source_with_doc
+      @location = @method.source_location
+
+      to_json({ :source=>@source, :source_location=>@location })
+    end
+
     get '/module/*' do
       @address = Address.new(params[:splat].first)
       @module = @address.target_module
@@ -19,7 +63,7 @@ module Cans
 
       @class_methods = @module.methods
 
-      @ancestors = @module.ancestors
+      @ancestors = @module.ancestors.sort_by(&:name)
       @child_modules = @module.constants.map{ |c| @module.const_get c}.select{ |c| c.kind_of? Module}.sort_by(&:name)
 
       haml :module
@@ -47,6 +91,10 @@ module Cans
         href = prefix + destination
         "<a href='#{href}'>#{content}</a>"
       end
+
+      def to_json(hash)
+        JSON.generate hash
+      end
     end
   end
 end

data/lib/cans/static/application.js

@@ -0,0 +1,253 @@
+(function() {
+  var __bind = function(func, context) {
+    return function(){ return func.apply(context, arguments); };
+  }, __extends = function(child, parent) {
+    var ctor = function(){};
+    ctor.prototype = parent.prototype;
+    child.prototype = new ctor();
+    child.prototype.constructor = child;
+    if (typeof parent.extended === "function") parent.extended(child);
+    child.__super__ = parent.prototype;
+  };
+  jQuery(function() {
+    var Ajax;
+    jQuery.ajaxSetup({
+      type: 'post',
+      dataType: 'json'
+    });
+    Ajax = function(path, callback) {
+      var fullPath;
+      fullPath = window.location.pathname + path;
+      return jQuery.ajax({
+        url: fullPath,
+        success: callback
+      });
+    };
+    window.Machine = function() {
+      this.load();
+      return this;
+    };
+    window.Machine.prototype.load = function() {
+      return Ajax('/image', __bind(function(data) {
+        return this.consume(data);
+      }, this));
+    };
+    window.Machine.prototype.consume = function(returned) {
+      this.modules = _.map(returned.modules, function(m) {
+        return new Module(m);
+      });
+      return this.view.trigger('loaded');
+    };
+    window.Module = function(_arg) {
+      this.name = _arg;
+      this.view = null;
+      return this;
+    };
+    window.Module.prototype.load = function() {
+      return Ajax("/class/" + (this.name), __bind(function(data) {
+        return this.consume(data);
+      }, this));
+    };
+    window.Module.prototype.consume = function(returned) {
+      this.childModules = _.map(returned.child_modules, __bind(function(m) {
+        return new Module(m);
+      }, this));
+      this.classMethods = _.map(returned.class_methods, __bind(function(m) {
+        return new ClassMethod(this, m);
+      }, this));
+      this.localInstanceMethods = _.map(returned.local_instance_methods, __bind(function(m) {
+        return new InstanceMethod(this, m);
+      }, this));
+      this.inheritedInstanceMethods = _.map(returned.inherited_instance_methods, __bind(function(m) {
+        return new InstanceMethod(this, m);
+      }, this));
+      return this.view.trigger('loaded');
+    };
+    window.Module.prototype.toJSON = function() {
+      return {
+        name: this.name
+      };
+    };
+    window.Method = function(_arg, _arg2) {
+      this.name = _arg2;
+      this.module = _arg;
+      return this;
+    };
+    window.Method.prototype.load = function(flavor) {
+      return Ajax(this.url(), __bind(function(data) {
+        return this.consume(data);
+      }, this));
+    };
+    window.Method.prototype.consume = function(returned) {
+      this.source = returned.source;
+      if (this.source) {
+        this.source_file = returned.source_location[0];
+        this.source_line = returned.source_location[1];
+      }
+      return this.view.trigger('loaded');
+    };
+    window.Method.prototype.url = function() {
+      return "/method/" + (escape(this.module.name)) + "/." + (escape(this.flavor)) + "/" + (escape(this.name));
+    };
+    window.Method.prototype.toJSON = function() {
+      return {
+        module: this.module.toJSON(),
+        name: this.name,
+        source: this.source,
+        file: this.source_file,
+        line: this.source_line,
+        flavor: this.flavor,
+        flavorSymbol: this.flavorSymbol
+      };
+    };
+    window.InstanceMethod = function() {
+      return window.Method.apply(this, arguments);
+    };
+    __extends(window.InstanceMethod, window.Method);
+    window.InstanceMethod.prototype.flavor = 'i';
+    window.InstanceMethod.prototype.flavorSymbol = '#';
+    window.ClassMethod = function() {
+      return window.Method.apply(this, arguments);
+    };
+    __extends(window.ClassMethod, window.Method);
+    window.ClassMethod.prototype.flavor = 'm';
+    window.ClassMethod.prototype.flavorSymbol = '::';
+    window.SourceView = Backbone.View.extend({
+      tagName: 'div',
+      template: _.template($('#source_template').html()),
+      errorTemplate: _.template($('#source_error_template').html()),
+      render: function() {
+        if (this.model.source) {
+          return this.renderOkay();
+        } else {
+          return this.renderError();
+        }
+      },
+      renderOkay: function() {
+        var rendered;
+        rendered = this.template(this.model.toJSON());
+        $(this.el).html(rendered);
+        return this;
+      },
+      renderError: function() {
+        var rendered;
+        rendered = this.errorTemplate(this.model.toJSON());
+        $(this.el).html(rendered);
+        return this;
+      }
+    });
+    window.MethodView = Backbone.View.extend({
+      tagName: 'li',
+      template: _.template($('#method_template').html()),
+      events: {
+        'click': 'loadSource'
+      },
+      initialize: function() {
+        this.model.view = this;
+        return this.bind('loaded', this.drawSource);
+      },
+      loadSource: function() {
+        $('#content').html('');
+        this.model.load();
+        return false;
+      },
+      drawSource: function() {
+        var sourceView;
+        sourceView = new SourceView({
+          model: this.model
+        });
+        $('#content').html(sourceView.render().el);
+        return SyntaxHighlighter.highlight({}, $('#content pre')[0]);
+      },
+      render: function() {
+        var rendered;
+        rendered = this.template(this.model.toJSON());
+        $(this.el).html(rendered);
+        $(this.el).addClass(this.model.flavor);
+        return this;
+      }
+    });
+    window.ModuleView = Backbone.View.extend({
+      tagName: 'li',
+      template: _.template($('#module_template').html()),
+      events: {
+        'click': 'loadChildren'
+      },
+      initialize: function() {
+        this.model.view = this;
+        return this.bind('loaded', this.drawChildren);
+      },
+      loadChildren: function() {
+        $('#class_method_list').html('');
+        $('#instance_method_list').html('');
+        $('#content').html('');
+        $(this.el).children('.child_modules').html('');
+        this.model.load();
+        return false;
+      },
+      drawChildren: function() {
+        this.drawChildModules();
+        this.drawClassMethods();
+        return this.drawInstanceMethods();
+      },
+      drawClassMethods: function() {
+        return _(this.model.classMethods).each(function(m) {
+          var view;
+          view = new MethodView({
+            model: m
+          });
+          return $('#class_method_list').append(view.render().el);
+        });
+      },
+      drawInstanceMethods: function() {
+        _(this.model.localInstanceMethods).each(function(m) {
+          var view;
+          view = new MethodView({
+            model: m
+          });
+          return $('#instance_method_list').append(view.render().el);
+        });
+        return _(this.model.inheritedInstanceMethods).each(function(m) {
+          var view;
+          view = new MethodView({
+            model: m
+          });
+          return $('#instance_method_list').append(view.render().el);
+        });
+      },
+      drawChildModules: function() {
+        return _(this.model.childModules).each(__bind(function(m) {
+          var view;
+          view = new ModuleView({
+            model: m
+          });
+          return $(this.el).children('.child_modules').append(view.render().el);
+        }, this));
+      },
+      render: function() {
+        var rendered;
+        rendered = this.template(this.model.toJSON());
+        $(this.el).html(rendered);
+        return this;
+      }
+    });
+    window.MachineView = Backbone.View.extend({
+      initialize: function() {
+        this.model.view = this;
+        return this.bind('loaded', this.drawModules);
+      },
+      drawModules: function() {
+        return _(this.model.modules).each(function(m) {
+          var view;
+          view = new ModuleView({
+            model: m
+          });
+          return $('#module_list').append(view.render().el);
+        });
+      }
+    });
+    return (window.App = new window.MachineView({
+      model: new window.Machine()
+    }));
+  });
+}).call(this);

data/lib/cans/static/backbone-min.js

@@ -0,0 +1,26 @@
+// Backbone.js 0.3.1
+// (c) 2010 Jeremy Ashkenas, DocumentCloud Inc.
+// Backbone may be freely distributed under the MIT license.
+// For all details and documentation:
+// http://documentcloud.github.com/backbone
+(function(){var e;e=typeof exports!=="undefined"?exports:this.Backbone={};e.VERSION="0.3.1";var f=this._;if(!f&&typeof require!=="undefined")f=require("underscore")._;var h=this.jQuery;e.emulateHTTP=false;e.emulateJSON=false;e.Events={bind:function(a,b){this._callbacks||(this._callbacks={});(this._callbacks[a]||(this._callbacks[a]=[])).push(b);return this},unbind:function(a,b){var c;if(a){if(c=this._callbacks)if(b){c=c[a];if(!c)return this;for(var d=0,g=c.length;d<g;d++)if(b===c[d]){c.splice(d,1);
+break}}else c[a]=[]}else this._callbacks={};return this},trigger:function(a){var b,c,d,g;if(!(c=this._callbacks))return this;if(b=c[a]){d=0;for(g=b.length;d<g;d++)b[d].apply(this,Array.prototype.slice.call(arguments,1))}if(b=c.all){d=0;for(g=b.length;d<g;d++)b[d].apply(this,arguments)}return this}};e.Model=function(a,b){this.attributes={};this.cid=f.uniqueId("c");this.set(a||{},{silent:true});this._previousAttributes=f.clone(this.attributes);if(b&&b.collection)this.collection=b.collection;this.initialize&&
+this.initialize(a,b)};f.extend(e.Model.prototype,e.Events,{_previousAttributes:null,_changed:false,toJSON:function(){return f.clone(this.attributes)},get:function(a){return this.attributes[a]},set:function(a,b){b||(b={});if(!a)return this;if(a.attributes)a=a.attributes;var c=this.attributes;if(!b.silent&&this.validate&&!this._performValidation(a,b))return false;if("id"in a)this.id=a.id;for(var d in a){var g=a[d];if(!f.isEqual(c[d],g)){c[d]=g;if(!b.silent){this._changed=true;this.trigger("change:"+
+d,this,g)}}}!b.silent&&this._changed&&this.change();return this},unset:function(a,b){b||(b={});var c={};c[a]=void 0;if(!b.silent&&this.validate&&!this._performValidation(c,b))return false;delete this.attributes[a];if(!b.silent){this._changed=true;this.trigger("change:"+a,this);this.change()}return this},clear:function(a){a||(a={});var b=this.attributes,c={};for(attr in b)c[attr]=void 0;if(!a.silent&&this.validate&&!this._performValidation(c,a))return false;this.attributes={};if(!a.silent){this._changed=
+true;for(attr in b)this.trigger("change:"+attr,this);this.change()}return this},fetch:function(a){a||(a={});var b=this,c=a.error&&f.bind(a.error,null,b);e.sync("read",this,function(d){if(!b.set(b.parse(d),a))return false;a.success&&a.success(b,d)},c);return this},save:function(a,b){a||(a={});b||(b={});if(!this.set(a,b))return false;var c=this,d=b.error&&f.bind(b.error,null,c),g=this.isNew()?"create":"update";e.sync(g,this,function(i){if(!c.set(c.parse(i),b))return false;b.success&&b.success(c,i)},
+d);return this},destroy:function(a){a||(a={});var b=this,c=a.error&&f.bind(a.error,null,b);e.sync("delete",this,function(d){b.collection&&b.collection.remove(b);a.success&&a.success(b,d)},c);return this},url:function(){var a=j(this.collection);if(this.isNew())return a;return a+"/"+this.id},parse:function(a){return a},clone:function(){return new this.constructor(this)},isNew:function(){return!this.id},change:function(){this.trigger("change",this);this._previousAttributes=f.clone(this.attributes);this._changed=
+false},hasChanged:function(a){if(a)return this._previousAttributes[a]!=this.attributes[a];return this._changed},changedAttributes:function(a){a||(a=this.attributes);var b=this._previousAttributes,c=false,d;for(d in a)if(!f.isEqual(b[d],a[d])){c=c||{};c[d]=a[d]}return c},previous:function(a){if(!a||!this._previousAttributes)return null;return this._previousAttributes[a]},previousAttributes:function(){return f.clone(this._previousAttributes)},_performValidation:function(a,b){var c=this.validate(a);
+if(c){b.error?b.error(this,c):this.trigger("error",this,c);return false}return true}});e.Collection=function(a,b){b||(b={});if(b.comparator){this.comparator=b.comparator;delete b.comparator}this._boundOnModelEvent=f.bind(this._onModelEvent,this);this._reset();a&&this.refresh(a,{silent:true});this.initialize&&this.initialize(a,b)};f.extend(e.Collection.prototype,e.Events,{model:e.Model,toJSON:function(){return this.map(function(a){return a.toJSON()})},add:function(a,b){if(f.isArray(a))for(var c=0,
+d=a.length;c<d;c++)this._add(a[c],b);else this._add(a,b);return this},remove:function(a,b){if(f.isArray(a))for(var c=0,d=a.length;c<d;c++)this._remove(a[c],b);else this._remove(a,b);return this},get:function(a){return a&&this._byId[a.id!=null?a.id:a]},getByCid:function(a){return a&&this._byCid[a.cid||a]},at:function(a){return this.models[a]},sort:function(a){a||(a={});if(!this.comparator)throw Error("Cannot sort a set without a comparator");this.models=this.sortBy(this.comparator);a.silent||this.trigger("refresh",
+this);return this},pluck:function(a){return f.map(this.models,function(b){return b.get(a)})},refresh:function(a,b){a||(a=[]);b||(b={});this._reset();this.add(a,{silent:true});b.silent||this.trigger("refresh",this);return this},fetch:function(a){a||(a={});var b=this,c=a.error&&f.bind(a.error,null,b);e.sync("read",this,function(d){b.refresh(b.parse(d));a.success&&a.success(b,d)},c);return this},create:function(a,b){var c=this;b||(b={});if(a instanceof e.Model)a.collection=c;else a=new this.model(a,
+{collection:c});return a.save(null,{success:function(d,g){c.add(d);b.success&&b.success(d,g)},error:b.error})},parse:function(a){return a},chain:function(){return f(this.models).chain()},_reset:function(){this.length=0;this.models=[];this._byId={};this._byCid={}},_add:function(a,b){b||(b={});a instanceof e.Model||(a=new this.model(a,{collection:this}));var c=this.getByCid(a);if(c)throw Error(["Can't add the same model to a set twice",c.id]);this._byId[a.id]=a;this._byCid[a.cid]=a;a.collection=this;
+this.models.splice(this.comparator?this.sortedIndex(a,this.comparator):this.length,0,a);a.bind("all",this._boundOnModelEvent);this.length++;b.silent||a.trigger("add",a,this);return a},_remove:function(a,b){b||(b={});a=this.getByCid(a);if(!a)return null;delete this._byId[a.id];delete this._byCid[a.cid];delete a.collection;this.models.splice(this.indexOf(a),1);this.length--;b.silent||a.trigger("remove",a,this);a.unbind("all",this._boundOnModelEvent);return a},_onModelEvent:function(a,b){if(a==="change:id"){delete this._byId[b.previous("id")];
+this._byId[b.id]=b}this.trigger.apply(this,arguments)}});f.each(["forEach","each","map","reduce","reduceRight","find","detect","filter","select","reject","every","all","some","any","include","invoke","max","min","sortBy","sortedIndex","toArray","size","first","rest","last","without","indexOf","lastIndexOf","isEmpty"],function(a){e.Collection.prototype[a]=function(){return f[a].apply(f,[this.models].concat(f.toArray(arguments)))}});e.Controller=function(a){a||(a={});if(a.routes)this.routes=a.routes;
+this._bindRoutes();this.initialize&&this.initialize(a)};var o=/:([\w\d]+)/g,p=/\*([\w\d]+)/g;f.extend(e.Controller.prototype,e.Events,{route:function(a,b,c){e.history||(e.history=new e.History);f.isRegExp(a)||(a=this._routeToRegExp(a));e.history.route(a,f.bind(function(d){d=this._extractParameters(a,d);c.apply(this,d);this.trigger.apply(this,["route:"+b].concat(d))},this))},saveLocation:function(a){e.history.saveLocation(a)},_bindRoutes:function(){if(this.routes)for(var a in this.routes){var b=this.routes[a];
+this.route(a,b,this[b])}},_routeToRegExp:function(a){a=a.replace(o,"([^/]*)").replace(p,"(.*?)");return RegExp("^"+a+"$")},_extractParameters:function(a,b){return a.exec(b).slice(1)}});e.History=function(){this.handlers=[];this.fragment=this.getFragment();f.bindAll(this,"checkUrl")};var k=/^#*/;f.extend(e.History.prototype,{interval:50,getFragment:function(a){return(a||window.location).hash.replace(k,"")},start:function(){var a=document.documentMode;if(a=h.browser.msie&&a<7)this.iframe=h('<iframe src="javascript:0" tabindex="-1" />').hide().appendTo("body")[0].contentWindow;
+"onhashchange"in window&&!a?h(window).bind("hashchange",this.checkUrl):setInterval(this.checkUrl,this.interval);return this.loadUrl()},route:function(a,b){this.handlers.push({route:a,callback:b})},checkUrl:function(){var a=this.getFragment();if(a==this.fragment&&this.iframe)a=this.getFragment(this.iframe.location);if(a==this.fragment||a==decodeURIComponent(this.fragment))return false;if(this.iframe)window.location.hash=this.iframe.location.hash=a;this.loadUrl()},loadUrl:function(){var a=this.fragment=
+this.getFragment();return f.any(this.handlers,function(b){if(b.route.test(a)){b.callback(a);return true}})},saveLocation:function(a){a=(a||"").replace(k,"");if(this.fragment!=a){window.location.hash=this.fragment=a;if(this.iframe&&a!=this.getFragment(this.iframe.location)){this.iframe.document.open().close();this.iframe.location.hash=a}}}});e.View=function(a){this._configure(a||{});this._ensureElement();this.delegateEvents();this.initialize&&this.initialize(a)};var l=function(a){return h(a,this.el)},
+q=/^(\w+)\s*(.*)$/;f.extend(e.View.prototype,e.Events,{tagName:"div",$:l,jQuery:l,render:function(){return this},remove:function(){h(this.el).remove();return this},make:function(a,b,c){a=document.createElement(a);b&&h(a).attr(b);c&&h(a).html(c);return a},delegateEvents:function(a){if(a||(a=this.events)){h(this.el).unbind();for(var b in a){var c=a[b],d=b.match(q),g=d[1];d=d[2];c=f.bind(this[c],this);d===""?h(this.el).bind(g,c):h(this.el).delegate(d,g,c)}}},_configure:function(a){if(this.options)a=
+f.extend({},this.options,a);if(a.model)this.model=a.model;if(a.collection)this.collection=a.collection;if(a.el)this.el=a.el;if(a.id)this.id=a.id;if(a.className)this.className=a.className;if(a.tagName)this.tagName=a.tagName;this.options=a},_ensureElement:function(){if(!this.el){var a={};if(this.id)a.id=this.id;if(this.className)a.className=this.className;this.el=this.make(this.tagName,a)}}});var m=function(a,b){var c=r(this,a,b);c.extend=m;return c};e.Model.extend=e.Collection.extend=e.Controller.extend=
+e.View.extend=m;var s={create:"POST",update:"PUT","delete":"DELETE",read:"GET"};e.sync=function(a,b,c,d){var g=s[a];a=a==="create"||a==="update"?JSON.stringify(b.toJSON()):null;b={url:j(b),type:g,contentType:"application/json",data:a,dataType:"json",processData:false,success:c,error:d};if(e.emulateJSON){b.contentType="application/x-www-form-urlencoded";b.processData=true;b.data=a?{model:a}:{}}if(e.emulateHTTP)if(g==="PUT"||g==="DELETE"){if(e.emulateJSON)b.data._method=g;b.type="POST";b.beforeSend=
+function(i){i.setRequestHeader("X-HTTP-Method-Override",g)}}h.ajax(b)};var n=function(){},r=function(a,b,c){var d;d=b&&b.hasOwnProperty("constructor")?b.constructor:function(){return a.apply(this,arguments)};n.prototype=a.prototype;d.prototype=new n;b&&f.extend(d.prototype,b);c&&f.extend(d,c);d.prototype.constructor=d;d.__super__=a.prototype;return d},j=function(a){if(!(a&&a.url))throw Error("A 'url' property or function must be specified");return f.isFunction(a.url)?a.url():a.url}})();

data/lib/cans/static/frameset.css

@@ -0,0 +1,42 @@
+body {
+  padding: 0;
+  margin: 0;
+}
+ul#columns {
+  list-style-type: none;
+  height: 200px;
+  margin: 0;
+  padding: 0;
+}
+ul#columns>li {
+  display: inline-block;
+  height: 200px;
+  width: 33%;
+  overflow: scroll;
+  margin: 0;
+  padding: 0;
+}
+ul#columns>li:first {
+    width: 34%;
+}
+
+ul#columns>li>h1 {
+    font-size: 12pt;
+    margin: 0;
+}
+
+ul#columns>li>ul {
+    margin: 0;
+    padding: 0;
+}
+
+ul#columns>li>ul>li {
+  padding-left: 0.2em;
+}
+#content {
+  padding: 0 1em;
+}
+#content h1 {
+    margin-top: 0.2em;
+    margin-bottom: 0;
+}