ComponentJS: Final preparations for merge

changelog.md

@@ -6,6 +6,7 @@
     - Durandal
     - Exoskeleton
     - Atma.js
+    - ComponentJS
 
 - Updates since 1.2:
     - CanJS 2.0

index.html

@@ -78,9 +78,6 @@
 						<li class="labs">
 							<a href="labs/architecture-examples/cujo/index.html" data-source="http://cujojs.com" data-content="cujoJS is an architectural framework for building highly modular, scalable, maintainable applications in Javascript.  It provides architectural plumbing, such as modules (AMD and CommonJS), declarative application composition, declarative connections, and aspect oriented programming.">cujoJS</a>
 						</li>
-						<li class="labs">
-							<a href="labs/architecture-examples/componentjs/index.html" data-source="http://componentjs.com" data-content="ComponentJS is a stand-alone MPL-licensed Open Source library for JavaScript, providing a powerful run-time Component System for hierarchically structuring the User-Interface (UI) dialogs of complex HTML5-based Rich Clients (aka Single-Page-Apps) — under maximum applied Separation of Concerns (SoC) architecture principle, through optional Model, View and Controller component roles, with sophisticated hierarchical Event, Service, Hook, Model, Socket and Property mechanisms, and fully independent and agnostic of the particular UI widget toolkit.">ComponentJS</a>
-						</li>
 						<li class="routing labs">
 							<a href="labs/architecture-examples/dermis/" data-source="https://github.com/wearefractal/dermis" data-content="dermis is a tiny framework that provides models, collections, controllers, and data-binding out of the box. dermis is designed to be the simplest possible solution for creating complex applications">dermis</a>
 						</li>
@@ -150,6 +147,9 @@
 						<li class="labs">
 							<a href="labs/architecture-examples/ractive/" data-source="http://ractivejs.org" data-content="Ractive.js is a next-generation DOM manipulation library, optimised for developer sanity.">Ractive.js</a>
 						</li>
+						<li class="labs routing">
+							<a href="labs/architecture-examples/componentjs/" data-source="http://componentjs.com" data-content="ComponentJS is a stand-alone MPL-licensed Open Source library for JavaScript, providing a powerful run-time Component System for hierarchically structuring the User-Interface (UI) dialogs of complex HTML5-based Rich Clients (aka Single-Page-Apps) — under maximum applied Separation of Concerns (SoC) architecture principle, through optional Model, View and Controller component roles, with sophisticated hierarchical Event, Service, Hook, Model, Socket and Property mechanisms, and fully independent and agnostic of the particular UI widget toolkit.">ComponentJS</a>
+						</li>
 					</ul>
 					<ul class="legend">
 						<li><b>*</b> <span class="label">R</span> = App also demonstrates routing</li>

labs/architecture-examples/componentjs/app/app-ui-composite-main.js

@@ -39,15 +39,14 @@
 
 				// transfer business model into presentation model
 				var bm2pm = function () {
-					var pmItems = [];
 					var bmTodoList = app.sv.todo();
-					_.forEach(bmTodoList.items, function (bmTodoItem) {
-						pmItems.push({
+					var pmItems = bmTodoList.items.map(function (bmTodoItem) {
+						return {
 							id: bmTodoItem.id,
 							title: bmTodoItem.title,
 							completed: bmTodoItem.completed,
 							editing: false
-						});
+						};
 					});
 					todoModel.value('data:item-list', pmItems);
 					todoModel.value('cmd:item-list-updated', true);

labs/architecture-examples/componentjs/jshint.json

-{
-    "maxerr":        200,
-    "bitwise":       true,
-    "camelcase":     false,
-    "curly":         false,
-    "eqeqeq":        true,
-    "forin":         false,
-    "immed":         true,
-    "latedef":       true,
-    "newcap":        false,
-    "noarg":         false,
-    "noempty":       false,
-    "nonew":         true,
-    "plusplus":      false,
-    "quotmark":      "double",
-    "regexp":        false,
-    "undef":         true,
-    "unused":        true,
-    "strict":        false,
-    "trailing":      true,
-    "maxparams":     9,
-    "maxdepth":      7,
-    "maxstatements": 150,
-    "maxlen":        200,
-    "loopfunc":      true,
-    "-W014":         false,
-    "-W033":         false,
-    "globals": {
-        "ComponentJS": false,
-        "cs":  false,
-        "app": false,
-        "_": false,
-        "$": false,
-        "localStorage": false,
-        "document": false,
-        "window": false,
-        "Router": false,
-        "UUIDjs": false
-    }
-}