refactor(view_compiler): codegen DI and Queries

BREAKING CHANGE:
- Renderer:
  * renderComponent method is removed form `Renderer`, only present on `RootRenderer`
  * Renderer.setDebugInfo is removed. Renderer.createElement / createText / createTemplateAnchor
    now take the DebugInfo directly.
- Query semantics:
  * Queries don't work with dynamically loaded components.
  * e.g. for router-outlet: loaded components can't be queries via @ViewQuery,
    but router-outlet emits an event `activate` now that emits the activated component
- Exception classes and the context inside changed (renamed fields)
- DebugElement.attributes is an Object and not a Map in JS any more
- ChangeDetectorGenConfig was renamed into CompilerConfig
- AppViewManager.createEmbeddedViewInContainer / AppViewManager.createHostViewInContainer
  are removed, use the methods in ViewContainerRef instead
- Change detection order changed:
  * 1. dirty check component inputs
  * 2. dirty check content children
  * 3. update render nodes

Closes #6301
Closes #6567

modules/angular2/src/web_workers/shared/serializer.ts

@@ -117,13 +117,15 @@ export class Serializer {
   private _serializeRenderComponentType(obj: RenderComponentType): Object {
     return {
       'id': obj.id,
+      'templateUrl': obj.templateUrl,
+      'slotCount': obj.slotCount,
       'encapsulation': this.serialize(obj.encapsulation, ViewEncapsulation),
       'styles': this.serialize(obj.styles, PRIMITIVE)
     };
   }
 
   private _deserializeRenderComponentType(map: {[key: string]: any}): RenderComponentType {
-    return new RenderComponentType(map['id'],
+    return new RenderComponentType(map['id'], map['templateUrl'], map['slotCount'],
                                    this.deserialize(map['encapsulation'], ViewEncapsulation),
                                    this.deserialize(map['styles'], PRIMITIVE));
   }

modules/angular2/src/web_workers/ui/renderer.ts

@@ -80,11 +80,11 @@ export class MessageBasedRenderer {
   }
 
   private _selectRootElement(renderer: Renderer, selector: string, elId: number) {
-    this._renderStore.store(renderer.selectRootElement(selector), elId);
+    this._renderStore.store(renderer.selectRootElement(selector, null), elId);
   }
 
   private _createElement(renderer: Renderer, parentElement: any, name: string, elId: number) {
-    this._renderStore.store(renderer.createElement(parentElement, name), elId);
+    this._renderStore.store(renderer.createElement(parentElement, name, null), elId);
   }
 
   private _createViewRoot(renderer: Renderer, hostElement: any, elId: number) {
@@ -95,11 +95,11 @@ export class MessageBasedRenderer {
   }
 
   private _createTemplateAnchor(renderer: Renderer, parentElement: any, elId: number) {
-    this._renderStore.store(renderer.createTemplateAnchor(parentElement), elId);
+    this._renderStore.store(renderer.createTemplateAnchor(parentElement, null), elId);
   }
 
   private _createText(renderer: Renderer, parentElement: any, value: string, elId: number) {
-    this._renderStore.store(renderer.createText(parentElement, value), elId);
+    this._renderStore.store(renderer.createText(parentElement, value, null), elId);
   }
 
   private _projectNodes(renderer: Renderer, parentElement: any, nodes: any[]) {

modules/angular2/src/web_workers/worker/renderer.ts

@@ -90,23 +90,19 @@ export class WebWorkerRenderer implements Renderer, RenderStoreObject {
   constructor(private _rootRenderer: WebWorkerRootRenderer,
               private _componentType: RenderComponentType) {}
 
-  renderComponent(componentType: RenderComponentType): Renderer {
-    return this._rootRenderer.renderComponent(componentType);
-  }
-
   private _runOnService(fnName: string, fnArgs: FnArg[]) {
     var fnArgsWithRenderer = [new FnArg(this, RenderStoreObject)].concat(fnArgs);
     this._rootRenderer.runOnService(fnName, fnArgsWithRenderer);
   }
 
-  selectRootElement(selector: string): any {
+  selectRootElement(selector: string, debugInfo: RenderDebugInfo): any {
     var node = this._rootRenderer.allocateNode();
     this._runOnService('selectRootElement',
                        [new FnArg(selector, null), new FnArg(node, RenderStoreObject)]);
     return node;
   }
 
-  createElement(parentElement: any, name: string): any {
+  createElement(parentElement: any, name: string, debugInfo: RenderDebugInfo): any {
     var node = this._rootRenderer.allocateNode();
     this._runOnService('createElement', [
       new FnArg(parentElement, RenderStoreObject),
@@ -126,7 +122,7 @@ export class WebWorkerRenderer implements Renderer, RenderStoreObject {
     return viewRoot;
   }
 
-  createTemplateAnchor(parentElement: any): any {
+  createTemplateAnchor(parentElement: any, debugInfo: RenderDebugInfo): any {
     var node = this._rootRenderer.allocateNode();
     this._runOnService(
         'createTemplateAnchor',
@@ -134,7 +130,7 @@ export class WebWorkerRenderer implements Renderer, RenderStoreObject {
     return node;
   }
 
-  createText(parentElement: any, value: string): any {
+  createText(parentElement: any, value: string, debugInfo: RenderDebugInfo): any {
     var node = this._rootRenderer.allocateNode();
     this._runOnService('createText', [
       new FnArg(parentElement, RenderStoreObject),
@@ -191,8 +187,6 @@ export class WebWorkerRenderer implements Renderer, RenderStoreObject {
     ]);
   }
 
-  setElementDebugInfo(renderElement: any, info: RenderDebugInfo) {}
-
   setElementClass(renderElement: any, className: string, isAdd: boolean) {
     this._runOnService('setElementClass', [
       new FnArg(renderElement, RenderStoreObject),