refactor(render): don’t store DOM nodes but store strings for big ProtoViews.

Also inserts comment nodes before/after projected nodes so that text nodes don’t get merged when we serialize/deserialize them.

Closes #3356
First part of #3364

modules/angular2/src/dom/browser_adapter.dart

@@ -238,6 +238,9 @@ class BrowserDomAdapter extends GenericBrowserDomAdapter {
   void setChecked(InputElement el, bool isChecked) {
     el.checked = isChecked;
   }
+  Comment createComment(String text) {
+    return new Comment(text);
+  }
   TemplateElement createTemplate(String html) {
     var t = new TemplateElement();
     // We do not sanitize because templates are part of the application code
@@ -341,6 +344,9 @@ class BrowserDomAdapter extends GenericBrowserDomAdapter {
   Node importIntoDoc(Node node) {
     return document.importNode(node, true);
   }
+  Node adoptNode(Node node) {
+    return document.adoptNode(node);
+  }
   bool isPageRule(CssRule rule) => rule is CssPageRule;
   bool isStyleRule(CssRule rule) => rule is CssStyleRule;
   bool isMediaRule(CssRule rule) => rule is CssMediaRule;

modules/angular2/src/dom/browser_adapter.ts

@@ -153,6 +153,7 @@ export class BrowserDomAdapter extends GenericBrowserDomAdapter {
   setValue(el, value: string) { el.value = value; }
   getChecked(el): boolean { return el.checked; }
   setChecked(el, value: boolean) { el.checked = value; }
+  createComment(text: string): Comment { return document.createComment(text); }
   createTemplate(html): HTMLElement {
     var t = document.createElement('template');
     t.innerHTML = html;
@@ -238,6 +239,7 @@ export class BrowserDomAdapter extends GenericBrowserDomAdapter {
     }
     return document.importNode(toImport, true);
   }
+  adoptNode(node: Node): any { return document.adoptNode(node); }
   isPageRule(rule): boolean { return rule.type === CSSRule.PAGE_RULE; }
   isStyleRule(rule): boolean { return rule.type === CSSRule.STYLE_RULE; }
   isMediaRule(rule): boolean { return rule.type === CSSRule.MEDIA_RULE; }

modules/angular2/src/dom/dom_adapter.ts

@@ -69,6 +69,7 @@ export class DomAdapter {
   setValue(el, value: string) { throw _abstract(); }
   getChecked(el): boolean { throw _abstract(); }
   setChecked(el, value: boolean) { throw _abstract(); }
+  createComment(text: string): any { throw _abstract(); }
   createTemplate(html): HTMLElement { throw _abstract(); }
   createElement(tagName, doc = null): HTMLElement { throw _abstract(); }
   createTextNode(text: string, doc = null): Text { throw _abstract(); }
@@ -110,6 +111,7 @@ export class DomAdapter {
   hasShadowRoot(node): boolean { throw _abstract(); }
   isShadowRoot(node): boolean { throw _abstract(); }
   importIntoDoc /*<T extends Node>*/ (node: Node /*T*/): Node /*T*/ { throw _abstract(); }
+  adoptNode /*<T extends Node>*/ (node: Node /*T*/): Node /*T*/ { throw _abstract(); }
   isPageRule(rule): boolean { throw _abstract(); }
   isStyleRule(rule): boolean { throw _abstract(); }
   isMediaRule(rule): boolean { throw _abstract(); }

modules/angular2/src/dom/html_adapter.dart

@@ -184,6 +184,7 @@ class Html5LibDomAdapter implements DomAdapter {
   setChecked(el, bool value) {
     throw 'not implemented';
   }
+  createComment(String text) => new Comment(text);
   createTemplate(String html) => createElement('template')..innerHtml = html;
   createElement(tagName, [doc]) {
     return new Element.tag(tagName);
@@ -292,6 +293,9 @@ class Html5LibDomAdapter implements DomAdapter {
   importIntoDoc(node) {
     throw 'not implemented';
   }
+  adoptNode(node) {
+    throw 'not implemented';
+  }
   bool isPageRule(rule) {
     throw 'not implemented';
   }

modules/angular2/src/dom/parse5_adapter.ts

@@ -77,6 +77,9 @@ export class Parse5DomAdapter extends DomAdapter {
     return res;
   }
   elementMatches(node, selector: string, matcher = null): boolean {
+    if (!selector || selector === '*') {
+      return true;
+    }
     var result = false;
     if (selector && selector.charAt(0) == "#") {
       result = this.getAttribute(node, 'id') == selector.substring(1);
@@ -252,6 +255,7 @@ export class Parse5DomAdapter extends DomAdapter {
   setValue(el, value: string) { el.value = value; }
   getChecked(el): boolean { return el.checked; }
   setChecked(el, value: boolean) { el.checked = value; }
+  createComment(text: string): Comment { return treeAdapter.createCommentNode(text); }
   createTemplate(html): HTMLElement {
     var template = treeAdapter.createElement("template", 'http://www.w3.org/1999/xhtml', []);
     var content = parser.parseFragment(html);
@@ -447,6 +451,7 @@ export class Parse5DomAdapter extends DomAdapter {
   hasShadowRoot(node): boolean { return isPresent(node.shadowRoot); }
   isShadowRoot(node): boolean { return this.getShadowRoot(node) == node; }
   importIntoDoc(node): any { return this.clone(node); }
+  adoptNode(node): any { return node; }
   isPageRule(rule): boolean {
     return rule.type === 6;  // CSSRule.PAGE_RULE
   }