kalei 0.0.1

data/lib/kalei/public/js/libs/underscore/underscore-min.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 typeof define==="function"&&define.amd&&
+define("underscore",function(){return b}),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/kalei/public/js/main.js

@@ -0,0 +1,39 @@
+// Require.js allows us to configure shortcut alias
+// Their usage will become more apparent futher along in the tutorial.
+require.config({
+  paths: {
+    // Major libraries
+    jquery: 'libs/jquery/jquery-min',
+    underscore: 'libs/underscore/underscore-min', // https://github.com/amdjs
+    backbone: 'libs/backbone/backbone-min', // https://github.com/amdjs
+    jscssp: 'libs/jscssp/jscssp',
+    fixie: 'libs/fixie/fixie',
+	pagedown: 'libs/pagedown/converter',
+	
+    // Require.js plugins
+    text: 'libs/require/text',
+    order: 'libs/require/order',
+
+    // Just a short cut so we can put our html outside the js dir
+    // When you have HTML/CSS designers this aids in keeping them out of the js directory
+    templates: '../templates'
+  },
+	urlArgs: "bust=" +  (new Date()).getTime()
+
+});
+
+// Let's kick off the application
+
+require([
+  'views/app',
+  'router',
+  'vm',
+  'fixie',
+  'order!libs/cssbeautify/cssbeautify',
+  'order!libs/highlighter/shCore',
+  'order!libs/highlighter/shBrushCss'
+], function(AppView, Router, Vm){
+  var appView = Vm.create({}, 'AppView', AppView);
+  appView.render();
+  Router.initialize({appView: appView});  // The router now has a copy of all main appview
+});

data/lib/kalei/public/js/router.js

@@ -0,0 +1,39 @@
+// Filename: router.js
+define([
+  'jquery',
+  'underscore',
+  'backbone',
+	'vm'
+], function ($, _, Backbone, Vm) {
+  var AppRouter = Backbone.Router.extend({
+    routes: {
+      // Pages
+      '/style/*style': 'style',	
+    
+      // Default - catch all
+      '*actions': 'defaultAction'
+    }
+  });
+
+  var initialize = function(options){
+		var appView = options.appView;
+    var router = new AppRouter(options);
+		router.on('route:style', function (style) {
+			require(['views/style/page'], function (StylePage) {
+				var stylePage = Vm.create(appView, 'StylePage', StylePage, {style: style});
+				stylePage.render();
+			});
+		});
+		router.on('route:defaultAction', function (actions) {
+      require(['views/style/page'], function (StylePage) {
+        var stylePage = Vm.create(appView, 'StylePage', StylePage, {style: 'styles.css'});
+        stylePage.render();
+      });
+		});
+
+    Backbone.history.start();
+  };
+  return {
+    initialize: initialize
+  };
+});

data/lib/kalei/public/js/views/app.js

@@ -0,0 +1,24 @@
+define([
+  'jquery',
+  'underscore',
+  'backbone',
+  'vm',
+	'events',
+  'text!templates/layout.html'
+], function($, _, Backbone, Vm, Events, layoutTemplate){
+  var AppView = Backbone.View.extend({
+    el: '.kalei',
+
+    render: function () {
+			var that = this;
+      $(this.el).html(layoutTemplate);
+      require(['views/style/menu'], function (StyleMenuView) {
+        var styleMenuView = Vm.create(that, 'StyleMenuView', StyleMenuView);
+        styleMenuView.render();
+      });
+
+
+		} 
+	});
+  return AppView;
+});

data/lib/kalei/public/js/views/style/menu.js

@@ -0,0 +1,77 @@
+define([
+  'jquery',
+  'underscore',
+  'backbone',
+  'text!templates/style/menu.html',
+  'jscssp',
+  'config',
+  'libs/marked/marked',
+], function($, _, Backbone, dashboardPageTemplate, jscssp, config){
+  var DashboardPage = Backbone.View.extend({
+    el: '.kalei-style-menu',
+    render: function () {   
+      var that = this;
+      that.$el.html('Loading styles');
+      console.log(config.css_path);
+      require(['text!' + config.css_path], function (styles) {
+
+        
+     
+      var parser = new jscssp();
+        marked.setOptions({ sanitize: false, gfm: true });
+        var stylesheet = parser.parse(styles, false, true);
+        var menus = [];
+        var menuTitle = '';
+        var currentMenu = {
+          sheets: [],
+          category: ''
+
+        };
+
+        _.each(stylesheet.cssRules, function(rule) {
+          if(rule.type === 101) {
+            var comment = rule.parsedCssText;
+            comment = comment.replace('/*', '');
+            comment = comment.replace('*/', '');
+
+            var comments = marked.lexer(comment);
+            _.each(comments, function (comment) {
+              
+              if(comment.type === 'heading' && comment.depth === 1) {
+                menuTitle = marked.parser([comment]);
+              }
+              if(comment.type === 'heading' && comment.depth === 3) {
+                menus.push(_.extend({}, currentMenu));
+                currentMenu.sheets = [];
+                currentMenu.category = marked.parser([comment]);
+              }
+
+            });
+
+          }
+          if(rule.type === 3) {
+            var sheet = rule.href.substr(rule.href.indexOf('(')+2, rule.href.indexOf(')')-rule.href.indexOf('(')-3);
+            currentMenu.sheets.push(sheet);
+
+          }
+
+        });
+        menus.push(currentMenu);
+
+
+
+
+        $(that.el).html(_.template(dashboardPageTemplate, {_:_, menuTitle: menuTitle, menus: menus}));
+        $('[href="' + window.location.hash + '"]').addClass('active');
+      });
+      
+    },
+    events: {
+      'click a': function (ev) {
+        this.$el.find('a.active').removeClass('active');
+        $(ev.currentTarget).addClass('active');
+      }
+    }
+  });
+  return DashboardPage;
+});

data/lib/kalei/public/js/views/style/page.js

@@ -0,0 +1,100 @@
+define([
+  'jquery',
+  'underscore',
+  'backbone',
+  'text!templates/style/page.html',
+  'jscssp',
+  'config',
+  'pagedown',
+  'libs/marked/marked',
+  'libs/highlight/highlight',
+  'libs/parseuri/parseuri'
+], function($, _, Backbone, stylePageTemplate, jscssp, config, Pagedown, marked, hljs, parseuri){
+  var StylePage = Backbone.View.extend({
+    el: '.kalei-style-page',
+    render: function () {
+      $('head').append('<link rel="stylesheet" href="' + config.css_path + '"" type="text/css" />');
+      var converter = new Pagedown.Converter();
+      var that = this;
+      var styleUrl;
+      if(this.options.style.substr(0,1) === '/') {
+        // non relative
+        var configDir = config.css_path.substr(0, config.css_path.lastIndexOf('/'));
+        var pUrl = parseuri(configDir);
+        styleUrl = pUrl.protocol + '://' + pUrl.host + (pUrl.port === '' ? '' : ':'+ pUrl) + this.options.style;
+      } else {
+        var configDir = config.css_path.substr(0, config.css_path.lastIndexOf('/'));
+        styleUrl = configDir + '/' + this.options.style;
+      }
+      console.log('try', styleUrl)
+		 require(['text!'+ styleUrl], function (stylesheet){
+        var parser = new jscssp();
+        marked.setOptions({ sanitize: false, gfm: true });
+        var stylesheet = parser.parse(stylesheet, false, true);
+        var blocks = [];
+        var currentBlock = {
+          comments: [],
+          css: ''
+
+        };
+
+        _.each(stylesheet.cssRules, function(rule) {
+    			if(rule.type === 101) {
+    			  var comment = rule.parsedCssText;
+            comment = comment.replace('/*', '');
+            comment = comment.replace('*/', '');
+            var comments = marked.lexer(comment);
+            _.each(comments, function (comment) {
+
+
+              if(comment.type === 'heading' && comment.depth <= 2) {
+                currentBlock.css = css_beautify(currentBlock.css);
+                if(currentBlock.comments.length !== 0 || currentBlock.css !== '') {
+                  currentBlock.comments = marked.parser(currentBlock.comments);
+                  blocks.push(_.extend({}, currentBlock));
+                  currentBlock.comments = [];
+                  currentBlock.css = '';
+                }
+              }
+              if(comment.type === 'code'){
+                currentBlock.comments.push({
+                  type: 'html',
+                  text: '<div class="codedemo">' + comment.text + '<div style="clear: both;"></div></div>'
+                })
+              };
+              currentBlock.comments.push(comment);
+            
+            });
+
+    			}
+          if(rule.type === 1) {
+            currentBlock.css += rule.parsedCssText;
+
+          }
+          if(rule.type === 3) {
+            console.log(rule);
+            currentBlock.comments.push({
+                  type: 'code',
+                  text: rule.parsedCssText
+                });
+
+          }
+
+		    });
+   
+        currentBlock.css = css_beautify(currentBlock.css);
+
+        currentBlock.comments = marked.parser(currentBlock.comments);
+        blocks.push(currentBlock);
+        $(that.el).html(_.template(stylePageTemplate, {_:_, blocks: blocks, config: config}));
+        $(' code').each(function(i, e) {hljs.highlightBlock(e); });
+
+         fixie.init();
+        
+      });
+
+      
+    }
+  });
+  return StylePage;
+});

data/lib/kalei/public/js/vm.js

@@ -0,0 +1,33 @@
+// Use this as a quick template for future modules
+define([
+  'jquery',
+  'underscore',
+  'backbone',
+  'events'
+], function($, _, Backbone, Events){
+	var views = {};
+	var create = function (context, name, View, options) {
+		// View clean up isn't actually implemented yet but will simply call .clean, .remove and .unbind
+		if(typeof views[name] !== 'undefined') {
+			views[name].undelegateEvents();
+			if(typeof views[name].clean === 'function') {
+				views[name].clean();
+			}
+		}
+		var view = new View(options);
+		views[name] = view;
+		if(typeof context.children === 'undefined'){
+		  context.children = {};
+		  context.children[name] = view;
+		} else {
+		  context.children[name] = view;
+		}
+		Events.trigger('viewCreated');
+		return view;
+	}
+	
+	
+  return {
+  	create: create
+  };
+});

data/lib/kalei/public/templates/layout.html

@@ -0,0 +1,4 @@
+<div class="kalei-style-menu-container">
+	<div class="kalei-style-menu">Loading</div>
+</div>
+<div class="kalei-style-page"></div>

data/lib/kalei/public/templates/style/menu.html

@@ -0,0 +1,22 @@
+<div class="menu-items">
+	<a class="kalei-styleguide-menu-heading" href="#"><%= menuTitle %></a>
+
+
+	<ul class="kalei-styleguide-menu">
+
+	<% _.each(menus, function (menu) { %>
+
+		<%= menu.category %>
+
+		<ul class="kalei-styleguide-menu">
+			<% _.each(menu.sheets, function (sheet) { %>
+
+			<li><a class="kalei-styleguide-menu-link" href="#/style/<%= sheet %>"><%= sheet %></a></li>
+			<% }); %>
+		</ul>
+	<% }); %>
+	<div style="clear: both;"></div>
+</div>
+<div class="menu-expand">
+
+</div>

data/lib/kalei/public/templates/style/page.html

@@ -0,0 +1,15 @@
+
+<% _.each(blocks, function(block) { %>
+<div class="kalei-documentation">
+
+	<div class="kalei-comments-container <%= block.css === '' ? 'kalei-no-css' : '' %>">
+		<div class="kalei-comments ">
+			<%= block.comments %>
+		</div>
+	</div>
+
+		<div class="kalei-css-container <%= block.css === '' ? 'kalei-no-css' : '' %>"><pre><code class="kalei-css"><%=  block.css %></code></pre></div>
+	<div style="clear: both;"></div>
+</div>
+
+<% }); %>

data/lib/kalei/views/index.erb

@@ -0,0 +1,18 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<title>Kalei Styleguide</title>
+	<meta name="viewport" content="width=device-width,initial-scale=1">
+	<link rel="stylesheet" href="<%= url('css/styles.css') %>">
+	<script type="text/javascript"> if (!window.console) console = {log: function() {}}; </script>
+	<script data-main="<%= url('js/main') %>" src="<%= url('js/libs/require/require.js') %>"></script>
+</head>
+<body>
+  <div class="kalei"></div>
+</body>
+</html> 

data/test/dummy/README.rdoc

@@ -0,0 +1,261 @@
+== Welcome to Rails
+
+Rails is a web-application framework that includes everything needed to create
+database-backed web applications according to the Model-View-Control pattern.
+
+This pattern splits the view (also called the presentation) into "dumb"
+templates that are primarily responsible for inserting pre-built data in between
+HTML tags. The model contains the "smart" domain objects (such as Account,
+Product, Person, Post) that holds all the business logic and knows how to
+persist themselves to a database. The controller handles the incoming requests
+(such as Save New Account, Update Product, Show Post) by manipulating the model
+and directing data to the view.
+
+In Rails, the model is handled by what's called an object-relational mapping
+layer entitled Active Record. This layer allows you to present the data from
+database rows as objects and embellish these data objects with business logic
+methods. You can read more about Active Record in
+link:files/vendor/rails/activerecord/README.html.
+
+The controller and view are handled by the Action Pack, which handles both
+layers by its two parts: Action View and Action Controller. These two layers
+are bundled in a single package due to their heavy interdependence. This is
+unlike the relationship between the Active Record and Action Pack that is much
+more separate. Each of these packages can be used independently outside of
+Rails. You can read more about Action Pack in
+link:files/vendor/rails/actionpack/README.html.
+
+
+== Getting Started
+
+1. At the command prompt, create a new Rails application:
+       <tt>rails new myapp</tt> (where <tt>myapp</tt> is the application name)
+
+2. Change directory to <tt>myapp</tt> and start the web server:
+       <tt>cd myapp; rails server</tt> (run with --help for options)
+
+3. Go to http://localhost:3000/ and you'll see:
+       "Welcome aboard: You're riding Ruby on Rails!"
+
+4. Follow the guidelines to start developing your application. You can find
+the following resources handy:
+
+* The Getting Started Guide: http://guides.rubyonrails.org/getting_started.html
+* Ruby on Rails Tutorial Book: http://www.railstutorial.org/
+
+
+== Debugging Rails
+
+Sometimes your application goes wrong. Fortunately there are a lot of tools that
+will help you debug it and get it back on the rails.
+
+First area to check is the application log files. Have "tail -f" commands
+running on the server.log and development.log. Rails will automatically display
+debugging and runtime information to these files. Debugging info will also be
+shown in the browser on requests from 127.0.0.1.
+
+You can also log your own messages directly into the log file from your code
+using the Ruby logger class from inside your controllers. Example:
+
+  class WeblogController < ActionController::Base
+    def destroy
+      @weblog = Weblog.find(params[:id])
+      @weblog.destroy
+      logger.info("#{Time.now} Destroyed Weblog ID ##{@weblog.id}!")
+    end
+  end
+
+The result will be a message in your log file along the lines of:
+
+  Mon Oct 08 14:22:29 +1000 2007 Destroyed Weblog ID #1!
+
+More information on how to use the logger is at http://www.ruby-doc.org/core/
+
+Also, Ruby documentation can be found at http://www.ruby-lang.org/. There are
+several books available online as well:
+
+* Programming Ruby: http://www.ruby-doc.org/docs/ProgrammingRuby/ (Pickaxe)
+* Learn to Program: http://pine.fm/LearnToProgram/ (a beginners guide)
+
+These two books will bring you up to speed on the Ruby language and also on
+programming in general.
+
+
+== Debugger
+
+Debugger support is available through the debugger command when you start your
+Mongrel or WEBrick server with --debugger. This means that you can break out of
+execution at any point in the code, investigate and change the model, and then,
+resume execution! You need to install ruby-debug to run the server in debugging
+mode. With gems, use <tt>sudo gem install ruby-debug</tt>. Example:
+
+  class WeblogController < ActionController::Base
+    def index
+      @posts = Post.all
+      debugger
+    end
+  end
+
+So the controller will accept the action, run the first line, then present you
+with a IRB prompt in the server window. Here you can do things like:
+
+  >> @posts.inspect
+  => "[#<Post:0x14a6be8
+          @attributes={"title"=>nil, "body"=>nil, "id"=>"1"}>,
+       #<Post:0x14a6620
+          @attributes={"title"=>"Rails", "body"=>"Only ten..", "id"=>"2"}>]"
+  >> @posts.first.title = "hello from a debugger"
+  => "hello from a debugger"
+
+...and even better, you can examine how your runtime objects actually work:
+
+  >> f = @posts.first
+  => #<Post:0x13630c4 @attributes={"title"=>nil, "body"=>nil, "id"=>"1"}>
+  >> f.
+  Display all 152 possibilities? (y or n)
+
+Finally, when you're ready to resume execution, you can enter "cont".
+
+
+== Console
+
+The console is a Ruby shell, which allows you to interact with your
+application's domain model. Here you'll have all parts of the application
+configured, just like it is when the application is running. You can inspect
+domain models, change values, and save to the database. Starting the script
+without arguments will launch it in the development environment.
+
+To start the console, run <tt>rails console</tt> from the application
+directory.
+
+Options:
+
+* Passing the <tt>-s, --sandbox</tt> argument will rollback any modifications
+  made to the database.
+* Passing an environment name as an argument will load the corresponding
+  environment. Example: <tt>rails console production</tt>.
+
+To reload your controllers and models after launching the console run
+<tt>reload!</tt>
+
+More information about irb can be found at:
+link:http://www.rubycentral.org/pickaxe/irb.html
+
+
+== dbconsole
+
+You can go to the command line of your database directly through <tt>rails
+dbconsole</tt>. You would be connected to the database with the credentials
+defined in database.yml. Starting the script without arguments will connect you
+to the development database. Passing an argument will connect you to a different
+database, like <tt>rails dbconsole production</tt>. Currently works for MySQL,
+PostgreSQL and SQLite 3.
+
+== Description of Contents
+
+The default directory structure of a generated Ruby on Rails application:
+
+  |-- app
+  |   |-- assets
+  |       |-- images
+  |       |-- javascripts
+  |       `-- stylesheets
+  |   |-- controllers
+  |   |-- helpers
+  |   |-- mailers
+  |   |-- models
+  |   `-- views
+  |       `-- layouts
+  |-- config
+  |   |-- environments
+  |   |-- initializers
+  |   `-- locales
+  |-- db
+  |-- doc
+  |-- lib
+  |   `-- tasks
+  |-- log
+  |-- public
+  |-- script
+  |-- test
+  |   |-- fixtures
+  |   |-- functional
+  |   |-- integration
+  |   |-- performance
+  |   `-- unit
+  |-- tmp
+  |   |-- cache
+  |   |-- pids
+  |   |-- sessions
+  |   `-- sockets
+  `-- vendor
+      |-- assets
+          `-- stylesheets
+      `-- plugins
+
+app
+  Holds all the code that's specific to this particular application.
+
+app/assets
+  Contains subdirectories for images, stylesheets, and JavaScript files.
+
+app/controllers
+  Holds controllers that should be named like weblogs_controller.rb for
+  automated URL mapping. All controllers should descend from
+  ApplicationController which itself descends from ActionController::Base.
+
+app/models
+  Holds models that should be named like post.rb. Models descend from
+  ActiveRecord::Base by default.
+
+app/views
+  Holds the template files for the view that should be named like
+  weblogs/index.html.erb for the WeblogsController#index action. All views use
+  eRuby syntax by default.
+
+app/views/layouts
+  Holds the template files for layouts to be used with views. This models the
+  common header/footer method of wrapping views. In your views, define a layout
+  using the <tt>layout :default</tt> and create a file named default.html.erb.
+  Inside default.html.erb, call <% yield %> to render the view using this
+  layout.
+
+app/helpers
+  Holds view helpers that should be named like weblogs_helper.rb. These are
+  generated for you automatically when using generators for controllers.
+  Helpers can be used to wrap functionality for your views into methods.
+
+config
+  Configuration files for the Rails environment, the routing map, the database,
+  and other dependencies.
+
+db
+  Contains the database schema in schema.rb. db/migrate contains all the
+  sequence of Migrations for your schema.
+
+doc
+  This directory is where your application documentation will be stored when
+  generated using <tt>rake doc:app</tt>
+
+lib
+  Application specific libraries. Basically, any kind of custom code that
+  doesn't belong under controllers, models, or helpers. This directory is in
+  the load path.
+
+public
+  The directory available for the web server. Also contains the dispatchers and the
+  default HTML files. This should be set as the DOCUMENT_ROOT of your web
+  server.
+
+script
+  Helper scripts for automation and generation.
+
+test
+  Unit and functional tests along with fixtures. When using the rails generate
+  command, template test files will be generated for you and placed in this
+  directory.
+
+vendor
+  External libraries that the application depends on. Also includes the plugins
+  subdirectory. If the app has frozen rails, those gems also go here, under
+  vendor/rails/. This directory is in the load path.