StyleComputer.h 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2021-2023, Sam Atkins <atkinssj@serenityos.org>
  4. *
  5. * SPDX-License-Identifier: BSD-2-Clause
  6. */
  7. #pragma once
  8. #include <AK/HashMap.h>
  9. #include <AK/Optional.h>
  10. #include <AK/OwnPtr.h>
  11. #include <AK/RedBlackTree.h>
  12. #include <LibWeb/CSS/CSSFontFaceRule.h>
  13. #include <LibWeb/CSS/CSSKeyframesRule.h>
  14. #include <LibWeb/CSS/CSSStyleDeclaration.h>
  15. #include <LibWeb/CSS/Parser/ComponentValue.h>
  16. #include <LibWeb/CSS/Parser/TokenStream.h>
  17. #include <LibWeb/CSS/Selector.h>
  18. #include <LibWeb/CSS/StyleProperties.h>
  19. #include <LibWeb/Forward.h>
  20. namespace Web::CSS {
  21. struct MatchingRule {
  22. JS::GCPtr<CSSStyleRule const> rule;
  23. size_t style_sheet_index { 0 };
  24. size_t rule_index { 0 };
  25. size_t selector_index { 0 };
  26. u32 specificity { 0 };
  27. bool contains_pseudo_element { false };
  28. };
  29. class PropertyDependencyNode : public RefCounted<PropertyDependencyNode> {
  30. public:
  31. static NonnullRefPtr<PropertyDependencyNode> create(String name)
  32. {
  33. return adopt_ref(*new PropertyDependencyNode(move(name)));
  34. }
  35. void add_child(NonnullRefPtr<PropertyDependencyNode>);
  36. bool has_cycles();
  37. private:
  38. explicit PropertyDependencyNode(String name);
  39. String m_name;
  40. Vector<NonnullRefPtr<PropertyDependencyNode>> m_children;
  41. bool m_marked { false };
  42. };
  43. struct FontFaceKey {
  44. FlyString family_name;
  45. int weight { 0 };
  46. int slope { 0 };
  47. [[nodiscard]] u32 hash() const { return pair_int_hash(family_name.hash(), pair_int_hash(weight, slope)); }
  48. [[nodiscard]] bool operator==(FontFaceKey const&) const = default;
  49. };
  50. class StyleComputer {
  51. public:
  52. explicit StyleComputer(DOM::Document&);
  53. ~StyleComputer();
  54. DOM::Document& document() { return m_document; }
  55. DOM::Document const& document() const { return m_document; }
  56. NonnullRefPtr<StyleProperties> create_document_style() const;
  57. ErrorOr<NonnullRefPtr<StyleProperties>> compute_style(DOM::Element&, Optional<CSS::Selector::PseudoElement> = {}) const;
  58. ErrorOr<RefPtr<StyleProperties>> compute_pseudo_element_style_if_needed(DOM::Element&, Optional<CSS::Selector::PseudoElement>) const;
  59. // https://www.w3.org/TR/css-cascade/#origin
  60. enum class CascadeOrigin {
  61. Author,
  62. User,
  63. UserAgent,
  64. Animation,
  65. Transition,
  66. };
  67. Vector<MatchingRule> collect_matching_rules(DOM::Element const&, CascadeOrigin, Optional<CSS::Selector::PseudoElement>) const;
  68. void invalidate_rule_cache();
  69. Gfx::Font const& initial_font() const;
  70. void did_load_font(FlyString const& family_name);
  71. void load_fonts_from_sheet(CSSStyleSheet const&);
  72. struct AnimationKey {
  73. CSS::CSSStyleDeclaration const* source_declaration;
  74. DOM::Element const* element;
  75. };
  76. private:
  77. enum class ComputeStyleMode {
  78. Normal,
  79. CreatePseudoElementStyleIfNeeded,
  80. };
  81. ErrorOr<RefPtr<StyleProperties>> compute_style_impl(DOM::Element&, Optional<CSS::Selector::PseudoElement>, ComputeStyleMode) const;
  82. ErrorOr<void> compute_cascaded_values(StyleProperties&, DOM::Element&, Optional<CSS::Selector::PseudoElement>, bool& did_match_any_pseudo_element_rules, ComputeStyleMode) const;
  83. void compute_font(StyleProperties&, DOM::Element const*, Optional<CSS::Selector::PseudoElement>) const;
  84. void compute_defaulted_values(StyleProperties&, DOM::Element const*, Optional<CSS::Selector::PseudoElement>) const;
  85. ErrorOr<void> absolutize_values(StyleProperties&, DOM::Element const*, Optional<CSS::Selector::PseudoElement>) const;
  86. void transform_box_type_if_needed(StyleProperties&, DOM::Element const&, Optional<CSS::Selector::PseudoElement>) const;
  87. void compute_defaulted_property_value(StyleProperties&, DOM::Element const*, CSS::PropertyID, Optional<CSS::Selector::PseudoElement>) const;
  88. RefPtr<StyleValue> resolve_unresolved_style_value(DOM::Element&, Optional<CSS::Selector::PseudoElement>, PropertyID, UnresolvedStyleValue const&) const;
  89. bool expand_variables(DOM::Element&, Optional<CSS::Selector::PseudoElement>, StringView property_name, HashMap<FlyString, NonnullRefPtr<PropertyDependencyNode>>& dependencies, Parser::TokenStream<Parser::ComponentValue>& source, Vector<Parser::ComponentValue>& dest) const;
  90. bool expand_unresolved_values(DOM::Element&, StringView property_name, Parser::TokenStream<Parser::ComponentValue>& source, Vector<Parser::ComponentValue>& dest) const;
  91. template<typename Callback>
  92. void for_each_stylesheet(CascadeOrigin, Callback) const;
  93. CSSPixelRect viewport_rect() const;
  94. [[nodiscard]] Length::FontMetrics calculate_root_element_font_metrics(StyleProperties const&) const;
  95. CSSPixels parent_or_root_element_line_height(DOM::Element const*, Optional<CSS::Selector::PseudoElement>) const;
  96. struct MatchingRuleSet {
  97. Vector<MatchingRule> user_agent_rules;
  98. Vector<MatchingRule> author_rules;
  99. };
  100. void cascade_declarations(StyleProperties&, DOM::Element&, Optional<CSS::Selector::PseudoElement>, Vector<MatchingRule> const&, CascadeOrigin, Important) const;
  101. void build_rule_cache();
  102. void build_rule_cache_if_needed() const;
  103. JS::NonnullGCPtr<DOM::Document> m_document;
  104. struct AnimationKeyFrameSet {
  105. struct ResolvedKeyFrame {
  106. struct UseInitial { };
  107. Array<Variant<Empty, UseInitial, NonnullRefPtr<StyleValue const>>, to_underlying(last_property_id) + 1> resolved_properties {};
  108. };
  109. RedBlackTree<u64, ResolvedKeyFrame> keyframes_by_key;
  110. };
  111. struct RuleCache {
  112. HashMap<FlyString, Vector<MatchingRule>> rules_by_id;
  113. HashMap<FlyString, Vector<MatchingRule>> rules_by_class;
  114. HashMap<FlyString, Vector<MatchingRule>> rules_by_tag_name;
  115. Vector<MatchingRule> other_rules;
  116. HashMap<FlyString, NonnullOwnPtr<AnimationKeyFrameSet>> rules_by_animation_keyframes;
  117. };
  118. NonnullOwnPtr<RuleCache> make_rule_cache_for_cascade_origin(CascadeOrigin);
  119. RuleCache const& rule_cache_for_cascade_origin(CascadeOrigin) const;
  120. void ensure_animation_timer() const;
  121. OwnPtr<RuleCache> m_author_rule_cache;
  122. OwnPtr<RuleCache> m_user_agent_rule_cache;
  123. class FontLoader;
  124. HashMap<FontFaceKey, NonnullOwnPtr<FontLoader>> m_loaded_fonts;
  125. Length::FontMetrics m_default_font_metrics;
  126. Length::FontMetrics m_root_element_font_metrics;
  127. constexpr static u64 AnimationKeyFrameKeyScaleFactor = 1000; // 0..100000
  128. enum class AnimationStepTransition {
  129. NoTransition,
  130. IdleOrBeforeToActive,
  131. IdleOrBeforeToAfter,
  132. ActiveToBefore,
  133. ActiveToActiveChangingTheIteration,
  134. ActiveToAfter,
  135. AfterToActive,
  136. AfterToBefore,
  137. Cancelled,
  138. };
  139. enum class AnimationState {
  140. Before,
  141. After,
  142. Idle,
  143. Active,
  144. };
  145. struct AnimationStateSnapshot {
  146. Array<RefPtr<StyleValue const>, to_underlying(last_property_id) + 1> state;
  147. };
  148. struct Animation {
  149. String name;
  150. CSS::Time duration;
  151. CSS::Time delay;
  152. Optional<size_t> iteration_count; // Infinite if not set.
  153. CSS::AnimationDirection direction;
  154. CSS::AnimationFillMode fill_mode;
  155. WeakPtr<DOM::Element> owning_element;
  156. CSS::Percentage progress { 0 };
  157. CSS::Time remaining_delay { 0, CSS::Time::Type::Ms };
  158. AnimationState current_state { AnimationState::Before };
  159. mutable AnimationStateSnapshot initial_state {};
  160. mutable OwnPtr<AnimationStateSnapshot> active_state_if_fill_forward {};
  161. AnimationStepTransition step(CSS::Time const& time_step);
  162. ErrorOr<void> collect_into(StyleProperties&, RuleCache const&) const;
  163. bool is_done() const;
  164. };
  165. mutable HashMap<AnimationKey, NonnullOwnPtr<Animation>> m_active_animations;
  166. mutable HashMap<AnimationKey, OwnPtr<AnimationStateSnapshot>> m_finished_animations; // If fill-mode is forward/both, this is non-null and contains the final state.
  167. mutable RefPtr<Platform::Timer> m_animation_driver_timer;
  168. };
  169. }
  170. template<>
  171. struct AK::Traits<Web::CSS::StyleComputer::AnimationKey> : public AK::GenericTraits<Web::CSS::StyleComputer::AnimationKey> {
  172. static unsigned hash(Web::CSS::StyleComputer::AnimationKey const& k) { return pair_int_hash(ptr_hash(k.source_declaration), ptr_hash(k.element)); }
  173. static bool equals(Web::CSS::StyleComputer::AnimationKey const& a, Web::CSS::StyleComputer::AnimationKey const& b)
  174. {
  175. return a.element == b.element && a.source_declaration == b.source_declaration;
  176. }
  177. };