feat(change_detection): reimplement change detection

Author: vsavkin

modules/benchmarks/src/change_detection/change_detection_benchmark.js

@@ -7,7 +7,7 @@ import {
   Lexer,
   Parser,
   ChangeDetector,
-  ProtoRecordRange,
+  ProtoChangeDetector,
   ChangeDispatcher,
 } from 'change_detection/change_detection';
 
@@ -102,8 +102,8 @@ function setUpChangeDetection(iterations) {
   var dispatcher = new DummyDispatcher();
   var parser = new Parser(new Lexer());
 
-  var parentProto = new ProtoRecordRange();
-  var parentRange = parentProto.instantiate(dispatcher, MapWrapper.create());
+  var parentProto = new ProtoChangeDetector();
+  var parentCD = parentProto.instantiate(dispatcher, MapWrapper.create());
 
   var astWithSource = [
     parser.parseBinding('field0', null),
@@ -119,12 +119,12 @@ function setUpChangeDetection(iterations) {
   ];
 
   function proto(i) {
-    var prr = new ProtoRecordRange();
-    prr.addRecordsFromAST(astWithSource[i % 10].ast, "memo", i, false);
-    return prr;
+    var pcd = new ProtoChangeDetector();
+    pcd.addAst(astWithSource[i % 10].ast, "memo", i, false);
+    return pcd;
   }
 
-  var prr = [
+  var pcd = [
     proto(0),
     proto(1),
     proto(2),
@@ -142,13 +142,13 @@ function setUpChangeDetection(iterations) {
     var index = i % 10;
     obj.setField(index, i);
 
-    var rr = prr[index].instantiate(dispatcher,  null);
+    var rr = pcd[index].instantiate(dispatcher,  null);
     rr.setContext(obj);
 
-    parentRange.addRange(rr);
+    parentCD.addChild(rr);
   }
 
-  return new ChangeDetector(parentRange);
+  return parentCD;
 }
 
 export function main () {

modules/benchmarks/src/tree/tree_benchmark.js

@@ -125,15 +125,15 @@ export function main() {
  setupReflector();
 
   var app;
-  var changeDetector;
+  var lifeCycle;
   var baselineRootTreeComponent;
   var count = 0;
 
   function ng2DestroyDom() {
     // TODO: We need an initial value as otherwise the getter for data.value will fail
     // --> this should be already caught in change detection!
     app.initData = new TreeNode('', null, null);
-    changeDetector.detectChanges();
+    lifeCycle.tick();
   }
 
   function profile(create, destroy, name) {
@@ -171,14 +171,15 @@ export function main() {
       ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '-'];
 
     app.initData = buildTree(maxDepth, values, 0);
-    changeDetector.detectChanges();
+    lifeCycle.tick();
   }
 
   function noop() {}
 
   function initNg2() {
     bootstrap(AppComponent).then((injector) => {
-      changeDetector = injector.get(ChangeDetector);
+      lifeCycle = injector.get(LifeCycle);
+
       app = injector.get(AppComponent);
       bindAction('#ng2DestroyDom', ng2DestroyDom);
       bindAction('#ng2CreateDom', ng2CreateDom);

modules/change_detection/src/change_detection.js

@@ -1,7 +1,9 @@
-export {ChangeDetectionError, ChangeDetector} from './change_detector';
-export {AST, ASTWithSource} from './parser/ast';
+export {AST} from './parser/ast';
 export {Lexer} from './parser/lexer';
 export {Parser} from './parser/parser';
-export {ProtoRecordRange, RecordRange, ChangeDispatcher} from './record_range';
-export {ProtoRecord, Record} from './record';
 export {ContextWithVariableBindings} from './parser/context_with_variable_bindings';
+
+export {ExpressionChangedAfterItHasBeenChecked, ChangeDetectionError} from './exceptions';
+export {ChangeRecord, ChangeDispatcher, ChangeDetector} from './interfaces';
+export {ProtoChangeDetector} from './proto_change_detector';
+export {DynamicChangeDetector} from './dynamic_change_detector';