update todomvc-common to 0.3.0

examples/agilityjs/bower.json

@@ -2,7 +2,7 @@
   "name": "agilityjs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "agility": "~0.1.3",
     "jquery": "~1.9.1"
   }

examples/agilityjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/agilityjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/ampersand/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/angular-dart/bower.json

@@ -15,6 +15,6 @@
     "tests"
   ],
   "dependencies": {
-    "todomvc-common": "~0.1.9"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/angular-dart/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/angular-dart/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/angularjs-perf/bower.json

@@ -3,6 +3,6 @@
   "version": "0.0.0",
   "dependencies": {
     "angular": "1.2.9",
-    "todomvc-common": "~0.1.9"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/angularjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/angularjs_require/bower.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "dependencies": {
     "angular": "1.2.8",
-    "todomvc-common": "~0.1.9",
+    "todomvc-common": "~0.3.0",
     "requirejs": "~2.1.9"
   }
 }

examples/ariatemplates/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-ariatemplates",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/ariatemplates/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/ariatemplates/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/atmajs/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-atmajs",
   "version": "0.1.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.0.2",
     "maskjs": "~0.10.1",
     "includejs": "~0.9.10",

examples/atmajs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/atmajs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/backbone/bower.json

@@ -5,7 +5,7 @@
     "backbone": "~1.1.1",
     "underscore": "~1.6.0",
     "jquery": "~2.0.0",
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "backbone.localStorage": "~1.1.0"
   }
 }

examples/backbone/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/backbone/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/backbone_marionette/bower.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "dependencies": {
     "jquery": "~1.10.2",
-    "todomvc-common": "~0.1.7",
+    "todomvc-common": "~0.3.0",
     "underscore": "~1.4.4",
     "backbone.localStorage": "~1.1.6",
     "backbone.marionette": "~2.1.0"

examples/backbone_marionette/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/backbone_marionette/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/backbone_marionette_require/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-backbone_marionette_require",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "requirejs": "~2.1.6",
     "underscore": "~1.4.4",
     "backbone.marionette": "~1.0.3",

examples/backbone_marionette_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/backbone_marionette_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/backbone_require/bower.json

@@ -5,7 +5,7 @@
     "backbone": "~1.1.0",
     "underscore": "~1.5.0",
     "jquery": "~2.0.0",
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "backbone.localStorage": "~1.1.0",
     "requirejs": "~2.1.5",
     "requirejs-text": "~2.0.5"

examples/backbone_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/backbone_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/batman/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-batman",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "batman": "~0.14.1"
   }
 }

examples/batman/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/batman/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/canjs/bower.json

@@ -5,6 +5,6 @@
     "jquery": "~2.0.0",
     "canjs": "~2.0.0",
     "canjs-localstorage": "~0.2.0",
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/canjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/canjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/canjs_require/bower.json

@@ -2,7 +2,7 @@
 	"name": "todomvc-canjs-require",
 	"version": "0.0.0",
 	"dependencies": {
-		"todomvc-common": "~0.1.6",
+		"todomvc-common": "~0.3.0",
 		"requirejs": "~2.1.6",
 		"canjs": "~2.0.0",
 		"canjs-localstorage": "~0.2.0",

examples/canjs_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/canjs_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/chaplin-brunch/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-chaplin-brunch",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.11",
+    "todomvc-common": "~0.3.0",
     "chaplin": "~1.0.0",
     "exoskeleton": "~0.6.3",
     "backbone.localStorage": "git://github.com/paulmillr/Backbone.localStorage.git#9c225b37bdea4ac21d4b2445fa8962fe74e3175b"

examples/chaplin-brunch/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/closure/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-closure",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/closure/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/closure/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/componentjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/componentjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/cujo/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-cujoJS",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.7",
+    "todomvc-common": "~0.3.0",
     "curl": "~0.7.4",
     "cola": "latest",
     "poly": "~0.5.1",

examples/cujo/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/cujo/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/derby/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-derby",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.3"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/derby/public/components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/dijon/bower.json

@@ -4,6 +4,6 @@
   "dependencies": {
     "jquery": "~2.0.0",
     "handlebars.js": "~1.0.0-rc.3",
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/dijon/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/dijon/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/dojo/bower.json

@@ -2,6 +2,6 @@
   "name": "todmvc-dojo",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/dojo/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/dojo/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/duel/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-duel",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/duel/src/main/webapp/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/durandal/bower.json

@@ -6,7 +6,7 @@
 		"sammy": "~0.7.4",
 		"jquery": "~1.9.1",
 		"knockout": "~2.2.1",
-		"todomvc-common": "~0.1.4",
+		"todomvc-common": "~0.3.0",
 		"requirejs": "~2.1.6"
 	}
 }

examples/durandal/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/durandal/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/emberjs/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-emberjs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.1.0",
     "handlebars": "~1.3.0",
     "ember": "~1.6.0",

examples/emberjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/emberjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/enyo_backbone/bower.json

@@ -2,6 +2,6 @@
 	"name": "todomvc-enyo-backbone",
 	"version": "0.0.0",
 	"dependencies": {
-		"todomvc-common": "~0.1.4"
+		"todomvc-common": "~0.3.0"
 	}
-}
\ No newline at end of file
+}

examples/enyo_backbone/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/enyo_backbone/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/epitome/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-epitome",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "Epitome": "~0.3.1"
   }
 }

examples/epitome/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/epitome/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/exoskeleton/bower.json

@@ -4,7 +4,7 @@
   "dependencies": {
     "exoskeleton": "~0.3.0",
     "microtemplates": "~0.1.0",
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "backbone.localStorage": "git://github.com/paulmillr/Backbone.localStorage.git#9c225b37bdea4ac21d4b2445fa8962fe74e3175b"
   }
 }

examples/exoskeleton/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/exoskeleton/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/extjs_deftjs/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-extjs_deftjs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/extjs_deftjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/extjs_deftjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/firebase-angular/bower.json

@@ -4,7 +4,7 @@
   "dependencies": {
     "angular": "1.2.8",
     "angularfire": "~0.5.0",
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   },
   "devDependencies": {
     "angular-mocks": "1.2.8"

examples/firebase-angular/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/firebase-angular/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/flight/bower.json

@@ -6,7 +6,7 @@
     "flight": "~1.1.0",
     "jquery": "1.8.3",
     "requirejs": "~2.1.5",
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "requirejs-text": "~2.0.10"
   },
   "devDependencies": {

examples/flight/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/flight/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/gwt/bower.json

@@ -2,6 +2,6 @@
   "name": "gwt",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
-}
\ No newline at end of file
+}

examples/gwt/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/gwt/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/jquery/bower.json

 {
   "name": "todomvc-jquery",
   "dependencies": {
-    "todomvc-common": "~0.1.11",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.1.1",
     "handlebars": "~2.0.0",
     "director": "~1.2.2"

examples/jquery/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/kendo/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-kendo",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.1.0",
     "kendo-ui": "~2013.3.1119"
   }

examples/kendo/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/kendo/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/knockback/bower.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "dependencies": {
     "jquery": "~2.0.0",
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "Backbone.localStorage": "~1.1.3"
   }
 }

examples/knockback/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/knockback/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/knockoutjs/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-knockoutjs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "component-knockout-passy": "~3.1.0",
     "director": "~1.2.0"
   }

examples/knockoutjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/knockoutjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/knockoutjs_require/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-knockoutjs_require",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "knockout.js": "~3.0.0",
     "requirejs": "~2.1.6"
   }

examples/knockoutjs_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/knockoutjs_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/lavaca_require/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-lavaca_require",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "requirejs": "~2.1.6",
     "dustjs-linkedin": "~1.1.1",
     "dustjs-linkedin-helpers": "~1.1.1",

examples/lavaca_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/lavaca_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/maria/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-maria",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "director": "~1.2.0",
     "maria-bower": "~1.0.0",
     "aristocrat-bower": "~1.0.1"

examples/maria/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/maria/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/meteor/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-meteor",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "director": "~1.2.0"
   }
 }

examples/meteor/client/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/mithril/bower.json

@@ -3,6 +3,6 @@
     "version": "0.0.0",
     "dependencies": {
         "mithril": "0.1.20",
-        "todomvc-common": "~0.1.4"
+        "todomvc-common": "~0.3.0"
     }
 }

examples/mithril/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/mithril/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/montage/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-montage",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/montage/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/montage/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/olives/bower.json

@@ -5,6 +5,6 @@
     "olives": "~1.4.0",
     "emily": "~1.3.5",
     "requirejs": "~2.1.5",
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/olives/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/olives/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/plastronjs/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-plastronjs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/plastronjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/plastronjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/polymer/bower.json

@@ -2,7 +2,7 @@
 	"name": "todomvc-polymer",
 	"version": "0.0.1",
 	"dependencies": {
-		"todomvc-common": "~0.1.4",
+		"todomvc-common": "~0.3.0",
 		"core-selector": "Polymer/core-selector",
 		"flatiron-director": "Polymer/flatiron-director",
 		"core-localstorage": "Polymer/core-localstorage"

examples/polymer/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/polymer/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/puremvc/bower.json

@@ -4,6 +4,6 @@
   "dependencies": {
     "puremvc": "~1.0.1",
     "director": "~1.2.0",
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/puremvc/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/puremvc/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/ractive/bower.json

 {
 	"name": "todomvc-ractive",
 	"dependencies": {
-		"todomvc-common": "~0.1.4",
+		"todomvc-common": "~0.3.0",
 		"ractive": "~0.3.5",
 		"director": "~1.2.0"
 	}

examples/ractive/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/ractive/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/rappidjs/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-rappidjs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/rappidjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/rappidjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/react-backbone/bower.json

@@ -6,7 +6,7 @@
     "backbone": "~1.1.2",
     "backbone.localstorage": "~1.1.7",
     "jquery": "~2.1.0",
-    "todomvc-common": "~0.1.9",
+    "todomvc-common": "~0.3.0",
     "underscore": "~1.6.0"
   }
 }

examples/react-backbone/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/react-backbone/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/react/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-react",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.7",
+    "todomvc-common": "~0.3.0",
     "director": "~1.2.0",
     "react": "~0.11.0"
   }

examples/react/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/react/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/sammyjs/bower.json

@@ -4,6 +4,6 @@
   "dependencies": {
     "sammy": "~0.7.4",
     "jquery": "~1.9.1",
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/sammyjs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/sammyjs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/sapui5/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-sapui5",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.7"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/sapui5/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/sapui5/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/serenadejs/bower.json

@@ -3,6 +3,6 @@
   "version": "0.0.0",
   "dependencies": {
     "director": "~1.2.0",
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/serenadejs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/serenadejs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/socketstream/bower.json

 {
   "name": "todomvc-socketstream",
   "dependencies": {
-    "todomvc-common": "~0.1.9",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.1.0",
     "director": "~1.2.2"
   }

examples/somajs/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-somajs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "director": "~1.2.0",
     "soma.js": "~2.1.0",
     "soma-template": "~0.2.8"

examples/somajs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/somajs/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/somajs_require/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-somajs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "director": "~1.2.0",
     "requirejs": "~2.1.5",
     "soma.js": "~2.1.0",

examples/somajs_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/somajs_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/spine/bower.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "dependencies": {
     "spine": "~1.0.9",
-    "todomvc-common": "~0.1.4",
+    "todomvc-common": "~0.3.0",
     "handlebars": "~1.0.0-rc.3",
     "jquery": "~1.8.3"
   }

examples/spine/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/spine/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/stapes/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-stapes",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.0.0",
     "handlebars.js": "~1.0.0-rc.3",
     "stapes": "0.2.1"

examples/stapes/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/stapes/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/stapes_require/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-stapes_require",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "stapes": "0.2.1",
     "handlebars.js": "~1.0.0-rc.3",
     "zepto": "~1.0.0",

examples/stapes_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/stapes_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/thorax/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-thorax",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "thorax": "~2.0.0"
   }
 }

examples/thorax/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/thorax/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/thorax_lumbar/bower.json

@@ -2,7 +2,7 @@
   "name": "thorax_lumbar",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "lumbar-loader": "~1.1.0",
     "script.js": "latest",
     "thorax": "~2.0.0"

examples/thorax_lumbar/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/thorax_lumbar/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/troopjs_require/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/troopjs_require/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/typescript-angular/bower.json

@@ -3,6 +3,6 @@
   "version": "0.0.0",
   "dependencies": {
     "angular": "1.2.8",
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/typescript-angular/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/typescript-angular/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/typescript-backbone/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-typescript-backbone",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6",
+    "todomvc-common": "~0.3.0",
     "jquery": "~2.0.0",
     "lodash": "~1.2.1"
   }

examples/typescript-backbone/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/typescript-backbone/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/vanilladart/bower.json

@@ -2,6 +2,6 @@
   "name": "dart",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
-}
\ No newline at end of file
+}

examples/vanilladart/build/web/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/vanilladart/web/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/vanillajs/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-vanillajs",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.4"
+    "todomvc-common": "~0.3.0"
   },
   "devDependencies": {
     "jasmine": "~1.3.1"

examples/vanillajs/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/vue/bower.json

@@ -2,6 +2,6 @@
   "name": "todomvc-vue",
   "dependencies": {
     "vue": "~0.10.0",
-    "todomvc-common": "~0.1.9"
+    "todomvc-common": "~0.3.0"
   }
-}
\ No newline at end of file
+}

examples/vue/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/vue/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

examples/yui/bower.json

 {
   "name": "todomvc-yui",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
+    "todomvc-common": "~0.3.0"
   }
 }

examples/yui/bower_components/todomvc-common/base.js

@@ -171,25 +171,42 @@
 			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);

examples/yui/bower_components/todomvc-common/bower.json

-{
-  "name": "todomvc-common",
-  "description": "Common TodoMVC utilities used by our apps",
-  "license": "MIT",
-  "authors": [
-    "TasteJS team"
-  ],
-  "main": [
-    "base.js",
-    "base.css"
-  ],
-  "keywords": [
-    "todomvc",
-    "tastejs",
-    "util",
-    "utilities"
-  ],
-  "ignore": [
-    "package.json",
-    "readme.md"
-  ]
-}

tasks/Gruntfile.js

@@ -15,8 +15,8 @@ module.exports = function (grunt) {
 		// I also added Bower up top for in the future, as that might come in handy
 		// to correctly fetch and install the latest todomvc-common, without relying
 		// on this weird Batman system.
-		var sourceTodoMvcCommon = 'examples/batman/bower_components/todomvc-common';
-		var sourceIdentifierRegex = /batman/;
+		var sourceTodoMvcCommon = 'examples/angularjs/bower_components/todomvc-common';
+		var sourceIdentifierRegex = /angularjs/;
 
 		grunt.file.setBase('../');
 

template/bower_components/todomvc-common/base.css

@@ -274,7 +274,6 @@ label[for='toggle-all'] {
 	text-shadow: 0 0 1px #000,
 				 0 0 10px rgba(199, 107, 107, 0.8);
 	-webkit-transform: scale(1.3);
-	-ms-transform: scale(1.3);
 	transform: scale(1.3);
 }
 
@@ -399,7 +398,6 @@ label[for='toggle-all'] {
 		width: 65px;
 		height: 41px;
 		-webkit-transform: rotate(90deg);
-		-ms-transform: rotate(90deg);
 		transform: rotate(90deg);
 		-webkit-appearance: none;
 		appearance: none;

template/bower_components/todomvc-common/base.js

@@ -122,16 +122,7 @@
 	}
 
 	function findRoot() {
-		var base;
-
-		[/labs/, /\w*-examples/].forEach(function (href) {
-			var match = location.href.match(href);
-
-			if (!base && match) {
-				base = location.href.indexOf(match);
-			}
-		});
-
+		var base = location.href.indexOf('examples/');
 		return location.href.substr(0, base);
 	}
 
@@ -177,28 +168,45 @@
 		}
 
 		if (!framework && document.querySelector('[data-framework]')) {
-			framework = document.querySelector('[data-framework]').getAttribute('data-framework');
+			framework = document.querySelector('[data-framework]').dataset.framework;
 		}
 
+		this.template = template;
 
-		if (template && learnJSON[framework]) {
+		if (learnJSON.backend) {
+			this.frameworkJSON = learnJSON.backend;
+			this.append({
+				backend: true
+			});
+		} else if (learnJSON[framework]) {
 			this.frameworkJSON = learnJSON[framework];
-			this.template = template;
-
 			this.append();
 		}
 	}
 
-	Learn.prototype.append = function () {
+	Learn.prototype.append = function (opts) {
 		var aside = document.createElement('aside');
 		aside.innerHTML = _.template(this.template, this.frameworkJSON);
 		aside.className = 'learn';
 
-		// Localize demo links
-		var demoLinks = aside.querySelectorAll('.demo-link');
-		Array.prototype.forEach.call(demoLinks, function (demoLink) {
-			demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
-		});
+		if (opts && opts.backend) {
+			// Remove demo link
+			var sourceLinks = aside.querySelector('.source-links');
+			var heading = sourceLinks.firstElementChild;
+			var sourceLink = sourceLinks.lastElementChild;
+			// Correct link path
+			var href = sourceLink.getAttribute('href');
+			sourceLink.setAttribute('href', href.substr(href.lastIndexOf('http')));
+			sourceLinks.innerHTML = heading.outerHTML + sourceLink.outerHTML;
+		} else {
+			// Localize demo links
+			var demoLinks = aside.querySelectorAll('.demo-link');
+			Array.prototype.forEach.call(demoLinks, function (demoLink) {
+				if (demoLink.getAttribute('href').substr(0, 4) !== 'http') {
+					demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+				}
+			});
+		}
 
 		document.body.className = (document.body.className + ' learn-bar').trim();
 		document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);