ng-annotate support added

gulpfile.js

@@ -25,6 +25,7 @@ gulp.task('compile', ['compile:src', 'compile:test']);
 
 gulp.task('serve:docs', ['build:docs'], require('./tasks/server')(gulp, config.docsDir));
 gulp.task('serve:e2e', require('./tasks/server')(gulp, __dirname, false, false));
+gulp.task('serve:dist', ['build:dist'], require('./tasks/server')(gulp, __dirname, config.watchDir, true, 'index-packed.html'));
 gulp.task('serve', ['compile:src'], require('./tasks/server')(gulp, __dirname, config.watchDir));
 
 gulp.task('check:jshint', require('./tasks/jshint')(gulp, config));
@@ -37,7 +38,9 @@ gulp.task('test:unit', require('./tasks/test')(config.testDir));
 gulp.task('test:e2e', ['serve:e2e'], require('./tasks/e2e')(gulp, config));
 gulp.task('test', ['compile', 'test:unit', 'test:e2e']);
 
-gulp.task('build:dist', require('./tasks/build')(gulp, config));
+gulp.task('ng:annotate', ['compile:src'], require('./tasks/ngannotate')(gulp, config));
+
+gulp.task('build:dist', ['ng:annotate'], require('./tasks/build')(gulp, config));
 gulp.task('build:docs', require('./tasks/typedoc')(gulp, config));
 gulp.task('build', ['build:dist', 'build:docs']);
 

package.json

@@ -13,6 +13,7 @@
     "del": "^2.0.2",
     "gulp": "^3.9.0",
     "gulp-jshint": "^1.11.2",
+    "gulp-ng-annotate": "^1.1.0",
     "gulp-protractor": "^1.0.0",
     "gulp-replace": "^0.5.4",
     "gulp-tslint": "^3.2.0",

src/module/auth/Auth.ts

@@ -7,6 +7,7 @@ const module:ng.IModule = App.module("app.auth", []);
 module.controller("Login", LoginCtrl);
 module.controller("Logout", LogoutCtrl);
 
+// @ngInject
 module.config(($stateProvider:ng.ui.IStateProvider) => {
   $stateProvider.state("login", {
     url: "/login",

src/module/auth/LoginCtrl.ts

@@ -2,6 +2,7 @@ export class LoginCtrl {
 
   public title:string;
 
+  // @ngInject
   constructor(private $filter:ng.IFilterService, private $state:ng.ui.IStateService) {
     this.title = "Login Panel";
 

src/module/dashboard/Dashboard.ts

@@ -6,6 +6,7 @@ const module:ng.IModule = App.module("app.dashboard", ["app.story"]);
 
 module.controller("DashboardCtrl", DashboardCtrl);
 
+// @ngInject
 module.config(($stateProvider:angular.ui.IStateProvider) => {
   $stateProvider.state("home", {
     url: "/home",

src/module/dashboard/DashboardCtrl.ts

@@ -5,6 +5,7 @@ export class DashboardCtrl {
   public title:string = "Dashboard";
   public stories:Story[];
 
+  // @ngInject
   constructor(private toastr:Toastr, private storyService:StoryService) {
     toastr.success("Salute!", "Toastr fun!");
     this.stories = storyService.model;

src/module/menu/MenuBoxDirective.ts

@@ -13,6 +13,7 @@ export class MenuBoxDirective implements ng.IDirective {
     return null;
   };
 
+  // @ngInject
   constructor(private $location:ng.ILocationService, private $rootScope:ng.IScope) {
 
   }

src/module/story/StoryBoxDirective.ts

@@ -16,6 +16,7 @@ export class StoryBoxDirective implements ng.IDirective {
     });
   };
 
+  // @ngInject
   constructor(private $location:ng.ILocationService, private $rootScope:ng.IScope) {
     // console.log("Dependency injection", $location, $rootScope);
   }

src/module/story/StoryService.ts

@@ -5,6 +5,7 @@ export class StoryService {
   public model:Story[] = [];
   private moduleName:string = "stories";
 
+  // @ngInject
   constructor(private endpointService:EndpointService, private $http:ng.IHttpService) {
   }
 

src/module/toast/Toast.ts

@@ -4,6 +4,7 @@ import "angular-toastr/angular-toastr.css!";
 
 const module:ng.IModule = App.module("app.toast", ["toastr"]);
 
+// @ngInject
 module.config((toastrConfig:any) => {
   App.extend(toastrConfig, {
     templates: {

tasks/build.js

@@ -16,7 +16,7 @@ module.exports = function(gulp, config) {
                 var moduleName = 'app';
                 var buildConfig = {
                     format: 'amd',
-                    minify: false,
+                    minify: true,
                     sourceMaps: true
                 };
                 return builder.buildStatic(moduleName, outFile, buildConfig);

tasks/ngannotate.js

@@ -0,0 +1,11 @@
+'use strict';
+module.exports = function(gulp, config) {
+    return function() {
+        var ngAnnotate = require('gulp-ng-annotate');
+        var path = require('path');
+
+        return gulp.src(path.join(config.srcDir, '**', '*.js'))
+            .pipe(ngAnnotate())
+            .pipe(gulp.dest(config.srcDir));
+    };
+};

tasks/server.js

@@ -1,5 +1,5 @@
 'use strict';
-module.exports = function(gulp, serverRootDir, watchDir, openBrowser) {
+module.exports = function(gulp, serverRootDir, watchDir, openBrowser, fallback) {
     var fs = require('fs');
 
     return function() {
@@ -24,7 +24,7 @@ module.exports = function(gulp, serverRootDir, watchDir, openBrowser) {
                         enable: liveReload(),
                         filter: filterWatchFilesForLivereload
                     },
-                    fallback: 'index.html',
+                    fallback: 'index-packed.html',
                     open: openBrowser,
                     port: port
                 }));