4bc3055c0f
We don't have to invalidate style for the entire document when a style sheet changes inside of a shadow root. To make this possible, StyleSheetList now keeps track of which Document-or-ShadowRoot it corresponds to, instead of just tracking the containing Document. This avoids a lot of style recomputation on pages with lots of shadow DOM content (like GitHub).
120 lines
4.4 KiB
C++
120 lines
4.4 KiB
C++
/*
|
||
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
||
*
|
||
* SPDX-License-Identifier: BSD-2-Clause
|
||
*/
|
||
|
||
#include <LibWeb/Bindings/CSSStyleRulePrototype.h>
|
||
#include <LibWeb/Bindings/Intrinsics.h>
|
||
#include <LibWeb/CSS/CSSStyleRule.h>
|
||
#include <LibWeb/CSS/Parser/Parser.h>
|
||
#include <LibWeb/CSS/StyleComputer.h>
|
||
#include <LibWeb/WebIDL/ExceptionOr.h>
|
||
|
||
namespace Web::CSS {
|
||
|
||
JS_DEFINE_ALLOCATOR(CSSStyleRule);
|
||
|
||
JS::NonnullGCPtr<CSSStyleRule> CSSStyleRule::create(JS::Realm& realm, Vector<NonnullRefPtr<Web::CSS::Selector>>&& selectors, PropertyOwningCSSStyleDeclaration& declaration)
|
||
{
|
||
return realm.heap().allocate<CSSStyleRule>(realm, realm, move(selectors), declaration);
|
||
}
|
||
|
||
CSSStyleRule::CSSStyleRule(JS::Realm& realm, Vector<NonnullRefPtr<Selector>>&& selectors, PropertyOwningCSSStyleDeclaration& declaration)
|
||
: CSSRule(realm)
|
||
, m_selectors(move(selectors))
|
||
, m_declaration(declaration)
|
||
{
|
||
m_declaration->set_parent_rule(*this);
|
||
}
|
||
|
||
void CSSStyleRule::initialize(JS::Realm& realm)
|
||
{
|
||
Base::initialize(realm);
|
||
WEB_SET_PROTOTYPE_FOR_INTERFACE(CSSStyleRule);
|
||
}
|
||
|
||
void CSSStyleRule::visit_edges(Cell::Visitor& visitor)
|
||
{
|
||
Base::visit_edges(visitor);
|
||
visitor.visit(m_declaration);
|
||
}
|
||
|
||
// https://www.w3.org/TR/cssom/#dom-cssstylerule-style
|
||
CSSStyleDeclaration* CSSStyleRule::style()
|
||
{
|
||
return m_declaration;
|
||
}
|
||
|
||
// https://www.w3.org/TR/cssom/#serialize-a-css-rule
|
||
String CSSStyleRule::serialized() const
|
||
{
|
||
StringBuilder builder;
|
||
|
||
// 1. Let s initially be the result of performing serialize a group of selectors on the rule’s associated selectors,
|
||
// followed by the string " {", i.e., a single SPACE (U+0020), followed by LEFT CURLY BRACKET (U+007B).
|
||
builder.append(serialize_a_group_of_selectors(selectors()));
|
||
builder.append(" {"sv);
|
||
|
||
// 2. Let decls be the result of performing serialize a CSS declaration block on the rule’s associated declarations, or null if there are no such declarations.
|
||
auto decls = declaration().length() > 0 ? declaration().serialized() : Optional<String>();
|
||
|
||
// FIXME: 3. Let rules be the result of performing serialize a CSS rule on each rule in the rule’s cssRules list, or null if there are no such rules.
|
||
Optional<String> rules;
|
||
|
||
// 4. If decls and rules are both null, append " }" to s (i.e. a single SPACE (U+0020) followed by RIGHT CURLY BRACKET (U+007D)) and return s.
|
||
if (!decls.has_value() && !rules.has_value()) {
|
||
builder.append(" }"sv);
|
||
return MUST(builder.to_string());
|
||
}
|
||
|
||
// 5. If rules is null:
|
||
if (!rules.has_value()) {
|
||
// 1. Append a single SPACE (U+0020) to s
|
||
builder.append(' ');
|
||
// 2. Append decls to s
|
||
builder.append(*decls);
|
||
// 3. Append " }" to s (i.e. a single SPACE (U+0020) followed by RIGHT CURLY BRACKET (U+007D)).
|
||
builder.append(" }"sv);
|
||
// 4. Return s.
|
||
return MUST(builder.to_string());
|
||
}
|
||
|
||
// FIXME: 6. Otherwise:
|
||
// FIXME: 1. If decls is not null, prepend it to rules.
|
||
// FIXME: 2. For each rule in rules:
|
||
// FIXME: 1. Append a newline followed by two spaces to s.
|
||
// FIXME: 2. Append rule to s.
|
||
// FIXME: 3. Append a newline followed by RIGHT CURLY BRACKET (U+007D) to s.
|
||
// FIXME: 4. Return s.
|
||
TODO();
|
||
}
|
||
|
||
// https://www.w3.org/TR/cssom/#dom-cssstylerule-selectortext
|
||
String CSSStyleRule::selector_text() const
|
||
{
|
||
// The selectorText attribute, on getting, must return the result of serializing the associated group of selectors.
|
||
return serialize_a_group_of_selectors(selectors());
|
||
}
|
||
|
||
// https://www.w3.org/TR/cssom/#dom-cssstylerule-selectortext
|
||
void CSSStyleRule::set_selector_text(StringView selector_text)
|
||
{
|
||
// 1. Run the parse a group of selectors algorithm on the given value.
|
||
auto parsed_selectors = parse_selector(Parser::ParsingContext { realm() }, selector_text);
|
||
|
||
// 2. If the algorithm returns a non-null value replace the associated group of selectors with the returned value.
|
||
if (parsed_selectors.has_value()) {
|
||
m_selectors = parsed_selectors.release_value();
|
||
if (auto* sheet = parent_style_sheet()) {
|
||
if (auto style_sheet_list = sheet->style_sheet_list()) {
|
||
style_sheet_list->document().style_computer().invalidate_rule_cache();
|
||
style_sheet_list->document_or_shadow_root().invalidate_style();
|
||
}
|
||
}
|
||
}
|
||
|
||
// 3. Otherwise, if the algorithm returns a null value, do nothing.
|
||
}
|
||
|
||
}
|