Initial cutover to backbone/underscore/require

src/main/webapp/js/goatApp/controller/LessonController.js

@@ -0,0 +1,40 @@
+define(['jquery',
+	'underscore',
+	'libs/backbone',
+	'goatApp/model/LessonData'
+	], 
+	function($,_,Backbone,LessonData) {
+		'use strict'
+		//private vars
+
+		var controller = function() {
+			this.loadLesson = function(scr,menu) {
+				var curLessonData = new LessonData({
+					'screen': encodeURIComponent(scr),
+					'menu': encodeURIComponent(menu),
+				});
+			}
+		};
+
+		return controller;
+
+	//var curScreen,curMenu;
+
+	//return { 
+	//	'screen':curScreen
+		// loadLesson called from the router to load the given lesson
+		/*loadLesson: function (src,curMenu) {
+			var curLesson = new LessonData({
+				'screen': encodeURIComponent(scr),
+				'menu': encodeURIComponent(curMenu),
+			});
+
+			//set listeners
+
+		},
+		restartLesson: function () {
+
+		}
+		//getters & setters*/
+	//};
+});

src/main/webapp/js/goatApp/controller/MenuController.js

@@ -0,0 +1,3 @@
+define(['jquery','underscore','backbone','goatApp/model/goatMenu','goatApp/view/MenuView'], function($,_,Backbone,MenuData,MenuView) {
+
+});

src/main/webapp/js/goatApp/goatApp.js

@@ -0,0 +1,12 @@
+define(['jquery','underscore','backbone','goatApp/view/goatRouter','goatApp/controller/LessonController','goatApp/controller/MenuController'],
+	function($,_,Backbone,Router,LessonController,MenuController){
+		'use strict'
+		//var goatRouter = new Router();
+
+		return {
+			initApp: function() {
+				//TODO: add query/ability to load from where they left off 
+				Router.init();
+			}
+		}
+});

src/main/webapp/js/goatApp/model/LessonData.js

@@ -0,0 +1,20 @@
+define(['jquery', 'underscore','backbone'], function($,_,Backbone){
+
+	return Backbone.Model.extend({
+		urlRoot:null,
+		defaults: {
+			items:null,
+			selectedItem:null
+		},
+		initialize: function (options) {
+			var self = this;
+			this.urlRoot = 'attack.jsp?Screen='+options.screen + '&menu=' + options.menu;
+			this.fetch().then(function(content){
+				self.lessonContent = content
+			});
+		},
+		getHint: function (i) {
+
+		}
+	});
+});

src/main/webapp/js/goatApp/model/goatMenu.js

@@ -0,0 +1,32 @@
+//var goatApp = goatApp || {};
+
+define(['jquery','underscore','backbone'], function($,_,Backbone) {
+
+var menuData = Backbone.Model.extend({
+		urlRoot:'/webgoat/service/lessonmenu.mvc',
+		defaults: {
+			items:null,
+			selectedItem:null
+		},
+		initialize: function () {
+			var self = this;
+			this.fetch().then(function(menuItems){
+				menuItems = goatUtils.enhanceMenuData(menuItems,this.selectedItem);
+				this.setDataItems(menuItems);
+			});
+		},
+	
+		update: function() {
+			var self = this;
+			this.fetch().then(function(menuItems) {
+				menuItems = goatUtils.enhanceMenuData(menuItems,this.selectedItem);
+				self.setDataItems(menuItems);
+			});
+		},
+
+		setDataItems: function (data) {
+			this.items = data;
+		}
+	});
+
+});

src/main/webapp/js/goatApp/model/menuData.js

@@ -0,0 +1,22 @@
+var menuData = Backbone.Model.extend({
+		urlRoot:'/webgoat/service/lessonmenu.mvc',
+		defaults: {
+			items:null,
+			selectedItem:null
+		},
+		initialize: function () {
+			var self = this;
+			this.fetch().then(function(menuItems){
+				menuItems = goatUtils.enhanceMenuData(menuItems,this.selectedItem);
+				self.items = menuItems;
+			});
+		},
+	
+		update: function() {
+			var self = this;
+			this.fetch().then(function(data) {
+				self.items = data;
+				self.render(0);
+			});
+		}
+	});

src/main/webapp/js/goatApp/support/goatConstants.js

@@ -0,0 +1,39 @@
+//goatConstants
+
+var goatConstants = {
+	getClasses: function() {
+		return {
+			categoryClass:'fa-angle-right pull-right',
+			lessonCompleteClass:'glyphicon glyphicon-check lessonComplete',
+			selectedMenuClass:'selected',
+			keepOpenClass:'keepOpen'
+		};
+	},
+	getServices: function() {
+		return {
+			lessonService: 'service/lessonmenu.mvc',
+			cookieService: 'service/cookie.mvc', //cookies_widget.mvc
+			hintService: 'service/hint.mvc',
+			sourceService: 'service/source.mvc',
+			solutionService: 'service/solution.mvc',
+			lessonPlanService: 'service/lessonplan.mvc',
+			menuService: 'service/lessonmenu.mvc',
+			lessonTitleService: 'service/lessontitle.mvc',
+			restartLessonService: 'service/restartlesson.mvc'	
+		}
+	},
+	getMessages: function() {
+		return {
+			notFound: 'Could not find',
+			noHints: 'There are no hints defined.',
+			noSourcePulled: 'No source was retrieved for this lesson'
+		}
+	},
+	getDOMContainers:function() {
+		return {
+			lessonMenu: '#menuContainer'
+		}
+	}
+};
+
+

src/main/webapp/js/goatApp/support/goatUtils.js

@@ -0,0 +1,220 @@
+goatUtils = {
+    //TODO add recursion to handle arr[i].children objects
+    // ... in case lower-level's need classes as well ... don't right now
+    addMenuClasses: function(arr) {
+        for (var i = 0; i < arr.length; i++) {
+            var menuItem = arr[i];
+            //console.log(menuItem);
+            if (menuItem.type && menuItem.type === 'CATEGORY') {
+                menuItem.class = 'fa-angle-right pull-right';
+            }
+        }
+        return arr;
+    },
+    debugFormSubmission: false,
+    // pre-submit callback 
+    showRequest: function(formData, jqForm, options) {
+        if (goat.utils.debugFormSubmission) {
+            // formData is an array; here we use $.param to convert it to a string to display it 
+            // but the form plugin does this for you automatically when it submits the data 
+            var queryString = $.param(formData);
+
+            // jqForm is a jQuery object encapsulating the form element.  To access the 
+            // DOM element for the form do this: 
+            // var formElement = jqForm[0]; 
+
+            alert('About to submit: \n\n' + queryString);
+        }
+        // here we could return false to prevent the form from being submitted; 
+        // returning anything other than false will allow the form submit to continue 
+        return true;
+    },
+    // post-submit callback 
+    showResponse: function(responseText, statusText, xhr, $form) {
+        // for normal html responses, the first argument to the success callback 
+        // is the XMLHttpRequest object's responseText property 
+
+        // if the ajaxForm method was passed an Options Object with the dataType 
+        // property set to 'xml' then the first argument to the success callback 
+        // is the XMLHttpRequest object's responseXML property 
+
+        // if the ajaxForm method was passed an Options Object with the dataType 
+        // property set to 'json' then the first argument to the success callback 
+        // is the json data object returned by the server 
+        if (goat.utils.debugFormSubmission) {
+            alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
+                    '\n\nThe output div should have already been updated with the responseText.');
+        }
+        // update lesson cookies and params
+        // make any embedded forms ajaxy
+        goat.utils.showLessonCookiesAndParams();
+        // forms and links are now hooked with each standard lesson render (see Java class Screen.getContent())
+        // but these are safe to call twice
+        goat.utils.makeFormsAjax();
+        goat.utils.ajaxifyAttackHref(); //TODO find some way to hook scope for current menu. Likely needs larger refactor which is already started/stashed
+        //refresh menu
+        angular.element($('#leftside-navigation')).scope().renderMenu();
+    },
+    makeFormsAjax: function() {
+        // make all forms ajax forms
+        var options = {
+            target: '#lesson_content', // target element(s) to be updated with server response                     
+            beforeSubmit: goat.utils.showRequest, // pre-submit callback, comment out after debugging 
+            success: goat.utils.showResponse  // post-submit callback, comment out after debugging 
+
+                    // other available options: 
+                    //url:       url         // override for form's 'action' attribute 
+                    //type:      type        // 'get' or 'post', override for form's 'method' attribute 
+                    //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
+                    //clearForm: true        // clear all form fields after successful submit 
+                    //resetForm: true        // reset the form after successful submit 
+
+                    // $.ajax options can be used here too, for example: 
+                    //timeout:   3000 
+        };
+        //console.log("Hooking any lesson forms to make them ajax");
+        $("form").ajaxForm(options);
+    },
+    enhanceMenuData: function (menuItems,selectedItem) {
+        for (var i = 0; i < menuItems.length; i++) {
+            menuItems[i].id = goatUtils.makeId(menuItems[i].name);//TODO move the replace routine into util function
+            if (selectedItem) {
+            }
+            //TODO: maintain state marker on refresh
+            //menuItems[i].displayClass = ($scope.openMenu === menuItems[i].id) ? goatConstants.getClasses().keepOpenClass : '';
+            //TODO: move to utility method
+            if (menuItems[i].children) {
+                for (var j = 0; j < menuItems[i].children.length; j++) {
+                    menuItems[i].children[j].id = goatUtils.makeId(menuItems[i].children[j].name);
+                    //handle selected Menu state
+                    if (menuItems[i].children[j].id ===  selectedItem) {
+                        menuItems[i].children[j].selectedClass = goatConstants.getClasses().selectedMenuClass;
+                        menuItems[i].selectedClass = goatConstants.getClasses().selectedMenuClass;
+                    }
+                    //handle complete state
+                    if (menuItems[i].children[j].complete) {
+                        menuItems[i].children[j].completeClass = goatConstants.getClasses().lessonCompleteClass;
+                    } else {
+                        menuItems[i].children[j].completeClass = '';
+                    }
+                    if (menuItems[i].children[j].children) {
+                        for (var k = 0; k < menuItems[i].children[j].children.length; k++) {
+                            //TODO make utility function for name >> id
+                            menuItems[i].children[j].children[k].id = goatUtils.makeId(menuItems[i].children[j].children[k].name);
+                            //menuItems[i].children[j].children[k].id = menuItems[i].children[j].children[k].name.replace(/\s|\(|\)/g,'');
+                            //handle selected Menu state
+                            if (menuItems[i].children[j].children[k].id === selectedItem) {
+                                menuItems[i].children[j].children[k].selectedClass = goatConstants.getClasses().selectedMenuClass;
+                                menuItems[i].children[j].selectedClass = goatConstants.getClasses().selectedMenuClass;
+                            }
+                            //handle complete state
+                            if (menuItems[i].children[j].children[k].complete) {
+                                menuItems[i].children[j].children[k].completeClass = goatConstants.lessonCompleteClass;
+                            } else {
+                                menuItems[i].children[j].children[k].completeClass = ''
+                            }
+                        }
+                    }
+                }
+            }
+        } // done parsing menuItems
+    },
+    //
+    displayButton: function(id, show) {
+        if ($('#' + id)) {
+            if (show) {
+                $('#' + id).show();
+            } else {
+                $('#' + id).hide();
+            }
+        }
+    },
+    showLessonCookiesAndParams: function() {
+        $.get(goatConstants.cookieService, {}, function(reply) {
+            $("#lesson_cookies").html(reply);
+        }, "html");
+    },
+    showLessonHints: function() {
+        $('.lessonHelp').hide();
+        $('#lesson_hint').html();
+        $('#lesson_hint_row').show();
+    },
+    showLessonSource: function(source) {
+        $('.lessonHelp').hide();
+        //$('#lesson_source').html("<pre>"+goat.lesson.lessonInfo.source+"</pre>");
+        $('#lesson_source_row').show();
+        goat.utils.scrollToHelp();
+    },
+    showLessonSolution: function() {
+        $('.lessonHelp').hide();
+        $('#lesson_solution').html(goat.lesson.lessonInfo.solution);
+        $('#lesson_solution_row').show();
+        goat.utils.scrollToHelp();
+    },
+    showLessonPlan: function(plan) {
+        $('.lessonHelp').hide();
+        $("#lesson_plan").html(goat.lesson.lessonInfo.plan);
+        $('#lesson_plan_row').show();
+        goat.utils.scrollToHelp();
+    },
+    scrollToHelp: function() {
+        $('#leftside-navigation').height($('#main-content').height() + 15)
+        var target = $('#lessonHelpsWrapper');
+        goat.utils.scrollEasy(target);
+    },
+    scrollToTop: function() {
+        $('.lessonHelp').hide();
+        var target = $('#container');
+        goat.utils.scrollEasy(target);
+    },
+    scrollEasy: function(target) {
+        $('html,body').animate({
+            scrollTop: target.offset().top
+        }, 1000);
+    },
+    scrapeParams: function(url) {
+        if (!url) {
+            return;
+        }
+        var params = url.split('?')[1].split('&');
+        var paramsArr = [];
+        for (var i = 0; i < params.length; i++) {
+            var paramObj = {};
+            paramObj.name = params[i].split('=')[0];
+            paramObj.value = params[i].split('=')[1];
+            paramsArr.push(paramObj);
+        }
+        return paramsArr;
+    },
+    highlightCurrentLessonMenu: function(id) {
+        //TODO: move selectors in first two lines into goatConstants
+        $('ul li.selected').removeClass(goatConstants.selectedMenuClass)
+        $('ul li.selected a.selected').removeClass(goatConstants.selectedMenuClass)
+        $('#' + id).addClass(goatConstants.selectedMenuClass);
+        $('#' + id).parent().addClass(goatConstants.selectedMenuClass);
+    },
+    makeId: function(lessonName) {
+        return lessonName.replace(/\s|\(|\)|\!|\:|\;|\@|\#|\$|\%|\^|\&|\*/g, '');//TODO move the replace routine into util function
+    },
+    ajaxifyAttackHref: function() {
+        // rewrite any links with hrefs point to relative attack URLs
+         $.each($('a[href^="attack?"]'),
+			function(i,el) {
+				var url = $(el).attr('href');
+				$(el).unbind('click').attr('href','#').attr('link',url);
+				//TODO pull currentMenuId
+				$(el).click(function() {
+					event.preventDefault();
+					var _url = $(el).attr('link');
+					$.get(_url, {success:showResponse});
+				}
+			);
+         });
+    }
+};
+
+
+$(window).resize(function() {
+    //$('#leftside-navigation').css('height',$('div.panel-body').height());
+    console.log($(window).height());
+});

src/main/webapp/js/goatApp/view/MenuView.js

@@ -0,0 +1,49 @@
+define(['jquery','underscore','backbone','goatApp/model/goatMenu'], function($,_,Backbone,MenuData) {
+
+	return  Backbone.View.extend({
+		el:'#menuContainer',
+		//TODO: set template
+
+		render: function (model){
+			//TODO: implement own HTML Encoder
+			this.$el.html(buildMenu(items));
+		},
+		buildMenu: function(items) {
+
+			var menuData = new MenuData();
+
+			var i, j, k, $wholeMenu, $menuCat, itemClass, $lessonItem, lessons, stages, $stageItem;
+			var _renderMenu = function (items) {
+				$wholeMenu = $('<ul>');
+				for (var i=0;i<items.length;i++){
+					// should be at category level ...
+					itemClass = (items[i].class || '');
+					if (items[i].type && items.type === 'CATEGORY') {
+						itemClass += 'fa-angle-right pull-right';
+					}
+					var $menuCat = $('<li>',{text:items[i].name,class:itemClass});
+					$wholeMenu.append($menuCat);
+					var lessonList = $('<ul>',{class:'slideDown lessonsAndStages' + items[0].displayClass,id:items[0].id}) //
+					// first tier lessons
+					var lessons = items[i].children;
+					for (j=0;j<lessons.length;j++) {
+						itemClass = (lessons[j].class || '');
+						$lessonItem = $('<li>',{text:lessons[j].name,id:lessons[j].id});//add click
+						lessonList.append($lessonItem);
+						//stages (children of lesson)
+						stages = lessons[j].children;
+						for (k=0;k<stages.length;k++) {
+							$stageItem = $('<li>',{text:stages[k].name,id:stages[k].id});
+							lessonList.append($stageItem);
+						}
+					}
+					$menuCat.append(lessonList);
+				}
+				return $wholeMenu;
+				//$wholeMenu.append($menuCat);
+				$(goatConstants.getDOMContainers().lessonMenu).html('').append($wholeMenu);
+			};
+			
+		}
+	});
+});

src/main/webapp/js/goatApp/view/goatRouter.js

@@ -0,0 +1,34 @@
+define(['jquery',
+	'underscore',
+	'backbone',
+	'goatApp/controller/LessonController'
+	], function ($,_,Backbone,LessonController) {
+	var GoatAppRouter = Backbone.Router.extend({
+		routes: {
+			//#....
+			'welcome':'welcomeRoute',
+			'attack/:scr/:menu':'attackRoute' //	
+		},
+		lessonController: new LessonController()
+	});
+
+
+
+	var init = function() {
+		goatRouter =  new GoatAppRouter();
+
+		goatRouter.on('route:attackRoute', function(scr,menu) {
+			this.lessonController.loadLesson(scr,menu);
+		});
+		goatRouter.on('route:welcomeRoute', function() {
+			alert('welcome route');
+		});
+		// init the history/router
+		Backbone.history.start();
+	}
+
+	return {
+		init:init
+	};
+
+});

src/main/webapp/js/libs/require.min.js

@@ -0,0 +1,36 @@
+/*
+ RequireJS 2.1.16 Copyright (c) 2010-2015, The Dojo Foundation All Rights Reserved.
+ Available via the MIT or new BSD license.
+ see: http://github.com/jrburke/requirejs for details
+*/
+var requirejs,require,define;
+(function(ba){function G(b){return"[object Function]"===K.call(b)}function H(b){return"[object Array]"===K.call(b)}function v(b,c){if(b){var d;for(d=0;d<b.length&&(!b[d]||!c(b[d],d,b));d+=1);}}function T(b,c){if(b){var d;for(d=b.length-1;-1<d&&(!b[d]||!c(b[d],d,b));d-=1);}}function t(b,c){return fa.call(b,c)}function m(b,c){return t(b,c)&&b[c]}function B(b,c){for(var d in b)if(t(b,d)&&c(b[d],d))break}function U(b,c,d,e){c&&B(c,function(c,g){if(d||!t(b,g))e&&"object"===typeof c&&c&&!H(c)&&!G(c)&&!(c instanceof
+RegExp)?(b[g]||(b[g]={}),U(b[g],c,d,e)):b[g]=c});return b}function u(b,c){return function(){return c.apply(b,arguments)}}function ca(b){throw b;}function da(b){if(!b)return b;var c=ba;v(b.split("."),function(b){c=c[b]});return c}function C(b,c,d,e){c=Error(c+"\nhttp://requirejs.org/docs/errors.html#"+b);c.requireType=b;c.requireModules=e;d&&(c.originalError=d);return c}function ga(b){function c(a,k,b){var f,l,c,d,e,g,i,p,k=k&&k.split("/"),h=j.map,n=h&&h["*"];if(a){a=a.split("/");l=a.length-1;j.nodeIdCompat&&
+Q.test(a[l])&&(a[l]=a[l].replace(Q,""));"."===a[0].charAt(0)&&k&&(l=k.slice(0,k.length-1),a=l.concat(a));l=a;for(c=0;c<l.length;c++)if(d=l[c],"."===d)l.splice(c,1),c-=1;else if(".."===d&&!(0===c||1==c&&".."===l[2]||".."===l[c-1])&&0<c)l.splice(c-1,2),c-=2;a=a.join("/")}if(b&&h&&(k||n)){l=a.split("/");c=l.length;a:for(;0<c;c-=1){e=l.slice(0,c).join("/");if(k)for(d=k.length;0<d;d-=1)if(b=m(h,k.slice(0,d).join("/")))if(b=m(b,e)){f=b;g=c;break a}!i&&(n&&m(n,e))&&(i=m(n,e),p=c)}!f&&i&&(f=i,g=p);f&&(l.splice(0,
+g,f),a=l.join("/"))}return(f=m(j.pkgs,a))?f:a}function d(a){z&&v(document.getElementsByTagName("script"),function(k){if(k.getAttribute("data-requiremodule")===a&&k.getAttribute("data-requirecontext")===i.contextName)return k.parentNode.removeChild(k),!0})}function e(a){var k=m(j.paths,a);if(k&&H(k)&&1<k.length)return k.shift(),i.require.undef(a),i.makeRequire(null,{skipMap:!0})([a]),!0}function n(a){var k,c=a?a.indexOf("!"):-1;-1<c&&(k=a.substring(0,c),a=a.substring(c+1,a.length));return[k,a]}function p(a,
+k,b,f){var l,d,e=null,g=k?k.name:null,j=a,p=!0,h="";a||(p=!1,a="_@r"+(K+=1));a=n(a);e=a[0];a=a[1];e&&(e=c(e,g,f),d=m(r,e));a&&(e?h=d&&d.normalize?d.normalize(a,function(a){return c(a,g,f)}):-1===a.indexOf("!")?c(a,g,f):a:(h=c(a,g,f),a=n(h),e=a[0],h=a[1],b=!0,l=i.nameToUrl(h)));b=e&&!d&&!b?"_unnormalized"+(O+=1):"";return{prefix:e,name:h,parentMap:k,unnormalized:!!b,url:l,originalName:j,isDefine:p,id:(e?e+"!"+h:h)+b}}function s(a){var k=a.id,b=m(h,k);b||(b=h[k]=new i.Module(a));return b}function q(a,
+k,b){var f=a.id,c=m(h,f);if(t(r,f)&&(!c||c.defineEmitComplete))"defined"===k&&b(r[f]);else if(c=s(a),c.error&&"error"===k)b(c.error);else c.on(k,b)}function w(a,b){var c=a.requireModules,f=!1;if(b)b(a);else if(v(c,function(b){if(b=m(h,b))b.error=a,b.events.error&&(f=!0,b.emit("error",a))}),!f)g.onError(a)}function x(){R.length&&(ha.apply(A,[A.length,0].concat(R)),R=[])}function y(a){delete h[a];delete V[a]}function F(a,b,c){var f=a.map.id;a.error?a.emit("error",a.error):(b[f]=!0,v(a.depMaps,function(f,
+d){var e=f.id,g=m(h,e);g&&(!a.depMatched[d]&&!c[e])&&(m(b,e)?(a.defineDep(d,r[e]),a.check()):F(g,b,c))}),c[f]=!0)}function D(){var a,b,c=(a=1E3*j.waitSeconds)&&i.startTime+a<(new Date).getTime(),f=[],l=[],g=!1,h=!0;if(!W){W=!0;B(V,function(a){var i=a.map,j=i.id;if(a.enabled&&(i.isDefine||l.push(a),!a.error))if(!a.inited&&c)e(j)?g=b=!0:(f.push(j),d(j));else if(!a.inited&&(a.fetched&&i.isDefine)&&(g=!0,!i.prefix))return h=!1});if(c&&f.length)return a=C("timeout","Load timeout for modules: "+f,null,
+f),a.contextName=i.contextName,w(a);h&&v(l,function(a){F(a,{},{})});if((!c||b)&&g)if((z||ea)&&!X)X=setTimeout(function(){X=0;D()},50);W=!1}}function E(a){t(r,a[0])||s(p(a[0],null,!0)).init(a[1],a[2])}function I(a){var a=a.currentTarget||a.srcElement,b=i.onScriptLoad;a.detachEvent&&!Y?a.detachEvent("onreadystatechange",b):a.removeEventListener("load",b,!1);b=i.onScriptError;(!a.detachEvent||Y)&&a.removeEventListener("error",b,!1);return{node:a,id:a&&a.getAttribute("data-requiremodule")}}function J(){var a;
+for(x();A.length;){a=A.shift();if(null===a[0])return w(C("mismatch","Mismatched anonymous define() module: "+a[a.length-1]));E(a)}}var W,Z,i,L,X,j={waitSeconds:7,baseUrl:"./",paths:{},bundles:{},pkgs:{},shim:{},config:{}},h={},V={},$={},A=[],r={},S={},aa={},K=1,O=1;L={require:function(a){return a.require?a.require:a.require=i.makeRequire(a.map)},exports:function(a){a.usingExports=!0;if(a.map.isDefine)return a.exports?r[a.map.id]=a.exports:a.exports=r[a.map.id]={}},module:function(a){return a.module?
+a.module:a.module={id:a.map.id,uri:a.map.url,config:function(){return m(j.config,a.map.id)||{}},exports:a.exports||(a.exports={})}}};Z=function(a){this.events=m($,a.id)||{};this.map=a;this.shim=m(j.shim,a.id);this.depExports=[];this.depMaps=[];this.depMatched=[];this.pluginMaps={};this.depCount=0};Z.prototype={init:function(a,b,c,f){f=f||{};if(!this.inited){this.factory=b;if(c)this.on("error",c);else this.events.error&&(c=u(this,function(a){this.emit("error",a)}));this.depMaps=a&&a.slice(0);this.errback=
+c;this.inited=!0;this.ignore=f.ignore;f.enabled||this.enabled?this.enable():this.check()}},defineDep:function(a,b){this.depMatched[a]||(this.depMatched[a]=!0,this.depCount-=1,this.depExports[a]=b)},fetch:function(){if(!this.fetched){this.fetched=!0;i.startTime=(new Date).getTime();var a=this.map;if(this.shim)i.makeRequire(this.map,{enableBuildCallback:!0})(this.shim.deps||[],u(this,function(){return a.prefix?this.callPlugin():this.load()}));else return a.prefix?this.callPlugin():this.load()}},load:function(){var a=
+this.map.url;S[a]||(S[a]=!0,i.load(this.map.id,a))},check:function(){if(this.enabled&&!this.enabling){var a,b,c=this.map.id;b=this.depExports;var f=this.exports,l=this.factory;if(this.inited)if(this.error)this.emit("error",this.error);else{if(!this.defining){this.defining=!0;if(1>this.depCount&&!this.defined){if(G(l)){if(this.events.error&&this.map.isDefine||g.onError!==ca)try{f=i.execCb(c,l,b,f)}catch(d){a=d}else f=i.execCb(c,l,b,f);this.map.isDefine&&void 0===f&&((b=this.module)?f=b.exports:this.usingExports&&
+(f=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",w(this.error=a)}else f=l;this.exports=f;if(this.map.isDefine&&!this.ignore&&(r[c]=f,g.onResourceLoad))g.onResourceLoad(i,this.map,this.depMaps);y(c);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=!0)}}else this.fetch()}},callPlugin:function(){var a=
+this.map,b=a.id,d=p(a.prefix);this.depMaps.push(d);q(d,"defined",u(this,function(f){var l,d;d=m(aa,this.map.id);var e=this.map.name,P=this.map.parentMap?this.map.parentMap.name:null,n=i.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(f.normalize&&(e=f.normalize(e,function(a){return c(a,P,!0)})||""),f=p(a.prefix+"!"+e,this.map.parentMap),q(f,"defined",u(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),d=m(h,f.id)){this.depMaps.push(f);
+if(this.events.error)d.on("error",u(this,function(a){this.emit("error",a)}));d.enable()}}else d?(this.map.url=i.nameToUrl(d),this.load()):(l=u(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),l.error=u(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];B(h,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&y(a.map.id)});w(a)}),l.fromText=u(this,function(f,c){var d=a.name,e=p(d),P=M;c&&(f=c);P&&(M=!1);s(e);t(j.config,b)&&(j.config[d]=j.config[b]);try{g.exec(f)}catch(h){return w(C("fromtexteval",
+"fromText eval for "+b+" failed: "+h,h,[b]))}P&&(M=!0);this.depMaps.push(e);i.completeLoad(d);n([d],l)}),f.load(a.name,n,l,j))}));i.enable(d,this);this.pluginMaps[d.id]=d},enable:function(){V[this.map.id]=this;this.enabling=this.enabled=!0;v(this.depMaps,u(this,function(a,b){var c,f;if("string"===typeof a){a=p(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=m(L,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;q(a,"defined",u(this,function(a){this.defineDep(b,
+a);this.check()}));this.errback?q(a,"error",u(this,this.errback)):this.events.error&&q(a,"error",u(this,function(a){this.emit("error",a)}))}c=a.id;f=h[c];!t(L,c)&&(f&&!f.enabled)&&i.enable(a,this)}));B(this.pluginMaps,u(this,function(a){var b=m(h,a.id);b&&!b.enabled&&i.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){v(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};i={config:j,contextName:b,
+registry:h,defined:r,urlFetched:S,defQueue:A,Module:Z,makeModuleMap:p,nextTick:g.nextTick,onError:w,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=j.shim,c={paths:!0,bundles:!0,config:!0,map:!0};B(a,function(a,b){c[b]?(j[b]||(j[b]={}),U(j[b],a,!0,!0)):j[b]=a});a.bundles&&B(a.bundles,function(a,b){v(a,function(a){a!==b&&(aa[a]=b)})});a.shim&&(B(a.shim,function(a,c){H(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=i.makeShimExports(a);
+b[c]=a}),j.shim=b);a.packages&&v(a.packages,function(a){var b,a="string"===typeof a?{name:a}:a;b=a.name;a.location&&(j.paths[b]=a.location);j.pkgs[b]=a.name+"/"+(a.main||"main").replace(ia,"").replace(Q,"")});B(h,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=p(b))});if(a.deps||a.callback)i.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(ba,arguments));return b||a.exports&&da(a.exports)}},makeRequire:function(a,e){function j(c,d,m){var n,
+q;e.enableBuildCallback&&(d&&G(d))&&(d.__requireJsBuild=!0);if("string"===typeof c){if(G(d))return w(C("requireargs","Invalid require call"),m);if(a&&t(L,c))return L[c](h[a.id]);if(g.get)return g.get(i,c,a,j);n=p(c,a,!1,!0);n=n.id;return!t(r,n)?w(C("notloaded",'Module name "'+n+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):r[n]}J();i.nextTick(function(){J();q=s(p(null,a));q.skipMap=e.skipMap;q.init(c,d,m,{enabled:!0});D()});return j}e=e||{};U(j,{isBrowser:z,toUrl:function(b){var d,
+e=b.lastIndexOf("."),k=b.split("/")[0];if(-1!==e&&(!("."===k||".."===k)||1<e))d=b.substring(e,b.length),b=b.substring(0,e);return i.nameToUrl(c(b,a&&a.id,!0),d,!0)},defined:function(b){return t(r,p(b,a,!1,!0).id)},specified:function(b){b=p(b,a,!1,!0).id;return t(r,b)||t(h,b)}});a||(j.undef=function(b){x();var c=p(b,a,!0),e=m(h,b);d(b);delete r[b];delete S[c.url];delete $[b];T(A,function(a,c){a[0]===b&&A.splice(c,1)});e&&(e.events.defined&&($[b]=e.events),y(b))});return j},enable:function(a){m(h,a.id)&&
+s(a).enable()},completeLoad:function(a){var b,c,d=m(j.shim,a)||{},g=d.exports;for(x();A.length;){c=A.shift();if(null===c[0]){c[0]=a;if(b)break;b=!0}else c[0]===a&&(b=!0);E(c)}c=m(h,a);if(!b&&!t(r,a)&&c&&!c.inited){if(j.enforceDefine&&(!g||!da(g)))return e(a)?void 0:w(C("nodefine","No define call for "+a,null,[a]));E([a,d.deps||[],d.exportsFn])}D()},nameToUrl:function(a,b,c){var d,e,h;(d=m(j.pkgs,a))&&(a=d);if(d=m(aa,a))return i.nameToUrl(d,b,c);if(g.jsExtRegExp.test(a))d=a+(b||"");else{d=j.paths;
+a=a.split("/");for(e=a.length;0<e;e-=1)if(h=a.slice(0,e).join("/"),h=m(d,h)){H(h)&&(h=h[0]);a.splice(0,e,h);break}d=a.join("/");d+=b||(/^data\:|\?/.test(d)||c?"":".js");d=("/"===d.charAt(0)||d.match(/^[\w\+\.\-]+:/)?"":j.baseUrl)+d}return j.urlArgs?d+((-1===d.indexOf("?")?"?":"&")+j.urlArgs):d},load:function(a,b){g.load(i,a,b)},execCb:function(a,b,c,d){return b.apply(d,c)},onScriptLoad:function(a){if("load"===a.type||ja.test((a.currentTarget||a.srcElement).readyState))N=null,a=I(a),i.completeLoad(a.id)},
+onScriptError:function(a){var b=I(a);if(!e(b.id))return w(C("scripterror","Script error for: "+b.id,a,[b.id]))}};i.require=i.makeRequire();return i}var g,x,y,D,I,E,N,J,s,O,ka=/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,la=/[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,Q=/\.js$/,ia=/^\.\//;x=Object.prototype;var K=x.toString,fa=x.hasOwnProperty,ha=Array.prototype.splice,z=!!("undefined"!==typeof window&&"undefined"!==typeof navigator&&window.document),ea=!z&&"undefined"!==typeof importScripts,ja=
+z&&"PLAYSTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/,Y="undefined"!==typeof opera&&"[object Opera]"===opera.toString(),F={},q={},R=[],M=!1;if("undefined"===typeof define){if("undefined"!==typeof requirejs){if(G(requirejs))return;q=requirejs;requirejs=void 0}"undefined"!==typeof require&&!G(require)&&(q=require,require=void 0);g=requirejs=function(b,c,d,e){var n,p="_";!H(b)&&"string"!==typeof b&&(n=b,H(c)?(b=c,c=d,d=e):b=[]);n&&n.context&&(p=n.context);(e=m(F,p))||(e=F[p]=g.s.newContext(p));
+n&&e.configure(n);return e.require(b,c,d)};g.config=function(b){return g(b)};g.nextTick="undefined"!==typeof setTimeout?function(b){setTimeout(b,4)}:function(b){b()};require||(require=g);g.version="2.1.16";g.jsExtRegExp=/^\/|:|\?|\.js$/;g.isBrowser=z;x=g.s={contexts:F,newContext:ga};g({});v(["toUrl","undef","defined","specified"],function(b){g[b]=function(){var c=F._;return c.require[b].apply(c,arguments)}});if(z&&(y=x.head=document.getElementsByTagName("head")[0],D=document.getElementsByTagName("base")[0]))y=
+x.head=D.parentNode;g.onError=ca;g.createNode=function(b){var c=b.xhtml?document.createElementNS("http://www.w3.org/1999/xhtml","html:script"):document.createElement("script");c.type=b.scriptType||"text/javascript";c.charset="utf-8";c.async=!0;return c};g.load=function(b,c,d){var e=b&&b.config||{};if(z)return e=g.createNode(e,c,d),e.setAttribute("data-requirecontext",b.contextName),e.setAttribute("data-requiremodule",c),e.attachEvent&&!(e.attachEvent.toString&&0>e.attachEvent.toString().indexOf("[native code"))&&
+!Y?(M=!0,e.attachEvent("onreadystatechange",b.onScriptLoad)):(e.addEventListener("load",b.onScriptLoad,!1),e.addEventListener("error",b.onScriptError,!1)),e.src=d,J=e,D?y.insertBefore(e,D):y.appendChild(e),J=null,e;if(ea)try{importScripts(d),b.completeLoad(c)}catch(m){b.onError(C("importscripts","importScripts failed for "+c+" at "+d,m,[c]))}};z&&!q.skipDataMain&&T(document.getElementsByTagName("script"),function(b){y||(y=b.parentNode);if(I=b.getAttribute("data-main"))return s=I,q.baseUrl||(E=s.split("/"),
+s=E.pop(),O=E.length?E.join("/")+"/":"./",q.baseUrl=O),s=s.replace(Q,""),g.jsExtRegExp.test(s)&&(s=I),q.deps=q.deps?q.deps.concat(s):[s],!0});define=function(b,c,d){var e,g;"string"!==typeof b&&(d=c,c=b,b=null);H(c)||(d=c,c=null);!c&&G(d)&&(c=[],d.length&&(d.toString().replace(ka,"").replace(la,function(b,d){c.push(d)}),c=(1===d.length?["require"]:["require","exports","module"]).concat(c)));if(M){if(!(e=J))N&&"interactive"===N.readyState||T(document.getElementsByTagName("script"),function(b){if("interactive"===
+b.readyState)return N=b}),e=N;e&&(b||(b=e.getAttribute("data-requiremodule")),g=F[e.getAttribute("data-requirecontext")])}(g?g.defQueue:R).push([b,c,d])};define.amd={jQuery:!0};g.exec=function(b){return eval(b)};g(q)}})(this);

src/main/webapp/js/main.js

@@ -0,0 +1,37 @@
+//main.js
+/*
+/js
+js/main.js << main file for require.js
+--/libs/(jquery,backbone,etc.) << base libs
+--/goatApp/ << base dir for goat application, js-wise
+--/goatApp/model
+--/goatApp/view
+--/goatApp/support
+--/goatApp/controller
+*/
+
+require.config({
+  baseUrl: "js/",
+  paths: {
+    jquery: 'libs/jquery-1.10.2.min',
+    underscore: 'libs/underscore-min',
+    backbone: 'libs/backbone-min'//,
+  }
+,
+  shim: {
+    underscore: {
+      exports: "_"
+    },
+    backbone: {
+      deps: ['underscore', 'jquery'],
+      exports: 'Backbone'
+    }
+  }
+});
+
+require(['jquery','underscore','backbone','goatApp/goatApp'], function($,_,Backbone,Goat){
+  
+  Goat.initApp();
+  //var lessonController = new LessonController();
+
+});