TypeScriptifying the generators.

templates/typescript/app.ts

@@ -1,7 +1,13 @@
+/// <reference path="../bower_components/definitivelyTyped/angularjs/angular.d.ts" />
+<% if (ngRoute) { %>/// <reference path="../bower_components/definitivelyTyped/angularjs/angular-route.d.ts" /><% } %>
+/// <reference path="../bower_components/definitivelyTyped/angularjs/angular-resource.d.ts" />
+/// <reference path="../bower_components/definitivelyTyped/angularjs/angular-sanitize.d.ts" />
+/// <reference path="../bower_components/definitivelyTyped/angularjs/angular-resource.d.ts" />
+
 'use strict';
 
 angular.module('<%= scriptAppName %>', [<%= angularModules %>])<% if (ngRoute) { %>
-  .config(function ($routeProvider) {
+  .config(function ($routeProvider:ng.route.IRouteProvider) {
     $routeProvider
       .when('/', {
         templateUrl: 'views/main.html',

templates/typescript/controller.ts

@@ -1,10 +1,23 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
+module <%= scriptAppName %> {
+    export interface I<%= classedName %>Scope extends ng.IScope {
+        awesomeThings: any[];
+    }
+
+    export class <%= classedName %>Ctrl {
+
+        constructor (private $scope:I<%= classedName %>Scope) {
+	        $scope.awesomeThings = [
+              'HTML5 Boilerplate',
+              'AngularJS',
+              'Karma'
+            ];
+        }
+    }
+}
+
 angular.module('<%= scriptAppName %>')
-  .controller('<%= classedName %>Ctrl', function ($scope) {
-    $scope.awesomeThings = [
-      'HTML5 Boilerplate',
-      'AngularJS',
-      'Karma'
-    ];
-  });
+  .controller('<%= classedName %>Ctrl', <%= scriptAppName %>.<%= classedName %>Ctrl);

templates/typescript/decorator.ts

@@ -1,9 +1,18 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
+module <%= scriptAppName %>{
+	export function <%= cameledName %>DecoratorProvider($provide:ng.auto.IProvideService):void {
+		//decorate <%= cameledName %>
+		$provide.decorator('<%= cameledName %>', <%= cameledName %>Decorator);
+	}
+
+	export function <%= cameledName %>Decorator($delegate) {
+		// decorate the $delegate
+		return $delegate;
+	}
+}
+
 angular.module('<%= scriptAppName %>')
-    .config(function ($provide) {
-        $provide.decorator('<%= cameledName %>', function ($delegate) {
-            // decorate the $delegate
-            return $delegate;
-        });
-    });
+    .config(<%= scriptAppName %>.<%= cameledName %>DecoratorProvider);

templates/typescript/directive.ts

@@ -1,12 +1,22 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
+module <%= scriptAppName %> {
+
+	export class <%= classedName %> implements ng.IDirective {
+		template = '<div></div>';
+		restrict = 'E';
+		link = function (scope, element: JQuery, attrs: ng.IAttributes):void {
+			element.text('this is the <%= cameledName %> directive');
+		}
+	}
+
+	export function <%= cameledName %>Factory() {
+		return new <%= scriptAppName %>.<%= classedName %>();
+	}
+
+}
+
 angular.module('<%= scriptAppName %>')
-  .directive('<%= cameledName %>', function () {
-    return {
-      template: '<div></div>',
-      restrict: 'E',
-      link: function postLink(scope, element, attrs) {
-        element.text('this is the <%= cameledName %> directive');
-      }
-    };
-  });
+  .directive('<%= cameledName %>', <%= scriptAppName %>.<%= cameledName %>Factory);

templates/typescript/filter.ts

@@ -1,8 +1,18 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
+module <%= scriptAppName %> {
+	export function <%= cameledName %>FilterFactory():Function {
+		return <%= cameledName %>Filter;
+	}
+
+    function <%= cameledName %>Filter(input, param) {
+	  //usage {{"text" | <%= cameledName %>: "suffix"}}
+	  //returns '<%= cameledName %> filter: text suffix'
+      return '<%= cameledName %> filter: ' + input + (param ? ' ' + param: '');
+    }
+}
+
 angular.module('<%= scriptAppName %>')
-  .filter('<%= cameledName %>', function () {
-    return function (input) {
-      return '<%= cameledName %> filter: ' + input;
-    };
-  });
+  .filter('<%= cameledName %>', <%= scriptAppName %>.<%= cameledName %>FilterFactory);

templates/typescript/service/factory.ts

@@ -1,16 +1,21 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
-angular.module('<%= scriptAppName %>')
-  .factory('<%= cameledName %>', function () {
-    // Service logic
-    // ...
+module <%= scriptAppName %> {
+    export function <%= cameledName %>Factory() {
+		return new <%= classedName %>(42);
+	}
+	export class <%= classedName %> {
 
-    var meaningOfLife = 42;
+		constructor (private meaningOfLife) {
+		}
 
-    // Public API here
-    return {
-      someMethod: function () {
-        return meaningOfLife;
-      }
-    };
-  });
+		someMethod(){
+		    return this.meaningOfLife
+		}
+	}
+}
+
+angular.module('<%= scriptAppName %>')
+  .factory('<%= cameledName %>', <%= scriptAppName %>.<%= cameledName %>Factory);

templates/typescript/service/provider.ts

@@ -1,25 +1,25 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
-angular.module('<%= scriptAppName %>')
-  .provider('<%= cameledName %>', function () {
+module <%= scriptAppName %> {
 
-    // Private variables
-    var salutation = 'Hello';
+    var salutation:string;
+
+	export class Greeter {
+		greet = () => salutation;
+	}
+
+
+	export class <%= classedName %>Provider {
+		$get = () => new Greeter();
+
+		// Public API for configuration
+		setSalutation = (s:string) => salutation = s;
+	}
 
-    // Private constructor
-    function Greeter() {
-      this.greet = function () {
-        return salutation;
-      };
-    }
+}
 
-    // Public API for configuration
-    this.setSalutation = function (s) {
-      salutation = s;
-    };
 
-    // Method for instantiating
-    this.$get = function () {
-      return new Greeter();
-    };
-  });
+angular.module('<%= scriptAppName %>')
+  .provider('<%= cameledName %>', <%= scriptAppName %>.<%= classedName %>Provider);

templates/typescript/service/service.ts

@@ -1,6 +1,16 @@
+/// <reference path="../app.ts" />
+
 'use strict';
 
+module <%= scriptAppName %> {
+	export class <%= classedName %> {
+		awesomeThings:any[] = [
+              'HTML5 Boilerplate',
+              'AngularJS',
+              'Karma'
+            ];
+	}
+}
+
 angular.module('<%= scriptAppName %>')
-  .service('<%= classedName %>', function <%= classedName %>() {
-    // AngularJS will instantiate a singleton by calling "new" on this function
-  });
+  .service('<%= cameledName %>', <%= scriptAppName %>.<%= classedName %>);