cans 0.1.2 → 0.2.0

data/lib/cans/static/shCoreMidnight.css

@@ -0,0 +1,324 @@
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/SyntaxHighlighter
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
+ *
+ * @version
+ * 3.0.83 (July 02 2010)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2010 Alex Gorbatchev.
+ *
+ * @license
+ * Dual licensed under the MIT and GPL licenses.
+ */
+.syntaxhighlighter a,
+.syntaxhighlighter div,
+.syntaxhighlighter code,
+.syntaxhighlighter table,
+.syntaxhighlighter table td,
+.syntaxhighlighter table tr,
+.syntaxhighlighter table tbody,
+.syntaxhighlighter table thead,
+.syntaxhighlighter table caption,
+.syntaxhighlighter textarea {
+  -moz-border-radius: 0 0 0 0 !important;
+  -webkit-border-radius: 0 0 0 0 !important;
+  background: none !important;
+  border: 0 !important;
+  bottom: auto !important;
+  float: none !important;
+  height: auto !important;
+  left: auto !important;
+  line-height: 1.1em !important;
+  margin: 0 !important;
+  outline: 0 !important;
+  /* overflow: visible !important; */
+  padding: 0 !important;
+  position: static !important;
+  right: auto !important;
+  text-align: left !important;
+  top: auto !important;
+  vertical-align: baseline !important;
+  width: auto !important;
+  box-sizing: content-box !important;
+  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
+  font-weight: normal !important;
+  font-style: normal !important;
+  font-size: 1em !important;
+  min-height: inherit !important;
+  min-height: auto !important;
+}
+
+.syntaxhighlighter {
+  width: 100% !important;
+  margin: 1em 0 1em 0 !important;
+  position: relative !important;
+  /* overflow: auto !important; */
+  font-size: 1em !important;
+}
+.syntaxhighlighter.source {
+  overflow: hidden !important;
+}
+.syntaxhighlighter .bold {
+  font-weight: bold !important;
+}
+.syntaxhighlighter .italic {
+  font-style: italic !important;
+}
+.syntaxhighlighter .line {
+  white-space: pre !important;
+}
+.syntaxhighlighter table {
+  width: 100% !important;
+}
+.syntaxhighlighter table caption {
+  text-align: left !important;
+  padding: .5em 0 0.5em 1em !important;
+}
+.syntaxhighlighter table td.code {
+  width: 100% !important;
+}
+.syntaxhighlighter table td.code .container {
+  position: relative !important;
+}
+.syntaxhighlighter table td.code .container textarea {
+  box-sizing: border-box !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  border: none !important;
+  background: white !important;
+  padding-left: 1em !important;
+  overflow: hidden !important;
+  white-space: pre !important;
+}
+.syntaxhighlighter table td.gutter .line {
+  text-align: right !important;
+  padding: 0 0.5em 0 1em !important;
+}
+.syntaxhighlighter table td.code .line {
+  padding: 0 1em !important;
+}
+.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
+  padding-left: 0em !important;
+}
+.syntaxhighlighter.show {
+  display: block !important;
+}
+.syntaxhighlighter.collapsed table {
+  display: none !important;
+}
+.syntaxhighlighter.collapsed .toolbar {
+  padding: 0.1em 0.8em 0em 0.8em !important;
+  font-size: 1em !important;
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+}
+.syntaxhighlighter.collapsed .toolbar span {
+  display: inline !important;
+  margin-right: 1em !important;
+}
+.syntaxhighlighter.collapsed .toolbar span a {
+  padding: 0 !important;
+  display: none !important;
+}
+.syntaxhighlighter.collapsed .toolbar span a.expandSource {
+  display: inline !important;
+}
+.syntaxhighlighter .toolbar {
+  position: absolute !important;
+  right: 1px !important;
+  top: 1px !important;
+  width: 11px !important;
+  height: 11px !important;
+  font-size: 10px !important;
+  z-index: 10 !important;
+}
+.syntaxhighlighter .toolbar span.title {
+  display: inline !important;
+}
+.syntaxhighlighter .toolbar a {
+  display: block !important;
+  text-align: center !important;
+  text-decoration: none !important;
+  padding-top: 1px !important;
+}
+.syntaxhighlighter .toolbar a.expandSource {
+  display: none !important;
+}
+.syntaxhighlighter.ie {
+  font-size: .9em !important;
+  padding: 1px 0 1px 0 !important;
+}
+.syntaxhighlighter.ie .toolbar {
+  line-height: 8px !important;
+}
+.syntaxhighlighter.ie .toolbar a {
+  padding-top: 0px !important;
+}
+.syntaxhighlighter.printing .line.alt1 .content,
+.syntaxhighlighter.printing .line.alt2 .content,
+.syntaxhighlighter.printing .line.highlighted .number,
+.syntaxhighlighter.printing .line.highlighted.alt1 .content,
+.syntaxhighlighter.printing .line.highlighted.alt2 .content {
+  background: none !important;
+}
+.syntaxhighlighter.printing .line .number {
+  color: #bbbbbb !important;
+}
+.syntaxhighlighter.printing .line .content {
+  color: black !important;
+}
+.syntaxhighlighter.printing .toolbar {
+  display: none !important;
+}
+.syntaxhighlighter.printing a {
+  text-decoration: none !important;
+}
+.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
+  color: black !important;
+}
+.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
+  color: #008200 !important;
+}
+.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
+  color: blue !important;
+}
+.syntaxhighlighter.printing .keyword {
+  color: #006699 !important;
+  font-weight: bold !important;
+}
+.syntaxhighlighter.printing .preprocessor {
+  color: gray !important;
+}
+.syntaxhighlighter.printing .variable {
+  color: #aa7700 !important;
+}
+.syntaxhighlighter.printing .value {
+  color: #009900 !important;
+}
+.syntaxhighlighter.printing .functions {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter.printing .constants {
+  color: #0066cc !important;
+}
+.syntaxhighlighter.printing .script {
+  font-weight: bold !important;
+}
+.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
+  color: gray !important;
+}
+.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
+  color: #ff1493 !important;
+}
+.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
+  color: red !important;
+}
+.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
+  color: black !important;
+}
+
+.syntaxhighlighter {
+  background-color: #0f192a !important;
+}
+.syntaxhighlighter .line.alt1 {
+  background-color: #0f192a !important;
+}
+.syntaxhighlighter .line.alt2 {
+  background-color: #0f192a !important;
+}
+.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
+  background-color: #253e5a !important;
+}
+.syntaxhighlighter .line.highlighted.number {
+  color: #38566f !important;
+}
+.syntaxhighlighter table caption {
+  color: #d1edff !important;
+}
+.syntaxhighlighter .gutter {
+  color: #afafaf !important;
+}
+.syntaxhighlighter .gutter .line {
+  border-right: 3px solid #435a5f !important;
+}
+.syntaxhighlighter .gutter .line.highlighted {
+  background-color: #435a5f !important;
+  color: #0f192a !important;
+}
+.syntaxhighlighter.printing .line .content {
+  border: none !important;
+}
+.syntaxhighlighter.collapsed {
+  overflow: visible !important;
+}
+.syntaxhighlighter.collapsed .toolbar {
+  color: #428bdd !important;
+  background: black !important;
+  border: 1px solid #435a5f !important;
+}
+.syntaxhighlighter.collapsed .toolbar a {
+  color: #428bdd !important;
+}
+.syntaxhighlighter.collapsed .toolbar a:hover {
+  color: #1dc116 !important;
+}
+.syntaxhighlighter .toolbar {
+  color: #d1edff !important;
+  background: #435a5f !important;
+  border: none !important;
+}
+.syntaxhighlighter .toolbar a {
+  color: #d1edff !important;
+}
+.syntaxhighlighter .toolbar a:hover {
+  color: #8aa6c1 !important;
+}
+.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
+  color: #d1edff !important;
+}
+.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
+  color: #428bdd !important;
+}
+.syntaxhighlighter .string, .syntaxhighlighter .string a {
+  color: #1dc116 !important;
+}
+.syntaxhighlighter .keyword {
+  color: #b43d3d !important;
+}
+.syntaxhighlighter .preprocessor {
+  color: #8aa6c1 !important;
+}
+.syntaxhighlighter .variable {
+  color: #ffaa3e !important;
+}
+.syntaxhighlighter .value {
+  color: #f7e741 !important;
+}
+.syntaxhighlighter .functions {
+  color: #ffaa3e !important;
+}
+.syntaxhighlighter .constants {
+  color: #e0e8ff !important;
+}
+.syntaxhighlighter .script {
+  font-weight: bold !important;
+  color: #b43d3d !important;
+  background-color: none !important;
+}
+.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
+  color: #f8bb00 !important;
+}
+.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
+  color: white !important;
+}
+.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
+  color: #ffaa3e !important;
+}

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

@@ -0,0 +1,26 @@
+// Underscore.js 1.1.6
+// (c) 2011 Jeremy Ashkenas, DocumentCloud Inc.
+// Underscore is freely distributable under the MIT license.
+// Portions of Underscore are inspired or borrowed from Prototype,
+// Oliver Steele's Functional, and John Resig's Micro-Templating.
+// For all details and documentation:
+// http://documentcloud.github.com/underscore
+(function(){var p=this,C=p._,m={},i=Array.prototype,n=Object.prototype,f=i.slice,D=i.unshift,E=n.toString,l=n.hasOwnProperty,s=i.forEach,t=i.map,u=i.reduce,v=i.reduceRight,w=i.filter,x=i.every,y=i.some,o=i.indexOf,z=i.lastIndexOf;n=Array.isArray;var F=Object.keys,q=Function.prototype.bind,b=function(a){return new j(a)};typeof module!=="undefined"&&module.exports?(module.exports=b,b._=b):p._=b;b.VERSION="1.1.6";var h=b.each=b.forEach=function(a,c,d){if(a!=null)if(s&&a.forEach===s)a.forEach(c,d);else if(b.isNumber(a.length))for(var e=
+0,k=a.length;e<k;e++){if(c.call(d,a[e],e,a)===m)break}else for(e in a)if(l.call(a,e)&&c.call(d,a[e],e,a)===m)break};b.map=function(a,c,b){var e=[];if(a==null)return e;if(t&&a.map===t)return a.map(c,b);h(a,function(a,g,G){e[e.length]=c.call(b,a,g,G)});return e};b.reduce=b.foldl=b.inject=function(a,c,d,e){var k=d!==void 0;a==null&&(a=[]);if(u&&a.reduce===u)return e&&(c=b.bind(c,e)),k?a.reduce(c,d):a.reduce(c);h(a,function(a,b,f){!k&&b===0?(d=a,k=!0):d=c.call(e,d,a,b,f)});if(!k)throw new TypeError("Reduce of empty array with no initial value");
+return d};b.reduceRight=b.foldr=function(a,c,d,e){a==null&&(a=[]);if(v&&a.reduceRight===v)return e&&(c=b.bind(c,e)),d!==void 0?a.reduceRight(c,d):a.reduceRight(c);a=(b.isArray(a)?a.slice():b.toArray(a)).reverse();return b.reduce(a,c,d,e)};b.find=b.detect=function(a,c,b){var e;A(a,function(a,g,f){if(c.call(b,a,g,f))return e=a,!0});return e};b.filter=b.select=function(a,c,b){var e=[];if(a==null)return e;if(w&&a.filter===w)return a.filter(c,b);h(a,function(a,g,f){c.call(b,a,g,f)&&(e[e.length]=a)});return e};
+b.reject=function(a,c,b){var e=[];if(a==null)return e;h(a,function(a,g,f){c.call(b,a,g,f)||(e[e.length]=a)});return e};b.every=b.all=function(a,c,b){var e=!0;if(a==null)return e;if(x&&a.every===x)return a.every(c,b);h(a,function(a,g,f){if(!(e=e&&c.call(b,a,g,f)))return m});return e};var A=b.some=b.any=function(a,c,d){c||(c=b.identity);var e=!1;if(a==null)return e;if(y&&a.some===y)return a.some(c,d);h(a,function(a,b,f){if(e=c.call(d,a,b,f))return m});return e};b.include=b.contains=function(a,c){var b=
+!1;if(a==null)return b;if(o&&a.indexOf===o)return a.indexOf(c)!=-1;A(a,function(a){if(b=a===c)return!0});return b};b.invoke=function(a,c){var d=f.call(arguments,2);return b.map(a,function(a){return(c.call?c||a:a[c]).apply(a,d)})};b.pluck=function(a,c){return b.map(a,function(a){return a[c]})};b.max=function(a,c,d){if(!c&&b.isArray(a))return Math.max.apply(Math,a);var e={computed:-Infinity};h(a,function(a,b,f){b=c?c.call(d,a,b,f):a;b>=e.computed&&(e={value:a,computed:b})});return e.value};b.min=function(a,
+c,d){if(!c&&b.isArray(a))return Math.min.apply(Math,a);var e={computed:Infinity};h(a,function(a,b,f){b=c?c.call(d,a,b,f):a;b<e.computed&&(e={value:a,computed:b})});return e.value};b.sortBy=function(a,c,d){return b.pluck(b.map(a,function(a,b,f){return{value:a,criteria:c.call(d,a,b,f)}}).sort(function(a,b){var c=a.criteria,d=b.criteria;return c<d?-1:c>d?1:0}),"value")};b.sortedIndex=function(a,c,d){d||(d=b.identity);for(var e=0,f=a.length;e<f;){var g=e+f>>1;d(a[g])<d(c)?e=g+1:f=g}return e};b.toArray=
+function(a){if(!a)return[];if(a.toArray)return a.toArray();if(b.isArray(a))return a;if(b.isArguments(a))return f.call(a);return b.values(a)};b.size=function(a){return b.toArray(a).length};b.first=b.head=function(a,b,d){return b!=null&&!d?f.call(a,0,b):a[0]};b.rest=b.tail=function(a,b,d){return f.call(a,b==null||d?1:b)};b.last=function(a){return a[a.length-1]};b.compact=function(a){return b.filter(a,function(a){return!!a})};b.flatten=function(a){return b.reduce(a,function(a,d){if(b.isArray(d))return a.concat(b.flatten(d));
+a[a.length]=d;return a},[])};b.without=function(a){var c=f.call(arguments,1);return b.filter(a,function(a){return!b.include(c,a)})};b.uniq=b.unique=function(a,c){return b.reduce(a,function(a,e,f){if(0==f||(c===!0?b.last(a)!=e:!b.include(a,e)))a[a.length]=e;return a},[])};b.intersect=function(a){var c=f.call(arguments,1);return b.filter(b.uniq(a),function(a){return b.every(c,function(c){return b.indexOf(c,a)>=0})})};b.zip=function(){for(var a=f.call(arguments),c=b.max(b.pluck(a,"length")),d=Array(c),
+e=0;e<c;e++)d[e]=b.pluck(a,""+e);return d};b.indexOf=function(a,c,d){if(a==null)return-1;var e;if(d)return d=b.sortedIndex(a,c),a[d]===c?d:-1;if(o&&a.indexOf===o)return a.indexOf(c);d=0;for(e=a.length;d<e;d++)if(a[d]===c)return d;return-1};b.lastIndexOf=function(a,b){if(a==null)return-1;if(z&&a.lastIndexOf===z)return a.lastIndexOf(b);for(var d=a.length;d--;)if(a[d]===b)return d;return-1};b.range=function(a,b,d){arguments.length<=1&&(b=a||0,a=0);d=arguments[2]||1;for(var e=Math.max(Math.ceil((b-a)/
+d),0),f=0,g=Array(e);f<e;)g[f++]=a,a+=d;return g};b.bind=function(a,b){if(a.bind===q&&q)return q.apply(a,f.call(arguments,1));var d=f.call(arguments,2);return function(){return a.apply(b,d.concat(f.call(arguments)))}};b.bindAll=function(a){var c=f.call(arguments,1);c.length==0&&(c=b.functions(a));h(c,function(c){a[c]=b.bind(a[c],a)});return a};b.memoize=function(a,c){var d={};c||(c=b.identity);return function(){var b=c.apply(this,arguments);return l.call(d,b)?d[b]:d[b]=a.apply(this,arguments)}};b.delay=
+function(a,b){var d=f.call(arguments,2);return setTimeout(function(){return a.apply(a,d)},b)};b.defer=function(a){return b.delay.apply(b,[a,1].concat(f.call(arguments,1)))};var B=function(a,b,d){var e;return function(){var f=this,g=arguments,h=function(){e=null;a.apply(f,g)};d&&clearTimeout(e);if(d||!e)e=setTimeout(h,b)}};b.throttle=function(a,b){return B(a,b,!1)};b.debounce=function(a,b){return B(a,b,!0)};b.once=function(a){var b=!1,d;return function(){if(b)return d;b=!0;return d=a.apply(this,arguments)}};
+b.wrap=function(a,b){return function(){var d=[a].concat(f.call(arguments));return b.apply(this,d)}};b.compose=function(){var a=f.call(arguments);return function(){for(var b=f.call(arguments),d=a.length-1;d>=0;d--)b=[a[d].apply(this,b)];return b[0]}};b.after=function(a,b){return function(){if(--a<1)return b.apply(this,arguments)}};b.keys=F||function(a){if(a!==Object(a))throw new TypeError("Invalid object");var b=[],d;for(d in a)l.call(a,d)&&(b[b.length]=d);return b};b.values=function(a){return b.map(a,
+b.identity)};b.functions=b.methods=function(a){return b.filter(b.keys(a),function(c){return b.isFunction(a[c])}).sort()};b.extend=function(a){h(f.call(arguments,1),function(b){for(var d in b)b[d]!==void 0&&(a[d]=b[d])});return a};b.defaults=function(a){h(f.call(arguments,1),function(b){for(var d in b)a[d]==null&&(a[d]=b[d])});return a};b.clone=function(a){return b.isArray(a)?a.slice():b.extend({},a)};b.tap=function(a,b){b(a);return a};b.isEqual=function(a,c){if(a===c)return!0;var d=typeof a;if(d!=
+typeof c)return!1;if(a==c)return!0;if(!a&&c||a&&!c)return!1;if(a._chain)a=a._wrapped;if(c._chain)c=c._wrapped;if(a.isEqual)return a.isEqual(c);if(b.isDate(a)&&b.isDate(c))return a.getTime()===c.getTime();if(b.isNaN(a)&&b.isNaN(c))return!1;if(b.isRegExp(a)&&b.isRegExp(c))return a.source===c.source&&a.global===c.global&&a.ignoreCase===c.ignoreCase&&a.multiline===c.multiline;if(d!=="object")return!1;if(a.length&&a.length!==c.length)return!1;d=b.keys(a);var e=b.keys(c);if(d.length!=e.length)return!1;
+for(var f in a)if(!(f in c)||!b.isEqual(a[f],c[f]))return!1;return!0};b.isEmpty=function(a){if(b.isArray(a)||b.isString(a))return a.length===0;for(var c in a)if(l.call(a,c))return!1;return!0};b.isElement=function(a){return!!(a&&a.nodeType==1)};b.isArray=n||function(a){return E.call(a)==="[object Array]"};b.isArguments=function(a){return!(!a||!l.call(a,"callee"))};b.isFunction=function(a){return!(!a||!a.constructor||!a.call||!a.apply)};b.isString=function(a){return!!(a===""||a&&a.charCodeAt&&a.substr)};
+b.isNumber=function(a){return!!(a===0||a&&a.toExponential&&a.toFixed)};b.isNaN=function(a){return a!==a};b.isBoolean=function(a){return a===!0||a===!1};b.isDate=function(a){return!(!a||!a.getTimezoneOffset||!a.setUTCFullYear)};b.isRegExp=function(a){return!(!a||!a.test||!a.exec||!(a.ignoreCase||a.ignoreCase===!1))};b.isNull=function(a){return a===null};b.isUndefined=function(a){return a===void 0};b.noConflict=function(){p._=C;return this};b.identity=function(a){return a};b.times=function(a,b,d){for(var e=
+0;e<a;e++)b.call(d,e)};b.mixin=function(a){h(b.functions(a),function(c){H(c,b[c]=a[c])})};var I=0;b.uniqueId=function(a){var b=I++;return a?a+b:b};b.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g};b.template=function(a,c){var d=b.templateSettings;d="var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('"+a.replace(/\\/g,"\\\\").replace(/'/g,"\\'").replace(d.interpolate,function(a,b){return"',"+b.replace(/\\'/g,"'")+",'"}).replace(d.evaluate||
+null,function(a,b){return"');"+b.replace(/\\'/g,"'").replace(/[\r\n\t]/g," ")+"__p.push('"}).replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/\t/g,"\\t")+"');}return __p.join('');";d=new Function("obj",d);return c?d(c):d};var j=function(a){this._wrapped=a};b.prototype=j.prototype;var r=function(a,c){return c?b(a).chain():a},H=function(a,c){j.prototype[a]=function(){var a=f.call(arguments);D.call(a,this._wrapped);return r(c.apply(b,a),this._chain)}};b.mixin(b);h(["pop","push","reverse","shift","sort",
+"splice","unshift"],function(a){var b=i[a];j.prototype[a]=function(){b.apply(this._wrapped,arguments);return r(this._wrapped,this._chain)}});h(["concat","join","slice"],function(a){var b=i[a];j.prototype[a]=function(){return r(b.apply(this._wrapped,arguments),this._chain)}});j.prototype.chain=function(){this._chain=!0;return this};j.prototype.value=function(){return this._wrapped}})();

data/lib/cans/version.rb

@@ -0,0 +1,3 @@
+module Cans
+  VERSION = '0.2.0'
+end

data/lib/cans/views/application.coffee

@@ -0,0 +1,161 @@
+jQuery ->
+  jQuery.ajaxSetup(
+    type: 'post'
+    dataType: 'json'
+  )
+
+  # cans-based ajax helper, since we don't necessarily know where
+  # cans has been mounted
+  Ajax = (path, callback) ->
+    fullPath = window.location.pathname + path
+    jQuery.ajax(
+      url: fullPath
+      success: callback
+    )
+
+  # the top-level view of the Ruby VM image
+  class window.Machine
+    constructor: () ->
+      this.load()
+    load: ->
+      Ajax '/image', (data) =>
+        this.consume data
+    consume: (returned) ->
+      @modules = _.map returned.modules, (m) ->
+        new Module(m)
+      @view.trigger 'loaded'
+
+  class window.Module
+    constructor: (@name) ->
+      @view = null
+    load: ->
+      Ajax "/class/#{@name}", (data) =>
+        this.consume data
+    consume: (returned) ->
+      @childModules = _.map returned.child_modules, (m) => new Module(m)
+      @classMethods = _.map returned.class_methods, (m) => new ClassMethod(this, m)
+      @localInstanceMethods = _.map returned.local_instance_methods, (m) => new InstanceMethod(this, m)
+      @inheritedInstanceMethods = _.map returned.inherited_instance_methods, (m) => new InstanceMethod(this, m)
+      this.view.trigger 'loaded'
+    toJSON: ->
+      name: @name
+
+  class window.Method
+    constructor: (@module, @name) ->
+    load: (flavor) ->
+      Ajax this.url(), (data) =>
+        this.consume data
+    consume: (returned) ->
+      @source = returned.source
+      if @source
+        @source_file = returned.source_location[0]
+        @source_line = returned.source_location[1]
+      this.view.trigger 'loaded'
+    url: ->
+      "/method/#{escape(@module.name)}/.#{escape(@flavor)}/#{escape(@name)}"
+    toJSON: ->
+      module: @module.toJSON()
+      name: @name
+      source: @source
+      file: @source_file
+      line: @source_line
+      flavor: @flavor
+      flavorSymbol: @flavorSymbol
+
+  class window.InstanceMethod extends window.Method
+    flavor: 'i'
+    flavorSymbol: '#'
+
+  class window.ClassMethod extends window.Method
+    flavor: 'm'
+    flavorSymbol: '::'
+
+  window.SourceView = Backbone.View.extend
+    tagName: 'div'
+    template: _.template($('#source_template').html())
+    errorTemplate: _.template($('#source_error_template').html())
+    render: ->
+      if @model.source
+        return this.renderOkay()
+      else
+        return this.renderError()
+    renderOkay: ->
+      rendered = @template(@model.toJSON())
+      $(@el).html(rendered)
+      return this
+    renderError: ->
+      rendered = @errorTemplate(@model.toJSON())
+      $(@el).html(rendered)
+      return this
+
+  window.MethodView = Backbone.View.extend
+    tagName: 'li'
+    template: _.template($('#method_template').html())
+    events:
+      'click': 'loadSource'
+    initialize: ->
+      @model.view = this
+      this.bind 'loaded', this.drawSource
+    loadSource: ->
+      $('#content').html('')
+      @model.load()
+      false
+    drawSource: ->
+      sourceView = new SourceView({model: @model})
+      $('#content').html(sourceView.render().el)
+      SyntaxHighlighter.highlight({}, $('#content pre')[0])
+    render: ->
+      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: ->
+      @model.view = this
+      this.bind 'loaded', this.drawChildren
+    loadChildren: ->
+      $('#class_method_list').html('')
+      $('#instance_method_list').html('')
+      $('#content').html('')
+      $(@el).children('.child_modules').html('')
+      @model.load()
+      false
+    drawChildren: ->
+      this.drawChildModules()
+      this.drawClassMethods()
+      this.drawInstanceMethods()
+    drawClassMethods: ->
+      _(this.model.classMethods).each (m) ->
+        view = new MethodView({model: m})
+        $('#class_method_list').append(view.render().el)
+    drawInstanceMethods: ->
+      _(this.model.localInstanceMethods).each (m) ->
+        view = new MethodView({model: m})
+        $('#instance_method_list').append(view.render().el)
+      _(this.model.inheritedInstanceMethods).each (m) ->
+        view = new MethodView({model: m})
+        $('#instance_method_list').append(view.render().el)
+    drawChildModules: ->
+      _(this.model.childModules).each (m) =>
+        view = new ModuleView({model: m})
+        $(@el).children('.child_modules').append(view.render().el)
+    render: ->
+      rendered = this.template(this.model.toJSON())
+      $(this.el).html(rendered)
+      return this
+
+  window.MachineView = Backbone.View.extend
+    initialize: ->
+      @model.view = this
+      this.bind 'loaded', this.drawModules
+    drawModules: ->
+      _(@model.modules).each (m)->
+        view = new ModuleView({model: m})
+        $('#module_list').append(view.render().el)
+
+  window.App = new window.MachineView({model: new window.Machine})

data/lib/cans/views/frameset.haml

@@ -0,0 +1,38 @@
+!!! 5
+%html
+  %head
+    %title Cans
+    %link(rel='stylesheet' href='frameset.css' type='text/css' media='screen')
+    %link(rel='stylesheet' href='shCoreMidnight.css' type='text/css' media='screen')
+  %body
+    %ul#columns
+      %li
+        %ul#module_list
+      %li
+        %h1 Class Methods
+        %ul#class_method_list
+      %li
+        %h1 Instance Methods
+        %ul#instance_method_list
+    #content
+    %script{:src=>'json2.js', :type=>'text/javascript'}
+    %script{:src=>'jquery-1.4.4.min.js', :type=>'text/javascript'}
+    %script{:src=>'underscore-min.js', :type=>'text/javascript'}
+    %script{:src=>'backbone-min.js', :type=>'text/javascript'}
+    %script{:src=>'shCore.js', :type=>'text/javascript'}
+    %script{:src=>'shBrushRuby.js', :type=>'text/javascript'}
+    %script{:src=>'application.js', :type=>'text/javascript'}
+    %script#module_template(type='text/template')
+      <a><%= name %></a>
+      <ul class="child_modules"></ul>
+    %script#method_template(type='text/template')
+      <a><%= name %></a>
+    %script#source_template(type='text/template')
+      %h1 <%= module.name %><%= flavorSymbol %><%= name %>
+      %p.location Found at <%= file %>:<%= line %>
+      %pre{:class=>'brush: ruby'} <%= source %>
+    %script#source_error_template(type='text/template')
+      %h1 <%= module.name %><%= flavorSymbol %><%= name %>
+      %p
+        Couldn't find source for this method. It's probably implemented in C,
+        an accessor method, or dynamically generated.

data/lib/cans.rb

@@ -1,4 +1,4 @@
-%w{ method_extensions sinatra/base haml }.each do |g|
+%w{ method_extensions sinatra/base haml coffee-script json }.each do |g|
   require g
 end
 

data/spec/javascripts/instance_method_spec.coffee

@@ -0,0 +1,21 @@
+describe 'InstanceMethod', ->
+  module = null
+
+  beforeEach ->
+    module = new Module('SampleModule')
+
+  it 'should take a name and module when constructed', ->
+    method = new InstanceMethod(module, 'SampleMethod')
+    expect(method.module).toEqual module
+    expect(method.name).toEqual 'SampleMethod'
+
+  describe 'instance', ->
+    method = null
+
+    beforeEach ->
+      method = new InstanceMethod(module, 'SampleMethod')
+
+    it 'should Ajax fetch when asked to load', ->
+      spyOn jQuery, 'ajax'
+      method.load()
+      expect(jQuery.ajax).toHaveBeenCalled()

data/spec/javascripts/machine_spec.coffee

@@ -0,0 +1,31 @@
+describe 'Machine', ->
+
+  it 'should Ajax fetch when constructed', ->
+    spyOn jQuery, 'ajax'
+    machine = new Machine()
+    expect(jQuery.ajax).toHaveBeenCalled()
+
+  describe 'instance', ->
+
+    machine = null
+
+    beforeEach ->
+      spyOn jQuery, 'ajax'
+      view =
+        trigger: (name) ->
+          null
+      spyOn view, 'trigger'
+      machine = new Machine()
+      machine.view = view
+
+    describe 'when receiving module data', ->
+      beforeEach ->
+        machine.consume(
+          modules: ['Alpha', 'Bravo']
+        )
+
+      it 'should create empty module instances for each datum', ->
+        expect(machine.modules).toEqual([new Module('Alpha'), new Module('Bravo')])
+
+      it 'should notify the view when loaded', ->
+        expect(machine.view.trigger).toHaveBeenCalledWith('loaded')

data/spec/javascripts/machine_view_spec.coffee

@@ -0,0 +1,3 @@
+describe 'MachineView', ->
+  it 'should exist', ->
+    expect(window.MachineView).toBeDefined()

data/spec/javascripts/method_spec.coffee

@@ -0,0 +1,21 @@
+describe 'Method', ->
+  module = null
+
+  beforeEach ->
+    module = new Module('SampleModule')
+
+  it 'should take a name and module when constructed', ->
+    method = new Method(module, 'SampleMethod')
+    expect(method.module).toEqual module
+    expect(method.name).toEqual 'SampleMethod'
+
+  describe 'instance', ->
+    method = null
+
+    beforeEach ->
+      method = new Method(module, 'SampleMethod')
+
+    it 'should Ajax fetch when asked to load', ->
+      spyOn jQuery, 'ajax'
+      method.load()
+      expect(jQuery.ajax).toHaveBeenCalled()