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';