Merge pull request #690 from thorn0/gh-pages

TypeScript/Angular example was outdated

labs/architecture-examples/typescript-angular/bower.json

@@ -2,7 +2,7 @@
   "name": "todomvc-typescript-angular",
   "version": "0.0.0",
   "dependencies": {
-    "todomvc-common": "~0.1.6"
     "angular": "~1.0.5",
+    "todomvc-common": "~0.1.6"
   }
 }

labs/architecture-examples/typescript-angular/index.html

@@ -11,22 +11,22 @@
 		<section id="todoapp" ng-controller="todoCtrl">
 			<header id="header">
 				<h1>todos</h1>
-				<form id="todo-form" ng-submit="addTodo()">
+				<form id="todo-form" ng-submit="vm.addTodo()">
 					<input id="new-todo" placeholder="What needs to be done?" ng-model="newTodo" autofocus>
 				</form>
 			</header>
 			<section id="main" ng-show="todos.length" ng-cloak>
-				<input id="toggle-all" type="checkbox" ng-model="allChecked" ng-click="markAll(allChecked)">
+				<input id="toggle-all" type="checkbox" ng-model="allChecked" ng-click="vm.markAll(allChecked)">
 				<label for="toggle-all">Mark all as complete</label>
 				<ul id="todo-list">
 					<li ng-repeat="todo in todos | filter:statusFilter" ng-class="{completed: todo.completed, editing: todo == editedTodo}">
 						<div class="view">
 							<input class="toggle" type="checkbox" ng-model="todo.completed">
-							<label ng-dblclick="editTodo(todo)">{{todo.title}}</label>
-							<button class="destroy" ng-click="removeTodo(todo)"></button>
+							<label ng-dblclick="vm.editTodo(todo)">{{todo.title}}</label>
+							<button class="destroy" ng-click="vm.removeTodo(todo)"></button>
 						</div>
-						<form ng-submit="doneEditing(todo)">
-							<input class="edit" ng-model="todo.title" todo-blur="doneEditing(todo)" todo-focus="todo == editedTodo">
+						<form ng-submit="vm.doneEditing(todo)">
+							<input class="edit" ng-model="todo.title" todo-blur="vm.doneEditing(todo)" todo-focus="todo == editedTodo">
 						</form>
 					</li>
 				</ul>
@@ -46,7 +46,7 @@
 						<a ng-class="{selected: location.path() == '/completed'}" href="#/completed">Completed</a>
 					</li>
 				</ul>
-				<button id="clear-completed" ng-click="clearDoneTodos()" ng-show="doneCount">Clear completed ({{doneCount}})</button>
+				<button id="clear-completed" ng-click="vm.clearDoneTodos()" ng-show="doneCount">Clear completed ({{doneCount}})</button>
 			</footer>
 		</section>
 		<footer id="info">
@@ -61,11 +61,6 @@
 		</footer>
 		<script src="bower_components/todomvc-common/base.js"></script>
 		<script src="bower_components/angular/angular.js"></script>
-		<script src="js/models/TodoItem.js"></script>
-		<script src="js/controllers/TodoCtrl.js"></script>
-		<script src="js/services/TodoStorage.js"></script>
-		<script src="js/directives/TodoFocus.js"></script>
-		<script src="js/directives/TodoBlur.js"></script>
 		<script src="js/Application.js"></script>
 	</body>
 </html>

labs/architecture-examples/typescript-angular/js/Application.js

+/// <reference path='../_all.ts' />
 var todos;
 (function (todos) {
     'use strict';
-    var todomvc = angular.module('todomvc', []).controller('todoCtrl', todos.TodoCtrl.prototype.injection()).directive('todoBlur', todos.TodoBlur.prototype.injection()).directive('todoFocus', todos.TodoFocus.prototype.injection()).service('todoStorage', todos.TodoStorage.prototype.injection());
+
+    var TodoItem = (function () {
+        function TodoItem(title, completed) {
+            this.title = title;
+            this.completed = completed;
+        }
+        return TodoItem;
+    })();
+    todos.TodoItem = TodoItem;
 })(todos || (todos = {}));
-//@ sourceMappingURL=Application.js.map
+/// <reference path='../_all.ts' />
+/// <reference path='../_all.ts' />
+/// <reference path='../_all.ts' />
+var todos;
+(function (todos) {
+    'use strict';
+
+    /**
+    * Directive that places focus on the element it is applied to when the expression it binds to evaluates to true.
+    */
+    function todoFocus($timeout) {
+        return {
+            link: function ($scope, element, attributes) {
+                $scope.$watch(attributes.todoFocus, function (newval) {
+                    if (newval) {
+                        $timeout(function () {
+                            return element[0].focus();
+                        }, 0, false);
+                    }
+                });
+            }
+        };
+    }
+    todos.todoFocus = todoFocus;
+
+    todoFocus.$inject = ['$timeout'];
+})(todos || (todos = {}));
+/// <reference path='../_all.ts' />
+var todos;
+(function (todos) {
+    'use strict';
+
+    /**
+    * Directive that executes an expression when the element it is applied to loses focus.
+    */
+    function todoBlur() {
+        return {
+            link: function ($scope, element, attributes) {
+                element.bind('blur', function () {
+                    $scope.$apply(attributes.todoBlur);
+                });
+            }
+        };
+    }
+    todos.todoBlur = todoBlur;
+})(todos || (todos = {}));
+/// <reference path='../_all.ts' />
+var todos;
+(function (todos) {
+    'use strict';
+
+    /**
+    * Services that persists and retrieves TODOs from localStorage.
+    */
+    var TodoStorage = (function () {
+        function TodoStorage() {
+            this.STORAGE_ID = 'todos-angularjs-typescript';
+        }
+        TodoStorage.prototype.get = function () {
+            return JSON.parse(localStorage.getItem(this.STORAGE_ID) || '[]');
+        };
+
+        TodoStorage.prototype.put = function (todos) {
+            localStorage.setItem(this.STORAGE_ID, JSON.stringify(todos));
+        };
+        return TodoStorage;
+    })();
+    todos.TodoStorage = TodoStorage;
+})(todos || (todos = {}));
+/// <reference path='../_all.ts' />
+var todos;
+(function (todos) {
+    'use strict';
+
+    /**
+    * The main controller for the app. The controller:
+    * - retrieves and persists the model via the todoStorage service
+    * - exposes the model to the template and provides event handlers
+    */
+    var TodoCtrl = (function () {
+        // dependencies are injected via AngularJS $injector
+        // controller's name is registered in Application.ts and specified from ng-controller attribute in index.html
+        function TodoCtrl($scope, $location, todoStorage, filterFilter) {
+            var _this = this;
+            this.$scope = $scope;
+            this.$location = $location;
+            this.todoStorage = todoStorage;
+            this.filterFilter = filterFilter;
+            this.todos = $scope.todos = todoStorage.get();
+
+            $scope.newTodo = '';
+            $scope.editedTodo = null;
+
+            // 'vm' stands for 'view model'. We're adding a reference to the controller to the scope
+            // for its methods to be accessible from view / HTML
+            $scope.vm = this;
+
+            // watching for events/changes in scope, which are caused by view/user input
+            // if you subscribe to scope or event with lifetime longer than this controller, make sure you unsubscribe.
+            $scope.$watch('todos', function () {
+                return _this.onTodos();
+            }, true);
+            $scope.$watch('location.path()', function (path) {
+                return _this.onPath(path);
+            });
+
+            if ($location.path() === '')
+                $location.path('/');
+            $scope.location = $location;
+        }
+        TodoCtrl.prototype.onPath = function (path) {
+            this.$scope.statusFilter = (path === '/active') ? { completed: false } : (path === '/completed') ? { completed: true } : null;
+        };
+
+        TodoCtrl.prototype.onTodos = function () {
+            this.$scope.remainingCount = this.filterFilter(this.todos, { completed: false }).length;
+            this.$scope.doneCount = this.todos.length - this.$scope.remainingCount;
+            this.$scope.allChecked = !this.$scope.remainingCount;
+            this.todoStorage.put(this.todos);
+        };
+
+        TodoCtrl.prototype.addTodo = function () {
+            if (!this.$scope.newTodo.length) {
+                return;
+            }
+
+            this.todos.push(new todos.TodoItem(this.$scope.newTodo, false));
+            this.$scope.newTodo = '';
+        };
+
+        TodoCtrl.prototype.editTodo = function (todoItem) {
+            this.$scope.editedTodo = todoItem;
+        };
+
+        TodoCtrl.prototype.doneEditing = function (todoItem) {
+            this.$scope.editedTodo = null;
+            if (!todoItem.title) {
+                this.removeTodo(todoItem);
+            }
+        };
+
+        TodoCtrl.prototype.removeTodo = function (todoItem) {
+            this.todos.splice(this.todos.indexOf(todoItem), 1);
+        };
+
+        TodoCtrl.prototype.clearDoneTodos = function () {
+            this.$scope.todos = this.todos = this.todos.filter(function (todoItem) {
+                return !todoItem.completed;
+            });
+        };
+
+        TodoCtrl.prototype.markAll = function (completed) {
+            this.todos.forEach(function (todoItem) {
+                todoItem.completed = completed;
+            });
+        };
+        TodoCtrl.$inject = [
+            '$scope',
+            '$location',
+            'todoStorage',
+            'filterFilter'
+        ];
+        return TodoCtrl;
+    })();
+    todos.TodoCtrl = TodoCtrl;
+})(todos || (todos = {}));
+/// <reference path='_all.ts' />
+/**
+* The main TodoMVC app module.
+*
+* @type {angular.Module}
+*/
+var todos;
+(function (todos) {
+    'use strict';
+
+    var todomvc = angular.module('todomvc', []).controller('todoCtrl', todos.TodoCtrl).directive('todoBlur', todos.todoBlur).directive('todoFocus', todos.todoFocus).service('todoStorage', todos.TodoStorage);
+})(todos || (todos = {}));
+//# sourceMappingURL=Application.js.map

labs/architecture-examples/typescript-angular/js/Application.js.map

-{"version":3,"file":"Application.js","sources":["Application.ts"],"names":["todos"],"mappings":"AAAA,IAOO,KAAK;AAQX,CARD,UAAO,KAAK;IACRA,YAAaA;IAEbA,IAAIA,OAAOA,GAAGA,OAAOA,CAACA,MAAMA,CAACA,SAASA,EAAEA,EAAEA,CAACA,CAClCA,UAAUA,CAACA,UAAUA,EAAEA,cAAQA,CAACA,SAASA,CAACA,SAASA,EAAEA,CAACA,CACtDA,SAASA,CAACA,UAAUA,EAAEA,cAAQA,CAACA,SAASA,CAACA,SAASA,EAAEA,CAACA,CACrDA,SAASA,CAACA,WAAWA,EAAEA,eAASA,CAACA,SAASA,CAACA,SAASA,EAAEA,CAACA,CACvDA,OAAOA,CAACA,aAAaA,EAAEA,iBAAWA,CAACA,SAASA,CAACA,SAASA,EAAEA,CAACA,CAACA;AACvEA,CAACA;AAAA"}
\ No newline at end of file
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/models/TodoItem.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/interfaces/ITodoScope.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/interfaces/ITodoStorage.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/directives/TodoFocus.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/directives/TodoBlur.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/services/TodoStorage.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/controllers/TodoCtrl.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/Application.ts","file:///d:/dev/todomvc/labs/architecture-examples/typescript-angular/js/_all.ts"],"names":["todos","todos.TodoItem","todos.TodoItem.constructor","todos","todos.todoFocus","todos.todoFocus.link","","","todos","todos.todoBlur","todos.todoBlur.link","","todos","todos.TodoStorage","todos.TodoStorage.constructor","todos.TodoStorage.get","todos.TodoStorage.put","todos","todos.TodoCtrl","todos.TodoCtrl.constructor","","","todos.TodoCtrl.onPath","todos.TodoCtrl.onTodos","todos.TodoCtrl.addTodo","todos.TodoCtrl.editTodo","todos.TodoCtrl.doneEditing","todos.TodoCtrl.removeTodo","todos.TodoCtrl.clearDoneTodos","","todos.TodoCtrl.markAll","","todos"],"mappings":"AAAA,mCAAmC;AAEnC,IAAO,KAAK;AASX,CATD,UAAO,KAAK;IACRA,YAAYA,CAACA;;IAEbA;QACIC,kBACIA,KAAoBA,EACpBA,SAAyBA;YADzBC,UAAYA,GAALA,KAAKA;AAAQA,YACpBA,cAAgBA,GAATA,SAASA;AAASA,QACrBA,CAACA;QACbD;AAACA,IAADA,CAACA,IAAAD;IALDA,0BAKCA;AACLA,CAACA,yBAAA;ACXD,mCAAmC;ACAnC,mCAAmC;ACAnC,mCAAmC;AAEnC,IAAO,KAAK;AAoBX,CApBD,UAAO,KAAK;IACXG,YAAYA,CAACA;;IAKbA;;MADGA;IACHA,SAAgBA,SAASA,CAACA,QAA4BA;QACrDC,OAAOA;YACNA,IAAIA,EAAEA,UAACA,MAAiBA,EAAEA,OAAeA,EAAEA,UAAeA;gBACzDC,MAAMA,CAACA,MAAMA,CAACA,UAAUA,CAACA,SAASA,EAAEA,UAAAA,MAAMA;oBACzCC,IAAIA,MAAMA,CAAEA;wBACXA,QAAQA,CAACA;mCAAMC,OAAOA,CAACA,CAACA,CAACA,CAACA,KAAKA,CAACA,CAACA;yBAAAD,EAAEA,CAACA,EAAEA,KAAKA,CAACA,CAACA;qBAC7CA;gBACFA,CAACA,CAACD,CAACA;YACJA,CAACA;SACDD,CAACA;IACHA,CAACA;IAVDD,4BAUCA;;IAEDA,SAASA,CAACA,OAAOA,GAAGA,CAACA,UAAUA,CAACA,CAACA;AAElCA,CAACA,yBAAA;ACtBD,mCAAmC;AAEnC,IAAO,KAAK;AAaX,CAbD,UAAO,KAAK;IACRK,YAAYA,CAACA;;IAKbA;;MADGA;IACHA,SAAgBA,QAAQA;QACpBC,OAAOA;YACHA,IAAIA,EAAEA,UAACA,MAAiBA,EAAEA,OAAeA,EAAEA,UAAeA;gBACtDC,OAAOA,CAACA,IAAIA,CAACA,MAAMA,EAAEA;oBAAQC,MAAMA,CAACA,MAAMA,CAACA,UAAUA,CAACA,QAAQA,CAACA,CAACA;gBAACA,CAACA,CAACD,CAACA;YACxEA,CAACA;SACJD,CAACA;IACNA,CAACA;IANDD,0BAMCA;AACLA,CAACA,yBAAA;ACfD,mCAAmC;AAEnC,IAAO,KAAK;AAkBX,CAlBD,UAAO,KAAK;IACRI,YAAYA,CAACA;;IAEbA;;MAEGA;IACHA;QAAAC;YAEIC,KAAAA,UAAUA,GAAGA,4BAA4BA,CAACA;;AAS7CD,QAPGA,4BAAAA;YACIE,OAAOA,IAAIA,CAACA,KAAKA,CAACA,YAAYA,CAACA,OAAOA,CAACA,IAAIA,CAACA,UAAUA,CAACA,IAAIA,IAAIA,CAACA,CAACA;QACrEA,CAACA;;QAEDF,4BAAAA,UAAIA,KAAiBA;YACjBG,YAAYA,CAACA,OAAOA,CAACA,IAAIA,CAACA,UAAUA,EAAEA,IAAIA,CAACA,SAASA,CAACA,KAAKA,CAACA,CAACA,CAACA;QACjEA,CAACA;QACLH;AAACA,IAADA,CAACA,IAAAD;IAXDA,gCAWCA;AACLA,CAACA,yBAAA;ACpBD,mCAAmC;AAEnC,IAAO,KAAK;AA+FX,CA/FD,UAAO,KAAK;IACXK,YAAYA,CAACA;;IAEbA;;;;MAIGA;IACHA;QAiBCC,oDAFoDA;QACpDA,6GAA6GA;QAC7GA,kBACCA,MAA0BA,EAC1BA,SAAsCA,EACtCA,WAAiCA,EACjCA,YAAoBA;YAJrBC,iBAsBCA;YArBAA,WAAcA,GAANA,MAAMA;AAAYA,YAC1BA,cAAiBA,GAATA,SAASA;AAAqBA,YACtCA,gBAAmBA,GAAXA,WAAWA;AAAcA,YACjCA,iBAAoBA,GAAZA,YAAYA;AAAAA,YAEpBA,IAAIA,CAACA,KAAKA,GAAGA,MAAMA,CAACA,KAAKA,GAAGA,WAAWA,CAACA,GAAGA,CAACA,CAACA,CAACA;;YAE9CA,MAAMA,CAACA,OAAOA,GAAGA,EAAEA,CAACA;YACpBA,MAAMA,CAACA,UAAUA,GAAGA,IAAIA,CAACA;;YAEzBA,wFAAwFA;YACxFA,oDAAoDA;YACpDA,MAAMA,CAACA,EAAEA,GAAGA,IAAIA,CAACA;;YAEjBA,4EAA4EA;YAC5EA,2GAA2GA;YAC3GA,MAAMA,CAACA,MAAMA,CAACA,OAAOA,EAAEA;uBAAMC,KAAIA,CAACA,OAAOA,CAATA,CAACA;aAAUD,EAAEA,IAAIA,CAATA,CAAWA;YACnDA,MAAMA,CAACA,MAAMA,CAACA,iBAAiBA,EAAEA,UAAAA,IAAIA;uBAAIE,KAAIA,CAACA,MAAMA,CAACA,IAAIA,CAACA;aAAAF,CAACA,CAAAA;;YAE3DA,IAAIA,SAASA,CAACA,IAAIA,CAACA,CAACA,KAAKA,EAAEA;gBAAEA,SAASA,CAACA,IAAIA,CAACA,GAAGA,CAATA,CAAWA;YACjDA,MAAMA,CAACA,QAAQA,GAAGA,SAASA,CAACA;QAC7BA,CAACA;QAEDD,4BAAAA,UAAOA,IAAYA;YAClBI,IAAIA,CAACA,MAAMA,CAACA,YAAYA,GAAGA,CAACA,IAAIA,KAAKA,SAASA,CAACA,GAC9CA,EAAEA,SAASA,EAAEA,KAAKA,EAAEA,GAAGA,CAACA,IAAIA,KAAKA,YAAYA,CAACA,GAC9CA,EAAEA,SAASA,EAAEA,IAAIA,EAAEA,GAAGA,IAAIA,CAACA;QAANA,CAACA;;QAGxBJ,6BAAAA;YACCK,IAAIA,CAACA,MAAMA,CAACA,cAAcA,GAAGA,IAAIA,CAACA,YAAYA,CAACA,IAAIA,CAACA,KAAKA,EAAEA,EAAEA,SAASA,EAAEA,KAAKA,EAAEA,CAATA,CAAWA,MAAMA,CAACA;YACxFA,IAAIA,CAACA,MAAMA,CAACA,SAASA,GAAGA,IAAIA,CAACA,KAAKA,CAACA,MAAMA,GAAGA,IAAIA,CAACA,MAAMA,CAACA,cAAcA,CAACA;YACvEA,IAAIA,CAACA,MAAMA,CAACA,UAAUA,GAAGA,CAACA,IAAIA,CAACA,MAAMA,CAACA,cAAcA,CAAAA;YACpDA,IAAIA,CAACA,WAAWA,CAACA,GAAGA,CAACA,IAAIA,CAACA,KAAKA,CAACA,CAACA;QAClCA,CAACA;;QAEDL,6BAAAA;YACCM,IAAIA,CAACA,IAAIA,CAACA,MAAMA,CAACA,OAAOA,CAACA,MAAMA,CAAEA;gBAChCA,OAAOA;aACPA;;YAEDA,IAAIA,CAACA,KAAKA,CAACA,IAAIA,CAACA,IAAIA,cAAQA,CAACA,IAAIA,CAACA,MAAMA,CAACA,OAAOA,EAAEA,KAAKA,CAATA,CAACA,CAAWA;YAC1DA,IAAIA,CAACA,MAAMA,CAACA,OAAOA,GAAGA,EAAEA,CAACA;QAANA,CAACA;;QAGrBN,8BAAAA,UAASA,QAAkBA;YAC1BO,IAAIA,CAACA,MAAMA,CAACA,UAAUA,GAAGA,QAAQA,CAACA;QAANA,CAACA;;QAG9BP,iCAAAA,UAAYA,QAAkBA;YAC7BQ,IAAIA,CAACA,MAAMA,CAACA,UAAUA,GAAGA,IAAIA,CAACA;YAC9BA,IAAIA,CAACA,QAAQA,CAACA,KAAKA,CAAEA;gBACpBA,IAAIA,CAACA,UAAUA,CAACA,QAAQA,CAATA,CAAWA;aAC1BA;QAD0BA,CAACA;;QAI7BR,gCAAAA,UAAWA,QAAkBA;YAC5BS,IAAIA,CAACA,KAAKA,CAACA,MAAMA,CAACA,IAAIA,CAACA,KAAKA,CAACA,OAAOA,CAACA,QAAQA,CAATA,EAAYA,CAACA,CAATA,CAAWA;QAANA,CAACA;;QAG/CT,oCAAAA;YACCU,IAAIA,CAACA,MAAMA,CAACA,KAAKA,GAAGA,IAAIA,CAACA,KAAKA,GAAGA,IAAIA,CAACA,KAAKA,CAACA,MAAMA,CAACA,UAAAA,QAAQA;uBAAIC,CAACA,QAAQA,CAACA,SAASA;aAAAD,CAATA,CAAWA;QAANA,CAACA;;QAGhFV,6BAAAA,UAAQA,SAAkBA;YACzBY,IAAIA,CAACA,KAAKA,CAACA,OAAOA,CAACA,UAAAA,QAAQA;gBAAMC,QAAQA,CAACA,SAASA,GAAGA,SAASA,CAACA;YAATA,CAACA,CAACD,CAAWA;QAANA,CAACA;QA3EhEZ,mBAAwBA;YACvBA,QAAQA;YACRA,WAAWA;YACXA,aAAaA;YACbA,cAAcA;SACdA;AAACA,QAwEHA;AAACA,IAADA,CAACA,IAAAD;IArFDA,0BAqFCA;AAEFA,CAACA,yBAAA;ACjGD,gCAAgC;AAEhC;;;;EAIG;AACH,IAAO,KAAK;AAQX,CARD,UAAO,KAAK;IACRe,YAAYA,CAACA;;IAEbA,IAAIA,OAAOA,GAAGA,OAAOA,CAACA,MAAMA,CAACA,SAASA,EAAEA,EAAEA,CAACA,CAClCA,UAAUA,CAACA,UAAUA,EAAEA,cAAQA,CAACA,CAChCA,SAASA,CAACA,UAAUA,EAAEA,cAAQA,CAACA,CAC/BA,SAASA,CAACA,WAAWA,EAAEA,eAASA,CAACA,CACjCA,OAAOA,CAACA,aAAaA,EAAEA,iBAAWA,CAACA,CAACA;AACjDA,CAACA,yBAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/Application.ts

@@ -9,8 +9,8 @@ module todos {
     'use strict';
 
     var todomvc = angular.module('todomvc', [])
-            .controller('todoCtrl', TodoCtrl.prototype.injection())
-            .directive('todoBlur', TodoBlur.prototype.injection())
-            .directive('todoFocus', TodoFocus.prototype.injection())
-            .service('todoStorage', TodoStorage.prototype.injection());
+            .controller('todoCtrl', TodoCtrl)
+            .directive('todoBlur', todoBlur)
+            .directive('todoFocus', todoFocus)
+            .service('todoStorage', TodoStorage);
 }
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/_all.ts

-/// <reference path='libs/jquery-1.8.d.ts' />
-/// <reference path='libs/angular-1.0.d.ts' />
+/// <reference path='libs/jquery.d.ts' />
+/// <reference path='libs/angular.d.ts' />
 /// <reference path='models/TodoItem.ts' />
 /// <reference path='interfaces/ITodoScope.ts' />
 /// <reference path='interfaces/ITodoStorage.ts' />

labs/architecture-examples/typescript-angular/js/controllers/TodoCtrl.js

-var todos;
-(function (todos) {
-    'use strict';
-    var TodoCtrl = (function () {
-        function TodoCtrl($scope, $location, todoStorage, filterFilter) {
-            this.$scope = $scope;
-            this.$location = $location;
-            this.todoStorage = todoStorage;
-            this.filterFilter = filterFilter;
-            var _this = this;
-            this.todos = $scope.todos = todoStorage.get();
-            $scope.newTodo = '';
-            $scope.editedTodo = null;
-            $scope.addTodo = function () {
-                return _this.addTodo();
-            };
-            $scope.editTodo = function (todoItem) {
-                return _this.editTodo(todoItem);
-            };
-            $scope.doneEditing = function (todoItem) {
-                return _this.doneEditing(todoItem);
-            };
-            $scope.removeTodo = function (todoItem) {
-                return _this.removeTodo(todoItem);
-            };
-            $scope.clearDoneTodos = function () {
-                return _this.clearDoneTodos();
-            };
-            $scope.markAll = function (completed) {
-                return _this.markAll(completed);
-            };
-            $scope.$watch('todos', function () {
-                return _this.onTodos();
-            }, true);
-            $scope.$watch('location.path()', function (path) {
-                return _this.onPath(path);
-            });
-            if($location.path() === '') {
-                $location.path('/');
-            }
-            $scope.location = $location;
-        }
-        TodoCtrl.prototype.injection = function () {
-            return [
-                '$scope', 
-                '$location', 
-                'todoStorage', 
-                'filterFilter', 
-                TodoCtrl
-            ];
-        };
-        TodoCtrl.prototype.onPath = function (path) {
-            this.$scope.statusFilter = (path == '/active') ? {
-                completed: false
-            } : (path == '/completed') ? {
-                completed: true
-            } : null;
-        };
-        TodoCtrl.prototype.onTodos = function () {
-            this.$scope.remainingCount = this.filterFilter(this.todos, {
-                completed: false
-            }).length;
-            this.$scope.doneCount = this.todos.length - this.$scope.remainingCount;
-            this.$scope.allChecked = !this.$scope.remainingCount;
-            this.todoStorage.put(this.todos);
-        };
-        TodoCtrl.prototype.addTodo = function () {
-            if(!this.$scope.newTodo.length) {
-                return;
-            }
-            this.todos.push(new todos.TodoItem(this.$scope.newTodo, false));
-            this.$scope.newTodo = '';
-        };
-        TodoCtrl.prototype.editTodo = function (todoItem) {
-            this.$scope.editedTodo = todoItem;
-        };
-        TodoCtrl.prototype.doneEditing = function (todoItem) {
-            this.$scope.editedTodo = null;
-            if(!todoItem.title) {
-                this.$scope.removeTodo(todoItem);
-            }
-        };
-        TodoCtrl.prototype.removeTodo = function (todoItem) {
-            this.todos.splice(this.todos.indexOf(todoItem), 1);
-        };
-        TodoCtrl.prototype.clearDoneTodos = function () {
-            this.$scope.todos = this.todos = this.todos.filter(function (todoItem) {
-                return !todoItem.completed;
-            });
-        };
-        TodoCtrl.prototype.markAll = function (completed) {
-            this.todos.forEach(function (todoItem) {
-                todoItem.completed = completed;
-            });
-        };
-        return TodoCtrl;
-    })();
-    todos.TodoCtrl = TodoCtrl;    
-})(todos || (todos = {}));
-//@ sourceMappingURL=TodoCtrl.js.map

labs/architecture-examples/typescript-angular/js/controllers/TodoCtrl.js.map

-{"version":3,"file":"TodoCtrl.js","sources":["TodoCtrl.ts"],"names":["todos","todos.TodoCtrl","todos.TodoCtrl.constructor","todos.TodoCtrl.constructor.addTodo","todos.TodoCtrl.constructor.editTodo","todos.TodoCtrl.constructor.doneEditing","todos.TodoCtrl.constructor.removeTodo","todos.TodoCtrl.constructor.clearDoneTodos","todos.TodoCtrl.constructor.markAll","","","todos.TodoCtrl.injection","todos.TodoCtrl.onPath","todos.TodoCtrl.onTodos","todos.TodoCtrl.addTodo","todos.TodoCtrl.editTodo","todos.TodoCtrl.doneEditing","todos.TodoCtrl.removeTodo","todos.TodoCtrl.clearDoneTodos","","todos.TodoCtrl.markAll",""],"mappings":"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"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/controllers/TodoCtrl.ts

 /// <reference path='../_all.ts' />
 
 module todos {
-    'use strict';
-
-    /**
-     * The main controller for the app. The controller:
-     * - retrieves and persists the model via the todoStorage service
-     * - exposes the model to the template and provides event handlers
-     */
-    export class TodoCtrl {
-
-        private todos: TodoItem[];
-
-        // this method is called on prototype during registration into IoC container. 
-        // It provides $injector with information about dependencies to be injected into constructor
-        // it is better to have it close to the constructor, because the parameters must match in count and type.
-        public injection(): any[] {
-            return [
-                '$scope',
-                '$location',
-                'todoStorage',
-                'filterFilter',
-                TodoCtrl
-            ]
-        }
-
-        // dependencies are injected via AngularJS $injector
-        // controller's name is registered in App.ts and invoked from ng-controller attribute in index.html
-        constructor(
-            private $scope: ITodoScope,
-            private $location: ng.ILocationService,
-            private todoStorage: ITodoStorage,
-            private filterFilter
-            ) {
-            this.todos = $scope.todos = todoStorage.get();
-
-            $scope.newTodo = '';
-            $scope.editedTodo = null;
-
-            // adding event handlers to the scope, so they could be bound from view/HTML
-            // these lambdas fix this keyword in JS world
-            $scope.addTodo = () => this.addTodo();
-            $scope.editTodo = (todoItem) => this.editTodo(todoItem);
-            $scope.doneEditing = (todoItem) => this.doneEditing(todoItem);
-            $scope.removeTodo = (todoItem) => this.removeTodo(todoItem);
-            $scope.clearDoneTodos = () => this.clearDoneTodos();
-            $scope.markAll = (completed) => this.markAll(completed);
-
-            // watching for events/changes in scope, which are caused by view/user input
-            // if you subscribe to scope or event with lifetime longer than this controller, make sure you unsubscribe.
-            $scope.$watch('todos', () => this.onTodos(), true);
-            $scope.$watch('location.path()', (path) => this.onPath(path))
-
-            if ($location.path() === '') $location.path('/');
-            $scope.location = $location;
-        }
-
-        onPath(path: string) {
-            this.$scope.statusFilter = 
-                (path == '/active')
-                    ? { completed: false }
-                    : (path == '/completed')
-                        ? { completed: true }
-                        : null;
-        }
-
-        onTodos() {
-            this.$scope.remainingCount = this.filterFilter(this.todos, { completed: false }).length;
-            this.$scope.doneCount = this.todos.length - this.$scope.remainingCount;
-            this.$scope.allChecked = !this.$scope.remainingCount
-            this.todoStorage.put(this.todos);
-        }
-
-        addTodo() {
-            if (!this.$scope.newTodo.length) {
-                return;
-            }
-
-            this.todos.push(new TodoItem(this.$scope.newTodo, false));
-            this.$scope.newTodo = '';
-        };
-
-        editTodo(todoItem: TodoItem) {
-            this.$scope.editedTodo = todoItem;
-        };
-
-        doneEditing(todoItem: TodoItem) {
-            this.$scope.editedTodo = null;
-            if (!todoItem.title) {
-                this.$scope.removeTodo(todoItem);
-            }
-        };
-
-        removeTodo(todoItem: TodoItem) {
-            this.todos.splice(this.todos.indexOf(todoItem), 1);
-        };
-
-        clearDoneTodos() {
-            this.$scope.todos = this.todos = this.todos.filter((todoItem) => {
-                return !todoItem.completed;
-            });
-        };
-
-        markAll(completed: bool) {
-            this.todos.forEach((todoItem: TodoItem) => {
-                todoItem.completed = completed;
-            });
-        };
-    }
+	'use strict';
+
+	/**
+	 * The main controller for the app. The controller:
+	 * - retrieves and persists the model via the todoStorage service
+	 * - exposes the model to the template and provides event handlers
+	 */
+	export class TodoCtrl {
+
+		private todos: TodoItem[];
+
+		// $inject annotation.
+		// It provides $injector with information about dependencies to be injected into constructor
+		// it is better to have it close to the constructor, because the parameters must match in count and type.
+		// See http://docs.angularjs.org/guide/di
+		public static $inject = [
+			'$scope',
+			'$location',
+			'todoStorage',
+			'filterFilter'
+		];
+
+		// dependencies are injected via AngularJS $injector
+		// controller's name is registered in Application.ts and specified from ng-controller attribute in index.html
+		constructor(
+			private $scope: ITodoScope,
+			private $location: ng.ILocationService,
+			private todoStorage: ITodoStorage,
+			private filterFilter
+		) {
+			this.todos = $scope.todos = todoStorage.get();
+
+			$scope.newTodo = '';
+			$scope.editedTodo = null;
+
+			// 'vm' stands for 'view model'. We're adding a reference to the controller to the scope
+			// for its methods to be accessible from view / HTML
+			$scope.vm = this;
+
+			// watching for events/changes in scope, which are caused by view/user input
+			// if you subscribe to scope or event with lifetime longer than this controller, make sure you unsubscribe.
+			$scope.$watch('todos', () => this.onTodos(), true);
+			$scope.$watch('location.path()', path => this.onPath(path))
+
+			if ($location.path() === '') $location.path('/');
+			$scope.location = $location;
+		}
+
+		onPath(path: string) {
+			this.$scope.statusFilter = (path === '/active') ?
+				{ completed: false } : (path === '/completed') ?
+				{ completed: true } : null;
+		}
+
+		onTodos() {
+			this.$scope.remainingCount = this.filterFilter(this.todos, { completed: false }).length;
+			this.$scope.doneCount = this.todos.length - this.$scope.remainingCount;
+			this.$scope.allChecked = !this.$scope.remainingCount
+			this.todoStorage.put(this.todos);
+		}
+
+		addTodo() {
+			if (!this.$scope.newTodo.length) {
+				return;
+			}
+
+			this.todos.push(new TodoItem(this.$scope.newTodo, false));
+			this.$scope.newTodo = '';
+		}
+
+		editTodo(todoItem: TodoItem) {
+			this.$scope.editedTodo = todoItem;
+		}
+
+		doneEditing(todoItem: TodoItem) {
+			this.$scope.editedTodo = null;
+			if (!todoItem.title) {
+				this.removeTodo(todoItem);
+			}
+		}
+
+		removeTodo(todoItem: TodoItem) {
+			this.todos.splice(this.todos.indexOf(todoItem), 1);
+		}
+
+		clearDoneTodos() {
+			this.$scope.todos = this.todos = this.todos.filter(todoItem => !todoItem.completed);
+		}
+
+		markAll(completed: boolean) {
+			this.todos.forEach(todoItem => { todoItem.completed = completed; });
+		}
+	}
 
 }

labs/architecture-examples/typescript-angular/js/directives/TodoBlur.js

-var todos;
-(function (todos) {
-    'use strict';
-    var TodoBlur = (function () {
-        function TodoBlur() {
-            var _this = this;
-            this.link = function ($scope, element, attributes) {
-                return _this.linkFn($scope, element, attributes);
-            };
-        }
-        TodoBlur.prototype.injection = function () {
-            return [
-                function () {
-                    return new TodoBlur();
-                }            ];
-        };
-        TodoBlur.prototype.linkFn = function ($scope, element, attributes) {
-            element.bind('blur', function () {
-                $scope.$apply(attributes.todoBlur);
-            });
-        };
-        return TodoBlur;
-    })();
-    todos.TodoBlur = TodoBlur;    
-})(todos || (todos = {}));
-//@ sourceMappingURL=TodoBlur.js.map

labs/architecture-examples/typescript-angular/js/directives/TodoBlur.js.map

-{"version":3,"file":"TodoBlur.js","sources":["TodoBlur.ts"],"names":["todos","todos.TodoBlur","todos.TodoBlur.constructor","todos.TodoBlur.constructor.link","todos.TodoBlur.injection","","todos.TodoBlur.linkFn",""],"mappings":"AAAA,IAEO,KAAK;AAyBX,CAzBD,UAAO,KAAK;IACRA,YAAaA;IAKbA;QASIC,SATSA,QAAQA;YASjBC,iBAECA;YADGA,IAAIA,CAACA,IAAIA,GAAGA,UAACA,MAAMA,EAAEA,OAAOA,EAAEA,UAAWA;gBAAIC,OAAAA,KAAIA,CAACA,MAAMA,CAACA,MAAMA,EAAEA,OAAOA,EAAEA,UAAUA,CAACA,CAAAA;YAAxCA,CAAwCA;QACzFD,CAACA;QARDD,+BAAAA;YACIG,OAAOA;gBACHA;oBAAQC,OAAOA,IAAIA,QAAQA,EAAEA,CAACA;gBAACA,CAACA,aACnCD,CAAAA;QACLA,CAACA;QAMDH,4BAAAA,UAAOA,MAAiBA,EAAEA,OAAeA,EAAEA,UAAeA;YACtDK,OAAOA,CAACA,IAAIA,CAACA,MAAMA,EAAEA;gBACjBC,MAAMA,CAACA,MAAMA,CAACA,UAAUA,CAACA,QAAQA,CAACA;YACtCA,CAACA,CAACD;QACNA,CAACA;QACLL;AAACA,IAADA,CAACA,IAAAD;IAlBDA,0BAkBCA,IAAAA;AACLA,CAACA;AAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/directives/TodoBlur.ts

@@ -2,27 +2,15 @@
 
 module todos {
     'use strict';
-    
+
     /**
      * Directive that executes an expression when the element it is applied to loses focus.
      */
-    export class TodoBlur {
-        public link: ($scope: ng.IScope, element: JQuery, attributes: any) => any;
-
-        public injection(): any[] {
-            return [
-                () => { return new TodoBlur(); }
-            ]
-        }
-
-        constructor() {
-            this.link = ($scope, element, attributes) => this.linkFn($scope, element, attributes);
-        }
-
-        linkFn($scope: ng.IScope, element: JQuery, attributes: any): any {
-            element.bind('blur', () => {
-                $scope.$apply(attributes.todoBlur);
-            });
+    export function todoBlur(): ng.IDirective {
+        return {
+            link: ($scope: ng.IScope, element: JQuery, attributes: any) => {
+                element.bind('blur', () => { $scope.$apply(attributes.todoBlur); });
+            }
         };
     }
 }
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/directives/TodoFocus.js

-var todos;
-(function (todos) {
-    'use strict';
-    var TodoFocus = (function () {
-        function TodoFocus($timeout) {
-            this.$timeout = $timeout;
-            var _this = this;
-            this.link = function ($scope, element, attributes) {
-                return _this.linkFn($scope, element, attributes);
-            };
-        }
-        TodoFocus.prototype.injection = function () {
-            return [
-                '$timeout', 
-                function ($timeout) {
-                    return new TodoFocus($timeout);
-                }            ];
-        };
-        TodoFocus.prototype.linkFn = function ($scope, element, attributes) {
-            var _this = this;
-            $scope.$watch(attributes.todoFocus, function (newval) {
-                if(newval) {
-                    _this.$timeout(function () {
-                        element[0].focus();
-                    }, 0, false);
-                }
-            });
-        };
-        return TodoFocus;
-    })();
-    todos.TodoFocus = TodoFocus;    
-})(todos || (todos = {}));
-//@ sourceMappingURL=TodoFocus.js.map

labs/architecture-examples/typescript-angular/js/directives/TodoFocus.js.map

-{"version":3,"file":"TodoFocus.js","sources":["TodoFocus.ts"],"names":["todos","todos.TodoFocus","todos.TodoFocus.constructor","todos.TodoFocus.constructor.link","todos.TodoFocus.injection","","todos.TodoFocus.linkFn","",""],"mappings":"AAAA,IAEO,KAAK;AA+BX,CA/BD,UAAO,KAAK;IACRA,YAAaA;IAKbA;QAWIC,SAXSA,SAASA,CAWNA,QAAoCA;YAApCC,aAAgBA,GAARA,QAAQA;AAAoBA,YAAhDA,iBAECA;YADGA,IAAIA,CAACA,IAAIA,GAAGA,UAACA,MAAMA,EAAEA,OAAOA,EAAEA,UAAWA;gBAAIC,OAAAA,KAAIA,CAACA,MAAMA,CAACA,MAAMA,EAAEA,OAAOA,EAAEA,UAAUA,CAACA,CAAAA;YAAxCA,CAAwCA;QACzFD,CAACA;QATDD,gCAAAA;YACIG,OAAOA;gBACHA,UAAUA;gBACVA,UAACA,QAASA;oBAAMC,OAAOA,IAAIA,SAASA,CAACA,QAAQA,CAACA,CAACA;gBAACA,CAACA,aACpDD,CAAAA;QACLA,CAACA;QAMDH,6BAAAA,UAAOA,MAAiBA,EAAEA,OAAeA,EAAEA,UAAeA;YAA1DK,iBAQCA;YAPGA,MAAMA,CAACA,MAAMA,CAACA,UAAUA,CAACA,SAASA,EAAEA,UAACA,MAAOA;gBACxCC,GAAIA,MAAMA,CAACA;oBACPA,KAAIA,CAACA,QAAQA,CAACA;wBACVC,OAAOA,CAACA,CAACA,CAACA,CAACA,KAAKA,EAAEA;oBACtBA,CAACA,EAAED,CAACA,EAAEA,KAAKA,CAACA;iBACfA;YACLA,CAACA,CAACD;QACNA,CAACA;QACLL;AAACA,IAADA,CAACA,IAAAD;IAxBDA,4BAwBCA,IAAAA;AACLA,CAACA;AAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/directives/TodoFocus.ts

 /// <reference path='../_all.ts' />
 
 module todos {
-    'use strict';
+	'use strict';
 
-    /**
-     * Directive that places focus on the element it is applied to when the expression it binds to evaluates to true.
-     */
-    export class TodoFocus {
+	/**
+	 * Directive that places focus on the element it is applied to when the expression it binds to evaluates to true.
+	 */
+	export function todoFocus($timeout: ng.ITimeoutService): ng.IDirective {
+		return {
+			link: ($scope: ng.IScope, element: JQuery, attributes: any) => {
+				$scope.$watch(attributes.todoFocus, newval => {
+					if (newval) {
+						$timeout(() => element[0].focus(), 0, false);
+					}
+				});
+			}
+		};
+	}
 
-        public link: ($scope: ng.IScope, element: JQuery, attributes: any) => any;
+	todoFocus.$inject = ['$timeout'];
 
-        public injection(): any[] {
-            return [
-                '$timeout',
-                ($timeout) => { return new TodoFocus($timeout); }
-            ]
-        }
-
-        constructor(private $timeout: ng.ITimeoutService) {
-            this.link = ($scope, element, attributes) => this.linkFn($scope, element, attributes);
-        }
-
-        linkFn($scope: ng.IScope, element: JQuery, attributes: any): any {
-            $scope.$watch(attributes.todoFocus, (newval) => {
-                if (newval) {
-                    this.$timeout(() => {
-                        element[0].focus();
-                    }, 0, false);
-                }
-            });
-        };
-    }
 }
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/interfaces/ITodoScope.js

-var todos;
-(function (todos) {
-    'use strict';
-})(todos || (todos = {}));
-//@ sourceMappingURL=ITodoScope.js.map

labs/architecture-examples/typescript-angular/js/interfaces/ITodoScope.js.map

-{"version":3,"file":"ITodoScope.js","sources":["ITodoScope.ts"],"names":["todos"],"mappings":"AAAA,IAEO,KAAK;AAoBX,CApBD,UAAO,KAAK;IACRA,YAAaA;AAmBjBA,CAACA;AAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/interfaces/ITodoScope.ts

 /// <reference path='../_all.ts' />
 
 module todos {
-    'use strict';
-
-    export interface ITodoScope extends ng.IScope {
-        todos: TodoItem[];
-        newTodo: string;
-        editedTodo: TodoItem;
-        remainingCount: number;
-        doneCount: number;
-        allChecked: bool;
-        statusFilter: { completed: bool; };
-        location: ng.ILocationService;
-
-        addTodo: () => void;
-        editTodo: (todoItem: TodoItem) => void;
-        doneEditing: (todoItem: TodoItem) => void;
-        removeTodo: (todoItem: TodoItem) => void;
-        clearDoneTodos: () => void;
-        markAll: (completed: bool) => void;
-    }
+	export interface ITodoScope extends ng.IScope {
+		todos: TodoItem[];
+		newTodo: string;
+		editedTodo: TodoItem;
+		remainingCount: number;
+		doneCount: number;
+		allChecked: boolean;
+		statusFilter: { completed: boolean; };
+		location: ng.ILocationService;
+		vm: TodoCtrl;
+	}
 }
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/interfaces/ITodoStorage.js

-var todos;
-(function (todos) {
-    'use strict';
-})(todos || (todos = {}));
-//@ sourceMappingURL=ITodoStorage.js.map

labs/architecture-examples/typescript-angular/js/interfaces/ITodoStorage.js.map

-{"version":3,"file":"ITodoStorage.js","sources":["ITodoStorage.ts"],"names":["todos"],"mappings":"AAAA,IAEO,KAAK;AAOX,CAPD,UAAO,KAAK;IACRA,YAAaA;AAMjBA,CAACA;AAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/interfaces/ITodoStorage.ts

 /// <reference path='../_all.ts' />
 
 module todos {
-    'use strict';
-
-    export interface ITodoStorage {
-        get (): TodoItem[];
-        put(todos: TodoItem[]);
-    }
+	export interface ITodoStorage {
+		get (): TodoItem[];
+		put(todos: TodoItem[]);
+	}
 }
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/models/TodoItem.js

-var todos;
-(function (todos) {
-    'use strict';
-    var TodoItem = (function () {
-        function TodoItem(title, completed) {
-            this.title = title;
-            this.completed = completed;
-        }
-        return TodoItem;
-    })();
-    todos.TodoItem = TodoItem;    
-})(todos || (todos = {}));
-//@ sourceMappingURL=TodoItem.js.map

labs/architecture-examples/typescript-angular/js/models/TodoItem.js.map

-{"version":3,"file":"TodoItem.js","sources":["TodoItem.ts"],"names":["todos","todos.TodoItem","todos.TodoItem.constructor"],"mappings":"AAAA,IAEO,KAAK;AASX,CATD,UAAO,KAAK;IACRA,YAAaA;IAEbA;QACIC,SADSA,QAAQA,CAEbA,KAAoBA,EACpBA,SAAsBA;YADtBC,UAAYA,GAALA,KAAKA;AAAQA,YACpBA,cAAgBA,GAATA,SAASA;AAAMA,QAClBA,CAACA;QACbD;AAACA,IAADA,CAACA,IAAAD;IALDA,0BAKCA,IAAAA;AACLA,CAACA;AAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/models/TodoItem.ts

@@ -6,7 +6,7 @@ module todos {
     export class TodoItem {
         constructor(
             public title: string,
-            public completed: bool
+            public completed: boolean
             ) { }
     }
 }

labs/architecture-examples/typescript-angular/js/services/TodoStorage.js

-var todos;
-(function (todos) {
-    'use strict';
-    var TodoStorage = (function () {
-        function TodoStorage() {
-            this.STORAGE_ID = 'todos-angularjs-typescript';
-        }
-        TodoStorage.prototype.injection = function () {
-            return [
-                TodoStorage
-            ];
-        };
-        TodoStorage.prototype.get = function () {
-            return JSON.parse(localStorage.getItem(this.STORAGE_ID) || '[]');
-        };
-        TodoStorage.prototype.put = function (todos) {
-            localStorage.setItem(this.STORAGE_ID, JSON.stringify(todos));
-        };
-        return TodoStorage;
-    })();
-    todos.TodoStorage = TodoStorage;    
-})(todos || (todos = {}));
-//@ sourceMappingURL=TodoStorage.js.map

labs/architecture-examples/typescript-angular/js/services/TodoStorage.js.map

-{"version":3,"file":"TodoStorage.js","sources":["TodoStorage.ts"],"names":["todos","todos.TodoStorage","todos.TodoStorage.constructor","todos.TodoStorage.injection","todos.TodoStorage.get","todos.TodoStorage.put"],"mappings":"AAAA,IAEO,KAAK;AA2BX,CA3BD,UAAO,KAAK;IACRA,YAAaA;IAKbA;QAQIC,SARSA,WAAWA;YAWpBC,KAAAA,UAAUA,GAAGA,4BAA4BA,CAAAA;QAFzCA,CAACA;QAPDD,kCAAAA;YACIE,OAAOA;gBACHA,WAAWA;aACdA,CAAAA;QACLA,CAACA;QAODF,4BAAAA;YACIG,OAAOA,IAAIA,CAACA,KAAKA,CAACA,YAAYA,CAACA,OAAOA,CAACA,IAAIA,CAACA,UAAUA,CAACA,IAAIA,IAAIA,CAACA,CAACA;QACrEA,CAACA;QAEDH,4BAAAA,UAAIA,KAAiBA;YACjBI,YAAYA,CAACA,OAAOA,CAACA,IAAIA,CAACA,UAAUA,EAAEA,IAAIA,CAACA,SAASA,CAACA,KAAKA,CAACA,CAACA;QAChEA,CAACA;QACLJ;AAACA,IAADA,CAACA,IAAAD;IApBDA,gCAoBCA,IAAAA;AACLA,CAACA;AAAA"}
\ No newline at end of file

labs/architecture-examples/typescript-angular/js/services/TodoStorage.ts

@@ -8,15 +8,6 @@ module todos {
      */
     export class TodoStorage implements ITodoStorage {
 
-        public injection(): any[] {
-            return [
-                TodoStorage
-            ]
-        }
-
-        constructor() {
-        }
-
         STORAGE_ID = 'todos-angularjs-typescript';
 
         get (): TodoItem[] {

labs/architecture-examples/typescript-angular/readme.md

@@ -80,4 +80,6 @@ A standalone TypeScript compiler is available on NPM.
 To compile the TypeScript in this project:
 
 	# from labs/architecture-examples/typescript-angular
-	tsc -sourcemap js/_all.ts
+	tsc --sourcemap --out js/Application.js js/_all.ts
+
+Or use Visual Studio with the TypeScript plugin.

labs/architecture-examples/typescript-angular/todo.csproj

 <?xml version="1.0" encoding="utf-8"?>
 <Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
-  <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
   <PropertyGroup>
     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
-    <Platform Condition=" '$(Platform)' == '' ">AnyCPU</Platform>
-    <ProductVersion>
-    </ProductVersion>
-    <SchemaVersion>2.0</SchemaVersion>
     <ProjectGuid>{0A2B594A-1E06-46A8-A3B8-4E58C1071815}</ProjectGuid>
     <ProjectTypeGuids>{349c5851-65df-11da-9384-00065b846f21};{fae04ec0-301f-11d3-bf4b-00c04f79efbc}</ProjectTypeGuids>
     <OutputType>Library</OutputType>
-    <AppDesignerFolder>Properties</AppDesignerFolder>
-    <RootNamespace>todo</RootNamespace>
-    <AssemblyName>todo</AssemblyName>
+    <OutputPath>bin</OutputPath>
     <TargetFrameworkVersion>v4.5</TargetFrameworkVersion>
+    <DebugType>full</DebugType>
+    <DebugSymbols>true</DebugSymbols>
     <UseIISExpress>true</UseIISExpress>
     <IISExpressSSLPort />
     <IISExpressAnonymousAuthentication />
     <IISExpressWindowsAuthentication />
     <IISExpressUseClassicPipelineMode />
   </PropertyGroup>
-  <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
-    <DebugSymbols>true</DebugSymbols>
-    <DebugType>full</DebugType>
-    <Optimize>false</Optimize>
-    <OutputPath>bin\</OutputPath>
-    <DefineConstants>DEBUG;TRACE</DefineConstants>
-    <ErrorReport>prompt</ErrorReport>
-    <WarningLevel>4</WarningLevel>
-  </PropertyGroup>
-  <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|AnyCPU' ">
-    <DebugType>pdbonly</DebugType>
-    <Optimize>true</Optimize>
-    <OutputPath>bin\</OutputPath>
-    <DefineConstants>TRACE</DefineConstants>
-    <ErrorReport>prompt</ErrorReport>
-    <WarningLevel>4</WarningLevel>
-  </PropertyGroup>
   <PropertyGroup>
     <VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>
     <VSToolsPath Condition="'$(VSToolsPath)' == ''">$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)</VSToolsPath>
   </PropertyGroup>
+  <PropertyGroup>
+    <RootNamespace>todo</RootNamespace>
+  </PropertyGroup>
   <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
   <Import Project="$(VSToolsPath)\WebApplications\Microsoft.WebApplication.targets" Condition="'$(VSToolsPath)' != ''" />
-  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" Condition="false" />
   <ProjectExtensions>
     <VisualStudio>
       <FlavorProperties GUID="{349c5851-65df-11da-9384-00065b846f21}">
@@ -62,95 +42,44 @@
       </FlavorProperties>
     </VisualStudio>
   </ProjectExtensions>
-  <PropertyGroup>
-    <PreBuildEvent>
-    </PreBuildEvent>
-  </PropertyGroup>
   <ItemGroup>
     <Content Include="index.html" />
-    <Content Include="js\app.js">
-      <DependentUpon>Application.ts</DependentUpon>
-    </Content>
-    <Content Include="js\Application.ts" />
-    <Content Include="js\controllers\TodoCtrl.js">
-      <DependentUpon>TodoCtrl.ts</DependentUpon>
-    </Content>
-    <Content Include="js\controllers\TodoCtrl.ts" />
-    <Content Include="js\directives\TodoBlur.js">
-      <DependentUpon>TodoBlur.ts</DependentUpon>
-    </Content>
-    <Content Include="js\directives\TodoBlur.ts" />
-    <Content Include="js\directives\TodoFocus.js">
-      <DependentUpon>TodoFocus.ts</DependentUpon>
-    </Content>
-    <Content Include="js\directives\TodoFocus.ts" />
-    <Content Include="js\interfaces\ITodoScope.js">
-      <DependentUpon>ITodoScope.ts</DependentUpon>
-    </Content>
-    <Content Include="js\interfaces\ITodoScope.ts" />
-    <Content Include="js\interfaces\ITodoStorage.js">
-      <DependentUpon>ITodoStorage.ts</DependentUpon>
-    </Content>
-    <Content Include="js\interfaces\ITodoStorage.ts" />
-    <Content Include="js\libs\angular-1.0.d.ts" />
-    <Content Include="js\libs\angular\angular.min.js" />
-    <Content Include="js\libs\jquery-1.8.d.ts" />
-    <Content Include="js\models\TodoItem.js">
-      <DependentUpon>TodoItem.ts</DependentUpon>
-    </Content>
-    <Content Include="js\models\TodoItem.ts" />
-    <Content Include="js\services\TodoStorage.ts" />
-    <Content Include="js\_all.js">
-      <DependentUpon>_all.ts</DependentUpon>
-    </Content>
-    <Content Include="js\_all.ts" />
-  </ItemGroup>
-  <ItemGroup>
-    <Content Include="ReadMe.md" />
-  </ItemGroup>
-  <ItemGroup>
-    <Content Include="js\directives\TodoBlur.js.map">
-      <DependentUpon>TodoBlur.ts</DependentUpon>
-    </Content>
-  </ItemGroup>
-  <ItemGroup>
-    <Content Include="js\directives\TodoFocus.js.map">
-      <DependentUpon>TodoFocus.ts</DependentUpon>
-    </Content>
-  </ItemGroup>
-  <ItemGroup>
-    <Content Include="js\app.js.map">
-      <DependentUpon>Application.ts</DependentUpon>
-    </Content>
-  </ItemGroup>
-  <ItemGroup>
-    <Content Include="js\controllers\TodoCtrl.js.map">
-      <DependentUpon>TodoCtrl.ts</DependentUpon>
-    </Content>
   </ItemGroup>
   <ItemGroup>
-    <Content Include="js\_all.js.map">
-      <DependentUpon>_all.ts</DependentUpon>
-    </Content>
+    <TypeScriptCompile Include="js\_all.ts" />
+    <TypeScriptCompile Include="js\libs\angular.d.ts" />
+    <TypeScriptCompile Include="js\libs\jquery.d.ts" />
+    <TypeScriptCompile Include="js\Application.ts" />
+    <TypeScriptCompile Include="js\controllers\TodoCtrl.ts" />
+    <TypeScriptCompile Include="js\directives\TodoBlur.ts" />
+    <TypeScriptCompile Include="js\directives\TodoFocus.ts" />
+    <TypeScriptCompile Include="js\interfaces\ITodoScope.ts" />
+    <TypeScriptCompile Include="js\interfaces\ITodoStorage.ts" />
+    <TypeScriptCompile Include="js\models\TodoItem.ts" />
+    <TypeScriptCompile Include="js\services\TodoStorage.ts" />
   </ItemGroup>
   <ItemGroup>
-    <Content Include="js\models\TodoItem.js.map">
-      <DependentUpon>TodoItem.ts</DependentUpon>
-    </Content>
+    <None Include="ReadMe.md" />
+    <Content Include="web.config" />
+    <None Include="web.Debug.config">
+      <DependentUpon>web.config</DependentUpon>
+    </None>
+    <None Include="web.Release.config">
+      <DependentUpon>web.config</DependentUpon>
+    </None>
   </ItemGroup>
-  <ItemGroup>
-    <Content Include="js\interfaces\ITodoScope.js.map">
-      <DependentUpon>ITodoScope.ts</DependentUpon>
-    </Content>
-  </ItemGroup>
-  <ItemGroup>
-    <Content Include="js\interfaces\ITodoStorage.js.map">
-      <DependentUpon>ITodoStorage.ts</DependentUpon>
-    </Content>
-  </ItemGroup>
-  <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
-       Other similar extension points exist, see Microsoft.Common.targets.
-  <Target Name="AfterBuild">
-  </Target>
-  -->
+  <PropertyGroup>
+    <TypeScriptOutFile>js\Application.js</TypeScriptOutFile>
+    <TypeScriptTarget>ES3</TypeScriptTarget>
+    <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
+  </PropertyGroup>
+  <PropertyGroup Condition="'$(Configuration)' == 'Debug'">
+    <TypeScriptRemoveComments>false</TypeScriptRemoveComments>
+    <TypeScriptSourceMap>true</TypeScriptSourceMap>
+  </PropertyGroup>
+  <PropertyGroup Condition="'$(Configuration)' == 'Release'">
+    <TypeScriptRemoveComments>true</TypeScriptRemoveComments>
+    <TypeScriptSourceMap>false</TypeScriptSourceMap>
+  </PropertyGroup>
+  <Import Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets" />
 </Project>
\ No newline at end of file

labs/architecture-examples/typescript-angular/web.Debug.config

+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- For more information on using web.config transformation visit http://go.microsoft.com/fwlink/?LinkId=125889 -->
+
+<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
+  <!--
+    In the example below, the "SetAttributes" transform will change the value of 
+    "connectionString" to use "ReleaseSQLServer" only when the "Match" locator 
+    finds an attribute "name" that has a value of "MyDB".
+    
+    <connectionStrings>
+      <add name="MyDB" 
+        connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True" 
+        xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
+    </connectionStrings>
+  -->
+  <system.web>
+    <!--
+      In the example below, the "Replace" transform will replace the entire 
+      <customErrors> section of your web.config file.
+      Note that because there is only one customErrors section under the 
+      <system.web> node, there is no need to use the "xdt:Locator" attribute.
+      
+      <customErrors defaultRedirect="GenericError.htm"
+        mode="RemoteOnly" xdt:Transform="Replace">
+        <error statusCode="500" redirect="InternalError.htm"/>
+      </customErrors>
+    -->
+  </system.web>
+</configuration>
\ No newline at end of file

labs/architecture-examples/typescript-angular/web.Release.config

+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- For more information on using web.config transformation visit http://go.microsoft.com/fwlink/?LinkId=125889 -->
+
+<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
+  <!--
+    In the example below, the "SetAttributes" transform will change the value of 
+    "connectionString" to use "ReleaseSQLServer" only when the "Match" locator 
+    finds an attribute "name" that has a value of "MyDB".
+    
+    <connectionStrings>
+      <add name="MyDB" 
+        connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True" 
+        xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
+    </connectionStrings>
+  -->
+  <system.web>
+    <compilation xdt:Transform="RemoveAttributes(debug)" />
+    <!--
+      In the example below, the "Replace" transform will replace the entire 
+      <customErrors> section of your web.config file.
+      Note that because there is only one customErrors section under the 
+      <system.web> node, there is no need to use the "xdt:Locator" attribute.
+      
+      <customErrors defaultRedirect="GenericError.htm"
+        mode="RemoteOnly" xdt:Transform="Replace">
+        <error statusCode="500" redirect="InternalError.htm"/>
+      </customErrors>
+    -->
+  </system.web>
+</configuration>
\ No newline at end of file

labs/architecture-examples/typescript-angular/web.config

+<?xml version="1.0"?>
+<configuration>
+
+    <system.web>
+      <compilation debug="true" targetFramework="4.5" />
+      <httpRuntime targetFramework="4.5" />
+    </system.web>
+
+</configuration>