mirror of
https://github.com/servo/servo.git
synced 2025-08-05 21:50:18 +01:00
Bug 1357583: style: Add an initial version of the stylesheet invalidation code. r=heycam
MozReview-Commit-ID: 4jLxPYNF07U
This commit is contained in:
parent
c88f2ffe24
commit
658075af32
2 changed files with 276 additions and 0 deletions
275
components/style/invalidation/mod.rs
Normal file
275
components/style/invalidation/mod.rs
Normal file
|
@ -0,0 +1,275 @@
|
|||
/* 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/. */
|
||||
|
||||
//! A collection of invalidations due to changes in which stylesheets affect a
|
||||
//! document.
|
||||
|
||||
#![deny(unsafe_code)]
|
||||
|
||||
use Atom;
|
||||
use data::StoredRestyleHint;
|
||||
use dom::{TElement, TNode};
|
||||
use fnv::FnvHashSet;
|
||||
use selector_parser::SelectorImpl;
|
||||
use selectors::parser::{Component, Selector};
|
||||
use shared_lock::SharedRwLockReadGuard;
|
||||
use stylesheets::{CssRule, CssRules, Stylesheet};
|
||||
use stylist::Stylist;
|
||||
|
||||
/// An invalidation scope represents a kind of subtree that may need to be
|
||||
/// restyled.
|
||||
#[derive(Debug, Hash, Eq, PartialEq)]
|
||||
enum InvalidationScope {
|
||||
/// All the descendants of an element with a given id.
|
||||
ID(Atom),
|
||||
/// All the descendants of an element with a given class name.
|
||||
Class(Atom),
|
||||
}
|
||||
|
||||
impl InvalidationScope {
|
||||
fn is_id(&self) -> bool {
|
||||
matches!(*self, InvalidationScope::ID(..))
|
||||
}
|
||||
|
||||
fn matches<E>(&self, element: E) -> bool
|
||||
where E: TElement,
|
||||
{
|
||||
match *self {
|
||||
InvalidationScope::Class(ref class) => {
|
||||
element.has_class(class)
|
||||
}
|
||||
InvalidationScope::ID(ref id) => {
|
||||
match element.get_id() {
|
||||
Some(element_id) => element_id == *id,
|
||||
None => false,
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// A set of invalidations due to stylesheet additions.
|
||||
///
|
||||
/// TODO(emilio): We might be able to do the same analysis for removals too?
|
||||
pub struct StylesheetInvalidationSet {
|
||||
/// The style scopes we know we have to restyle so far.
|
||||
invalid_scopes: FnvHashSet<InvalidationScope>,
|
||||
/// Whether the whole document should be invalid.
|
||||
fully_invalid: bool,
|
||||
}
|
||||
|
||||
impl StylesheetInvalidationSet {
|
||||
/// Create an empty `StylesheetInvalidationSet`.
|
||||
pub fn new() -> Self {
|
||||
Self {
|
||||
invalid_scopes: FnvHashSet::default(),
|
||||
fully_invalid: false,
|
||||
}
|
||||
}
|
||||
|
||||
/// Analyze the given stylesheet, and collect invalidations from their
|
||||
/// rules, in order to avoid doing a full restyle when we style the document
|
||||
/// next time.
|
||||
pub fn collect_invalidations_for(
|
||||
&mut self,
|
||||
stylist: &Stylist,
|
||||
stylesheet: &Stylesheet,
|
||||
guard: &SharedRwLockReadGuard)
|
||||
{
|
||||
if self.fully_invalid ||
|
||||
stylesheet.disabled() ||
|
||||
!stylesheet.is_effective_for_device(stylist.device(), guard) {
|
||||
return; // Nothing to do here.
|
||||
}
|
||||
|
||||
self.collect_invalidations_for_rule_list(
|
||||
stylesheet.rules.read_with(guard),
|
||||
stylist,
|
||||
guard);
|
||||
}
|
||||
|
||||
/// Process style invalidations in a given subtree, that is, look for all
|
||||
/// the relevant scopes in the subtree, and mark as dirty only the relevant
|
||||
/// ones.
|
||||
///
|
||||
/// Returns whether it invalidated at least one element's style.
|
||||
#[allow(unsafe_code)]
|
||||
pub fn process_invalidations_in_subtree<E>(&self, element: E) -> bool
|
||||
where E: TElement,
|
||||
{
|
||||
let mut data = match element.mutate_data() {
|
||||
Some(data) => data,
|
||||
None => return false,
|
||||
};
|
||||
|
||||
if !data.has_styles() {
|
||||
return false;
|
||||
}
|
||||
|
||||
if self.fully_invalid {
|
||||
data.ensure_restyle().hint.insert(StoredRestyleHint::subtree());
|
||||
return true;
|
||||
}
|
||||
|
||||
for scope in &self.invalid_scopes {
|
||||
if scope.matches(element) {
|
||||
data.ensure_restyle().hint.insert(StoredRestyleHint::subtree());
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
let mut any_children_invalid = false;
|
||||
|
||||
for child in element.as_node().children() {
|
||||
let child = match child.as_element() {
|
||||
Some(e) => e,
|
||||
None => continue,
|
||||
};
|
||||
|
||||
any_children_invalid |= self.process_invalidations_in_subtree(child);
|
||||
}
|
||||
|
||||
if any_children_invalid {
|
||||
unsafe { element.set_dirty_descendants() }
|
||||
}
|
||||
|
||||
return any_children_invalid
|
||||
}
|
||||
|
||||
/// Collects invalidations for a given list of CSS rules.
|
||||
fn collect_invalidations_for_rule_list(
|
||||
&mut self,
|
||||
rules: &CssRules,
|
||||
stylist: &Stylist,
|
||||
guard: &SharedRwLockReadGuard)
|
||||
{
|
||||
for rule in &rules.0 {
|
||||
if !self.collect_invalidations_for_rule(rule, stylist, guard) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Collect a style scopes for a given selector.
|
||||
///
|
||||
/// We look at the outermost class or id selector to the left of an ancestor
|
||||
/// combinator, in order to restyle only a given subtree.
|
||||
///
|
||||
/// We prefer id scopes to class scopes, and outermost scopes to innermost
|
||||
/// scopes (to reduce the amount of traversal we need to do).
|
||||
fn collect_scopes(&mut self, selector: &Selector<SelectorImpl>) {
|
||||
let mut scope: Option<InvalidationScope> = None;
|
||||
|
||||
let iter = selector.inner.complex.iter_ancestors();
|
||||
for component in iter {
|
||||
match *component {
|
||||
Component::Class(ref class) => {
|
||||
if scope.as_ref().map_or(true, |s| !s.is_id()) {
|
||||
scope = Some(InvalidationScope::Class(class.clone()));
|
||||
}
|
||||
}
|
||||
Component::ID(ref id) => {
|
||||
if scope.is_none() {
|
||||
scope = Some(InvalidationScope::ID(id.clone()));
|
||||
}
|
||||
}
|
||||
_ => {
|
||||
// Ignore everything else, at least for now.
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
match scope {
|
||||
Some(s) => {
|
||||
self.invalid_scopes.insert(s);
|
||||
}
|
||||
None => {
|
||||
debug!(" > Scope not found");
|
||||
|
||||
// If we didn't find a scope, any element could match this, so
|
||||
// let's just bail out.
|
||||
self.fully_invalid = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Collects invalidations for a given CSS rule.
|
||||
///
|
||||
/// Returns true if it needs to keep collecting invalidations for subsequent
|
||||
/// rules in this list.
|
||||
fn collect_invalidations_for_rule(
|
||||
&mut self,
|
||||
rule: &CssRule,
|
||||
stylist: &Stylist,
|
||||
guard: &SharedRwLockReadGuard)
|
||||
-> bool
|
||||
{
|
||||
use stylesheets::CssRule::*;
|
||||
debug_assert!(!self.fully_invalid, "Not worth to be here!");
|
||||
|
||||
match *rule {
|
||||
Document(ref lock) => {
|
||||
let doc_rule = lock.read_with(guard);
|
||||
if !doc_rule.condition.evaluate(stylist.device()) {
|
||||
return false; // Won't apply anything else after this.
|
||||
}
|
||||
}
|
||||
Style(ref lock) => {
|
||||
let style_rule = lock.read_with(guard);
|
||||
for selector in &style_rule.selectors.0 {
|
||||
self.collect_scopes(selector);
|
||||
if self.fully_invalid {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
Namespace(..) => {
|
||||
// Irrelevant to which selector scopes match.
|
||||
}
|
||||
Import(..) => {
|
||||
// We'll visit the appropriate stylesheet if/when it matters.
|
||||
}
|
||||
Media(ref lock) => {
|
||||
let media_rule = lock.read_with(guard);
|
||||
|
||||
let mq = media_rule.media_queries.read_with(guard);
|
||||
if !mq.evaluate(stylist.device(), stylist.quirks_mode()) {
|
||||
return true;
|
||||
}
|
||||
|
||||
self.collect_invalidations_for_rule_list(
|
||||
media_rule.rules.read_with(guard),
|
||||
stylist,
|
||||
guard);
|
||||
}
|
||||
Supports(ref lock) => {
|
||||
let supports_rule = lock.read_with(guard);
|
||||
if !supports_rule.enabled {
|
||||
return true;
|
||||
}
|
||||
|
||||
self.collect_invalidations_for_rule_list(
|
||||
supports_rule.rules.read_with(guard),
|
||||
stylist,
|
||||
guard);
|
||||
}
|
||||
FontFace(..) |
|
||||
CounterStyle(..) |
|
||||
Keyframes(..) |
|
||||
Page(..) |
|
||||
Viewport(..) => {
|
||||
debug!(" > Found unsupported rule, marking the whole subtree \
|
||||
invalid.");
|
||||
// TODO(emilio): Can we do better here?
|
||||
//
|
||||
// At least in `@page`, we could check the relevant media, I
|
||||
// guess.
|
||||
self.fully_invalid = true;
|
||||
}
|
||||
}
|
||||
|
||||
return !self.fully_invalid
|
||||
}
|
||||
}
|
|
@ -110,6 +110,7 @@ pub mod font_face;
|
|||
pub mod font_metrics;
|
||||
#[cfg(feature = "gecko")] #[allow(unsafe_code)] pub mod gecko;
|
||||
#[cfg(feature = "gecko")] #[allow(unsafe_code)] pub mod gecko_bindings;
|
||||
pub mod invalidation;
|
||||
pub mod keyframes;
|
||||
#[allow(missing_docs)] // TODO.
|
||||
pub mod logical_geometry;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue