Patched in Dartium JsInterop

tools/dom/templates/html/impl/impl_HTMLDocument.darttemplate

 // Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 // WARNING: Do not edit - generated code.
 
 part of $LIBRARYNAME;
 
 $(ANNOTATIONS)$(NATIVESPEC)$(CLASS_MODIFIERS)class $CLASSNAME$EXTENDS$IMPLEMENTS {
 $!MEMBERS
 
 $if DART2JS
   @DomName('Document.body')
   BodyElement body;
 $else
   @DomName('Document.body')
   BodyElement get body => _body;
 
   @DomName('Document.body')
-  void set body(BodyElement value) {
+  set body(BodyElement value) {
     _body = value;
   }
 $endif
 
   @DomName('Document.caretRangeFromPoint')
   Range caretRangeFromPoint(int x, int y) {
     return _caretRangeFromPoint(x, y);
   }
 
   @DomName('Document.elementFromPoint')
@@ skipping 52 matching lines @@
   String get lastModified => _lastModified;
 
   @DomName('Document.preferredStylesheetSet')
   String get preferredStylesheetSet => _preferredStylesheetSet;
 
   @DomName('Document.referrer')
   String get referrer => _referrer;
 
   @DomName('Document.selectedStylesheetSet')
   String get selectedStylesheetSet => _selectedStylesheetSet;
-  void set selectedStylesheetSet(String value) {
+  set selectedStylesheetSet(String value) {
     _selectedStylesheetSet = value;
   }
 
   @DomName('Document.styleSheets')
   List<StyleSheet> get styleSheets => _styleSheets;
 
   @DomName('Document.title')
   String get title => _title;
 
   @DomName('Document.title')
-  void set title(String value) {
+  set title(String value) {
     _title = value;
   }
 
   /**
    * Returns page to standard layout.
    *
    * Has no effect if the page is not in fullscreen mode.
    *
    * ## Other resources
    *
@@ skipping 65 matching lines @@
   @SupportedBrowser(SupportedBrowser.FIREFOX)
   @SupportedBrowser(SupportedBrowser.IE, '10')
   @Experimental()
 $if DART2JS
   String get visibilityState => JS('String',
     '(#.visibilityState || #.mozVisibilityState || #.msVisibilityState ||'
       '#.webkitVisibilityState)', this, this, this, this);
 $else
   String get visibilityState => _webkitVisibilityState;
 $endif
+$if DARTIUM
+
+  /**
+   * Internal routine to find the DOM JS class name being extended for custom
+   * elements.
+   */
+  String _getJSClassName(ClassMirror classMirror) {
+    var jsClassName = null;
+    var isElement = false;
+
+    while (classMirror.superclass != null) {
+      var fullName = classMirror.superclass.qualifiedName;
+      isElement = isElement || (fullName == #dart.dom.html.Element);
+
+      var domLibrary = MirrorSystem.getName(fullName).startsWith('dart.dom.');
+      if (jsClassName == null && domLibrary) {
+        // Lookup JS class name (if not found).
+        var metadatas = classMirror.metadata;
+        for (var metadata in metadatas) {
+          var metaDataMirror = metadata.reflectee;
+          var metaType = reflectClass(metaDataMirror.runtimeType);
+          if (MirrorSystem.getName(metaType.simpleName) == 'DomName' &&
+              metaDataMirror.name.startsWith('HTML')) {
+            jsClassName = metadata.reflectee.name;
+          }
+        }
+      }
+
+      classMirror = classMirror.superclass;
+    }
+
+    // If we're an element then everything is okay.
+    return isElement ? jsClassName : null;
+  }
+$endif
 
   @Experimental()
   /**
    * Register a custom subclass of Element to be instantiatable by the DOM.
    *
    * This is necessary to allow the construction of any custom elements.
    *
    * The class being registered must either subclass HtmlElement or SvgElement.
    * If they subclass these directly then they can be used as:
    *
@@ skipping 29 matching lines @@
    * This custom element can also be instantiated via HTML using the syntax
    * `<input is="x-bar"></input>`
    *
    */
   void registerElement(String tag, Type customElementClass,
       {String extendsTag}) {
 $if DART2JS
     _registerCustomElement(JS('', 'window'), this, tag, customElementClass,
         extendsTag);
 $else
-    _Utils.register(this, tag, customElementClass, extendsTag);
+    // TODO(terry): Need to handle the extendsTag.
+
+    // Figure out which DOM class is being extended from the user's Dart class.
+    var classMirror = reflectClass(customElementClass);
+    var jsClassName = _getJSClassName(classMirror);
+    if (jsClassName == null) {
+      // Only components derived from HTML* can be extended.
+      throw new DomException.jsInterop("HierarchyRequestError: Only HTML elements can be customized.");
+    }
+
+    // Start the hookup the JS way create an <x-foo> element that extends the
+    // <x-base> custom element. Inherit its prototype and signal what tag is
+    // inherited:
+    //
+    //     var myProto = Object.create(HTMLElement.prototype);
+    //     var myElement = document.registerElement('x-foo', {prototype: myProto});
+    var baseElement = js.context[jsClassName];
+    if (baseElement == null) {
+      // Couldn't find the HTML element so use a generic one.
+      baseElement = js.context['HTMLElement'];
+    }
+    var elemProto = js.context['Object'].callMethod("create", [baseElement['prototype']]);
+
+    // TODO(terry): Hack to stop recursion re-creating custom element when the
+    //              created() constructor of the custom element does e.g.,
+    //
+    //                  MyElement.created() : super.created() {
+    //                    this.innerHtml = "<b>I'm an x-foo-with-markup!</b>";
+    //                  }
+    //
+    //              sanitizing causes custom element to created recursively
+    //              until stack overflow.
+    //
+    //              See https://github.com/dart-lang/sdk/issues/23666
+    int creating = 0;
+    elemProto['createdCallback'] = new js.JsFunction.withThis(($this) {
+      if (_getJSClassName(reflectClass(customElementClass).superclass) != null && creating < 2) {
+        creating++;
+
+        var dartClass = _blink.Blink_Utils.constructElement(customElementClass, $this);
+
+        // Need to remember the Dart class that was created for this custom so
+        // return it and setup the blink_jsObject to the $this that we'll be working
+        // with as we talk to blink. 
+        $this['dart_class'] = dartClass;
+
+        creating--;
+      }
+    });
+    elemProto['attributeChangedCallback'] = new js.JsFunction.withThis(($this, attrName, oldVal, newVal) {
+      if ($this["dart_class"] != null && $this['dart_class'].attributeChanged != null) {
+        $this['dart_class'].attributeChanged(attrName, oldVal, newVal);
+      }
+    });
+    elemProto['attachedCallback'] = new js.JsFunction.withThis(($this) {
+      if ($this["dart_class"] != null && $this['dart_class'].attached != null) {
+        $this['dart_class'].attached();
+      }
+    });
+    elemProto['detachedCallback'] = new js.JsFunction.withThis(($this) {
+      if ($this["dart_class"] != null && $this['dart_class'].detached != null) {
+        $this['dart_class'].detached();
+      }
+    });
+    // document.registerElement('x-foo', {prototype: elemProto, extends: extendsTag});
+    var jsMap = new js.JsObject.jsify({'prototype': elemProto, 'extends': extendsTag});
+    js.context['document'].callMethod('registerElement', [tag, jsMap]);
 $endif
   }
 
   /** *Deprecated*: use [registerElement] instead. */
   @deprecated
   @Experimental()
   void register(String tag, Type customElementClass, {String extendsTag}) {
     return registerElement(tag, customElementClass, extendsTag: extendsTag);
   }
 
@@ skipping 47 matching lines @@
   /// parameter must be provided.
   @Experimental()
   ElementUpgrader createElementUpgrader(Type type, {String extendsTag}) {
 $if DART2JS
     return new _JSElementUpgrader(this, type, extendsTag);
 $else
     return new _VMElementUpgrader(this, type, extendsTag);
 $endif
   }
 }