Change detector

demo/bouncing_balls/bouncy_balls.dart

@@ -17,7 +17,7 @@ class BallModel {
 
   static _color() {
     var color = '#';
-    for(var i=0; i < 6; i++) {
+    for(var i = 0; i < 6; i++) {
       color += (16 * random.nextDouble()).floor().toRadixString(16);
     }
     return color;
@@ -27,58 +27,59 @@ class BallModel {
 
 @NgController(
   selector: '[bounce-controller]',
-  publishAs: 'bounce'
-)
+  publishAs: 'bounce')
 class BounceController {
   var lastTime = window.performance.now();
   var run = true;
   var fps = 0;
   var digestTime = 0;
+  var currentDigestTime = 0;
   var balls = [];
-  var zone;
-  var scope;
+  final NgZone zone;
+  final Scope scope;
   var ballClassName = 'ball';
 
-  BounceController(NgZone this.zone, Scope this.scope) {
+  BounceController(this.zone, this.scope) {
     changeCount(100);
     tick();
   }
 
-  toggleCSS() {
+  void toggleCSS() {
     ballClassName = ballClassName == '' ? 'ball' : '';
   }
 
-  playPause() {
+  void playPause() {
     run = !run;
     if (run) requestAnimationFrame(tick);
   }
 
-  requestAnimationFrame(fn) {
+  void requestAnimationFrame(fn) {
     window.requestAnimationFrame((_) => zone.run(fn));
   }
 
-  changeCount(count) {
+  void changeCount(count) {
     while(count > 0) {
       balls.add(new BallModel());
       count--;
     }
-    while(count < 0) {
+    while(count < 0 && balls.isNotEmpty) {
       balls.removeAt(0);
       count++;
     }
     tick();
   }
 
-  timeDigest() {
+  void timeDigest() {
     var start = window.performance.now();
-    scope.$evalAsync(() {
-      digestTime = (window.performance.now() - start).round();
-    }, outsideDigest: true);
+    digestTime = currentDigestTime;
+    scope.rootScope.domRead(() {
+      currentDigestTime = window.performance.now() - start;
+    });
   }
 
-  tick() {
-    var now = window.performance.now(),
-        delay = now - lastTime;
+  void tick() {
+    var now = window.performance.now();
+    var delay = now - lastTime;
 
     fps = (1000/delay).round();
     for(var i=0, ii=balls.length; i<ii; i++) {
@@ -99,27 +100,34 @@ class BounceController {
 @NgDirective(
   selector: '[ball-position]',
   map: const {
-    "ballPosition": '=>position'
-  }
-)
+    "ballPosition": '=>position'})
 class BallPositionDirective {
-  Element element;
-  Scope scope;
-  BallPositionDirective(Element this.element, Scope this.scope);
+  final Element element;
+  final Scope scope;
+  BallPositionDirective(this.element, this.scope);
 
   set position(BallModel model) {
     element.style.backgroundColor = model.color;
-    scope.$watch(() {
-      element.style.left = '${model.x + 10}px';
-      element.style.top = '${model.y + 10}px';
-    });
+    scope
+        ..watch('x', (x, _) => element.style.left = '${x + 10}px', context: model, readOnly: true)
+        ..watch('y', (y, _) => element.style.top = '${y + 10}px', context: model, readOnly: true);
   }
 }
 
 class MyModule extends Module {
   MyModule() {
     type(BounceController);
     type(BallPositionDirective);
+    value(GetterCache, new GetterCache({
+      'x': (o) => o.x,
+      'y': (o) => o.y,
+      'bounce': (o) => o.bounce,
+      'fps': (o) => o.fps,
+      'balls': (o) => o.balls,
+      'length': (o) => o.length,
+      'digestTime': (o) => o.digestTime,
+      'ballClassName': (o) => o.ballClassName
+    }));
   }
 }
 

demo/bouncing_balls/index.html

@@ -45,10 +45,12 @@
     </div>
 
     <div>
-        <div class="fps-bar"><div class="fps" ng-style-width="bounce.fps*4 + 'px'"></div></div>
+        <div class="fps-bar">
+            <div class="fps" ng-style-width="bounce.fps*4 + 'px'"></div>
+        </div>
     </div>
 
-    {{bounce.fps}} fps. ({{bounce.balls.length}} balls) [{{(1000/bounce.fps).round()}} ms] <br>
+    {{bounce.fps}} fps. ({{bounce.balls.length}} balls) [{{1000/bounce.fps}} ms] <br>
     Digest: {{bounce.digestTime}} ms<br>
     <a href ng-click="bounce.changeCount(1)">+1</a>
     <a href ng-click="bounce.changeCount(10)">+10</a>

demo/bouncing_balls/pubspec.lock

@@ -5,48 +5,40 @@ packages:
     description: analyzer
     source: hosted
     version: "0.10.5"
-  analyzer_experimental:
-    description: analyzer_experimental
-    source: hosted
-    version: "0.8.6"
   angular:
     description:
-      path: "/usr/local/google/gits/angular-dart/demo/bouncing_balls/../.."
+      path: "../.."
       relative: true
     source: path
-    version: "0.9.3"
+    version: "0.9.7"
   args:
     description: args
     source: hosted
     version: "0.9.0"
   browser:
     description: browser
     source: hosted
-    version: "0.8.7"
+    version: "0.9.1"
   collection:
     description: collection
     source: hosted
-    version: "0.9.0"
+    version: "0.9.1"
   di:
     description: di
     source: hosted
-    version: "0.0.24"
+    version: "0.0.32"
   html5lib:
     description: html5lib
     source: hosted
-    version: "0.8.7"
+    version: "0.9.1"
   intl:
     description: intl
     source: hosted
-    version: "0.8.7"
+    version: "0.9.1"
   logging:
     description: logging
     source: hosted
     version: "0.9.1+1"
-  meta:
-    description: meta
-    source: hosted
-    version: "0.8.7"
   path:
     description: path
     source: hosted
@@ -58,24 +50,28 @@ packages:
   route_hierarchical:
     description: route_hierarchical
     source: hosted
-    version: "0.4.7"
+    version: "0.4.14"
+  shadow_dom:
+    description: shadow_dom
+    source: hosted
+    version: "0.9.1"
   source_maps:
     description: source_maps
     source: hosted
-    version: "0.8.7"
+    version: "0.9.0"
   stack_trace:
     description: stack_trace
     source: hosted
-    version: "0.8.7"
+    version: "0.9.1"
   unittest:
     description: unittest
     source: hosted
-    version: "0.8.7"
+    version: "0.10.0"
   unmodifiable_collection:
     description: unmodifiable_collection
     source: hosted
-    version: "0.9.2"
+    version: "0.9.2+1"
   utf:
     description: utf
     source: hosted
-    version: "0.8.7"
+    version: "0.9.0"

demo/helloworld/helloworld.dart

@@ -10,8 +10,7 @@ import 'dart:mirrors';
 
 @NgController(
     selector: '[hello-world-controller]',
-    publishAs: 'ctrl'
-)
+    publishAs: 'ctrl')
 class HelloWorldController {
   String name = "world";
 }

demo/helloworld/pubspec.lock

@@ -0,0 +1,77 @@
+# Generated by pub
+# See http://pub.dartlang.org/doc/glossary.html#lockfile
+packages:
+  analyzer:
+    description: analyzer
+    source: hosted
+    version: "0.10.5"
+  angular:
+    description:
+      path: "../.."
+      relative: true
+    source: path
+    version: "0.9.7"
+  args:
+    description: args
+    source: hosted
+    version: "0.9.0"
+  browser:
+    description: browser
+    source: hosted
+    version: "0.9.1"
+  collection:
+    description: collection
+    source: hosted
+    version: "0.9.1"
+  di:
+    description: di
+    source: hosted
+    version: "0.0.32"
+  html5lib:
+    description: html5lib
+    source: hosted
+    version: "0.9.1"
+  intl:
+    description: intl
+    source: hosted
+    version: "0.9.1"
+  logging:
+    description: logging
+    source: hosted
+    version: "0.9.1+1"
+  path:
+    description: path
+    source: hosted
+    version: "1.0.0"
+  perf_api:
+    description: perf_api
+    source: hosted
+    version: "0.0.8"
+  route_hierarchical:
+    description: route_hierarchical
+    source: hosted
+    version: "0.4.14"
+  shadow_dom:
+    description: shadow_dom
+    source: hosted
+    version: "0.9.1"
+  source_maps:
+    description: source_maps
+    source: hosted
+    version: "0.9.0"
+  stack_trace:
+    description: stack_trace
+    source: hosted
+    version: "0.9.1"
+  unittest:
+    description: unittest
+    source: hosted
+    version: "0.10.0"
+  unmodifiable_collection:
+    description: unmodifiable_collection
+    source: hosted
+    version: "0.9.2+1"
+  utf:
+    description: utf
+    source: hosted
+    version: "0.9.0"

demo/todo/pubspec.lock

@@ -10,7 +10,7 @@ packages:
       path: "../.."
       relative: true
     source: path
-    version: "0.9.4"
+    version: "0.9.7"
   args:
     description: args
     source: hosted
@@ -50,7 +50,7 @@ packages:
   route_hierarchical:
     description: route_hierarchical
     source: hosted
-    version: "0.4.10"
+    version: "0.4.14"
   shadow_dom:
     description: shadow_dom
     source: hosted
@@ -66,11 +66,11 @@ packages:
   unittest:
     description: unittest
     source: hosted
-    version: "0.9.3"
+    version: "0.10.0"
   unmodifiable_collection:
     description: unmodifiable_collection
     source: hosted
-    version: "0.9.2"
+    version: "0.9.2+1"
   utf:
     description: utf
     source: hosted