StyleComputer.h 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. /*
  2. * Copyright (c) 2018-2024, Andreas Kling <andreas@ladybird.org>
  3. * Copyright (c) 2021-2024, Sam Atkins <sam@ladybird.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 <LibGfx/Font/Typeface.h>
  12. #include <LibWeb/Animations/KeyframeEffect.h>
  13. #include <LibWeb/CSS/CSSFontFaceRule.h>
  14. #include <LibWeb/CSS/CSSKeyframesRule.h>
  15. #include <LibWeb/CSS/CSSStyleDeclaration.h>
  16. #include <LibWeb/CSS/Selector.h>
  17. #include <LibWeb/CSS/StyleProperties.h>
  18. #include <LibWeb/Forward.h>
  19. #include <LibWeb/Loader/ResourceLoader.h>
  20. namespace Web::CSS {
  21. // A counting bloom filter with 2 hash functions.
  22. // NOTE: If a counter overflows, it's kept maxed-out until the whole filter is cleared.
  23. template<typename CounterType, size_t key_bits>
  24. class CountingBloomFilter {
  25. public:
  26. CountingBloomFilter() { }
  27. void clear() { __builtin_memset(m_buckets, 0, sizeof(m_buckets)); }
  28. void increment(u32 key)
  29. {
  30. auto& first = bucket1(key);
  31. if (first < NumericLimits<CounterType>::max())
  32. ++first;
  33. auto& second = bucket2(key);
  34. if (second < NumericLimits<CounterType>::max())
  35. ++second;
  36. }
  37. void decrement(u32 key)
  38. {
  39. auto& first = bucket1(key);
  40. if (first < NumericLimits<CounterType>::max())
  41. --first;
  42. auto& second = bucket2(key);
  43. if (second < NumericLimits<CounterType>::max())
  44. --second;
  45. }
  46. [[nodiscard]] bool may_contain(u32 hash) const
  47. {
  48. return bucket1(hash) && bucket2(hash);
  49. }
  50. private:
  51. static constexpr u32 bucket_count = 1 << key_bits;
  52. static constexpr u32 key_mask = bucket_count - 1;
  53. [[nodiscard]] u32 hash1(u32 key) const { return key & key_mask; }
  54. [[nodiscard]] u32 hash2(u32 key) const { return (key >> 16) & key_mask; }
  55. [[nodiscard]] CounterType& bucket1(u32 key) { return m_buckets[hash1(key)]; }
  56. [[nodiscard]] CounterType& bucket2(u32 key) { return m_buckets[hash2(key)]; }
  57. [[nodiscard]] CounterType bucket1(u32 key) const { return m_buckets[hash1(key)]; }
  58. [[nodiscard]] CounterType bucket2(u32 key) const { return m_buckets[hash2(key)]; }
  59. CounterType m_buckets[bucket_count];
  60. };
  61. // https://www.w3.org/TR/css-cascade/#origin
  62. enum class CascadeOrigin : u8 {
  63. Author,
  64. User,
  65. UserAgent,
  66. Animation,
  67. Transition,
  68. };
  69. struct MatchingRule {
  70. JS::GCPtr<DOM::ShadowRoot const> shadow_root;
  71. JS::GCPtr<CSSStyleRule const> rule;
  72. JS::GCPtr<CSSStyleSheet const> sheet;
  73. size_t style_sheet_index { 0 };
  74. size_t rule_index { 0 };
  75. size_t selector_index { 0 };
  76. u32 specificity { 0 };
  77. CascadeOrigin cascade_origin;
  78. bool contains_pseudo_element { false };
  79. bool can_use_fast_matches { false };
  80. bool must_be_hovered { false };
  81. bool skip { false };
  82. };
  83. struct FontFaceKey {
  84. FlyString family_name;
  85. int weight { 0 };
  86. int slope { 0 };
  87. [[nodiscard]] u32 hash() const { return pair_int_hash(family_name.hash(), pair_int_hash(weight, slope)); }
  88. [[nodiscard]] bool operator==(FontFaceKey const&) const = default;
  89. };
  90. class FontLoader;
  91. class StyleComputer {
  92. public:
  93. enum class AllowUnresolved {
  94. Yes,
  95. No,
  96. };
  97. static void for_each_property_expanding_shorthands(PropertyID, CSSStyleValue const&, AllowUnresolved, Function<void(PropertyID, CSSStyleValue const&)> const& set_longhand_property);
  98. static void set_property_expanding_shorthands(StyleProperties&, PropertyID, CSSStyleValue const&, CSS::CSSStyleDeclaration const*, StyleProperties const& style_for_revert, StyleProperties const& style_for_revert_layer, Important = Important::No);
  99. static NonnullRefPtr<CSSStyleValue const> get_inherit_value(JS::Realm& initial_value_context_realm, CSS::PropertyID, DOM::Element const*, Optional<CSS::Selector::PseudoElement::Type> = {});
  100. static Optional<String> user_agent_style_sheet_source(StringView name);
  101. explicit StyleComputer(DOM::Document&);
  102. ~StyleComputer();
  103. DOM::Document& document() { return m_document; }
  104. DOM::Document const& document() const { return m_document; }
  105. void reset_ancestor_filter();
  106. void push_ancestor(DOM::Element const&);
  107. void pop_ancestor(DOM::Element const&);
  108. NonnullRefPtr<StyleProperties> create_document_style() const;
  109. NonnullRefPtr<StyleProperties> compute_style(DOM::Element&, Optional<CSS::Selector::PseudoElement::Type> = {}) const;
  110. RefPtr<StyleProperties> compute_pseudo_element_style_if_needed(DOM::Element&, Optional<CSS::Selector::PseudoElement::Type>) const;
  111. Vector<MatchingRule> collect_matching_rules(DOM::Element const&, CascadeOrigin, Optional<CSS::Selector::PseudoElement::Type>, FlyString const& qualified_layer_name = {}) const;
  112. void invalidate_rule_cache();
  113. Gfx::Font const& initial_font() const;
  114. void did_load_font(FlyString const& family_name);
  115. Optional<FontLoader&> load_font_face(ParsedFontFace const&, ESCAPING Function<void(FontLoader const&)> on_load = {}, ESCAPING Function<void()> on_fail = {});
  116. void load_fonts_from_sheet(CSSStyleSheet&);
  117. void unload_fonts_from_sheet(CSSStyleSheet&);
  118. RefPtr<Gfx::FontCascadeList const> compute_font_for_style_values(DOM::Element const* element, Optional<CSS::Selector::PseudoElement::Type> pseudo_element, CSSStyleValue const& font_family, CSSStyleValue const& font_size, CSSStyleValue const& font_style, CSSStyleValue const& font_weight, CSSStyleValue const& font_stretch, int math_depth = 0) const;
  119. void set_viewport_rect(Badge<DOM::Document>, CSSPixelRect const& viewport_rect) { m_viewport_rect = viewport_rect; }
  120. enum class AnimationRefresh {
  121. No,
  122. Yes,
  123. };
  124. void collect_animation_into(DOM::Element&, Optional<CSS::Selector::PseudoElement::Type>, JS::NonnullGCPtr<Animations::KeyframeEffect> animation, StyleProperties& style_properties, AnimationRefresh = AnimationRefresh::No) const;
  125. [[nodiscard]] bool has_has_selectors() const { return m_has_has_selectors; }
  126. size_t number_of_css_font_faces_with_loading_in_progress() const;
  127. private:
  128. enum class ComputeStyleMode {
  129. Normal,
  130. CreatePseudoElementStyleIfNeeded,
  131. };
  132. struct MatchingFontCandidate;
  133. [[nodiscard]] bool should_reject_with_ancestor_filter(Selector const&) const;
  134. RefPtr<StyleProperties> compute_style_impl(DOM::Element&, Optional<CSS::Selector::PseudoElement::Type>, ComputeStyleMode) const;
  135. void compute_cascaded_values(StyleProperties&, DOM::Element&, Optional<CSS::Selector::PseudoElement::Type>, bool& did_match_any_pseudo_element_rules, ComputeStyleMode) const;
  136. static RefPtr<Gfx::FontCascadeList const> find_matching_font_weight_ascending(Vector<MatchingFontCandidate> const& candidates, int target_weight, float font_size_in_pt, bool inclusive);
  137. static RefPtr<Gfx::FontCascadeList const> find_matching_font_weight_descending(Vector<MatchingFontCandidate> const& candidates, int target_weight, float font_size_in_pt, bool inclusive);
  138. RefPtr<Gfx::FontCascadeList const> font_matching_algorithm(FontFaceKey const& key, float font_size_in_pt) const;
  139. void compute_font(StyleProperties&, DOM::Element const*, Optional<CSS::Selector::PseudoElement::Type>) const;
  140. void compute_math_depth(StyleProperties&, DOM::Element const*, Optional<CSS::Selector::PseudoElement::Type>) const;
  141. void compute_defaulted_values(StyleProperties&, DOM::Element const*, Optional<CSS::Selector::PseudoElement::Type>) const;
  142. void start_needed_transitions(StyleProperties const& old_style, StyleProperties& new_style, DOM::Element&, Optional<Selector::PseudoElement::Type>) const;
  143. void absolutize_values(StyleProperties&) const;
  144. void resolve_effective_overflow_values(StyleProperties&) const;
  145. void transform_box_type_if_needed(StyleProperties&, DOM::Element const&, Optional<CSS::Selector::PseudoElement::Type>) const;
  146. void compute_defaulted_property_value(StyleProperties&, DOM::Element const*, CSS::PropertyID, Optional<CSS::Selector::PseudoElement::Type>) const;
  147. void set_all_properties(DOM::Element&, Optional<CSS::Selector::PseudoElement::Type>, StyleProperties&, CSSStyleValue const&, DOM::Document&, CSS::CSSStyleDeclaration const*, StyleProperties const& style_for_revert, StyleProperties const& style_for_revert_layer, Important = Important::No) const;
  148. template<typename Callback>
  149. void for_each_stylesheet(CascadeOrigin, Callback) const;
  150. [[nodiscard]] CSSPixelRect viewport_rect() const { return m_viewport_rect; }
  151. [[nodiscard]] Length::FontMetrics calculate_root_element_font_metrics(StyleProperties const&) const;
  152. Vector<FlyString> m_qualified_layer_names_in_order;
  153. void build_qualified_layer_names_cache();
  154. struct LayerMatchingRules {
  155. FlyString qualified_layer_name;
  156. Vector<MatchingRule> rules;
  157. };
  158. struct MatchingRuleSet {
  159. Vector<MatchingRule> user_agent_rules;
  160. Vector<MatchingRule> user_rules;
  161. Vector<LayerMatchingRules> author_rules;
  162. };
  163. void cascade_declarations(StyleProperties&, DOM::Element&, Optional<CSS::Selector::PseudoElement::Type>, Vector<MatchingRule> const&, CascadeOrigin, Important, StyleProperties const& style_for_revert, StyleProperties const& style_for_revert_layer) const;
  164. void build_rule_cache();
  165. void build_rule_cache_if_needed() const;
  166. JS::NonnullGCPtr<DOM::Document> m_document;
  167. struct RuleCache {
  168. HashMap<FlyString, Vector<MatchingRule>> rules_by_id;
  169. HashMap<FlyString, Vector<MatchingRule>> rules_by_class;
  170. HashMap<FlyString, Vector<MatchingRule>> rules_by_tag_name;
  171. HashMap<FlyString, Vector<MatchingRule>, AK::ASCIICaseInsensitiveFlyStringTraits> rules_by_attribute_name;
  172. Array<Vector<MatchingRule>, to_underlying(CSS::Selector::PseudoElement::Type::KnownPseudoElementCount)> rules_by_pseudo_element;
  173. Vector<MatchingRule> root_rules;
  174. Vector<MatchingRule> other_rules;
  175. HashMap<FlyString, NonnullRefPtr<Animations::KeyframeEffect::KeyFrameSet>> rules_by_animation_keyframes;
  176. bool has_has_selectors { false };
  177. };
  178. NonnullOwnPtr<RuleCache> make_rule_cache_for_cascade_origin(CascadeOrigin);
  179. RuleCache const& rule_cache_for_cascade_origin(CascadeOrigin) const;
  180. bool m_has_has_selectors { false };
  181. OwnPtr<RuleCache> m_author_rule_cache;
  182. OwnPtr<RuleCache> m_user_rule_cache;
  183. OwnPtr<RuleCache> m_user_agent_rule_cache;
  184. JS::Handle<CSSStyleSheet> m_user_style_sheet;
  185. using FontLoaderList = Vector<NonnullOwnPtr<FontLoader>>;
  186. HashMap<FontFaceKey, FontLoaderList> m_loaded_fonts;
  187. Length::FontMetrics m_default_font_metrics;
  188. Length::FontMetrics m_root_element_font_metrics;
  189. CSSPixelRect m_viewport_rect;
  190. CountingBloomFilter<u8, 14> m_ancestor_filter;
  191. };
  192. class FontLoader : public ResourceClient {
  193. public:
  194. FontLoader(StyleComputer& style_computer, FlyString family_name, Vector<Gfx::UnicodeRange> unicode_ranges, Vector<URL::URL> urls, ESCAPING Function<void(FontLoader const&)> on_load = {}, ESCAPING Function<void()> on_fail = {});
  195. virtual ~FontLoader() override;
  196. Vector<Gfx::UnicodeRange> const& unicode_ranges() const { return m_unicode_ranges; }
  197. RefPtr<Gfx::Typeface> vector_font() const { return m_vector_font; }
  198. RefPtr<Gfx::Font> font_with_point_size(float point_size);
  199. void start_loading_next_url();
  200. bool is_loading() const { return resource() && resource()->is_pending(); }
  201. private:
  202. // ^ResourceClient
  203. virtual void resource_did_load() override;
  204. virtual void resource_did_fail() override;
  205. void resource_did_load_or_fail();
  206. ErrorOr<NonnullRefPtr<Gfx::Typeface>> try_load_font();
  207. StyleComputer& m_style_computer;
  208. FlyString m_family_name;
  209. Vector<Gfx::UnicodeRange> m_unicode_ranges;
  210. RefPtr<Gfx::Typeface> m_vector_font;
  211. Vector<URL::URL> m_urls;
  212. Function<void(FontLoader const&)> m_on_load;
  213. Function<void()> m_on_fail;
  214. };
  215. }