added classes for tracekit reporting

Author: dylanvdmerwe

app/app.ts

@@ -1,21 +1,26 @@
+import {ExceptionHandler, provide} from 'angular2/core';
 import 'es6-shim';
 import {App, Platform} from 'ionic-angular';
 import {StatusBar} from 'ionic-native';
 import {TabsPage} from './pages/tabs/tabs';
-
+import {CustomExceptionHandler} from './util/customExceptionHandler';
+import {ErrorReporter} from './util/errorReporter';
 
 @App({
   template: '<ion-nav [root]="rootPage"></ion-nav>',
+  providers: [ErrorReporter, [provide(ExceptionHandler, {useClass:CustomExceptionHandler})]],
   config: {} // http://ionicframework.com/docs/v2/api/config/Config/
 })
 export class MyApp {
   rootPage: any = TabsPage;
 
-  constructor(platform: Platform) {
+  constructor(platform: Platform, private er : ErrorReporter) {
     platform.ready().then(() => {
       // Okay, so the platform is ready and our plugins are available.
       // Here you can do any higher level native things you might need.
       StatusBar.styleDefault();
+      
+      er.init();
     });
   }
 }

app/pages/page1/page1.html

@@ -12,4 +12,5 @@ <h2>Welcome to Ionic 2!</h2>
     Take a look at the <code>app/</code> directory to add or change tabs,
     update any existing page or create new pages.
   </p>
+  <button (click)='test()'>Test Error</button>
 </ion-content>

app/pages/page1/page1.ts

@@ -8,4 +8,10 @@ export class Page1 {
   constructor() {
 
   }
+  
+  test() {
+      console.log('test button clicked');
+      
+      throw new Error('oops');
+  }
 }

app/util/customExceptionHandler.ts

@@ -0,0 +1,11 @@
+import {Injectable} from 'angular2/core';
+
+@Injectable()
+export class CustomExceptionHandler {
+  call(error, stackTrace = null, reason = null) {
+      console.log('custom exception handler...');
+    console.error(error, [stackTrace, reason]);
+    
+   // TraceKit.report(e); //error with stack trace gets normalized and sent to subscriber
+  }
+}

app/util/errorReporter.ts

@@ -0,0 +1,13 @@
+import {Injectable} from 'angular2/core';
+
+@Injectable()
+export class ErrorReporter {
+    init(){
+       // TraceKit.report.subscribe(this.reportError);
+       console.log("ErrorReporter is initialized");
+    }
+    
+    reportError(error){
+        // do something with the error
+    }
+}

package.json

@@ -8,6 +8,7 @@
     "ionicons": "3.0.0-alpha.3",
     "reflect-metadata": "0.1.2",
     "rxjs": "5.0.0-beta.0",
+    "tracekit": "^0.3.4",
     "zone.js": "0.5.14"
   },
   "devDependencies": {