0.8 patching

src/lib/dom-innerHTML.html

@@ -0,0 +1,132 @@
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+Polymer.domInnerHTML = (function() {
+
+  // Cribbed from ShadowDOM polyfill
+  // https://github.com/webcomponents/webcomponentsjs/blob/master/src/ShadowDOM/wrappers/HTMLElement.js#L28
+  /////////////////////////////////////////////////////////////////////////////
+  // innerHTML and outerHTML
+
+  // http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#escapingString
+  var escapeAttrRegExp = /[&\u00A0"]/g;
+  var escapeDataRegExp = /[&\u00A0<>]/g;
+
+  function escapeReplace(c) {
+    switch (c) {
+      case '&':
+        return '&amp;';
+      case '<':
+        return '&lt;';
+      case '>':
+        return '&gt;';
+      case '"':
+        return '&quot;'
+      case '\u00A0':
+        return '&nbsp;';
+    }
+  }
+
+  function escapeAttr(s) {
+    return s.replace(escapeAttrRegExp, escapeReplace);
+  }
+
+  function escapeData(s) {
+    return s.replace(escapeDataRegExp, escapeReplace);
+  }
+
+  function makeSet(arr) {
+    var set = {};
+    for (var i = 0; i < arr.length; i++) {
+      set[arr[i]] = true;
+    }
+    return set;
+  }
+
+  // http://www.whatwg.org/specs/web-apps/current-work/#void-elements
+  var voidElements = makeSet([
+    'area',
+    'base',
+    'br',
+    'col',
+    'command',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr'
+  ]);
+
+  var plaintextParents = makeSet([
+    'style',
+    'script',
+    'xmp',
+    'iframe',
+    'noembed',
+    'noframes',
+    'plaintext',
+    'noscript'
+  ]);
+
+  function getOuterHTML(node, parentNode, composed) {
+    switch (node.nodeType) {
+      case Node.ELEMENT_NODE:
+        //var tagName = node.tagName.toLowerCase();
+        var tagName = node.localName;
+        var s = '<' + tagName;
+        var attrs = node.attributes;
+        for (var i = 0, attr; attr = attrs[i]; i++) {
+          s += ' ' + attr.name + '="' + escapeAttr(attr.value) + '"';
+        }
+        s += '>';
+        if (voidElements[tagName]) {
+          return s;
+        }
+        return s + getInnerHTML(node, composed) + '</' + tagName + '>';
+      case Node.TEXT_NODE:
+        var data = node.data;
+        if (parentNode && plaintextParents[parentNode.localName]) {
+          return data;
+        }
+        return escapeData(data);
+      case Node.COMMENT_NODE:
+        return '<!--' + node.data + '-->';
+      default:
+        console.error(node);
+        throw new Error('not implemented');
+    }
+  }
+
+  function getInnerHTML(node, composed) {
+    if (node instanceof HTMLTemplateElement)
+      node = node.content;
+    var s = '';
+    var c$ = Polymer.dom(node).childNodes;
+    c$ = composed ? node._composedChildren : c$;
+    for (var i=0, l=c$.length, child; (i<l) && (child=c$[i]); i++) {  
+      s += getOuterHTML(child, node, composed);
+    }
+    return s;
+  }
+
+  return {
+    getInnerHTML: getInnerHTML
+  };
+
+})();
+
+</script>

src/lib/expr/patch-dom.html

@@ -0,0 +1,209 @@
+<!--
+@license
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script>
+
+/**
+ * Experimental import that patches elements that interacts with Shady DOM 
+ * such that tree traversal and mutation apis act like they would under
+ * Shadow DOM.
+ *
+ * This import enables interaction with Shady DOM powered custom elements mostly
+ * without the need to use `Polymer.dom` and can therefore enable better 
+ * interoperation with 3rd party code, libraries, and frameworks that use DOM
+ * tree manipulation apis.
+ */
+
+(function() {
+
+  var baseFinishDistribute = Polymer.Base._finishDistribute;
+
+  Polymer.Base._finishDistribute = function() {
+    baseFinishDistribute.call(this);
+    if (!this.__patched) {
+      Polymer.dom(this);
+      Polymer.dom(this.root);
+      Array.prototype.forEach.call(this.childNodes, function(c) {
+        Polymer.dom(c);
+      });
+    }
+  };
+
+
+  var saveLightChildrenIfNeeded = Polymer.DomApi.saveLightChildrenIfNeeded;
+  var getComposedChildren = Polymer.DomApi.getComposedChildren;
+
+  var nativeShadow = Polymer.Settings.useShadow;
+
+  var excluded = [document, document.head, document.body];
+
+  Polymer.telemetry.patched = 0;
+
+  // experimental: support patching selected native api.
+  Polymer.DomApi.ctor.prototype.patch = function() {
+    if (nativeShadow || this.node.__patched || 
+      (excluded.indexOf(this.node) >= 0)) {
+      return;
+    }
+    getComposedChildren(this.node);
+    saveLightChildrenIfNeeded(this.node);
+    if (!this.node.lightParent) {
+      this.node.lightParent = this.node.parentNode;
+    }
+    if (!this.node._composedParent) {
+      this.node._composedParent = this.node.parentNode;
+    }
+    // TODO(sorvell): correctly patch text nodes.
+    if (this.node.nodeType === Node.TEXT_NODE) {
+      return;
+    }
+    patchImpl.patch(this.node);
+    this.node.__patched = true;
+  };
+
+  Polymer.DomApi.ctor.prototype.unpatch = function() {
+    this.flush();
+    patchImpl.unpatch(this.node);
+  };
+
+  Polymer.DomApi.ctor.prototype.remove = function() {
+    this.parentNode.removeChild(this.node);
+    this.flush();
+    this.unpatch();
+  };
+
+  var log = false;
+
+  var factory = Polymer.DomApi.factory;
+
+  var patchImpl = {
+
+    hasPrototypeDescriptors: Boolean(Object.getOwnPropertyDescriptor(
+      Node.prototype, 'textContent')),
+
+    methods: ['appendChild', 'insertBefore', 'removeChild', 'replaceChild',
+      'querySelector', 'querySelectorAll', 'getDestinationInsertionPoints'],
+    // <content>: getDistributedNodes
+
+    accessors: ['parentNode', 'childNodes', 
+      'firstChild', 'lastChild', 'nextSibling', 'previousSibling',
+      'parentElement', 'children',
+      'firstElementChild', 'lastElementChild', 
+      'nextElementSibling', 'previousElementSibling'
+    ],
+
+    writableAccessors: ['textContent', 'innerHTML'],
+
+    protoCache: {},
+
+    patch: function(node) {
+      Polymer.telemetry.patched++;
+      log && console.warn('patch node', node);
+      if (this.hasPrototypeDescriptors) {
+        this.patchPrototype(node);
+      } else {
+        this.patchObject(node, true);
+      }
+    },
+
+    patchPrototype: function(node) {
+      var name = node.is || (node.getAttribute && node.getAttribute('is')) ||
+        node.localName;
+      var proto = this.protoCache[name];
+      if (!proto) {
+        proto = this.protoCache[name] = this.createPatchedPrototype(node);
+      }
+      node.__proto__ = proto;
+    },
+
+    createPatchedPrototype: function(node) {
+      var sourceProto = node.__proto__;
+      var newProto = Object.create(sourceProto);
+      newProto.__sourceProto__ = sourceProto;
+      this.patchObject(newProto);
+      return newProto;
+    },
+
+    patchObject: function(obj, cacheAccesors) {
+      this.methods.forEach(function(m) {
+        this.patchMethod(obj, m);
+      }, this);
+      this.accessors.forEach(function(n) {
+        this.patchAccessor(obj, n, false, cacheAccesors);
+      }, this);
+      this.writableAccessors.forEach(function(n) {
+        this.patchAccessor(obj, n, true, cacheAccesors);
+      }, this);
+    },
+
+    patchMethod: function(obj, name) {
+      var orig = obj[name];
+      obj[name] = function() {
+        log && console.log(this, name, arguments);
+        return factory(this)[name].apply(this.__domApi, arguments);
+      };
+    },
+
+    patchAccessor: function(obj, name, writable, shouldCache) {
+      if (shouldCache) {
+        this.cacheAccessor(obj, name);
+      }
+      var info = {
+        get: function() {
+          log && console.log(this, name);
+          return factory(this)[name];
+        },
+        configurable: true
+      };
+      if (writable) {
+        info.set = function(value) {
+          factory(this)[name] = value;
+        };
+      }
+      Object.defineProperty(obj, name, info);
+    },
+
+    cacheAccessor: function(obj, name) {
+      var cache = obj.__descriptorCache = obj.__descriptorCache || {};
+      cache[name] = Object.getOwnPropertyDescriptor(obj, name);
+    },
+
+    unpatch: function(obj) {
+      if (obj.__sourceProto__) {
+        obj.__proto__ = obj.__sourceProto__;
+      } else {
+        this.methods.forEach(function(m) {
+          this.unpatchMethod(obj, m);
+        }, this);
+        this.accessors.forEach(function(n) {
+          this.unpatchAccessor(obj, n);
+        }, this);
+        this.writableAccessors.forEach(function(n) {
+          this.unpatchAccessor(obj, n);
+        }, this);
+      }
+      obj.__patched = false;
+    },
+
+    unpatchMethod: function(obj, name) {
+      delete obj[name];
+    },
+
+    unpatchAccessor: function(obj, name) {
+      var info = obj.__descriptorCache[name];
+      Object.defineProperty(obj, name, info);
+    }
+
+  };
+
+  Polymer.DomApi.patchImpl = patchImpl;
+
+})();
+
+</script>