diff --git a/components/script/dom/attr.rs b/components/script/dom/attr.rs
index bf2ecd6e910..3ce627b4677 100644
--- a/components/script/dom/attr.rs
+++ b/components/script/dom/attr.rs
@@ -188,7 +188,7 @@ impl Attr {
if owner.get_custom_element_definition().is_some() {
let reaction = CallbackReaction::AttributeChanged(name, Some(old_value), Some(new_value), namespace);
- ScriptThread::enqueue_callback_reaction(owner, reaction);
+ ScriptThread::enqueue_callback_reaction(owner, reaction, None);
}
assert!(Some(owner) == self.owner().r());
diff --git a/components/script/dom/bindings/codegen/CodegenRust.py b/components/script/dom/bindings/codegen/CodegenRust.py
index 482b713e10c..7f97868a378 100644
--- a/components/script/dom/bindings/codegen/CodegenRust.py
+++ b/components/script/dom/bindings/codegen/CodegenRust.py
@@ -5377,7 +5377,12 @@ let result = match result {
},
};
-JS_SetPrototype(cx, result.reflector().get_jsobject(), prototype.handle());
+rooted!(in(cx) let mut element = result.reflector().get_jsobject().get());
+if !JS_WrapObject(cx, element.handle_mut()) {
+ return false;
+}
+
+JS_SetPrototype(cx, element.handle(), prototype.handle());
(result).to_jsval(cx, args.rval());
return true;
diff --git a/components/script/dom/bindings/interface.rs b/components/script/dom/bindings/interface.rs
index 887a62f11eb..63658b3f0f9 100644
--- a/components/script/dom/bindings/interface.rs
+++ b/components/script/dom/bindings/interface.rs
@@ -80,7 +80,8 @@ use dom::bindings::guard::Guard;
use dom::bindings::js::Root;
use dom::bindings::utils::{DOM_PROTOTYPE_SLOT, ProtoOrIfaceArray, get_proto_or_iface_array};
use dom::create::create_native_html_element;
-use dom::element::{Element, ElementCreator};
+use dom::customelementregistry::ConstructionStackEntry;
+use dom::element::{CustomElementState, Element, ElementCreator};
use dom::htmlelement::HTMLElement;
use dom::window::Window;
use html5ever::LocalName;
@@ -281,24 +282,44 @@ pub unsafe fn html_constructor(window: &Window, call_args: &CallArgs) -> Fall
}
}
- // Step 8.1
- let name = QualName::new(None, ns!(html), definition.local_name.clone());
- let element = if definition.is_autonomous() {
- Root::upcast(HTMLElement::new(name.local, None, &*document))
- } else {
- create_native_html_element(name, None, &*document, ElementCreator::ScriptCreated)
- };
+ let entry = definition.construction_stack.borrow().last().cloned();
+ match entry {
+ // Step 8
+ None => {
+ // Step 8.1
+ let name = QualName::new(None, ns!(html), definition.local_name.clone());
+ let element = if definition.is_autonomous() {
+ Root::upcast(HTMLElement::new(name.local, None, &*document))
+ } else {
+ create_native_html_element(name, None, &*document, ElementCreator::ScriptCreated)
+ };
- // Step 8.2 is performed in the generated caller code.
+ // Step 8.2 is performed in the generated caller code.
- // TODO: Step 8.3 - 8.4
- // Set the element's custom element state and definition.
+ // Step 8.3
+ element.set_custom_element_state(CustomElementState::Custom);
- // Step 8.5
- Root::downcast(element).ok_or(Error::InvalidState)
+ // Step 8.4
+ element.set_custom_element_definition(definition.clone());
- // TODO: Steps 9-13
- // Custom element upgrades are not implemented yet, so these steps are unnecessary.
+ // Step 8.5
+ Root::downcast(element).ok_or(Error::InvalidState)
+ },
+ // Step 9
+ Some(ConstructionStackEntry::Element(element)) => {
+ // Step 11 is performed in the generated caller code.
+
+ // Step 12
+ let mut construction_stack = definition.construction_stack.borrow_mut();
+ construction_stack.pop();
+ construction_stack.push(ConstructionStackEntry::AlreadyConstructedMarker);
+
+ // Step 13
+ Root::downcast(element).ok_or(Error::InvalidState)
+ },
+ // Step 10
+ Some(ConstructionStackEntry::AlreadyConstructedMarker) => Err(Error::InvalidState),
+ }
}
pub fn push_new_element_queue() {
diff --git a/components/script/dom/create.rs b/components/script/dom/create.rs
index 5f03a3adb98..922757593f3 100644
--- a/components/script/dom/create.rs
+++ b/components/script/dom/create.rs
@@ -5,8 +5,9 @@
use dom::bindings::error::{report_pending_exception, throw_dom_exception};
use dom::bindings::js::Root;
use dom::bindings::reflector::DomObject;
+use dom::customelementregistry::{is_valid_custom_element_name, upgrade_element};
use dom::document::Document;
-use dom::element::{CustomElementCreationMode, Element, ElementCreator};
+use dom::element::{CustomElementCreationMode, CustomElementState, Element, ElementCreator};
use dom::globalscope::GlobalScope;
use dom::htmlanchorelement::HTMLAnchorElement;
use dom::htmlappletelement::HTMLAppletElement;
@@ -80,6 +81,7 @@ use dom::htmlvideoelement::HTMLVideoElement;
use dom::svgsvgelement::SVGSVGElement;
use html5ever::{LocalName, Prefix, QualName};
use js::jsapi::JSAutoCompartment;
+use script_thread::ScriptThread;
use servo_config::prefs::PREFS;
fn create_svg_element(name: QualName,
@@ -121,13 +123,18 @@ fn create_html_element(name: QualName,
assert!(name.ns == ns!(html));
// Step 4
- let definition = document.lookup_custom_element_definition(name.local.clone(), is);
+ let definition = document.lookup_custom_element_definition(&name.ns, &name.local, is.as_ref());
if let Some(definition) = definition {
if definition.is_autonomous() {
match mode {
- // TODO: Handle asynchronous CE creation. Relies on CE upgrades.
- CustomElementCreationMode::Asynchronous => {},
+ CustomElementCreationMode::Asynchronous => {
+ let result = Root::upcast::(
+ HTMLElement::new(name.local.clone(), prefix.clone(), document));
+ result.set_custom_element_state(CustomElementState::Undefined);
+ ScriptThread::enqueue_upgrade_reaction(&*result, definition);
+ return result;
+ },
CustomElementCreationMode::Synchronous => {
let local_name = name.local.clone();
return match definition.create_element(document, prefix.clone()) {
@@ -148,20 +155,40 @@ fn create_html_element(name: QualName,
}
// Step 6.1.2
- Root::upcast(HTMLUnknownElement::new(local_name, prefix, document))
+ let element = Root::upcast::(
+ HTMLUnknownElement::new(local_name, prefix, document));
+ element.set_custom_element_state(CustomElementState::Failed);
+ element
},
};
},
}
} else {
+ // Steps 5.1-5.2
let element = create_native_html_element(name, prefix, document, creator);
element.set_is(definition.name.clone());
- // TODO: Enqueue custom element upgrade
+ element.set_custom_element_state(CustomElementState::Undefined);
+ match mode {
+ // Step 5.3
+ CustomElementCreationMode::Synchronous =>
+ upgrade_element(definition, &*element),
+ // Step 5.4
+ CustomElementCreationMode::Asynchronous =>
+ ScriptThread::enqueue_upgrade_reaction(&*element, definition),
+ }
return element;
}
}
- create_native_html_element(name, prefix, document, creator)
+ // Steps 7.1-7.2
+ let result = create_native_html_element(name.clone(), prefix, document, creator);
+
+ // Step 7.3
+ if is_valid_custom_element_name(&*name.local) || is.is_some() {
+ result.set_custom_element_state(CustomElementState::Undefined);
+ }
+
+ result
}
pub fn create_native_html_element(name: QualName,
@@ -184,6 +211,7 @@ pub fn create_native_html_element(name: QualName,
// This is a big match, and the IDs for inline-interned atoms are not very structured.
// Perhaps we should build a perfect hash from those IDs instead.
+ // https://html.spec.whatwg.org/multipage/#elements-in-the-dom
match name.local {
local_name!("a") => make!(HTMLAnchorElement),
local_name!("abbr") => make!(HTMLElement),
@@ -326,7 +354,8 @@ pub fn create_native_html_element(name: QualName,
local_name!("video") => make!(HTMLVideoElement),
local_name!("wbr") => make!(HTMLElement),
local_name!("xmp") => make!(HTMLPreElement),
- _ => make!(HTMLUnknownElement),
+ _ if is_valid_custom_element_name(&*name.local) => make!(HTMLElement),
+ _ => make!(HTMLUnknownElement),
}
}
diff --git a/components/script/dom/customelementregistry.rs b/components/script/dom/customelementregistry.rs
index 89296884080..a625d464129 100644
--- a/components/script/dom/customelementregistry.rs
+++ b/components/script/dom/customelementregistry.rs
@@ -9,25 +9,26 @@ use dom::bindings::codegen::Bindings::CustomElementRegistryBinding::CustomElemen
use dom::bindings::codegen::Bindings::CustomElementRegistryBinding::ElementDefinitionOptions;
use dom::bindings::codegen::Bindings::ElementBinding::ElementMethods;
use dom::bindings::codegen::Bindings::FunctionBinding::Function;
+use dom::bindings::codegen::Bindings::WindowBinding::WindowBinding::WindowMethods;
use dom::bindings::conversions::{ConversionResult, FromJSValConvertible, StringificationBehavior};
-use dom::bindings::error::{Error, ErrorResult, Fallible};
+use dom::bindings::error::{Error, ErrorResult, Fallible, report_pending_exception, throw_dom_exception};
use dom::bindings::inheritance::Castable;
use dom::bindings::js::{JS, Root};
use dom::bindings::reflector::{DomObject, Reflector, reflect_dom_object};
use dom::bindings::str::DOMString;
use dom::document::Document;
use dom::domexception::{DOMErrorName, DOMException};
-use dom::element::Element;
+use dom::element::{CustomElementState, Element};
use dom::globalscope::GlobalScope;
use dom::htmlelement::HTMLElement;
-use dom::node::Node;
+use dom::node::{document_from_node, Node, window_from_node};
use dom::promise::Promise;
use dom::window::Window;
use dom_struct::dom_struct;
use html5ever::{LocalName, Namespace, Prefix};
use js::conversions::ToJSValConvertible;
use js::jsapi::{Construct1, IsCallable, IsConstructor, HandleValueArray, HandleObject, MutableHandleValue};
-use js::jsapi::{Heap, JS_GetProperty, JSAutoCompartment, JSContext};
+use js::jsapi::{Heap, JS_GetProperty, JS_SameValue, JSAutoCompartment, JSContext};
use js::jsval::{JSVal, NullValue, ObjectValue, UndefinedValue};
use microtask::Microtask;
use script_thread::ScriptThread;
@@ -79,13 +80,13 @@ impl CustomElementRegistry {
/// https://html.spec.whatwg.org/multipage/#look-up-a-custom-element-definition
pub fn lookup_definition(&self,
- local_name: LocalName,
- is: Option)
+ local_name: &LocalName,
+ is: Option<&LocalName>)
-> Option> {
self.definitions.borrow().values().find(|definition| {
// Step 4-5
- definition.local_name == local_name &&
- (definition.name == local_name || Some(&definition.name) == is.as_ref())
+ definition.local_name == *local_name &&
+ (definition.name == *local_name || Some(&definition.name) == is)
}).cloned()
}
@@ -281,17 +282,28 @@ impl CustomElementRegistryMethods for CustomElementRegistry {
self.element_definition_is_running.set(false);
// Step 11
- let definition = CustomElementDefinition::new(name.clone(),
- local_name,
- constructor_,
- observed_attributes,
- callbacks);
+ let definition = Rc::new(CustomElementDefinition::new(name.clone(),
+ local_name.clone(),
+ constructor_,
+ observed_attributes,
+ callbacks));
// Step 12
- self.definitions.borrow_mut().insert(name.clone(), Rc::new(definition));
+ self.definitions.borrow_mut().insert(name.clone(), definition.clone());
- // TODO: Step 13, 14, 15
- // Handle custom element upgrades
+ // Step 13
+ let document = self.window.Document();
+
+ // Steps 14-15
+ for candidate in document.upcast::().traverse_preorder().filter_map(Root::downcast::) {
+ let is = candidate.get_is();
+ if *candidate.local_name() == local_name &&
+ *candidate.namespace() == ns!(html) &&
+ (extends.is_none() || is.as_ref() == Some(&name))
+ {
+ ScriptThread::enqueue_upgrade_reaction(&*candidate, definition.clone());
+ }
+ }
// Step 16, 16.3
if let Some(promise) = self.when_defined.borrow_mut().remove(&name) {
@@ -366,6 +378,12 @@ pub struct LifecycleCallbacks {
attribute_changed_callback: Option>,
}
+#[derive(HeapSizeOf, JSTraceable, Clone)]
+pub enum ConstructionStackEntry {
+ Element(Root),
+ AlreadyConstructedMarker,
+}
+
/// https://html.spec.whatwg.org/multipage/#custom-element-definition
#[derive(HeapSizeOf, JSTraceable, Clone)]
pub struct CustomElementDefinition {
@@ -379,6 +397,8 @@ pub struct CustomElementDefinition {
pub observed_attributes: Vec,
pub callbacks: LifecycleCallbacks,
+
+ pub construction_stack: DOMRefCell>,
}
impl CustomElementDefinition {
@@ -394,6 +414,7 @@ impl CustomElementDefinition {
constructor: constructor,
observed_attributes: observed_attributes,
callbacks: callbacks,
+ construction_stack: Default::default(),
}
}
@@ -453,10 +474,113 @@ impl CustomElementDefinition {
}
}
+/// https://html.spec.whatwg.org/multipage/#concept-upgrade-an-element
+#[allow(unsafe_code)]
+pub fn upgrade_element(definition: Rc, element: &Element) {
+ // Steps 1-2
+ let state = element.get_custom_element_state();
+ if state == CustomElementState::Custom || state == CustomElementState::Failed {
+ return;
+ }
+
+ // Step 3
+ for attr in element.attrs().iter() {
+ let local_name = attr.local_name().clone();
+ let value = DOMString::from(&**attr.value());
+ let namespace = attr.namespace().clone();
+ ScriptThread::enqueue_callback_reaction(element,
+ CallbackReaction::AttributeChanged(local_name, None, Some(value), namespace), Some(definition.clone()));
+ }
+
+ // Step 4
+ if element.is_connected() {
+ ScriptThread::enqueue_callback_reaction(element, CallbackReaction::Connected, Some(definition.clone()));
+ }
+
+ // Step 5
+ definition.construction_stack.borrow_mut().push(ConstructionStackEntry::Element(Root::from_ref(element)));
+
+ // Step 7
+ let result = run_upgrade_constructor(&definition.constructor, element);
+
+ definition.construction_stack.borrow_mut().pop();
+
+ // Step 7 exception handling
+ if let Err(error) = result {
+ // Step 7.1
+ element.set_custom_element_state(CustomElementState::Failed);
+
+ // Step 7.2
+ element.clear_reaction_queue();
+
+ // Step 7.3
+ let global = GlobalScope::current().expect("No current global");
+ let cx = global.get_cx();
+ unsafe {
+ throw_dom_exception(cx, &global, error);
+ report_pending_exception(cx, true);
+ }
+ return;
+ }
+
+ // Step 8
+ element.set_custom_element_state(CustomElementState::Custom);
+
+ // Step 9
+ element.set_custom_element_definition(definition);
+}
+
+/// https://html.spec.whatwg.org/multipage/#concept-upgrade-an-element
+/// Steps 7.1-7.2
+#[allow(unsafe_code)]
+fn run_upgrade_constructor(constructor: &Rc, element: &Element) -> ErrorResult {
+ let window = window_from_node(element);
+ let cx = window.get_cx();
+ rooted!(in(cx) let constructor_val = ObjectValue(constructor.callback()));
+ rooted!(in(cx) let mut element_val = UndefinedValue());
+ unsafe { element.to_jsval(cx, element_val.handle_mut()); }
+ rooted!(in(cx) let mut construct_result = ptr::null_mut());
+ {
+ // Go into the constructor's compartment
+ let _ac = JSAutoCompartment::new(cx, constructor.callback());
+ let args = HandleValueArray::new();
+ // Step 7.1
+ if unsafe { !Construct1(cx, constructor_val.handle(), &args, construct_result.handle_mut()) } {
+ return Err(Error::JSFailed);
+ }
+ // Step 7.2
+ let mut same = false;
+ rooted!(in(cx) let construct_result_val = ObjectValue(construct_result.get()));
+ if unsafe { !JS_SameValue(cx, construct_result_val.handle(), element_val.handle(), &mut same) } {
+ return Err(Error::JSFailed);
+ }
+ if !same {
+ return Err(Error::InvalidState);
+ }
+ }
+ Ok(())
+}
+
+/// https://html.spec.whatwg.org/multipage/#concept-try-upgrade
+pub fn try_upgrade_element(element: &Element) {
+ // Step 1
+ let document = document_from_node(element);
+ let namespace = element.namespace();
+ let local_name = element.local_name();
+ let is = element.get_is();
+ if let Some(definition) = document.lookup_custom_element_definition(namespace, local_name, is.as_ref()) {
+ // Step 2
+ ScriptThread::enqueue_upgrade_reaction(element, definition);
+ }
+}
+
#[derive(HeapSizeOf, JSTraceable)]
#[must_root]
pub enum CustomElementReaction {
- // TODO: Support upgrade reactions
+ Upgrade(
+ #[ignore_heap_size_of = "Rc"]
+ Rc
+ ),
Callback(
#[ignore_heap_size_of = "Rc"]
Rc,
@@ -470,6 +594,7 @@ impl CustomElementReaction {
pub fn invoke(&self, element: &Element) {
// Step 2.1
match *self {
+ CustomElementReaction::Upgrade(ref definition) => upgrade_element(definition.clone(), element),
CustomElementReaction::Callback(ref callback, ref arguments) => {
let arguments = arguments.iter().map(|arg| arg.handle()).collect();
let _ = callback.Call_(&*element, arguments, ExceptionHandling::Report);
@@ -561,9 +686,12 @@ impl CustomElementReactionStack {
/// https://html.spec.whatwg.org/multipage/#enqueue-a-custom-element-callback-reaction
#[allow(unsafe_code)]
- pub fn enqueue_callback_reaction(&self, element: &Element, reaction: CallbackReaction) {
+ pub fn enqueue_callback_reaction(&self,
+ element: &Element,
+ reaction: CallbackReaction,
+ definition: Option>) {
// Step 1
- let definition = match element.get_custom_element_definition() {
+ let definition = match definition.or_else(|| element.get_custom_element_definition()) {
Some(definition) => definition,
None => return,
};
@@ -628,6 +756,14 @@ impl CustomElementReactionStack {
// Step 6
self.enqueue_element(element);
}
+
+ /// https://html.spec.whatwg.org/multipage/#enqueue-a-custom-element-upgrade-reaction
+ pub fn enqueue_upgrade_reaction(&self, element: &Element, definition: Rc) {
+ // Step 1
+ element.push_upgrade_reaction(definition);
+ // Step 2
+ self.enqueue_element(element);
+ }
}
/// https://html.spec.whatwg.org/multipage/#element-queue
@@ -663,7 +799,7 @@ impl ElementQueue {
}
/// https://html.spec.whatwg.org/multipage/#valid-custom-element-name
-fn is_valid_custom_element_name(name: &str) -> bool {
+pub fn is_valid_custom_element_name(name: &str) -> bool {
// Custom elment names must match:
// PotentialCustomElementName ::= [a-z] (PCENChar)* '-' (PCENChar)*
diff --git a/components/script/dom/document.rs b/components/script/dom/document.rs
index c63295a0674..4f594f96357 100644
--- a/components/script/dom/document.rs
+++ b/components/script/dom/document.rs
@@ -95,7 +95,7 @@ use dom_struct::dom_struct;
use encoding::EncodingRef;
use encoding::all::UTF_8;
use euclid::{Point2D, Vector2D};
-use html5ever::{LocalName, QualName};
+use html5ever::{LocalName, Namespace, QualName};
use hyper::header::{Header, SetCookie};
use hyper_serde::Serde;
use ipc_channel::ipc::{self, IpcSender};
@@ -2001,13 +2001,19 @@ impl Document {
/// https://html.spec.whatwg.org/multipage/#look-up-a-custom-element-definition
pub fn lookup_custom_element_definition(&self,
- local_name: LocalName,
- is: Option)
+ namespace: &Namespace,
+ local_name: &LocalName,
+ is: Option<&LocalName>)
-> Option> {
if !PREFS.get("dom.customelements.enabled").as_boolean().unwrap_or(false) {
return None;
}
+ // Step 1
+ if *namespace != ns!(html) {
+ return None;
+ }
+
// Step 2
if !self.has_browsing_context {
return None;
diff --git a/components/script/dom/element.rs b/components/script/dom/element.rs
index 328dd76e822..6aeef3ce986 100644
--- a/components/script/dom/element.rs
+++ b/components/script/dom/element.rs
@@ -101,6 +101,7 @@ use std::cell::{Cell, Ref};
use std::convert::TryFrom;
use std::default::Default;
use std::fmt;
+use std::mem;
use std::rc::Rc;
use style::CaseSensitivityExt;
use style::applicable_declarations::ApplicableDeclarationBlock;
@@ -149,6 +150,8 @@ pub struct Element {
/// https://dom.spec.whatwg.org/#concept-element-custom-element-definition
#[ignore_heap_size_of = "Rc"]
custom_element_definition: DOMRefCell
- foo
+ foo