RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 17:17:44 +00:00
Code Issues Activity Actions

LibWeb: Flesh out implementation of ResizeObserver interfaces

Browse source 
Adds the initial implementation for interfaces defined in the
ResizeObserver specification. These interfaces will be used to
construct and send observation events in the upcoming changes.
This commit is contained in:
Aliaksandr Kalenik 2024-02-19 05:06:39 +01:00 • committed by Andreas Kling
parent fb4c632309
commit fb8edcea00
15 changed files with 494 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

102
Userland/Libraries/LibWeb/ResizeObserver/ResizeObserverEntry.cpp Normal file
View file

@ -0,0 +1,102 @@
/*
* Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#include <LibJS/Heap/Heap.h>
#include <LibWeb/Bindings/ExceptionOrUtils.h>
#include <LibWeb/Bindings/Intrinsics.h>
#include <LibWeb/Bindings/ResizeObserverEntryPrototype.h>
#include <LibWeb/Painting/PaintableBox.h>
#include <LibWeb/ResizeObserver/ResizeObserverEntry.h>
namespace Web::ResizeObserver {
JS_DEFINE_ALLOCATOR(ResizeObserverEntry);
// https://drafts.csswg.org/resize-observer-1/#create-and-populate-resizeobserverentry-h
WebIDL::ExceptionOr<JS::NonnullGCPtr<ResizeObserverEntry>> ResizeObserverEntry::create_and_populate(JS::Realm& realm, DOM::Element& target)
{
// 1. Let this be a new ResizeObserverEntry.
// 2. Set this.target slot to target.
auto resize_observer_entry = realm.heap().allocate<ResizeObserverEntry>(realm, realm, target);
// 3. Set this.borderBoxSize slot to result of calculating box size given target and observedBox of "border-box".
auto border_box_size = ResizeObserverSize::calculate_box_size(realm, target, Bindings::ResizeObserverBoxOptions::BorderBox);
resize_observer_entry->m_border_box_size.append(border_box_size);
// 4. Set this.contentBoxSize slot to result of calculating box size given target and observedBox of "content-box".
auto content_box_size = ResizeObserverSize::calculate_box_size(realm, target, Bindings::ResizeObserverBoxOptions::ContentBox);
resize_observer_entry->m_content_box_size.append(content_box_size);
// 5. Set this.devicePixelContentBoxSize slot to result of calculating box size given target and observedBox of "device-pixel-content-box".
auto device_pixel_content_box_size = ResizeObserverSize::calculate_box_size(realm, target, Bindings::ResizeObserverBoxOptions::DevicePixelContentBox);
resize_observer_entry->m_device_pixel_content_box_size.append(device_pixel_content_box_size);
// 6. Set this.contentRect to logical this.contentBoxSize given target and observedBox of "content-box".
double x = 0;
double y = 0;
double width = content_box_size->inline_size();
double height = content_box_size->block_size();
// 7. If target is not an SVG element or target is an SVG element with an associated CSS layout box do these steps:
if (!target.is_svg_element() && target.paintable_box()) {
auto const& paintable_box = *target.paintable_box();
auto absolute_padding_rect = paintable_box.absolute_padding_box_rect();
// Set this.contentRect.top to target.padding top.
y = absolute_padding_rect.y().to_double();
// Set this.contentRect.left to target.padding left.
x = absolute_padding_rect.x().to_double();
} else if (target.is_svg_element() && target.paintable_box()) {
// 8. If target is an SVG element without an associated CSS layout box do these steps:
// Set this.contentRect.top and this.contentRect.left to 0.
// NOTE: This is already done by the default constructor.
}
resize_observer_entry->m_content_rect = MUST(Geometry::DOMRectReadOnly::construct_impl(realm, x, y, width, height));
return resize_observer_entry;
}
void ResizeObserverEntry::initialize(JS::Realm& realm)
{
Base::initialize(realm);
set_prototype(&Bindings::ensure_web_prototype<Bindings::ResizeObserverEntryPrototype>(realm, "ResizeObserverEntry"_fly_string));
}
void ResizeObserverEntry::visit_edges(JS::Cell::Visitor& visitor)
{
Base::visit_edges(visitor);
visitor.visit(m_target);
for (auto& size : m_content_box_size)
visitor.visit(size);
for (auto& size : m_border_box_size)
visitor.visit(size);
}
static JS::NonnullGCPtr<JS::Object> to_js_array(JS::Realm& realm, Vector<JS::NonnullGCPtr<ResizeObserverSize>> const& sizes)
{
Vector<JS::Value> vector;
for (auto const& size : sizes)
vector.append(JS::Value(size.ptr()));
auto array = JS::Array::create_from(realm, vector);
MUST(array->set_integrity_level(JS::Object::IntegrityLevel::Frozen));
return array;
}
JS::NonnullGCPtr<JS::Object> ResizeObserverEntry::border_box_size_js_array() const
{
return to_js_array(realm(), m_border_box_size);
}
JS::NonnullGCPtr<JS::Object> ResizeObserverEntry::content_box_size_js_array() const
{
return to_js_array(realm(), m_content_box_size);
}
JS::NonnullGCPtr<JS::Object> ResizeObserverEntry::device_pixel_content_box_size_js_array() const
{
return to_js_array(realm(), m_device_pixel_content_box_size);
}
}