Using the zone.js 0.6

Author: vakrilov

ng-sample/app/examples/action-bar/action-bar-test.ts

@@ -2,7 +2,7 @@ import {Component} from 'angular2/core';
 import {RouteConfig} from 'angular2/router';
 import { Page} from "ui/page";
 import {NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS} from "../../nativescript-angular/router/ns-router";
-import {NS_DIRECTIVES} from "../../nativescript-angular/directives/ns-directives";
+import {NS_DIRECTIVES} from "../../nativescript-angular/directives";
 
 @Component({
     selector: "first",

ng-sample/app/performance/benchmark.ts

@@ -1,15 +1,16 @@
 import {StackLayout} from 'ui/layouts/stack-layout';
 import {Button} from 'ui/button';
 import {Label} from 'ui/label';
-import {Inject, Component, View} from 'angular2/core';
+import {Inject, Component} from 'angular2/core';
 import {ApplicationRef} from 'angular2/src/core/application_ref';
 import * as profiling from './profiling';
 
-@Component({selector: 'tree', inputs: ['data']})
-@View({
-  directives: [TreeComponent],
-  template:
-      `<StackLayout>
+@Component({
+    selector: 'tree',
+    inputs: ['data'],
+    directives: [TreeComponent],
+    template:
+    `<StackLayout>
           <Label [text]="data.value"></Label>
           <StackLayout *ngIf="data.right != null">
             <tree [data]='data.right'></tree>
@@ -21,15 +22,13 @@ import * as profiling from './profiling';
       `
 })
 class TreeComponent {
-  data: TreeNode;
+    data: TreeNode;
 }
 
 @Component({
-	selector: 'benchmark',
-})
-@View({
+    selector: 'benchmark',
     directives: [TreeComponent],
-	template: `
+    template: `
     <StackLayout>
         <Label text='Benchmark!' fontSize='20' verticalAlignment='center' padding='20'></Label>
         <Button text="Baseline test" (tap)="baselineTest(baseline)"></Button>
@@ -88,29 +87,29 @@ export class Benchmark {
 
     private createBaselineDom() {
         var values = this.count++ % 2 == 0 ? ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*'] :
-        ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '-'];
+            ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '-'];
         this.initDataBaseline = buildTree(this.maxDepth, values, 0);
         this.appRef.tick();
     }
 
     private createNgDom() {
         var values = this.count++ % 2 == 0 ? ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*'] :
-        ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '-'];
+            ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '-'];
         this.initDataNg = buildTree(this.maxDepth, values, 0);
         this.appRef.tick();
     }
 }
 
 
 export class TreeNode {
-  value: string;
-  left: TreeNode;
-  right: TreeNode;
-  constructor(value, left, right) {
-    this.value = value;
-    this.left = left;
-    this.right = right;
-  }
+    value: string;
+    left: TreeNode;
+    right: TreeNode;
+    constructor(value, left, right) {
+        this.value = value;
+        this.left = left;
+        this.right = right;
+    }
 }
 
 var nodes = 0;

src/nativescript-angular/application.ts

@@ -1,16 +1,5 @@
-//prevent a crash in zone patches. pretend we're node.js
-global.process = {};
-const oldToString = Object.prototype.toString;
-Object.prototype.toString = function() {
-    return "[object process]";
-}
-import "zone.js/dist/zone.js"
-Object.prototype.toString = oldToString;
-delete global.process;
-//
-//Import globals after the zone, so the latter can't patch everything there.
-//The patchables should already be zone-aware already.
 import 'globals';
+import "zone.js/dist/zone-node"
 
 import 'reflect-metadata';
 import './polyfills/array';

src/nativescript-angular/renderer.ts

@@ -216,7 +216,7 @@ export class NativeScriptRenderer extends Renderer {
 
     public listen(renderElement: NgView, eventName: string, callback: Function): Function {
         traceLog('NativeScriptRenderer.listen: ' + eventName);
-        let zonedCallback = (<any>global).zone.bind(callback);
+        let zonedCallback = (<any>global).Zone.current.wrap(callback);
         renderElement.on(eventName, zonedCallback);
         return () => renderElement.off(eventName, zonedCallback);
     }

src/nativescript-angular/router/page-router-outlet.ts

@@ -170,7 +170,7 @@ export class PageRouterOutlet extends RouterOutlet {
                 resolve(componentRef)
             });
 
-            page.on('navigatingFrom', (<any>global).zone.bind((args: NavigatedData) => {
+            page.on('navigatingFrom', (<any>global).Zone.current.wrap((args: NavigatedData) => {
                 if (args.isBackNavigation) {
                     this.location.beginBackPageNavigation();
                     this.location.back();