rspec-web 0.1.9 → 0.1.10

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    rspec-web (0.1.5)
+    rspec-web (0.1.9)
       em-websocket (~> 0.3.6)
       haml (~> 3.1.4)
       rspec (~> 2.8.0)

data/VERSION

@@ -1 +1 @@
-0.1.9
+0.1.10

data/bin/rspec-web

@@ -11,7 +11,7 @@ begin
   require 'spork/runner'
   
   Thread.new { Spork::Runner.run(ARGV, STDOUT, STDERR) }
-rescue; end
+rescue LoadError; end
 
 RspecWeb::WebSocketServer.run!
 RspecWeb::WebApplication.run!

data/lib/rspec_web/web_application.rb

@@ -13,6 +13,12 @@ module RspecWeb
       enable :method_override
     end
     
+    helpers do
+      def partial(name)
+        haml(:"partials/#{name}", layout: false, escape_attrs: false)
+      end
+    end
+    
     get '/css/style.css' do
       scss :style
     end

data/lib/rspec_web/web_application/public/js/lib/backbone.js

@@ -0,0 +1,37 @@
+// Backbone.js 0.9.1
+
+// (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc.
+// Backbone may be freely distributed under the MIT license.
+// For all details and documentation:
+// http://backbonejs.org
+(function(){var i=this,r=i.Backbone,s=Array.prototype.slice,t=Array.prototype.splice,g;g="undefined"!==typeof exports?exports:i.Backbone={};g.VERSION="0.9.1";var f=i._;!f&&"undefined"!==typeof require&&(f=require("underscore"));var h=i.jQuery||i.Zepto||i.ender;g.setDomLibrary=function(a){h=a};g.noConflict=function(){i.Backbone=r;return this};g.emulateHTTP=!1;g.emulateJSON=!1;g.Events={on:function(a,b,c){for(var d,a=a.split(/\s+/),e=this._callbacks||(this._callbacks={});d=a.shift();){d=e[d]||(e[d]=
+{});var f=d.tail||(d.tail=d.next={});f.callback=b;f.context=c;d.tail=f.next={}}return this},off:function(a,b,c){var d,e,f;if(a){if(e=this._callbacks)for(a=a.split(/\s+/);d=a.shift();)if(f=e[d],delete e[d],b&&f)for(;(f=f.next)&&f.next;)if(!(f.callback===b&&(!c||f.context===c)))this.on(d,f.callback,f.context)}else delete this._callbacks;return this},trigger:function(a){var b,c,d,e;if(!(d=this._callbacks))return this;e=d.all;for((a=a.split(/\s+/)).push(null);b=a.shift();)e&&a.push({next:e.next,tail:e.tail,
+event:b}),(c=d[b])&&a.push({next:c.next,tail:c.tail});for(e=s.call(arguments,1);c=a.pop();){b=c.tail;for(d=c.event?[c.event].concat(e):e;(c=c.next)!==b;)c.callback.apply(c.context||this,d)}return this}};g.Events.bind=g.Events.on;g.Events.unbind=g.Events.off;g.Model=function(a,b){var c;a||(a={});b&&b.parse&&(a=this.parse(a));if(c=j(this,"defaults"))a=f.extend({},c,a);b&&b.collection&&(this.collection=b.collection);this.attributes={};this._escapedAttributes={};this.cid=f.uniqueId("c");if(!this.set(a,
+{silent:!0}))throw Error("Can't create an invalid model");delete this._changed;this._previousAttributes=f.clone(this.attributes);this.initialize.apply(this,arguments)};f.extend(g.Model.prototype,g.Events,{idAttribute:"id",initialize:function(){},toJSON:function(){return f.clone(this.attributes)},get:function(a){return this.attributes[a]},escape:function(a){var b;if(b=this._escapedAttributes[a])return b;b=this.attributes[a];return this._escapedAttributes[a]=f.escape(null==b?"":""+b)},has:function(a){return null!=
+this.attributes[a]},set:function(a,b,c){var d,e;f.isObject(a)||null==a?(d=a,c=b):(d={},d[a]=b);c||(c={});if(!d)return this;d instanceof g.Model&&(d=d.attributes);if(c.unset)for(e in d)d[e]=void 0;if(!this._validate(d,c))return!1;this.idAttribute in d&&(this.id=d[this.idAttribute]);var b=this.attributes,k=this._escapedAttributes,n=this._previousAttributes||{},h=this._setting;this._changed||(this._changed={});this._setting=!0;for(e in d)if(a=d[e],f.isEqual(b[e],a)||delete k[e],c.unset?delete b[e]:b[e]=
+a,this._changing&&!f.isEqual(this._changed[e],a)&&(this.trigger("change:"+e,this,a,c),this._moreChanges=!0),delete this._changed[e],!f.isEqual(n[e],a)||f.has(b,e)!=f.has(n,e))this._changed[e]=a;h||(!c.silent&&this.hasChanged()&&this.change(c),this._setting=!1);return this},unset:function(a,b){(b||(b={})).unset=!0;return this.set(a,null,b)},clear:function(a){(a||(a={})).unset=!0;return this.set(f.clone(this.attributes),a)},fetch:function(a){var a=a?f.clone(a):{},b=this,c=a.success;a.success=function(d,
+e,f){if(!b.set(b.parse(d,f),a))return!1;c&&c(b,d)};a.error=g.wrapError(a.error,b,a);return(this.sync||g.sync).call(this,"read",this,a)},save:function(a,b,c){var d,e;f.isObject(a)||null==a?(d=a,c=b):(d={},d[a]=b);c=c?f.clone(c):{};c.wait&&(e=f.clone(this.attributes));a=f.extend({},c,{silent:!0});if(d&&!this.set(d,c.wait?a:c))return!1;var k=this,h=c.success;c.success=function(a,b,e){b=k.parse(a,e);c.wait&&(b=f.extend(d||{},b));if(!k.set(b,c))return!1;h?h(k,a):k.trigger("sync",k,a,c)};c.error=g.wrapError(c.error,
+k,c);b=this.isNew()?"create":"update";b=(this.sync||g.sync).call(this,b,this,c);c.wait&&this.set(e,a);return b},destroy:function(a){var a=a?f.clone(a):{},b=this,c=a.success,d=function(){b.trigger("destroy",b,b.collection,a)};if(this.isNew())return d();a.success=function(e){a.wait&&d();c?c(b,e):b.trigger("sync",b,e,a)};a.error=g.wrapError(a.error,b,a);var e=(this.sync||g.sync).call(this,"delete",this,a);a.wait||d();return e},url:function(){var a=j(this.collection,"url")||j(this,"urlRoot")||o();return this.isNew()?
+a:a+("/"==a.charAt(a.length-1)?"":"/")+encodeURIComponent(this.id)},parse:function(a){return a},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return null==this.id},change:function(a){if(this._changing||!this.hasChanged())return this;this._moreChanges=this._changing=!0;for(var b in this._changed)this.trigger("change:"+b,this,this._changed[b],a);for(;this._moreChanges;)this._moreChanges=!1,this.trigger("change",this,a);this._previousAttributes=f.clone(this.attributes);
+delete this._changed;this._changing=!1;return this},hasChanged:function(a){return!arguments.length?!f.isEmpty(this._changed):this._changed&&f.has(this._changed,a)},changedAttributes:function(a){if(!a)return this.hasChanged()?f.clone(this._changed):!1;var b,c=!1,d=this._previousAttributes,e;for(e in a)if(!f.isEqual(d[e],b=a[e]))(c||(c={}))[e]=b;return c},previous:function(a){return!arguments.length||!this._previousAttributes?null:this._previousAttributes[a]},previousAttributes:function(){return f.clone(this._previousAttributes)},
+isValid:function(){return!this.validate(this.attributes)},_validate:function(a,b){if(b.silent||!this.validate)return!0;var a=f.extend({},this.attributes,a),c=this.validate(a,b);if(!c)return!0;b&&b.error?b.error(this,c,b):this.trigger("error",this,c,b);return!1}});g.Collection=function(a,b){b||(b={});b.comparator&&(this.comparator=b.comparator);this._reset();this.initialize.apply(this,arguments);a&&this.reset(a,{silent:!0,parse:b.parse})};f.extend(g.Collection.prototype,g.Events,{model:g.Model,initialize:function(){},
+toJSON:function(){return this.map(function(a){return a.toJSON()})},add:function(a,b){var c,d,e,g,h,i={},j={};b||(b={});a=f.isArray(a)?a.slice():[a];for(c=0,d=a.length;c<d;c++){if(!(e=a[c]=this._prepareModel(a[c],b)))throw Error("Can't add an invalid model to a collection");if(i[g=e.cid]||this._byCid[g]||null!=(h=e.id)&&(j[h]||this._byId[h]))throw Error("Can't add the same model to a collection twice");i[g]=j[h]=e}for(c=0;c<d;c++)(e=a[c]).on("all",this._onModelEvent,this),this._byCid[e.cid]=e,null!=
+e.id&&(this._byId[e.id]=e);this.length+=d;t.apply(this.models,[null!=b.at?b.at:this.models.length,0].concat(a));this.comparator&&this.sort({silent:!0});if(b.silent)return this;for(c=0,d=this.models.length;c<d;c++)if(i[(e=this.models[c]).cid])b.index=c,e.trigger("add",e,this,b);return this},remove:function(a,b){var c,d,e,g;b||(b={});a=f.isArray(a)?a.slice():[a];for(c=0,d=a.length;c<d;c++)if(g=this.getByCid(a[c])||this.get(a[c]))delete this._byId[g.id],delete this._byCid[g.cid],e=this.indexOf(g),this.models.splice(e,
+1),this.length--,b.silent||(b.index=e,g.trigger("remove",g,this,b)),this._removeReference(g);return this},get:function(a){return null==a?null:this._byId[null!=a.id?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");var b=f.bind(this.comparator,this);1==this.comparator.length?this.models=this.sortBy(b):this.models.sort(b);a.silent||this.trigger("reset",
+this,a);return this},pluck:function(a){return f.map(this.models,function(b){return b.get(a)})},reset:function(a,b){a||(a=[]);b||(b={});for(var c=0,d=this.models.length;c<d;c++)this._removeReference(this.models[c]);this._reset();this.add(a,{silent:!0,parse:b.parse});b.silent||this.trigger("reset",this,b);return this},fetch:function(a){a=a?f.clone(a):{};void 0===a.parse&&(a.parse=!0);var b=this,c=a.success;a.success=function(d,e,f){b[a.add?"add":"reset"](b.parse(d,f),a);c&&c(b,d)};a.error=g.wrapError(a.error,
+b,a);return(this.sync||g.sync).call(this,"read",this,a)},create:function(a,b){var c=this,b=b?f.clone(b):{},a=this._prepareModel(a,b);if(!a)return!1;b.wait||c.add(a,b);var d=b.success;b.success=function(e,f){b.wait&&c.add(e,b);d?d(e,f):e.trigger("sync",a,f,b)};a.save(null,b);return a},parse:function(a){return a},chain:function(){return f(this.models).chain()},_reset:function(){this.length=0;this.models=[];this._byId={};this._byCid={}},_prepareModel:function(a,b){a instanceof g.Model?a.collection||
+(a.collection=this):(b.collection=this,a=new this.model(a,b),a._validate(a.attributes,b)||(a=!1));return a},_removeReference:function(a){this==a.collection&&delete a.collection;a.off("all",this._onModelEvent,this)},_onModelEvent:function(a,b,c,d){("add"==a||"remove"==a)&&c!=this||("destroy"==a&&this.remove(b,d),b&&a==="change:"+b.idAttribute&&(delete this._byId[b.previous(b.idAttribute)],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,contains,invoke,max,min,sortBy,sortedIndex,toArray,size,first,initial,rest,last,without,indexOf,shuffle,lastIndexOf,isEmpty,groupBy".split(","),
+function(a){g.Collection.prototype[a]=function(){return f[a].apply(f,[this.models].concat(f.toArray(arguments)))}});g.Router=function(a){a||(a={});a.routes&&(this.routes=a.routes);this._bindRoutes();this.initialize.apply(this,arguments)};var u=/:\w+/g,v=/\*\w+/g,w=/[-[\]{}()+?.,\\^$|#\s]/g;f.extend(g.Router.prototype,g.Events,{initialize:function(){},route:function(a,b,c){g.history||(g.history=new g.History);f.isRegExp(a)||(a=this._routeToRegExp(a));c||(c=this[b]);g.history.route(a,f.bind(function(d){d=
+this._extractParameters(a,d);c&&c.apply(this,d);this.trigger.apply(this,["route:"+b].concat(d));g.history.trigger("route",this,b,d)},this));return this},navigate:function(a,b){g.history.navigate(a,b)},_bindRoutes:function(){if(this.routes){var a=[],b;for(b in this.routes)a.unshift([b,this.routes[b]]);b=0;for(var c=a.length;b<c;b++)this.route(a[b][0],a[b][1],this[a[b][1]])}},_routeToRegExp:function(a){a=a.replace(w,"\\$&").replace(u,"([^/]+)").replace(v,"(.*?)");return RegExp("^"+a+"$")},_extractParameters:function(a,
+b){return a.exec(b).slice(1)}});g.History=function(){this.handlers=[];f.bindAll(this,"checkUrl")};var m=/^[#\/]/,x=/msie [\w.]+/,l=!1;f.extend(g.History.prototype,g.Events,{interval:50,getFragment:function(a,b){if(null==a)if(this._hasPushState||b){var a=window.location.pathname,c=window.location.search;c&&(a+=c)}else a=window.location.hash;a=decodeURIComponent(a);a.indexOf(this.options.root)||(a=a.substr(this.options.root.length));return a.replace(m,"")},start:function(a){if(l)throw Error("Backbone.history has already been started");
+this.options=f.extend({},{root:"/"},this.options,a);this._wantsHashChange=!1!==this.options.hashChange;this._wantsPushState=!!this.options.pushState;this._hasPushState=!(!this.options.pushState||!window.history||!window.history.pushState);var a=this.getFragment(),b=document.documentMode;if(b=x.exec(navigator.userAgent.toLowerCase())&&(!b||7>=b))this.iframe=h('<iframe src="javascript:0" tabindex="-1" />').hide().appendTo("body")[0].contentWindow,this.navigate(a);this._hasPushState?h(window).bind("popstate",
+this.checkUrl):this._wantsHashChange&&"onhashchange"in window&&!b?h(window).bind("hashchange",this.checkUrl):this._wantsHashChange&&(this._checkUrlInterval=setInterval(this.checkUrl,this.interval));this.fragment=a;l=!0;a=window.location;b=a.pathname==this.options.root;if(this._wantsHashChange&&this._wantsPushState&&!this._hasPushState&&!b)return this.fragment=this.getFragment(null,!0),window.location.replace(this.options.root+"#"+this.fragment),!0;this._wantsPushState&&this._hasPushState&&b&&a.hash&&
+(this.fragment=a.hash.replace(m,""),window.history.replaceState({},document.title,a.protocol+"//"+a.host+this.options.root+this.fragment));if(!this.options.silent)return this.loadUrl()},stop:function(){h(window).unbind("popstate",this.checkUrl).unbind("hashchange",this.checkUrl);clearInterval(this._checkUrlInterval);l=!1},route:function(a,b){this.handlers.unshift({route:a,callback:b})},checkUrl:function(){var a=this.getFragment();a==this.fragment&&this.iframe&&(a=this.getFragment(this.iframe.location.hash));
+if(a==this.fragment||a==decodeURIComponent(this.fragment))return!1;this.iframe&&this.navigate(a);this.loadUrl()||this.loadUrl(window.location.hash)},loadUrl:function(a){var b=this.fragment=this.getFragment(a);return f.any(this.handlers,function(a){if(a.route.test(b))return a.callback(b),!0})},navigate:function(a,b){if(!l)return!1;if(!b||!0===b)b={trigger:b};var c=(a||"").replace(m,"");this.fragment==c||this.fragment==decodeURIComponent(c)||(this._hasPushState?(0!=c.indexOf(this.options.root)&&(c=
+this.options.root+c),this.fragment=c,window.history[b.replace?"replaceState":"pushState"]({},document.title,c)):this._wantsHashChange?(this.fragment=c,this._updateHash(window.location,c,b.replace),this.iframe&&c!=this.getFragment(this.iframe.location.hash)&&(b.replace||this.iframe.document.open().close(),this._updateHash(this.iframe.location,c,b.replace))):window.location.assign(this.options.root+a),b.trigger&&this.loadUrl(a))},_updateHash:function(a,b,c){c?a.replace(a.toString().replace(/(javascript:|#).*$/,
+"")+"#"+b):a.hash=b}});g.View=function(a){this.cid=f.uniqueId("view");this._configure(a||{});this._ensureElement();this.initialize.apply(this,arguments);this.delegateEvents()};var y=/^(\S+)\s*(.*)$/,p="model,collection,el,id,attributes,className,tagName".split(",");f.extend(g.View.prototype,g.Events,{tagName:"div",$:function(a){return this.$el.find(a)},initialize:function(){},render:function(){return this},remove:function(){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},setElement:function(a,b){this.$el=h(a);this.el=this.$el[0];!1!==b&&this.delegateEvents();return this},delegateEvents:function(a){if(a||(a=j(this,"events"))){this.undelegateEvents();for(var b in a){var c=a[b];f.isFunction(c)||(c=this[a[b]]);if(!c)throw Error('Event "'+a[b]+'" does not exist');var d=b.match(y),e=d[1],d=d[2],c=f.bind(c,this),e=e+(".delegateEvents"+this.cid);""===d?this.$el.bind(e,c):this.$el.delegate(d,e,c)}}},undelegateEvents:function(){this.$el.unbind(".delegateEvents"+
+this.cid)},_configure:function(a){this.options&&(a=f.extend({},this.options,a));for(var b=0,c=p.length;b<c;b++){var d=p[b];a[d]&&(this[d]=a[d])}this.options=a},_ensureElement:function(){if(this.el)this.setElement(this.el,!1);else{var a=j(this,"attributes")||{};this.id&&(a.id=this.id);this.className&&(a["class"]=this.className);this.setElement(this.make(this.tagName,a),!1)}}});g.Model.extend=g.Collection.extend=g.Router.extend=g.View.extend=function(a,b){var c=z(this,a,b);c.extend=this.extend;return c};
+var A={create:"POST",update:"PUT","delete":"DELETE",read:"GET"};g.sync=function(a,b,c){var d=A[a],e={type:d,dataType:"json"};c.url||(e.url=j(b,"url")||o());if(!c.data&&b&&("create"==a||"update"==a))e.contentType="application/json",e.data=JSON.stringify(b.toJSON());g.emulateJSON&&(e.contentType="application/x-www-form-urlencoded",e.data=e.data?{model:e.data}:{});if(g.emulateHTTP&&("PUT"===d||"DELETE"===d))g.emulateJSON&&(e.data._method=d),e.type="POST",e.beforeSend=function(a){a.setRequestHeader("X-HTTP-Method-Override",
+d)};"GET"!==e.type&&!g.emulateJSON&&(e.processData=!1);return h.ajax(f.extend(e,c))};g.wrapError=function(a,b,c){return function(d,e){e=d===b?e:d;a?a(b,e,c):b.trigger("error",b,e,c)}};var q=function(){},z=function(a,b,c){var d;d=b&&b.hasOwnProperty("constructor")?b.constructor:function(){a.apply(this,arguments)};f.extend(d,a);q.prototype=a.prototype;d.prototype=new q;b&&f.extend(d.prototype,b);c&&f.extend(d,c);d.prototype.constructor=d;d.__super__=a.prototype;return d},j=function(a,b){return!a||!a[b]?
+null:f.isFunction(a[b])?a[b]():a[b]},o=function(){throw Error('A "url" property or function must be specified');}}).call(this);

data/lib/rspec_web/web_application/public/js/lib/underscore.js

@@ -0,0 +1,31 @@
+// Underscore.js 1.3.1
+// (c) 2009-2012 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(){function q(a,c,d){if(a===c)return a!==0||1/a==1/c;if(a==null||c==null)return a===c;if(a._chain)a=a._wrapped;if(c._chain)c=c._wrapped;if(a.isEqual&&b.isFunction(a.isEqual))return a.isEqual(c);if(c.isEqual&&b.isFunction(c.isEqual))return c.isEqual(a);var e=l.call(a);if(e!=l.call(c))return false;switch(e){case "[object String]":return a==String(c);case "[object Number]":return a!=+a?c!=+c:a==0?1/a==1/c:a==+c;case "[object Date]":case "[object Boolean]":return+a==+c;case "[object RegExp]":return a.source==
+c.source&&a.global==c.global&&a.multiline==c.multiline&&a.ignoreCase==c.ignoreCase}if(typeof a!="object"||typeof c!="object")return false;for(var f=d.length;f--;)if(d[f]==a)return true;d.push(a);var f=0,g=true;if(e=="[object Array]"){if(f=a.length,g=f==c.length)for(;f--;)if(!(g=f in a==f in c&&q(a[f],c[f],d)))break}else{if("constructor"in a!="constructor"in c||a.constructor!=c.constructor)return false;for(var h in a)if(b.has(a,h)&&(f++,!(g=b.has(c,h)&&q(a[h],c[h],d))))break;if(g){for(h in c)if(b.has(c,
+h)&&!f--)break;g=!f}}d.pop();return g}var r=this,G=r._,n={},k=Array.prototype,o=Object.prototype,i=k.slice,H=k.unshift,l=o.toString,I=o.hasOwnProperty,w=k.forEach,x=k.map,y=k.reduce,z=k.reduceRight,A=k.filter,B=k.every,C=k.some,p=k.indexOf,D=k.lastIndexOf,o=Array.isArray,J=Object.keys,s=Function.prototype.bind,b=function(a){return new m(a)};if(typeof exports!=="undefined"){if(typeof module!=="undefined"&&module.exports)exports=module.exports=b;exports._=b}else r._=b;b.VERSION="1.3.1";var j=b.each=
+b.forEach=function(a,c,d){if(a!=null)if(w&&a.forEach===w)a.forEach(c,d);else if(a.length===+a.length)for(var e=0,f=a.length;e<f;e++){if(e in a&&c.call(d,a[e],e,a)===n)break}else for(e in a)if(b.has(a,e)&&c.call(d,a[e],e,a)===n)break};b.map=b.collect=function(a,c,b){var e=[];if(a==null)return e;if(x&&a.map===x)return a.map(c,b);j(a,function(a,g,h){e[e.length]=c.call(b,a,g,h)});if(a.length===+a.length)e.length=a.length;return e};b.reduce=b.foldl=b.inject=function(a,c,d,e){var f=arguments.length>2;a==
+null&&(a=[]);if(y&&a.reduce===y)return e&&(c=b.bind(c,e)),f?a.reduce(c,d):a.reduce(c);j(a,function(a,b,i){f?d=c.call(e,d,a,b,i):(d=a,f=true)});if(!f)throw new TypeError("Reduce of empty array with no initial value");return d};b.reduceRight=b.foldr=function(a,c,d,e){var f=arguments.length>2;a==null&&(a=[]);if(z&&a.reduceRight===z)return e&&(c=b.bind(c,e)),f?a.reduceRight(c,d):a.reduceRight(c);var g=b.toArray(a).reverse();e&&!f&&(c=b.bind(c,e));return f?b.reduce(g,c,d,e):b.reduce(g,c)};b.find=b.detect=
+function(a,c,b){var e;E(a,function(a,g,h){if(c.call(b,a,g,h))return e=a,true});return e};b.filter=b.select=function(a,c,b){var e=[];if(a==null)return e;if(A&&a.filter===A)return a.filter(c,b);j(a,function(a,g,h){c.call(b,a,g,h)&&(e[e.length]=a)});return e};b.reject=function(a,c,b){var e=[];if(a==null)return e;j(a,function(a,g,h){c.call(b,a,g,h)||(e[e.length]=a)});return e};b.every=b.all=function(a,c,b){var e=true;if(a==null)return e;if(B&&a.every===B)return a.every(c,b);j(a,function(a,g,h){if(!(e=
+e&&c.call(b,a,g,h)))return n});return e};var E=b.some=b.any=function(a,c,d){c||(c=b.identity);var e=false;if(a==null)return e;if(C&&a.some===C)return a.some(c,d);j(a,function(a,b,h){if(e||(e=c.call(d,a,b,h)))return n});return!!e};b.include=b.contains=function(a,c){var b=false;if(a==null)return b;return p&&a.indexOf===p?a.indexOf(c)!=-1:b=E(a,function(a){return a===c})};b.invoke=function(a,c){var d=i.call(arguments,2);return b.map(a,function(a){return(b.isFunction(c)?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);if(!c&&b.isEmpty(a))return-Infinity;var e={computed:-Infinity};j(a,function(a,b,h){b=c?c.call(d,a,b,h):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);if(!c&&b.isEmpty(a))return Infinity;var e={computed:Infinity};j(a,function(a,b,h){b=c?c.call(d,a,b,h):a;b<e.computed&&(e={value:a,computed:b})});
+return e.value};b.shuffle=function(a){var b=[],d;j(a,function(a,f){f==0?b[0]=a:(d=Math.floor(Math.random()*(f+1)),b[f]=b[d],b[d]=a)});return b};b.sortBy=function(a,c,d){return b.pluck(b.map(a,function(a,b,g){return{value:a,criteria:c.call(d,a,b,g)}}).sort(function(a,b){var c=a.criteria,d=b.criteria;return c<d?-1:c>d?1:0}),"value")};b.groupBy=function(a,c){var d={},e=b.isFunction(c)?c:function(a){return a[c]};j(a,function(a,b){var c=e(a,b);(d[c]||(d[c]=[])).push(a)});return d};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){return!a?[]:a.toArray?a.toArray():b.isArray(a)?i.call(a):b.isArguments(a)?i.call(a):b.values(a)};b.size=function(a){return b.toArray(a).length};b.first=b.head=function(a,b,d){return b!=null&&!d?i.call(a,0,b):a[0]};b.initial=function(a,b,d){return i.call(a,0,a.length-(b==null||d?1:b))};b.last=function(a,b,d){return b!=null&&!d?i.call(a,Math.max(a.length-b,0)):a[a.length-1]};b.rest=
+b.tail=function(a,b,d){return i.call(a,b==null||d?1:b)};b.compact=function(a){return b.filter(a,function(a){return!!a})};b.flatten=function(a,c){return b.reduce(a,function(a,e){if(b.isArray(e))return a.concat(c?e:b.flatten(e));a[a.length]=e;return a},[])};b.without=function(a){return b.difference(a,i.call(arguments,1))};b.uniq=b.unique=function(a,c,d){var d=d?b.map(a,d):a,e=[];b.reduce(d,function(d,g,h){if(0==h||(c===true?b.last(d)!=g:!b.include(d,g)))d[d.length]=g,e[e.length]=a[h];return d},[]);
+return e};b.union=function(){return b.uniq(b.flatten(arguments,true))};b.intersection=b.intersect=function(a){var c=i.call(arguments,1);return b.filter(b.uniq(a),function(a){return b.every(c,function(c){return b.indexOf(c,a)>=0})})};b.difference=function(a){var c=b.flatten(i.call(arguments,1));return b.filter(a,function(a){return!b.include(c,a)})};b.zip=function(){for(var a=i.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(p&&a.indexOf===p)return a.indexOf(c);for(d=0,e=a.length;d<e;d++)if(d in a&&a[d]===c)return d;return-1};b.lastIndexOf=function(a,b){if(a==null)return-1;if(D&&a.lastIndexOf===D)return a.lastIndexOf(b);for(var d=a.length;d--;)if(d in a&&a[d]===b)return d;return-1};b.range=function(a,b,d){arguments.length<=1&&(b=a||0,a=0);for(var d=arguments[2]||1,e=Math.max(Math.ceil((b-a)/d),0),f=0,g=Array(e);f<e;)g[f++]=a,a+=d;return g};
+var F=function(){};b.bind=function(a,c){var d,e;if(a.bind===s&&s)return s.apply(a,i.call(arguments,1));if(!b.isFunction(a))throw new TypeError;e=i.call(arguments,2);return d=function(){if(!(this instanceof d))return a.apply(c,e.concat(i.call(arguments)));F.prototype=a.prototype;var b=new F,g=a.apply(b,e.concat(i.call(arguments)));return Object(g)===g?g:b}};b.bindAll=function(a){var c=i.call(arguments,1);c.length==0&&(c=b.functions(a));j(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 e=c.apply(this,arguments);return b.has(d,e)?d[e]:d[e]=a.apply(this,arguments)}};b.delay=function(a,b){var d=i.call(arguments,2);return setTimeout(function(){return a.apply(a,d)},b)};b.defer=function(a){return b.delay.apply(b,[a,1].concat(i.call(arguments,1)))};b.throttle=function(a,c){var d,e,f,g,h,i=b.debounce(function(){h=g=false},c);return function(){d=this;e=arguments;var b;f||(f=setTimeout(function(){f=null;h&&a.apply(d,e);i()},c));g?h=true:
+a.apply(d,e);i();g=true}};b.debounce=function(a,b){var d;return function(){var e=this,f=arguments;clearTimeout(d);d=setTimeout(function(){d=null;a.apply(e,f)},b)}};b.once=function(a){var b=false,d;return function(){if(b)return d;b=true;return d=a.apply(this,arguments)}};b.wrap=function(a,b){return function(){var d=[a].concat(i.call(arguments,0));return b.apply(this,d)}};b.compose=function(){var a=arguments;return function(){for(var b=arguments,d=a.length-1;d>=0;d--)b=[a[d].apply(this,b)];return b[0]}};
+b.after=function(a,b){return a<=0?b():function(){if(--a<1)return b.apply(this,arguments)}};b.keys=J||function(a){if(a!==Object(a))throw new TypeError("Invalid object");var c=[],d;for(d in a)b.has(a,d)&&(c[c.length]=d);return c};b.values=function(a){return b.map(a,b.identity)};b.functions=b.methods=function(a){var c=[],d;for(d in a)b.isFunction(a[d])&&c.push(d);return c.sort()};b.extend=function(a){j(i.call(arguments,1),function(b){for(var d in b)a[d]=b[d]});return a};b.defaults=function(a){j(i.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.isObject(a)?a:b.isArray(a)?a.slice():b.extend({},a)};b.tap=function(a,b){b(a);return a};b.isEqual=function(a,b){return q(a,b,[])};b.isEmpty=function(a){if(b.isArray(a)||b.isString(a))return a.length===0;for(var c in a)if(b.has(a,c))return false;return true};b.isElement=function(a){return!!(a&&a.nodeType==1)};b.isArray=o||function(a){return l.call(a)=="[object Array]"};b.isObject=function(a){return a===Object(a)};
+b.isArguments=function(a){return l.call(a)=="[object Arguments]"};if(!b.isArguments(arguments))b.isArguments=function(a){return!(!a||!b.has(a,"callee"))};b.isFunction=function(a){return l.call(a)=="[object Function]"};b.isString=function(a){return l.call(a)=="[object String]"};b.isNumber=function(a){return l.call(a)=="[object Number]"};b.isNaN=function(a){return a!==a};b.isBoolean=function(a){return a===true||a===false||l.call(a)=="[object Boolean]"};b.isDate=function(a){return l.call(a)=="[object Date]"};
+b.isRegExp=function(a){return l.call(a)=="[object RegExp]"};b.isNull=function(a){return a===null};b.isUndefined=function(a){return a===void 0};b.has=function(a,b){return I.call(a,b)};b.noConflict=function(){r._=G;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.escape=function(a){return(""+a).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2F;")};b.mixin=function(a){j(b.functions(a),
+function(c){K(c,b[c]=a[c])})};var L=0;b.uniqueId=function(a){var b=L++;return a?a+b:b};b.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var t=/.^/,u=function(a){return a.replace(/\\\\/g,"\\").replace(/\\'/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.escape||t,function(a,b){return"',_.escape("+
+u(b)+"),'"}).replace(d.interpolate||t,function(a,b){return"',"+u(b)+",'"}).replace(d.evaluate||t,function(a,b){return"');"+u(b).replace(/[\r\n\t]/g," ")+";__p.push('"}).replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/\t/g,"\\t")+"');}return __p.join('');",e=new Function("obj","_",d);return c?e(c,b):function(a){return e.call(this,a,b)}};b.chain=function(a){return b(a).chain()};var m=function(a){this._wrapped=a};b.prototype=m.prototype;var v=function(a,c){return c?b(a).chain():a},K=function(a,c){m.prototype[a]=
+function(){var a=i.call(arguments);H.call(a,this._wrapped);return v(c.apply(b,a),this._chain)}};b.mixin(b);j("pop,push,reverse,shift,sort,splice,unshift".split(","),function(a){var b=k[a];m.prototype[a]=function(){var d=this._wrapped;b.apply(d,arguments);var e=d.length;(a=="shift"||a=="splice")&&e===0&&delete d[0];return v(d,this._chain)}});j(["concat","join","slice"],function(a){var b=k[a];m.prototype[a]=function(){return v(b.apply(this._wrapped,arguments),this._chain)}});m.prototype.chain=function(){this._chain=
+true;return this};m.prototype.value=function(){return this._wrapped}}).call(this);

data/lib/rspec_web/web_application/public/js/models/example.js

@@ -0,0 +1,3 @@
+var Example = Backbone.Model.extend({
+  
+});

data/lib/rspec_web/web_application/public/js/models/exampleCollection.js

@@ -0,0 +1,25 @@
+var ExampleCollection = function(iteration, exampleType) {
+  this.collection = [];
+  this.iteration = iteration;
+  this.exampleType = exampleType;
+  
+  this.add = function(data) {
+    var timestamp = this.iteration.get('timestamp');
+    
+    $.extend(data, { timestamp: timestamp, exampleIndex: this.finishedCount()-1 });
+    
+    var template = _.template( $('#exampleEntry').html() );
+    var newExampleEntry = $( template(data) );
+    
+    this.collection.push(newExampleEntry);
+    
+    $('#iteration-'+timestamp+'-tab-content-'+this.exampleType).append(newExampleEntry);
+    $('#iteration-'+timestamp+'-tab-'+this.exampleType+'-count').html( this.finishedCount() );
+    $('#iteration-'+timestamp+'-finished-example-count').html( this.iteration.examples.finishedCount() );
+    
+    this.iteration.updateProgressBar();
+    this.iteration.updateListEntryIcon();
+  };
+  
+  this.finishedCount = function() { return this.collection.length; };
+}

data/lib/rspec_web/web_application/public/js/models/iteration.js

@@ -0,0 +1,56 @@
+var Iteration = Backbone.Model.extend({
+  initialize : function() {
+    var self = this;
+    
+    this.examples = {
+      passing : new ExampleCollection(self, 'passing'),
+      pending : new ExampleCollection(self, 'pending'),
+      failing : new ExampleCollection(self, 'failing'),
+      finishedCount : function() { return self.examples.passing.finishedCount() + self.examples.pending.finishedCount() + self.examples.failing.finishedCount(); }
+    }
+  },
+  updateListEntryIcon : function() {
+    var listEntryIconElement = $('#iteration-'+this.get('timestamp')+'-list-entry-icon');
+    var newListEntryIconClass;
+    
+    if (this.examples.passing.finishedCount() > 0){ newListEntryIconClass = 'icon-ok-sign'; }
+    if (this.examples.pending.finishedCount() > 0){ newListEntryIconClass = 'icon-question-sign'; }
+    if (this.examples.failing.finishedCount() > 0){ newListEntryIconClass = 'icon-remove-sign'; }
+    
+    if ( !listEntryIconElement.hasClass(newListEntryIconClass) ){
+      listEntryIconElement.removeClass('icon-info-sign');
+      listEntryIconElement.removeClass('icon-ok-sign');
+      listEntryIconElement.removeClass('icon-question-sign');
+      listEntryIconElement.removeClass('icon-remove-sign');
+      
+      listEntryIconElement.addClass(newListEntryIconClass);
+    }
+  },
+  updateProgressBar : function(){
+    var timestamp = this.get('timestamp');
+    var percentageComplete = (this.examples.finishedCount() / this.get('exampleCount')) * 100;
+    var progressRowElement = $('#iteration-'+timestamp+'-progress-row');
+    var progressContainerElement = $('#iteration-'+timestamp+'-progress-container');
+    var progressBarElement = $('#iteration-'+timestamp+'-progress-bar');
+    var newProgressBarClass;
+    
+    progressBarElement.css('width', percentageComplete + '%');
+    
+    if (this.examples.passing.finishedCount() > 0){ newProgressBarClass = 'progress-passing'; }
+    if (this.examples.pending.finishedCount() > 0){ newProgressBarClass = 'progress-pending'; }
+    if (this.examples.failing.finishedCount() > 0){ newProgressBarClass = 'progress-failing'; }
+    
+    if ( !progressContainerElement.hasClass(newProgressBarClass) ){
+      progressContainerElement.removeClass('progress-passing');
+      progressContainerElement.removeClass('progress-pending');
+      progressContainerElement.removeClass('progress-failing');
+      
+      progressContainerElement.addClass(newProgressBarClass);
+    }
+    
+    if (percentageComplete == 100){ 
+      progressContainerElement.removeClass('active');
+      progressContainerElement.removeClass('progress-striped');
+    }
+  }
+});

data/lib/rspec_web/web_application/public/js/models/iterationCollection.js

@@ -0,0 +1,39 @@
+// var IterationCollection = function(max) {
+var IterationCollection = function(rspecWebFrontend) {
+  this.collection = {};
+  // this.max = max;
+  
+  this.add = function(timestamp, exampleCount) {
+    $('#btn-run-specs').removeAttr('disabled');
+    
+    var templateVariables = {
+      timestamp          : timestamp,
+      exampleCount       : exampleCount,
+      formattedTimestamp : new Date(timestamp*1000).toString('ddd MMM d h:mm:ss tt'),
+      iterationsCount    : this.collection.length
+    };
+    
+    var firstIterationListEntry = $('#iterationsList').children()[0]; // Iterations header
+    
+    var newIterationListEntryTemplate = _.template( $('#iterationListEntry').html() );
+    var newIterationListEntry = $( newIterationListEntryTemplate(templateVariables) );
+    
+    var newIterationEntryTemplate = _.template( $('#iterationEntry').html() );
+    var newIterationEntry = $( newIterationEntryTemplate(templateVariables) );
+    
+    $('#iterations').prepend(newIterationEntry);
+    
+    newIterationListEntry.insertAfter(firstIterationListEntry);
+    newIterationListEntry.popover( rspecWebFrontend.iterations.newIterationListEntryPopoverOptions );
+    
+    rspecWebFrontend.views.show('iterations');
+    
+    newIterationListEntry.addClass('active');
+    newIterationEntry.addClass('active');
+    newIterationListEntry.slideDown();
+    
+    this.collection[timestamp] = new Iteration({ timestamp : timestamp, exampleCount : exampleCount });
+  };
+  
+  this.count = function() { return this.collection.length; };
+}

data/lib/rspec_web/web_application/public/js/models/viewContainer.js

@@ -0,0 +1,14 @@
+var ViewContainer = function(rspecWebFrontend, opts) {
+  this.currentName = opts.initialView;
+  this.show = function() {
+    var viewName = arguments[0].replace(/View$/, '');
+    var callback = arguments[1];
+    
+    $('#'+this.currentName+'View').fadeOut(function(){
+      $('#'+viewName+'View').fadeIn();
+      if (typeof callback != 'undefined'){ callback(); }
+    });
+    
+    this.currentName = viewName;
+  };
+};

data/lib/rspec_web/web_application/public/js/models/webSocketContainer.js

@@ -0,0 +1,46 @@
+var WebSocketContainer = function(rspecWebFrontend, opts) {
+  this.host = opts.host;
+  this.port = opts.port;
+  this.socket = $.gracefulWebSocket('ws://'+this.host+':'+this.port);
+  this.socket.onmessage = function(messageEvent){
+    var message = $.parseJSON(messageEvent.data);
+    var timestamp = message["arguments"][0];
+    
+    if (message["method"] == "startNewIteration"){
+      var exampleCount = message["arguments"][1];
+      
+      rspecWebFrontend.iterations.add(timestamp, exampleCount);
+    } else if (message["method"] == "addToPassing" || message["method"] == "addToPending" || message["method"] == "addToFailing"){
+      var data = message["arguments"][1];
+      
+      if (message["method"] == "addToPassing") {
+        rspecWebFrontend.iterations.collection[timestamp].examples.passing.add(data);
+      } else if (message["method"] == "addToPending") {
+        rspecWebFrontend.iterations.collection[timestamp].examples.pending.add(data);
+      } else if (message["method"] == "addToFailing") {
+        rspecWebFrontend.iterations.collection[timestamp].examples.failing.add(data);
+      }
+    }
+  };
+  
+  this.identify = function() {
+    this.socket.send( $.toJSON({
+      receiver  : "server",
+      method    : "identify",
+      arguments : ["web"]
+    }) );
+  };
+  
+  this.runSpecs = function() {
+    var settingsRspecCommand = $.cookie('settingsRspecCommand');
+    if (settingsRspecCommand == '' || typeof settingsRspecCommand == 'undefined') {
+      settingsRspecCommand = rspecWebFrontend.config.defaultCommand;
+    }
+    
+    this.socket.send( $.toJSON({
+      receiver  : "server", 
+      method    : "runSpecs", 
+      arguments : [ settingsRspecCommand ]
+    }) );
+  };
+};

data/lib/rspec_web/web_application/public/js/rspecWebFrontend.js

@@ -0,0 +1,11 @@
+var rspecWebFrontend = {
+  config : {
+    defaultCommand : 'rspec spec --f RspecWeb::Formatter --drb'
+  }
+};
+
+$(function() {
+  rspecWebFrontend.webSocket  = new WebSocketContainer(rspecWebFrontend, { host: window.location.hostname, port: 10081 });
+  rspecWebFrontend.views      = new ViewContainer(rspecWebFrontend, { initialView: 'noIterationsError' });
+  rspecWebFrontend.iterations = new IterationCollection(rspecWebFrontend);
+});

data/lib/rspec_web/web_application/public/js/script.js

@@ -1,198 +1,12 @@
-function Iteration(timestamp, exampleCount, iterationEntry) {
-  var self = this;
-  
-  this.passingExamples = [];
-  this.pendingExamples = [];
-  this.failingExamples = [];
-  this.timestamp = timestamp;
-  this.totalExampleCount = exampleCount;
-  this.iterationEntry = iterationEntry;
-  
-  this.addMethods = {
-    // TODO: merge into one method
-    addToPassing : function(data){
-      $.extend(data, { timestamp: timestamp, exampleIndex: self.finishedExampleCount()-1 });
-      var newExampleEntry = $( tmpl("exampleEntry", data) );
-      self.passingExamples.push(newExampleEntry);
-      $('#iteration-'+timestamp+'-tab-content-passing').append(newExampleEntry);
-      $('#iteration-'+timestamp+'-tab-passing-count').html(self.passingExamples.length);
-      self.updateProgressBar();
-      self.updateListEntryIcon();
-      $('#finishedExampleCount').html( self.finishedExampleCount() );
-    },
-    addToPending : function(data){
-      $.extend(data, { timestamp: timestamp, exampleIndex: self.finishedExampleCount()-1 });
-      var newExampleEntry = $( tmpl("exampleEntry", data) );
-      self.pendingExamples.push(newExampleEntry);
-      $('#iteration-'+timestamp+'-tab-content-pending').append(newExampleEntry);
-      $('#iteration-'+timestamp+'-tab-pending-count').html(self.pendingExamples.length);
-      self.updateProgressBar();
-      self.updateListEntryIcon();
-      $('#finishedExampleCount').html( self.finishedExampleCount() );
-    },
-    addToFailing : function(data){
-      $.extend(data, { timestamp: timestamp, exampleIndex: self.finishedExampleCount()-1 });
-      var newExampleEntry = $( tmpl("exampleEntry", data) );
-      self.failingExamples.push(newExampleEntry);
-      $('#iteration-'+timestamp+'-tab-content-failing').append(newExampleEntry);
-      $('#iteration-'+timestamp+'-tab-failing-count').html(self.failingExamples.length);
-      self.updateProgressBar();
-      self.updateListEntryIcon();
-      $('#finishedExampleCount').html( self.finishedExampleCount() );
-    }
-  };
-  
-  this.finishedExampleCount = function(){
-    return self.passingExamples.length + self.pendingExamples.length + self.failingExamples.length;
-  };
-  
-  this.updateListEntryIcon = function(){
-    var listEntryIconElement = $('#iteration-'+timestamp+'-list-entry-icon');
-    var newListEntryIconClass;
-    
-    if (this.passingExamples.length > 0){ newListEntryIconClass = 'icon-ok-sign'; }
-    if (this.pendingExamples.length > 0){ newListEntryIconClass = 'icon-question-sign'; }
-    if (this.failingExamples.length > 0){ newListEntryIconClass = 'icon-remove-sign'; }
-    
-    if ( !listEntryIconElement.hasClass(newListEntryIconClass) ){
-      listEntryIconElement.removeClass('icon-info-sign');
-      listEntryIconElement.removeClass('icon-ok-sign');
-      listEntryIconElement.removeClass('icon-question-sign');
-      listEntryIconElement.removeClass('icon-remove-sign');
-      
-      listEntryIconElement.addClass(newListEntryIconClass);
-    }
-  };
-  
-  this.updateProgressBar = function(){
-    var percentageComplete = (this.finishedExampleCount() / this.totalExampleCount) * 100;
-    var progressRowElement = $('#iteration-'+timestamp+'-progress-row');
-    var progressContainerElement = $('#iteration-'+timestamp+'-progress-container');
-    var progressBarElement = $('#iteration-'+timestamp+'-progress-bar');
-    var newProgressBarClass;
-    
-    progressBarElement.css('width', percentageComplete + '%');
-    
-    if (this.passingExamples.length > 0){ newProgressBarClass = 'progress-passing'; }
-    if (this.pendingExamples.length > 0){ newProgressBarClass = 'progress-pending'; }
-    if (this.failingExamples.length > 0){ newProgressBarClass = 'progress-failing'; }
-    
-    if ( !progressContainerElement.hasClass(newProgressBarClass) ){
-      progressContainerElement.removeClass('progress-passing');
-      progressContainerElement.removeClass('progress-pending');
-      progressContainerElement.removeClass('progress-failing');
-      
-      progressContainerElement.addClass(newProgressBarClass);
-    }
-    
-    if (percentageComplete == 100){ 
-      progressContainerElement.removeClass('active');
-      progressContainerElement.removeClass('progress-striped');
-    }
-  };
-}
-
-var rspecWebFrontend; // Makes rspecWebFrontend accessable to console
-
 $(function(){
   var $iterationsListContainer = $('#iterationsListContainer');
   var $iterationsList = $("#iterationsList");
   var $iterationsContainer = $('#iterationsContainer');
   var $iterations = $("#iterations");
-  var preSettingsView;
-  
-  rspecWebFrontend = {
-    config : {
-      defaultCommand : 'rspec spec --f RspecWeb::Formatter --drb'
-    },
-    webSocket : $.gracefulWebSocket('ws://'+window.location.hostname+':10081'),
-    views : {
-      currentName : 'noIterationsError',
-      show : function(viewName){
-        var viewName, callback;
-        viewName = arguments[0].replace(/View$/, '');
-        callback = arguments[1];
-        
-        $('#'+rspecWebFrontend.views.currentName+'View').fadeOut(function(){
-          $('#'+viewName+'View').fadeIn();
-          if (typeof callback != 'undefined'){ callback(); }
-        });
-        
-        rspecWebFrontend.views.currentName = viewName;
-      }
-    },
-    iterations : {
-      list : {},
-      max : 5,
-      newIterationListEntryPopoverOptions : {
-        placement : 'right',
-        trigger   : 'manual',
-        title     : 'New iteration', 
-        content   : '<p>Running new iteration!</p><p>Click here to view it.</p>'
-      },
-      
-      startNewIteration : function(timestamp, exampleCount){
-        $('#btn-run-specs').removeAttr('disabled');
-        
-        var templateVariables = {
-          timestamp          : timestamp,
-          exampleCount       : exampleCount,
-          formattedTimestamp : new Date(timestamp*1000).toString('ddd MMM d h:mm:ss tt'),
-          iterationsCount    : rspecWebFrontend.iterations.list.length
-        };
-        
-        var firstIterationListEntry = $iterationsList.children()[0]; // Iterations header
-        
-        var newIterationListEntry = $( tmpl("iterationListEntry", templateVariables) );
-        var newIterationEntry = $( tmpl("iterationEntry", templateVariables) );
-        
-        $iterations.prepend(newIterationEntry);
-        
-        newIterationListEntry.insertAfter(firstIterationListEntry);
-        newIterationListEntry.popover( rspecWebFrontend.iterations.newIterationListEntryPopoverOptions );
-        
-        if ($.isEmptyObject(rspecWebFrontend.iterations.list)){
-          rspecWebFrontend.views.show('iterations');
-          
-          newIterationListEntry.addClass('active');
-          newIterationEntry.addClass('active');
-          newIterationListEntry.slideDown();
-        } else {
-          newIterationListEntry.slideDown(function(){
-            newIterationListEntry.popover('show');
-            setTimeout(function() { newIterationListEntry.popover('hide'); }, 2000);
-          });
-        }
-        
-        rspecWebFrontend.iterations.list[timestamp] = new Iteration(timestamp, exampleCount, newIterationEntry);
-      }
-    }
-  };
-  
-  // ===--- Socket - Start ---------------------------------------=== \\
-  rspecWebFrontend.webSocket.onmessage = function(messageEvent){
-    var message = $.parseJSON(messageEvent.data);
-    
-    if (message["method"] == "startNewIteration"){
-      var timestamp = message["arguments"][0];
-      var exampleCount = message["arguments"][1];
-      
-      rspecWebFrontend.iterations.startNewIteration(timestamp, exampleCount);
-    } else if (message["method"] == "addToPassing" || message["method"] == "addToPending" || message["method"] == "addToFailing"){
-      var timestamp = message["arguments"][0];
-      var data = message["arguments"][1];
-      
-      rspecWebFrontend.iterations.list[timestamp].addMethods[ message["method"] ](data);
-    }
-  };
+  var $iterationEntry = $("#iterationEntry");
+  var $iterationListEntry = $("#iterationListEntry");
   
-  setTimeout(function() {
-    rspecWebFrontend.webSocket.send( $.toJSON({
-      receiver  : "server", 
-      method    : "identify", 
-      arguments : ["web"]
-    }) );
-  }, 1000);
+  setTimeout(function() { rspecWebFrontend.webSocket.identify(); }, 1000);
   // ===--- Socket - End -----------------------------------------=== \\
   
   
@@ -201,23 +15,13 @@ $(function(){
     var $self = $(this);
     
     if (typeof $self.attr('disabled') == 'undefined') {
-      var settingsRspecCommand = $.cookie('settingsRspecCommand');
-      if (settingsRspecCommand == '' || typeof settingsRspecCommand == 'undefined') {
-        settingsRspecCommand = rspecWebFrontend.config.defaultCommand;
-      }
-      
-      rspecWebFrontend.webSocket.send( $.toJSON({
-        receiver  : "server", 
-        method    : "runSpecs", 
-        arguments : [ settingsRspecCommand ]
-      }) );
+      rspecWebFrontend.webSocket.runSpecs();
       
       $self.attr('disabled', 'disabled');
     }
   });
   
   $('#btn-settings').mouseup(function(e){
-    preSettingsView = rspecWebFrontend.views.currentName;
     // rspecWebFrontend.views.show('settings');
     $('#settings').slideDown();
   });
@@ -244,11 +48,9 @@ $(function(){
     if ($(window).width() < 768) {
       $iterationsListContainer.removeClass('span4');
       $iterationsContainer.removeClass('span8');
-      rspecWebFrontend.iterations.newIterationListEntryPopoverOptions.placement = 'bottom';
     } else {
       $iterationsListContainer.addClass('span4');
       $iterationsContainer.addClass('span8');
-      rspecWebFrontend.iterations.newIterationListEntryPopoverOptions.placement = 'right';
     }
   }
   fixIterationsTable();

data/lib/rspec_web/web_application/views/index.haml

@@ -25,78 +25,9 @@
     / %link(href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72")
     / %link(href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114")
     
-    %script#iterationListEntry(type="text/html")
-      :plain
-        <li>
-          <a href="#iteration-<%= timestamp %>" data-toggle="tab">
-            <i class="icon-info-sign" id="iteration-<%= timestamp %>-list-entry-icon"></i>
-            <%= formattedTimestamp %>
-          </a>
-        </li>
-    %script#iterationEntry(type="text/html")
-      :plain
-        <div class="tab-pane iteration" id="iteration-<%= timestamp %>">
-          
-          <div class="row-fluid progress-container" id="iteration-<%= timestamp %>-progress-row">
-            <div class="span12" style="padding-right: 10px;">
-              <div class="progress progress-striped progress-passing active" id="iteration-<%= timestamp %>-progress-container">
-                <div class="bar" id="iteration-<%= timestamp %>-progress-bar" style="width: 0%;"></div>
-              </div>
-            </div>
-          </div>
-          
-          <div class="row-fluid">
-            <div class="span12">
-              <h6><span id="finishedExampleCount">0</span> of <%= exampleCount %> example<%= exampleCount > 1 ? "s" : "" %> finished</h6>
-            </div>
-          </div>
-          
-          <div class="tabbable">
-            <ul class="nav nav-tabs">
-              <li class="active">
-                <a href="#iteration-<%= timestamp %>-tab-content-passing" id="iteration-<%= timestamp %>-tab-passing" class="tab-passing" data-toggle="tab">
-                  Passing
-                  <span class="label label-passing" id="iteration-<%= timestamp %>-tab-passing-count">0</span>
-                </a>
-              </li>
-              <li>
-                <a href="#iteration-<%= timestamp %>-tab-content-pending" id="iteration-<%= timestamp %>-tab-pending" class="tab-pending" data-toggle="tab">
-                  Pending
-                  <span class="label label-pending" id="iteration-<%= timestamp %>-tab-pending-count">0</span>
-                </a>
-              </li>
-              <li>
-                <a href="#iteration-<%= timestamp %>-tab-content-failing" id="iteration-<%= timestamp %>-tab-failing" class="tab-failing" data-toggle="tab">
-                  Failing
-                  <span class="label label-failing" id="iteration-<%= timestamp %>-tab-failing-count">0</span>
-                </a>
-              </li>
-            </ul>
-            
-            <div class="tab-content">
-              <div class="tab-pane active" id="iteration-<%= timestamp %>-tab-content-passing"></div>
-              <div class="tab-pane" id="iteration-<%= timestamp %>-tab-content-pending"></div>
-              <div class="tab-pane" id="iteration-<%= timestamp %>-tab-content-failing"></div>
-            </div>
-          </div>
-        </div>
-    %script#exampleEntry(type="text/html")
-      :plain
-        <div class="accordion" id="iteration-<%= timestamp %>-accordion">
-          <div class="accordion-group">
-            <div class="accordion-heading">
-              <a class="accordion-toggle" data-toggle="collapse" data-parent="#iteration-<%= timestamp %>-accordion" href="#iteration-<%= timestamp %>-example-<%= exampleIndex %>">
-                <%= description %>
-              </a>
-            </div>
-            <div class="accordion-body collapse" id="iteration-<%= timestamp %>-example-<%= exampleIndex %>" style="height: 0px;">
-              <p>Started: <%= started_at %></p>
-              <p>Finished: <%= finished_at %></p>
-              <p>Run time: <%= run_time %></p>
-              <p>Location: <%= file_path %>:<%= line_number %></p>
-            </div>
-          </div>
-        </div>
+    %script#iterationListEntry(type="text/html")= partial(:iteration_list_entry)
+    %script#iterationEntry(type="text/html")= partial(:iteration_entry)
+    %script#exampleEntry(type="text/html")= partial(:example_entry)
   %body
     .navbar.navbar-fixed-top
       .navbar-inner
@@ -152,11 +83,22 @@
           %img(src="/img/bootstrap.png" width="25" height="25")
         .pull-right(style="margin-right: 10px;")
           %a(href="javascript:location.reload(true)") Refresh
-    %script(type="text/javascript" src="/js/jquery.js")
-    %script(type="text/javascript" src="/js/jquery.cookie.js")
-    %script(type="text/javascript" src="/js/jquery.gracefulWebSocket.js")
-    %script(type="text/javascript" src="/js/jquery.json.js")
-    %script(type="text/javascript" src="/js/tmpl.js")
-    %script(type="text/javascript" src="/js/date.js")
-    %script(type="text/javascript" src="/js/bootstrap.js")
+          
+    %script(type="text/javascript" src="/js/lib/jquery.js")
+    %script(type="text/javascript" src="/js/lib/jquery.cookie.js")
+    %script(type="text/javascript" src="/js/lib/jquery.gracefulWebSocket.js")
+    %script(type="text/javascript" src="/js/lib/jquery.json.js")
+    %script(type="text/javascript" src="/js/lib/underscore.js")
+    %script(type="text/javascript" src="/js/lib/backbone.js")
+    %script(type="text/javascript" src="/js/lib/bootstrap.js")
+    %script(type="text/javascript" src="/js/lib/date.js")
+    
+    %script(type="text/javascript" src="/js/models/viewContainer.js")
+    %script(type="text/javascript" src="/js/models/webSocketContainer.js")
+    %script(type="text/javascript" src="/js/models/iterationCollection.js")
+    %script(type="text/javascript" src="/js/models/exampleCollection.js")
+    %script(type="text/javascript" src="/js/models/iteration.js")
+    
+    %script(type="text/javascript" src="/js/rspecWebFrontend.js")
+    
     %script(type="text/javascript" src="/js/script.js")

data/lib/rspec_web/web_application/views/partials/example_entry.haml

@@ -0,0 +1,10 @@
+.accordion(id="iteration-<%= timestamp %>-accordion")
+  .accordion-group
+    .accordion-heading
+      %a.accordion-toggle(data-toggle="collapse" data-parent="#iteration-<%= timestamp %>-accordion" href="#iteration-<%= timestamp %>-example-<%= exampleIndex %>")
+        <%= description %>
+    .accordion-body.collapse(id="iteration-<%= timestamp %>-example-<%= exampleIndex %>" style="height: 0px;")
+      %p Started: <%= started_at %>
+      %p Finished: <%= finished_at %>
+      %p Run time: <%= run_time %>
+      %p Location: <%= file_path %>:<%= line_number %>

data/lib/rspec_web/web_application/views/partials/iteration_entry.haml

@@ -0,0 +1,31 @@
+.tab-pane.iteration(id="iteration-<%= timestamp %>")  
+  .row-fluid.progress-container(id="iteration-<%= timestamp %>-progress-row")
+    .span12(style="padding-right: 10px;")
+      .progress.progress-striped.progress-passing.active(id="iteration-<%= timestamp %>-progress-container")
+        .bar(id="iteration-<%= timestamp %>-progress-bar" style="width: 0%;")
+  
+  .row-fluid
+    .span12
+      %h6
+        %span(id="iteration-<%= timestamp %>-finished-example-count") 0
+        of <%= exampleCount %> example<%= exampleCount > 1 ? "s" : "" %> finished
+  
+  .tabbable
+    %ul.nav.nav-tabs
+      %li.active
+        %a.tab-passing(href="#iteration-<%= timestamp %>-tab-content-passing" id="iteration-<%= timestamp %>-tab-passing" data-toggle="tab")
+          Passing
+          %span.label.label-passing(id="iteration-<%= timestamp %>-tab-passing-count") 0
+      %li
+        %a.tab-pending(href="#iteration-<%= timestamp %>-tab-content-pending" id="iteration-<%= timestamp %>-tab-pending" data-toggle="tab")
+          Pending
+          %span.label.label-pending(id="iteration-<%= timestamp %>-tab-pending-count") 0
+      %li
+        %a.tab-failing(href="#iteration-<%= timestamp %>-tab-content-failing" id="iteration-<%= timestamp %>-tab-failing" data-toggle="tab")
+          Pending
+          %span.label.label-failing(id="iteration-<%= timestamp %>-tab-failing-count") 0
+    
+    .tab-content
+      .tab-pane.active(id="iteration-<%= timestamp %>-tab-content-passing")
+      .tab-pane(id="iteration-<%= timestamp %>-tab-content-pending")
+      .tab-pane(id="iteration-<%= timestamp %>-tab-content-failing")

data/lib/rspec_web/web_application/views/partials/iteration_list_entry.haml

@@ -0,0 +1,4 @@
+%li
+  %a(href="#iteration-<%= timestamp %>" data-toggle="tab")
+    %i.icon-info-sign(id="iteration-<%= timestamp %>-list-entry-icon")
+    <%= formattedTimestamp %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rspec-web
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.10
   prerelease: 
 platform: ruby
 authors:
@@ -9,74 +9,74 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-03-08 00:00:00.000000000Z
+date: 2012-04-16 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: em-websocket
-  requirement: &70260997872060 !ruby/object:Gem::Requirement
+  requirement: &70225502222660 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 0.3.6
+        version: '0.3'
   type: :runtime
   prerelease: false
-  version_requirements: *70260997872060
+  version_requirements: *70225502222660
 - !ruby/object:Gem::Dependency
   name: haml
-  requirement: &70260997871200 !ruby/object:Gem::Requirement
+  requirement: &70225502222180 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 3.1.4
+        version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70260997871200
+  version_requirements: *70225502222180
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70260997870460 !ruby/object:Gem::Requirement
+  requirement: &70225502221720 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 3.1.14
+        version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70260997870460
+  version_requirements: *70225502221720
 - !ruby/object:Gem::Dependency
   name: sinatra
-  requirement: &70260997869520 !ruby/object:Gem::Requirement
+  requirement: &70225502221260 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 1.3.2
+        version: '1.3'
   type: :runtime
   prerelease: false
-  version_requirements: *70260997869520
+  version_requirements: *70225502221260
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &70260997868280 !ruby/object:Gem::Requirement
+  requirement: &70225502220800 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 2.8.0
+        version: '2.8'
   type: :runtime
   prerelease: false
-  version_requirements: *70260997868280
+  version_requirements: *70225502220800
 - !ruby/object:Gem::Dependency
   name: web-socket-ruby
-  requirement: &70260997860260 !ruby/object:Gem::Requirement
+  requirement: &70225502220340 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 0.1.0
+        version: '0.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70260997860260
+  version_requirements: *70225502220340
 description: A web front-end for RSpec tests.
 email: c00lryguy@gmail.com
 executables:
@@ -97,15 +97,27 @@ files:
 - lib/rspec_web/web_application/public/img/glyphicons-halflings.png
 - lib/rspec_web/web_application/public/img/rails.png
 - lib/rspec_web/web_application/public/img/traffic.png
-- lib/rspec_web/web_application/public/js/bootstrap.js
-- lib/rspec_web/web_application/public/js/date.js
-- lib/rspec_web/web_application/public/js/jquery.cookie.js
-- lib/rspec_web/web_application/public/js/jquery.gracefulWebSocket.js
-- lib/rspec_web/web_application/public/js/jquery.js
-- lib/rspec_web/web_application/public/js/jquery.json.js
+- lib/rspec_web/web_application/public/js/lib/backbone.js
+- lib/rspec_web/web_application/public/js/lib/bootstrap.js
+- lib/rspec_web/web_application/public/js/lib/date.js
+- lib/rspec_web/web_application/public/js/lib/jquery.cookie.js
+- lib/rspec_web/web_application/public/js/lib/jquery.gracefulWebSocket.js
+- lib/rspec_web/web_application/public/js/lib/jquery.js
+- lib/rspec_web/web_application/public/js/lib/jquery.json.js
+- lib/rspec_web/web_application/public/js/lib/underscore.js
+- lib/rspec_web/web_application/public/js/models/example.js
+- lib/rspec_web/web_application/public/js/models/exampleCollection.js
+- lib/rspec_web/web_application/public/js/models/iteration.js
+- lib/rspec_web/web_application/public/js/models/iterationCollection.js
+- lib/rspec_web/web_application/public/js/models/project.js
+- lib/rspec_web/web_application/public/js/models/viewContainer.js
+- lib/rspec_web/web_application/public/js/models/webSocketContainer.js
+- lib/rspec_web/web_application/public/js/rspecWebFrontend.js
 - lib/rspec_web/web_application/public/js/script.js
-- lib/rspec_web/web_application/public/js/tmpl.js
 - lib/rspec_web/web_application/views/index.haml
+- lib/rspec_web/web_application/views/partials/example_entry.haml
+- lib/rspec_web/web_application/views/partials/iteration_entry.haml
+- lib/rspec_web/web_application/views/partials/iteration_list_entry.haml
 - lib/rspec_web/web_application/views/style.scss
 - lib/rspec_web/web_application.rb
 - lib/rspec_web/web_socket_server.rb
@@ -133,6 +145,6 @@ rubyforge_project:
 rubygems_version: 1.8.10
 signing_key: 
 specification_version: 3
-summary: Run and view RSpec tests from the browser.
+summary: Run and view Rspec tests from the browser.
 test_files: []
 has_rdoc: 

data/lib/rspec_web/web_application/public/js/tmpl.js

@@ -1,35 +0,0 @@
-// Simple JavaScript Templating
-// John Resig - http://ejohn.org/ - MIT Licensed
-(function(){
-  var cache = {};
-  
-  this.tmpl = function tmpl(str, data){
-    // Figure out if we're getting a template, or if we need to
-    // load the template - and be sure to cache the result.
-    var fn = !/\W/.test(str) ?
-      cache[str] = cache[str] ||
-        tmpl(document.getElementById(str).innerHTML) :
-      
-      // Generate a reusable function that will serve as a template
-      // generator (and which will be cached).
-      new Function("obj",
-        "var p=[],print=function(){p.push.apply(p,arguments);};" +
-        
-        // Introduce the data as local variables using with(){}
-        "with(obj){p.push('" +
-        
-        // Convert the template into pure JavaScript
-        str
-          .replace(/[\r\t\n]/g, " ")
-          .split("<%").join("\t")
-          .replace(/((^|%>)[^\t]*)'/g, "$1\r")
-          .replace(/\t=(.*?)%>/g, "',$1,'")
-          .split("\t").join("');")
-          .split("%>").join("p.push('")
-          .split("\r").join("\\'")
-      + "');}return p.join('');");
-    
-    // Provide some basic currying to the user
-    return data ? fn( data ) : fn;
-  };
-})();