KeyframeEffect.h 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. /*
  2. * Copyright (c) 2023-2024, Matthew Olsson <mattco@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #pragma once
  7. #include <AK/Optional.h>
  8. #include <AK/RedBlackTree.h>
  9. #include <LibWeb/Animations/AnimationEffect.h>
  10. #include <LibWeb/Bindings/KeyframeEffectPrototype.h>
  11. #include <LibWeb/Bindings/PlatformObject.h>
  12. #include <LibWeb/CSS/PropertyID.h>
  13. #include <LibWeb/CSS/Selector.h>
  14. #include <LibWeb/CSS/StyleValue.h>
  15. namespace Web::Animations {
  16. using EasingValue = Variant<String, NonnullRefPtr<CSS::StyleValue const>>;
  17. // https://www.w3.org/TR/web-animations-1/#the-keyframeeffectoptions-dictionary
  18. struct KeyframeEffectOptions : public EffectTiming {
  19. Bindings::CompositeOperation composite { Bindings::CompositeOperation::Replace };
  20. Optional<String> pseudo_element {};
  21. };
  22. // https://www.w3.org/TR/web-animations-1/#dictdef-basepropertyindexedkeyframe
  23. // Note: This is an intermediate structure used only when parsing Keyframes provided by the caller in a slightly
  24. // different format. It is converted to BaseKeyframe, which is why it doesn't need to store the parsed properties
  25. struct BasePropertyIndexedKeyframe {
  26. Variant<Optional<double>, Vector<Optional<double>>> offset { Vector<Optional<double>> {} };
  27. Variant<EasingValue, Vector<EasingValue>> easing { Vector<EasingValue> {} };
  28. Variant<Bindings::CompositeOperationOrAuto, Vector<Bindings::CompositeOperationOrAuto>> composite { Vector<Bindings::CompositeOperationOrAuto> {} };
  29. HashMap<String, Vector<String>> properties {};
  30. };
  31. // https://www.w3.org/TR/web-animations-1/#dictdef-basekeyframe
  32. struct BaseKeyframe {
  33. using UnparsedProperties = HashMap<String, String>;
  34. using ParsedProperties = HashMap<CSS::PropertyID, NonnullRefPtr<CSS::StyleValue const>>;
  35. Optional<double> offset {};
  36. EasingValue easing { "linear"_string };
  37. Bindings::CompositeOperationOrAuto composite { Bindings::CompositeOperationOrAuto::Auto };
  38. Optional<double> computed_offset {};
  39. Variant<UnparsedProperties, ParsedProperties> properties { UnparsedProperties {} };
  40. UnparsedProperties& unparsed_properties() { return properties.get<UnparsedProperties>(); }
  41. ParsedProperties& parsed_properties() { return properties.get<ParsedProperties>(); }
  42. };
  43. // https://www.w3.org/TR/web-animations-1/#the-keyframeeffect-interface
  44. class KeyframeEffect : public AnimationEffect {
  45. WEB_PLATFORM_OBJECT(KeyframeEffect, AnimationEffect);
  46. JS_DECLARE_ALLOCATOR(KeyframeEffect);
  47. public:
  48. constexpr static double AnimationKeyFrameKeyScaleFactor = 1000.0; // 0..100000
  49. struct KeyFrameSet : public RefCounted<KeyFrameSet> {
  50. struct UseInitial { };
  51. struct ResolvedKeyFrame {
  52. HashMap<CSS::PropertyID, Variant<UseInitial, NonnullRefPtr<CSS::StyleValue const>>> resolved_properties {};
  53. };
  54. RedBlackTree<u64, ResolvedKeyFrame> keyframes_by_key;
  55. };
  56. static void generate_initial_and_final_frames(RefPtr<KeyFrameSet>, HashTable<CSS::PropertyID> const& animated_properties);
  57. static int composite_order(JS::NonnullGCPtr<KeyframeEffect>, JS::NonnullGCPtr<KeyframeEffect>);
  58. static JS::NonnullGCPtr<KeyframeEffect> create(JS::Realm&);
  59. static WebIDL::ExceptionOr<JS::NonnullGCPtr<KeyframeEffect>> construct_impl(
  60. JS::Realm&,
  61. JS::Handle<DOM::Element> const& target,
  62. Optional<JS::Handle<JS::Object>> const& keyframes,
  63. Variant<double, KeyframeEffectOptions> options = KeyframeEffectOptions {});
  64. static WebIDL::ExceptionOr<JS::NonnullGCPtr<KeyframeEffect>> construct_impl(JS::Realm&, JS::NonnullGCPtr<KeyframeEffect> source);
  65. DOM::Element* target() const override { return m_target_element; }
  66. void set_target(DOM::Element* target);
  67. // JS bindings
  68. Optional<StringView> pseudo_element() const { return m_target_pseudo_selector->name(); }
  69. WebIDL::ExceptionOr<void> set_pseudo_element(Optional<String>);
  70. Optional<CSS::Selector::PseudoElement::Type> pseudo_element_type() const;
  71. void set_pseudo_element(Optional<CSS::Selector::PseudoElement> pseudo_element) { m_target_pseudo_selector = pseudo_element; }
  72. Bindings::CompositeOperation composite() const { return m_composite; }
  73. void set_composite(Bindings::CompositeOperation value) { m_composite = value; }
  74. WebIDL::ExceptionOr<Vector<JS::Object*>> get_keyframes();
  75. WebIDL::ExceptionOr<void> set_keyframes(Optional<JS::Handle<JS::Object>> const&);
  76. KeyFrameSet const* key_frame_set() { return m_key_frame_set; }
  77. void set_key_frame_set(RefPtr<KeyFrameSet const> key_frame_set) { m_key_frame_set = key_frame_set; }
  78. virtual bool is_keyframe_effect() const override { return true; }
  79. virtual void update_style_properties() override;
  80. private:
  81. KeyframeEffect(JS::Realm&);
  82. virtual ~KeyframeEffect() override = default;
  83. virtual void initialize(JS::Realm&) override;
  84. virtual void visit_edges(Cell::Visitor&) override;
  85. // https://www.w3.org/TR/web-animations-1/#effect-target-target-element
  86. JS::GCPtr<DOM::Element> m_target_element {};
  87. // https://www.w3.org/TR/web-animations-1/#dom-keyframeeffect-pseudoelement
  88. Optional<CSS::Selector::PseudoElement> m_target_pseudo_selector {};
  89. // https://www.w3.org/TR/web-animations-1/#dom-keyframeeffect-composite
  90. Bindings::CompositeOperation m_composite { Bindings::CompositeOperation::Replace };
  91. // https://www.w3.org/TR/web-animations-1/#keyframe
  92. Vector<BaseKeyframe> m_keyframes {};
  93. // A cached version of m_keyframes suitable for returning from get_keyframes()
  94. Vector<JS::Object*> m_keyframe_objects {};
  95. RefPtr<KeyFrameSet const> m_key_frame_set {};
  96. };
  97. }