migrating to typescript 2.4

Author: pablorsk

package.json

@@ -81,7 +81,7 @@
     "ts-loader": "^2.0.0",
     "tslint": "^4.4.2",
     "tslint-loader": "^3.4.2",
-    "typescript": "^2.1.0",
+    "typescript": "^2.4.0",
     "webpack": "^2.2.1",
     "webpack-fail-plugin": "^1.0.5"
   },

src/demo/authors/author.component.ts

@@ -2,7 +2,7 @@ import * as angular from 'angular';
 import 'angular-ui-router';
 import * as Jsonapi from '../../library/index';
 
-class AuthorController {
+class AuthorController implements ng.IController {
     public author: Jsonapi.IResource;
     public relatedbooks: Jsonapi.IResource[];
 
@@ -31,6 +31,10 @@ class AuthorController {
         );
     }
 
+    public $onInit() {
+
+    }
+
     /**
     Add a new author
     **/
@@ -64,14 +68,7 @@ class AuthorController {
     }
 }
 
-export const Author = {
-    templateUrl: 'demo/authors/author.html',
-    controller: AuthorController
-    // bindings: {
-    //   completedCount: '<',
-    //   activeCount: '<',
-    //   selectedFilter: '<filter',
-    //   onClearCompleted: '&',
-    //   onShow: '&'
-    // }
+export class Author {
+    templateUrl = 'demo/authors/author.html';
+    controller = AuthorController;
 };

src/demo/authors/authors.component.ts

@@ -1,6 +1,6 @@
 import * as Jsonapi from '../../library/index';
 
-class AuthorsController {
+class AuthorsController implements ng.IController {
     public authors: Jsonapi.ICollection;
 
     /** @ngInject */
@@ -19,6 +19,10 @@ class AuthorsController {
         );
     }
 
+    public $onInit() {
+
+    }
+
     public delete (author: Jsonapi.IResource) {
         console.log('eliminaremos (no soportado en este ejemplo)', author.toObject());
         this.AuthorsService.delete(
@@ -30,14 +34,7 @@ class AuthorsController {
     }
 }
 
-export const Authors = {
-    templateUrl: 'demo/authors/authors.html',
-    controller: AuthorsController
-    // bindings: {
-    //   completedCount: '<',
-    //   activeCount: '<',
-    //   selectedFilter: '<filter',
-    //   onClearCompleted: '&',
-    //   onShow: '&'
-    // }
+export class Authors {
+    public templateUrl = 'demo/authors/authors.html';
+    public controller = AuthorsController;
 };

src/demo/books/book.component.ts

@@ -1,6 +1,6 @@
 import * as Jsonapi from '../../library/index';
 
-export class BookController {
+export class BookController implements ng.IController {
     public book: any = null;
 
     /** @ngInject */
@@ -22,9 +22,13 @@ export class BookController {
             }
         );
     }
+
+    public $onInit() {
+
+    }
 }
 
-export const Book = {
-    templateUrl: 'demo/books/book.html',
-    controller: BookController
+export class Book {
+    public templateUrl = 'demo/books/book.html';
+    public controller = BookController;
 };

src/demo/books/books.component.ts

@@ -1,6 +1,6 @@
 import * as Jsonapi from '../../library/index';
 
-class BooksController {
+class BooksController implements ng.IController {
     public books: Jsonapi.ICollection;
 
     /** @ngInject */
@@ -63,12 +63,16 @@ class BooksController {
         );
     }
 
+    public $onInit() {
+
+    }
+
     public delete(book: Jsonapi.IResource) {
         this.BooksService.delete(book.id);
     }
 }
 
-export const Books = {
-    templateUrl: 'demo/books/books.html',
-    controller: BooksController
+export class Books {
+    public templateUrl = 'demo/books/books.html';
+    public controller = BooksController;
 };

src/demo/containers/app.ts

@@ -1,5 +1,4 @@
-export class AppController {
-
+class AppController implements ng.IController {
     /** @ngInject */
     constructor(
         protected JsonapiCore,
@@ -31,10 +30,14 @@ export class AppController {
             self.$scope.loading = 'No connection 2!!!';
         };
     }
+
+    public $onInit() {
+
+    }
 }
 
-export const App = {
-    templateUrl: 'demo/containers/app.html',
-    controller: AppController,
-    transclude: true
+export class App implements ng.IComponentOptions {
+    public templateUrl: 'demo/containers/app.html';
+    public controller: ng.Injectable<ng.IControllerConstructor> = AppController;
+    public transclude: true;
 };

src/demo/index.ts

@@ -33,11 +33,11 @@ angular
     .service('AuthorsService', AuthorsService)
     .service('BooksService', BooksService)
     .service('PhotosService', PhotosService)
-    .component('app', App)
-    .component('author', Author)
-    .component('authors', Authors)
-    .component('book', Book)
-    .component('books', Books)
-    .component('photos', Photos)
-    .component('noduplicatedcalltests', NoDuplicatedHttpCalls)
+    .component('app', new App())
+    .component('author', new Author())
+    .component('authors', new Authors())
+    .component('book', new Book())
+    .component('books', new Books())
+    .component('photos', new Photos())
+    .component('noduplicatedcalltests', new NoDuplicatedHttpCalls())
     ;

src/demo/photos/photos.component.ts

@@ -1,6 +1,6 @@
 import * as Jsonapi from '../../library/index';
 
-class PhotosController {
+class PhotosController implements ng.IController {
     public photos: Jsonapi.ICollection;
 
     /** @ngInject */
@@ -15,6 +15,10 @@ class PhotosController {
         this.makeRequest(5);
     }
 
+    public $onInit() {
+
+    }
+
     public makeRequest(id) {
         this.photos = this.PhotosService.all(
             succes => {
@@ -24,7 +28,7 @@ class PhotosController {
     }
 }
 
-export const Photos = {
-    templateUrl: 'demo/photos/photos.html',
-    controller: PhotosController
+export class Photos {
+    public templateUrl = 'demo/photos/photos.html';
+    public controller = PhotosController;
 };

src/demo/tests/noduplicatedhttpcalls.component.ts

@@ -1,6 +1,6 @@
 import * as Jsonapi from '../../library/index';
 
-class NoDuplicatedHttpCallsComponent {
+class NoDuplicatedHttpCallsComponent implements ng.IController {
     public authors: Array<Jsonapi.ICollection> = [];
 
     /** @ngInject */
@@ -19,9 +19,13 @@ class NoDuplicatedHttpCallsComponent {
             );
         }
     }
+
+    public $onInit() {
+
+    }
 }
 
-export const NoDuplicatedHttpCalls = {
-    templateUrl: 'demo/tests/noduplicatedhttpcalls.html',
-    controller: NoDuplicatedHttpCallsComponent
+export class NoDuplicatedHttpCalls {
+    public templateUrl = 'demo/tests/noduplicatedhttpcalls.html';
+    public controller = NoDuplicatedHttpCallsComponent;
 };

src/library/interfaces/cache.d.ts

@@ -1,4 +1,4 @@
-import { ICollection, IResource } from '../interfaces';
+import { IResource } from '../interfaces';
 
 export interface ICache {
     setResource(resource: IResource): void;