Add support for keyframe-backed CSSRules, CSSKeyframesRule.cssRules and CSSKeyframeRule

This commit is contained in:
Manish Goregaokar 2016-11-16 16:22:42 -08:00
parent 2793d5f0a9
commit 52a3a71be3
8 changed files with 143 additions and 18 deletions

View file

@ -0,0 +1,50 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
use dom::bindings::codegen::Bindings::CSSKeyframeRuleBinding;
use dom::bindings::js::Root;
use dom::bindings::reflector::reflect_dom_object;
use dom::bindings::str::DOMString;
use dom::cssrule::{CSSRule, SpecificCSSRule};
use dom::cssstylesheet::CSSStyleSheet;
use dom::window::Window;
use parking_lot::RwLock;
use std::sync::Arc;
use style::keyframes::Keyframe;
#[dom_struct]
pub struct CSSKeyframeRule {
cssrule: CSSRule,
#[ignore_heap_size_of = "Arc"]
keyframerule: Arc<RwLock<Keyframe>>,
}
impl CSSKeyframeRule {
fn new_inherited(parent: &CSSStyleSheet, keyframerule: Arc<RwLock<Keyframe>>) -> CSSKeyframeRule {
CSSKeyframeRule {
cssrule: CSSRule::new_inherited(parent),
keyframerule: keyframerule,
}
}
#[allow(unrooted_must_root)]
pub fn new(window: &Window, parent: &CSSStyleSheet,
keyframerule: Arc<RwLock<Keyframe>>) -> Root<CSSKeyframeRule> {
reflect_dom_object(box CSSKeyframeRule::new_inherited(parent, keyframerule),
window,
CSSKeyframeRuleBinding::Wrap)
}
}
impl SpecificCSSRule for CSSKeyframeRule {
fn ty(&self) -> u16 {
use dom::bindings::codegen::Bindings::CSSRuleBinding::CSSRuleConstants;
CSSRuleConstants::KEYFRAME_RULE
}
fn get_css(&self) -> DOMString {
// self.keyframerule.read().to_css_string().into()
"".into()
}
}

View file

@ -3,10 +3,14 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
use dom::bindings::codegen::Bindings::CSSKeyframesRuleBinding; use dom::bindings::codegen::Bindings::CSSKeyframesRuleBinding;
use dom::bindings::js::Root; use dom::bindings::codegen::Bindings::CSSKeyframesRuleBinding::CSSKeyframesRuleMethods;
use dom::bindings::reflector::reflect_dom_object; use dom::bindings::codegen::Bindings::CSSRuleBinding::CSSRuleMethods;
use dom::bindings::inheritance::Castable;
use dom::bindings::js::{JS, MutNullableHeap, Root};
use dom::bindings::reflector::{Reflectable, reflect_dom_object};
use dom::bindings::str::DOMString; use dom::bindings::str::DOMString;
use dom::cssrule::{CSSRule, SpecificCSSRule}; use dom::cssrule::{CSSRule, SpecificCSSRule};
use dom::cssrulelist::{CSSRuleList, RulesSource};
use dom::cssstylesheet::CSSStyleSheet; use dom::cssstylesheet::CSSStyleSheet;
use dom::window::Window; use dom::window::Window;
use parking_lot::RwLock; use parking_lot::RwLock;
@ -19,6 +23,7 @@ pub struct CSSKeyframesRule {
cssrule: CSSRule, cssrule: CSSRule,
#[ignore_heap_size_of = "Arc"] #[ignore_heap_size_of = "Arc"]
keyframesrule: Arc<RwLock<KeyframesRule>>, keyframesrule: Arc<RwLock<KeyframesRule>>,
rulelist: MutNullableHeap<JS<CSSRuleList>>,
} }
impl CSSKeyframesRule { impl CSSKeyframesRule {
@ -26,6 +31,7 @@ impl CSSKeyframesRule {
CSSKeyframesRule { CSSKeyframesRule {
cssrule: CSSRule::new_inherited(parent), cssrule: CSSRule::new_inherited(parent),
keyframesrule: keyframesrule, keyframesrule: keyframesrule,
rulelist: MutNullableHeap::new(None),
} }
} }
@ -36,6 +42,19 @@ impl CSSKeyframesRule {
window, window,
CSSKeyframesRuleBinding::Wrap) CSSKeyframesRuleBinding::Wrap)
} }
fn rulelist(&self) -> Root<CSSRuleList> {
self.rulelist.or_init(|| CSSRuleList::new(self.global().as_window(),
// temporary unwrap
&self.upcast::<CSSRule>().GetParentStyleSheet().unwrap(),
RulesSource::Keyframes(self.keyframesrule.clone())))
}
}
impl CSSKeyframesRuleMethods for CSSKeyframesRule {
fn CssRules(&self) -> Root<CSSRuleList> {
self.rulelist()
}
} }
impl SpecificCSSRule for CSSKeyframesRule { impl SpecificCSSRule for CSSKeyframesRule {

View file

@ -10,6 +10,7 @@ use dom::bindings::reflector::{Reflector, reflect_dom_object};
use dom::bindings::str::DOMString; use dom::bindings::str::DOMString;
use dom::cssfontfacerule::CSSFontFaceRule; use dom::cssfontfacerule::CSSFontFaceRule;
use dom::csskeyframesrule::CSSKeyframesRule; use dom::csskeyframesrule::CSSKeyframesRule;
use dom::csskeyframerule::CSSKeyframeRule;
use dom::cssmediarule::CSSMediaRule; use dom::cssmediarule::CSSMediaRule;
use dom::cssnamespacerule::CSSNamespaceRule; use dom::cssnamespacerule::CSSNamespaceRule;
use dom::cssstylerule::CSSStyleRule; use dom::cssstylerule::CSSStyleRule;
@ -54,6 +55,8 @@ impl CSSRule {
rule as &SpecificCSSRule rule as &SpecificCSSRule
} else if let Some(rule) = self.downcast::<CSSViewportRule>() { } else if let Some(rule) = self.downcast::<CSSViewportRule>() {
rule as &SpecificCSSRule rule as &SpecificCSSRule
} else if let Some(rule) = self.downcast::<CSSKeyframeRule>() {
rule as &SpecificCSSRule
} else { } else {
unreachable!() unreachable!()
} }

View file

@ -10,27 +10,43 @@ use dom::bindings::error::{Error, ErrorResult, Fallible};
use dom::bindings::js::{JS, MutNullableHeap, Root}; use dom::bindings::js::{JS, MutNullableHeap, Root};
use dom::bindings::reflector::{Reflectable, Reflector, reflect_dom_object}; use dom::bindings::reflector::{Reflectable, Reflector, reflect_dom_object};
use dom::cssrule::CSSRule; use dom::cssrule::CSSRule;
use dom::csskeyframerule::CSSKeyframeRule;
use dom::cssstylesheet::CSSStyleSheet; use dom::cssstylesheet::CSSStyleSheet;
use dom::window::Window; use dom::window::Window;
use parking_lot::RwLock;
use std::sync::Arc;
use style::parser::ParserContextExtraData; use style::parser::ParserContextExtraData;
use style::stylesheets::{CssRules, Origin}; use style::stylesheets::{CssRules, KeyframesRule, Origin};
use style::stylesheets::CssRule as StyleCssRule; use style::stylesheets::CssRule as StyleCssRule;
no_jsmanaged_fields!(CssRules); no_jsmanaged_fields!(RulesSource);
#[dom_struct] #[dom_struct]
pub struct CSSRuleList { pub struct CSSRuleList {
reflector_: Reflector, reflector_: Reflector,
sheet: JS<CSSStyleSheet>, sheet: JS<CSSStyleSheet>,
#[ignore_heap_size_of = "Arc"] #[ignore_heap_size_of = "Arc"]
rules: CssRules, rules: RulesSource,
dom_rules: DOMRefCell<Vec<MutNullableHeap<JS<CSSRule>>>> dom_rules: DOMRefCell<Vec<MutNullableHeap<JS<CSSRule>>>>
} }
pub enum RulesSource {
Rules(CssRules),
Keyframes(Arc<RwLock<KeyframesRule>>),
}
impl CSSRuleList { impl CSSRuleList {
#[allow(unrooted_must_root)] #[allow(unrooted_must_root)]
pub fn new_inherited(sheet: &CSSStyleSheet, rules: CssRules) -> CSSRuleList { pub fn new_inherited(sheet: &CSSStyleSheet, rules: RulesSource) -> CSSRuleList {
let dom_rules = rules.0.read().iter().map(|_| MutNullableHeap::new(None)).collect(); let dom_rules = match rules {
RulesSource::Rules(ref rules) => {
rules.0.read().iter().map(|_| MutNullableHeap::new(None)).collect()
}
RulesSource::Keyframes(ref rules) => {
rules.read().keyframes.iter().map(|_| MutNullableHeap::new(None)).collect()
}
};
CSSRuleList { CSSRuleList {
reflector_: Reflector::new(), reflector_: Reflector::new(),
sheet: JS::from_ref(sheet), sheet: JS::from_ref(sheet),
@ -40,7 +56,7 @@ impl CSSRuleList {
} }
#[allow(unrooted_must_root)] #[allow(unrooted_must_root)]
pub fn new(window: &Window, sheet: &CSSStyleSheet, rules: CssRules) -> Root<CSSRuleList> { pub fn new(window: &Window, sheet: &CSSStyleSheet, rules: RulesSource) -> Root<CSSRuleList> {
reflect_dom_object(box CSSRuleList::new_inherited(sheet, rules), reflect_dom_object(box CSSRuleList::new_inherited(sheet, rules),
window, window,
CSSRuleListBinding::Wrap) CSSRuleListBinding::Wrap)
@ -57,6 +73,13 @@ impl CSSRuleList {
vec.insert(index, item); vec.insert(index, item);
} }
} }
let css_rules = if let RulesSource::Rules(ref rules) = self.rules {
rules
} else {
panic!("Called insert_rule on non-CssRule-backed CSSRuleList");
};
let global = self.global(); let global = self.global();
let window = global.as_window(); let window = global.as_window();
let doc = window.Document(); let doc = window.Document();
@ -64,7 +87,7 @@ impl CSSRuleList {
let new_rule = { let new_rule = {
let rules = self.rules.0.read(); let rules = css_rules.0.read();
let state = if nested { let state = if nested {
None None
} else { } else {
@ -108,7 +131,7 @@ impl CSSRuleList {
new_rule new_rule
}; };
insert(&mut self.rules.0.write(), index, new_rule.clone()); insert(&mut css_rules.0.write(), index, new_rule.clone());
let dom_rule = CSSRule::new_specific(&window, &self.sheet, new_rule); let dom_rule = CSSRule::new_specific(&window, &self.sheet, new_rule);
insert(&mut self.dom_rules.borrow_mut(), insert(&mut self.dom_rules.borrow_mut(),
index, MutNullableHeap::new(Some(&*dom_rule))); index, MutNullableHeap::new(Some(&*dom_rule)));
@ -119,8 +142,14 @@ impl CSSRuleList {
pub fn remove_rule(&self, index: u32) -> ErrorResult { pub fn remove_rule(&self, index: u32) -> ErrorResult {
let index = index as usize; let index = index as usize;
let css_rules = if let RulesSource::Rules(ref rules) = self.rules {
rules
} else {
panic!("Called remove_rule on non-CssRule-backed CSSRuleList");
};
{ {
let rules = self.rules.0.read(); let rules = css_rules.0.read();
if index >= rules.len() { if index >= rules.len() {
return Err(Error::IndexSize); return Err(Error::IndexSize);
} }
@ -133,7 +162,7 @@ impl CSSRuleList {
} }
let mut dom_rules = self.dom_rules.borrow_mut(); let mut dom_rules = self.dom_rules.borrow_mut();
self.rules.0.write().remove(index); css_rules.0.write().remove(index);
dom_rules[index].get().map(|r| r.disown()); dom_rules[index].get().map(|r| r.disown());
dom_rules.remove(index); dom_rules.remove(index);
Ok(()) Ok(())
@ -145,9 +174,21 @@ impl CSSRuleListMethods for CSSRuleList {
fn Item(&self, idx: u32) -> Option<Root<CSSRule>> { fn Item(&self, idx: u32) -> Option<Root<CSSRule>> {
self.dom_rules.borrow().get(idx as usize).map(|rule| { self.dom_rules.borrow().get(idx as usize).map(|rule| {
rule.or_init(|| { rule.or_init(|| {
match self.rules {
RulesSource::Rules(ref rules) => {
CSSRule::new_specific(self.global().as_window(), CSSRule::new_specific(self.global().as_window(),
&self.sheet, &self.sheet,
self.rules.0.read()[idx as usize].clone()) rules.0.read()[idx as usize].clone())
}
RulesSource::Keyframes(ref rules) => {
Root::upcast(CSSKeyframeRule::new(self.global().as_window(),
&self.sheet,
rules.read()
.keyframes[idx as usize]
.clone()))
}
}
}) })
}) })
} }

View file

@ -8,7 +8,7 @@ use dom::bindings::error::{ErrorResult, Fallible};
use dom::bindings::js::{JS, Root, MutNullableHeap}; use dom::bindings::js::{JS, Root, MutNullableHeap};
use dom::bindings::reflector::{reflect_dom_object, Reflectable}; use dom::bindings::reflector::{reflect_dom_object, Reflectable};
use dom::bindings::str::DOMString; use dom::bindings::str::DOMString;
use dom::cssrulelist::CSSRuleList; use dom::cssrulelist::{CSSRuleList, RulesSource};
use dom::stylesheet::StyleSheet; use dom::stylesheet::StyleSheet;
use dom::window::Window; use dom::window::Window;
use std::sync::Arc; use std::sync::Arc;
@ -45,7 +45,8 @@ impl CSSStyleSheet {
fn rulelist(&self) -> Root<CSSRuleList> { fn rulelist(&self) -> Root<CSSRuleList> {
self.rulelist.or_init(|| CSSRuleList::new(self.global().as_window(), self.rulelist.or_init(|| CSSRuleList::new(self.global().as_window(),
self, self,
self.style_stylesheet.rules.clone())) RulesSource::Rules(self.style_stylesheet
.rules.clone())))
} }
} }

View file

@ -245,6 +245,7 @@ pub mod css;
pub mod cssfontfacerule; pub mod cssfontfacerule;
pub mod cssgroupingrule; pub mod cssgroupingrule;
pub mod csskeyframesrule; pub mod csskeyframesrule;
pub mod csskeyframerule;
pub mod cssmediarule; pub mod cssmediarule;
pub mod cssnamespacerule; pub mod cssnamespacerule;
pub mod cssrule; pub mod cssrule;

View file

@ -0,0 +1,10 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
// https://drafts.csswg.org/css-animations/#interface-csskeyframerule
[Exposed=Window]
interface CSSKeyframeRule : CSSRule {
// attribute DOMString keyText;
// readonly attribute CSSStyleDeclaration style;
};

View file

@ -6,7 +6,7 @@
[Exposed=Window] [Exposed=Window]
interface CSSKeyframesRule : CSSRule { interface CSSKeyframesRule : CSSRule {
// attribute DOMString name; // attribute DOMString name;
// readonly attribute CSSRuleList cssRules; readonly attribute CSSRuleList cssRules;
// void appendRule(DOMString rule); // void appendRule(DOMString rule);
// void deleteRule(DOMString select); // void deleteRule(DOMString select);