feat(compiler): initial version of the compiler.

Supports:
- binds text nodes, element properties and directive properties
- locates decorator, component and template directives.
- inline templates of components

The compiler is built using a pipeline design,
see core/src/compiler/pipeline package.

Integration tests to show how the compiler, change_detection and DI work
together:
core/test/compiler/integration_spec.js

modules/core/test/compiler/integration_spec.js

@@ -0,0 +1,97 @@
+import {describe, xit, it, expect, beforeEach, ddescribe, iit} from 'test_lib/test_lib';
+
+import {DOM} from 'facade/dom';
+
+import {ChangeDetector} from 'change_detection/change_detector';
+import {Parser} from 'change_detection/parser/parser';
+import {ClosureMap} from 'change_detection/parser/closure_map';
+import {Lexer} from 'change_detection/parser/lexer';
+
+import {Compiler} from 'core/compiler/compiler';
+import {Reflector} from 'core/compiler/reflector';
+
+import {Component} from 'core/annotations/component';
+import {Decorator} from 'core/annotations/decorator';
+import {TemplateConfig} from 'core/annotations/template_config';
+
+export function main() {
+  describe('integration tests', function() {
+    var compiler;
+
+    beforeEach( () => {
+      var closureMap = new ClosureMap();
+      compiler = new Compiler(null, new Reflector(), new Parser(new Lexer(), closureMap), closureMap);
+    });
+
+    describe('react to watch group changes', function() {
+      var view, ctx, cd;
+      function createView(pv) {
+        ctx = new MyComp();
+        view = pv.instantiate(ctx, null);
+        cd = new ChangeDetector(view.watchGroup);
+      }
+
+      it('should consume text node changes', (done) => {
+        compiler.compile(MyComp, createElement('<div>{{ctxProp}}</div>')).then((pv) => {
+          createView(pv);
+          ctx.ctxProp = 'Hello World!';
+
+          cd.detectChanges();
+          expect(DOM.getInnerHTML(view.nodes[0])).toEqual('Hello World!');
+          done();
+        });
+      });
+
+      it('should consume element binding changes', (done) => {
+        compiler.compile(MyComp, createElement('<div [id]="ctxProp"></div>')).then((pv) => {
+          createView(pv);
+
+          ctx.ctxProp = 'Hello World!';
+          cd.detectChanges();
+
+          expect(view.nodes[0].id).toEqual('Hello World!');
+          done();
+        });
+      });
+
+      it('should consume directive watch expression change.', (done) => {
+        compiler.compile(MyComp, createElement('<div my-dir [elprop]="ctxProp"></div>')).then((pv) => {
+          createView(pv);
+
+          ctx.ctxProp = 'Hello World!';
+          cd.detectChanges();
+
+          var elInj = view.elementInjectors[0];
+          expect(elInj.get(MyDir).dirProp).toEqual('Hello World!');
+          done();
+        });
+      });
+    });
+  });
+}
+
+@Decorator({
+  selector: '[my-dir]',
+  bind: {'elprop':'dirProp'}
+})
+class MyDir {
+  constructor() {
+    this.dirProp = '';
+  }
+}
+
+@Component({
+  template: new TemplateConfig({
+    directives: [MyDir]
+  })
+})
+class MyComp {
+  constructor() {
+    this.ctxProp = 'initial value';
+  }
+}
+
+
+function createElement(html) {
+  return DOM.createTemplate(html).content.firstChild;
+}