chore(deps): update Angular2 to alpha.53

Author: marclaval

karma-test-shim.js

@@ -1,3 +1,5 @@
+window.global = window;
+
 // Tun on full stack traces in errors to help debugging
 Error.stackTraceLimit=Infinity;
 

package.json

@@ -31,7 +31,7 @@
  "through2": "~0.6.3"
  },
  "dependencies": {
- "angular2": "2.0.0-alpha.50",
+ "angular2": "2.0.0-alpha.53",
  "react-native": "0.16.0",
  "reflect-metadata": "0.1.2",
  "zone.js": "angular/zone.js#26e7f5177a06b28e9c4478eab5c6b95cd79da37f",

sample/hello.ts

@@ -1,4 +1,5 @@
-import {Component, NgIf, NgFor} from 'angular2/angular2';
+import {Component} from 'angular2/core';
+import {NgIf, NgFor} from 'angular2/common'
 import {StyleSheet} from 'react-native';
 
 @Component({
@@ -29,12 +30,12 @@ class Sub {}
  <Text [style]="styles.instructions" [fontSize]="s">
  Shake or press menu button for dev menu {{foo}}
  </Text>
- <Text *ng-if="maybe" [style]="styles.row">ng-if says hello</Text>
+ <Text *ngIf="maybe" [style]="styles.row">ngIf says hello</Text>
  <sub [marginTop]="10" [marginBottom]="10" [style]="styles.row">
  <Text>Some content at the bottom</Text>
  <View><Text>Some content in a view, at the top</Text></View>
  </sub>
- <Text *ng-for="#item of items" [style]="styles.row">ng-for says {{item}}</Text>
+ <Text *ngFor="#item of items" [style]="styles.row">ngFor says {{item}}</Text>
 
  <TextInput placeholder="Type in" (topTouchEnd)="$event.target.focus()" (topSubmitEditing)="$event.target.blur()"></TextInput>
  <View [style]="styles.button" (topTouchEnd)="handleEvent($event)">

sample/todomvc.ts

@@ -1,4 +1,5 @@
-import {Component, NgIf, NgFor, Input, Output, EventEmitter} from 'angular2/angular2';
+import {Component, Input, Output, EventEmitter} from 'angular2/core';
+import {NgIf, NgFor} from 'angular2/common'
 import {StyleSheet} from 'react-native';
 
 class Palette {
@@ -24,8 +25,8 @@ class Todo {
  template: `
 <View [style]="styles.row">
 <Text [style]="[styles.tick, item.active ? styles.tickOff : styles.tickOn]" (topTouchStart)="visualFeedback($event)" (topTouchEnd)="toggle($event)">{{item.active ? "[ ]" : "[x]"}}</Text>
-<Text *ng-if="!item.edited" [style]="[styles.main, item.active ? styles.mainOff : styles.mainOn]" (topTouchEnd)="startEdit()">{{item.value}}</Text>
-<TextInput *ng-if="item.edited" [style]="styles.editor" [text]="item.value" mostRecentEventCount="0" (topTouchEnd)="$event.target.focus()" (topSubmitEditing)="stopEdit($event)"></TextInput>
+<Text *ngIf="!item.edited" [style]="[styles.main, item.active ? styles.mainOff : styles.mainOn]" (topTouchEnd)="startEdit()">{{item.value}}</Text>
+<TextInput *ngIf="item.edited" [style]="styles.editor" [text]="item.value" mostRecentEventCount="0" (topTouchEnd)="$event.target.focus()" (topSubmitEditing)="stopEdit($event)"></TextInput>
 <Text [style]="styles.cross" (topTouchStart)="visualFeedback($event)" (topTouchEnd)="delete()">X</Text>
 </View>
 `
@@ -128,7 +129,7 @@ export class TodoItem {
 </View>
 <ScrollView [style]="styles.scroll">
  <View collapsable="false">
- <template ng-for #todo [ng-for-of]="filteredTodos">
+ <template ngFor #todo [ngForOf]="filteredTodos">
  <todo-item [item]="todo" (toggled)="updateCount($event)" (deleted)="deleteTodo($event)"></todo-item>
  </template>
  </View>

src/react_native_renderer.ts

@@ -63,7 +63,7 @@ export class ReactNativeRenderer extends Renderer {
 
  createRootHostView(hostProtoViewRef:RenderProtoViewRef, fragmentCount:number, hostElementSelector:string):RenderViewWithFragments {
  this._rootView = this._createView(hostProtoViewRef, true);
- //console.log((<ReactNativeRenderFragmentRef>this._rootView.fragmentRefs[0]).nodes[0]);
+ console.log((<ReactNativeRenderFragmentRef>this._rootView.fragmentRefs[0]).nodes[0]);
  return this._rootView;
  }
 
@@ -143,6 +143,11 @@ export class ReactNativeRenderer extends Renderer {
  node.setProperty(attributeName, attributeValue);
  }
 
+ setBindingDebugInfo(location: RenderElementRef, propertyName: string,
+ propertyValue: string): void {
+ // Do nothing
+ }
+
  setElementClass(location:RenderElementRef, className:string, isAdd:boolean): void {
  console.error('NOT IMPLEMENTED: setElementClass', arguments);
  }