/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at https://mozilla.org/MPL/2.0/. */ // Work around https://github.com/rust-lang/rust/issues/62132 #![recursion_limit = "128"] //! Layout. Performs layout on the DOM, builds display lists and sends them to be //! painted. use std::cell::{Cell, RefCell}; use std::collections::HashMap; use std::fmt::Debug; use std::process; use std::sync::{Arc, LazyLock}; use app_units::Au; use base::cross_process_instant::CrossProcessInstant; use base::id::{PipelineId, WebViewId}; use base::Epoch; use embedder_traits::resources::{self, Resource}; use euclid::default::{Point2D as UntypedPoint2D, Rect as UntypedRect, Size2D as UntypedSize2D}; use euclid::{Point2D, Scale, Size2D, Vector2D}; use fnv::FnvHashMap; use fonts::{FontContext, FontContextWebFontMethods}; use fonts_traits::WebFontLoadFinishedCallback; use fxhash::FxHashMap; use ipc_channel::ipc::IpcSender; use layout::context::LayoutContext; use layout::display_list::{DisplayList, WebRenderImageInfo}; use layout::query::{ get_the_text_steps, process_content_box_request, process_content_boxes_request, process_node_geometry_request, process_node_scroll_area_request, process_offset_parent_query, process_resolved_font_style_query, process_resolved_style_request, process_text_index_request, }; use layout::traversal::RecalcStyle; use layout::{BoxTree, FragmentTree}; use log::{debug, error}; use malloc_size_of::{MallocSizeOf, MallocSizeOfOps}; use metrics::{PaintTimeMetrics, ProfilerMetadataFactory}; use net_traits::image_cache::{ImageCache, UsePlaceholder}; use parking_lot::{Mutex, RwLock}; use profile_traits::mem::{Report, ReportKind}; use profile_traits::time::{ self as profile_time, TimerMetadata, TimerMetadataFrameType, TimerMetadataReflowType, }; use profile_traits::{path, time_profile}; use script::layout_dom::{ServoLayoutElement, ServoLayoutNode}; use script_layout_interface::{ Layout, LayoutConfig, LayoutFactory, NodesFromPointQueryType, OffsetParentResponse, ReflowGoal, ReflowRequest, ReflowResult, TrustedNodeAddress, }; use script_traits::{ DrawAPaintImageResult, PaintWorkletError, Painter, ScriptThreadMessage, ScrollState, UntrustedNodeAddress, WindowSizeData, }; use servo_arc::Arc as ServoArc; use servo_atoms::Atom; use servo_config::opts::{self, DebugOptions}; use servo_config::pref; use servo_url::ServoUrl; use style::animation::DocumentAnimationSet; use style::context::{ QuirksMode, RegisteredSpeculativePainter, RegisteredSpeculativePainters, SharedStyleContext, }; use style::dom::{OpaqueNode, TElement, TNode}; use style::error_reporting::RustLogReporter; use style::font_metrics::FontMetrics; use style::global_style_data::GLOBAL_STYLE_DATA; use style::invalidation::element::restyle_hints::RestyleHint; use style::media_queries::{Device, MediaList, MediaType}; use style::properties::style_structs::Font; use style::properties::{ComputedValues, PropertyId}; use style::queries::values::PrefersColorScheme; use style::selector_parser::{PseudoElement, SnapshotMap}; use style::servo::media_queries::FontMetricsProvider; use style::shared_lock::{SharedRwLock, SharedRwLockReadGuard, StylesheetGuards}; use style::stylesheets::{ DocumentStyleSheet, Origin, Stylesheet, StylesheetInDocument, UrlExtraData, UserAgentStylesheets, }; use style::stylist::Stylist; use style::traversal::DomTraversal; use style::traversal_flags::TraversalFlags; use style::values::computed::font::GenericFontFamily; use style::values::computed::{CSSPixelLength, FontSize, Length, NonNegativeLength}; use style::values::specified::font::KeywordInfo; use style::{driver, Zero}; use style_traits::{CSSPixel, SpeculativePainter}; use url::Url; use webrender_api::units::{DevicePixel, LayoutPixel}; use webrender_api::{units, ExternalScrollId, HitTestFlags}; use webrender_traits::CrossProcessCompositorApi; // This mutex is necessary due to syncronisation issues between two different types of thread-local storage // which manifest themselves when the layout thread tries to layout iframes in parallel with the main page // // See: https://github.com/servo/servo/pull/29792 // And: https://gist.github.com/mukilan/ed57eb61b83237a05fbf6360ec5e33b0 static STYLE_THREAD_POOL: Mutex<&style::global_style_data::STYLE_THREAD_POOL> = Mutex::new(&style::global_style_data::STYLE_THREAD_POOL); /// Information needed by layout. pub struct LayoutThread { /// The ID of the pipeline that we belong to. id: PipelineId, /// The webview that contains the pipeline we belong to. webview_id: WebViewId, /// The URL of the pipeline that we belong to. url: ServoUrl, /// Performs CSS selector matching and style resolution. stylist: Stylist, /// Is the current reflow of an iframe, as opposed to a root window? is_iframe: bool, /// The channel on which messages can be sent to the script thread. script_chan: IpcSender, /// The channel on which messages can be sent to the time profiler. time_profiler_chan: profile_time::ProfilerChan, /// Reference to the script thread image cache. image_cache: Arc, /// A FontContext to be used during layout. font_context: Arc, /// Is this the first reflow in this LayoutThread? first_reflow: Cell, /// Starts at zero, and increased by one every time a layout completes. /// This can be used to easily check for invalid stale data. generation: Cell, /// The box tree. box_tree: RefCell>>, /// The fragment tree. fragment_tree: RefCell>>, /// A counter for epoch messages epoch: Cell, /// The size of the viewport. This may be different from the size of the screen due to viewport /// constraints. viewport_size: UntypedSize2D, /// Scroll offsets of nodes that scroll. scroll_offsets: RefCell>>, webrender_image_cache: Arc>>, /// The executors for paint worklets. registered_painters: RegisteredPaintersImpl, /// Cross-process access to the Compositor API. compositor_api: CrossProcessCompositorApi, /// Paint time metrics. paint_time_metrics: PaintTimeMetrics, /// Debug options, copied from configuration to this `LayoutThread` in order /// to avoid having to constantly access the thread-safe global options. debug: DebugOptions, } pub struct LayoutFactoryImpl(); impl LayoutFactory for LayoutFactoryImpl { fn create(&self, config: LayoutConfig) -> Box { Box::new(LayoutThread::new(config)) } } impl Drop for LayoutThread { fn drop(&mut self) { let (keys, instance_keys) = self .font_context .collect_unused_webrender_resources(true /* all */); self.compositor_api .remove_unused_font_resources(keys, instance_keys) } } impl Layout for LayoutThread { fn device(&self) -> &Device { self.stylist.device() } fn current_epoch(&self) -> Epoch { self.epoch.get() } fn load_web_fonts_from_stylesheet(&self, stylesheet: ServoArc) { let guard = stylesheet.shared_lock.read(); self.load_all_web_fonts_from_stylesheet_with_guard( &DocumentStyleSheet(stylesheet.clone()), &guard, ); } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn add_stylesheet( &mut self, stylesheet: ServoArc, before_stylesheet: Option>, ) { let guard = stylesheet.shared_lock.read(); let stylesheet = DocumentStyleSheet(stylesheet.clone()); self.load_all_web_fonts_from_stylesheet_with_guard(&stylesheet, &guard); match before_stylesheet { Some(insertion_point) => self.stylist.insert_stylesheet_before( stylesheet, DocumentStyleSheet(insertion_point), &guard, ), None => self.stylist.append_stylesheet(stylesheet, &guard), } } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn remove_stylesheet(&mut self, stylesheet: ServoArc) { let guard = stylesheet.shared_lock.read(); let stylesheet = DocumentStyleSheet(stylesheet.clone()); self.stylist.remove_stylesheet(stylesheet.clone(), &guard); self.font_context .remove_all_web_fonts_from_stylesheet(&stylesheet); } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_content_box(&self, node: OpaqueNode) -> Option> { process_content_box_request(node, self.fragment_tree.borrow().clone()) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_content_boxes(&self, node: OpaqueNode) -> Vec> { process_content_boxes_request(node, self.fragment_tree.borrow().clone()) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_client_rect(&self, node: OpaqueNode) -> UntypedRect { process_node_geometry_request(node, self.fragment_tree.borrow().clone()) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_element_inner_outer_text( &self, node: script_layout_interface::TrustedNodeAddress, ) -> String { let node = unsafe { ServoLayoutNode::new(&node) }; get_the_text_steps(node) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_nodes_from_point( &self, point: UntypedPoint2D, query_type: NodesFromPointQueryType, ) -> Vec { let mut flags = match query_type { NodesFromPointQueryType::Topmost => HitTestFlags::empty(), NodesFromPointQueryType::All => HitTestFlags::FIND_ALL, }; // The point we get is not relative to the entire WebRender scene, but to this // particular pipeline, so we need to tell WebRender about that. flags.insert(HitTestFlags::POINT_RELATIVE_TO_PIPELINE_VIEWPORT); let client_point = units::DevicePoint::from_untyped(point); let results = self .compositor_api .hit_test(Some(self.id.into()), client_point, flags); results.iter().map(|result| result.node.into()).collect() } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_offset_parent(&self, node: OpaqueNode) -> OffsetParentResponse { process_offset_parent_query(node, self.fragment_tree.borrow().clone()) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_resolved_style( &self, node: TrustedNodeAddress, pseudo: Option, property_id: PropertyId, animations: DocumentAnimationSet, animation_timeline_value: f64, ) -> String { let node = unsafe { ServoLayoutNode::new(&node) }; let document = node.owner_doc(); let document_shared_lock = document.style_shared_lock(); let guards = StylesheetGuards { author: &document_shared_lock.read(), ua_or_user: &UA_STYLESHEETS.shared_lock.read(), }; let snapshot_map = SnapshotMap::new(); let shared_style_context = self.build_shared_style_context( guards, &snapshot_map, animation_timeline_value, &animations, TraversalFlags::empty(), ); let fragment_tree = self.fragment_tree.borrow().clone(); process_resolved_style_request( &shared_style_context, node, &pseudo, &property_id, fragment_tree, ) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_resolved_font_style( &self, node: TrustedNodeAddress, value: &str, animations: DocumentAnimationSet, animation_timeline_value: f64, ) -> Option> { let node = unsafe { ServoLayoutNode::new(&node) }; let document = node.owner_doc(); let document_shared_lock = document.style_shared_lock(); let guards = StylesheetGuards { author: &document_shared_lock.read(), ua_or_user: &UA_STYLESHEETS.shared_lock.read(), }; let snapshot_map = SnapshotMap::new(); let shared_style_context = self.build_shared_style_context( guards, &snapshot_map, animation_timeline_value, &animations, TraversalFlags::empty(), ); process_resolved_font_style_query( &shared_style_context, node, value, self.url.clone(), document_shared_lock, ) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_scrolling_area(&self, node: Option) -> UntypedRect { process_node_scroll_area_request(node, self.fragment_tree.borrow().clone()) } #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn query_text_indext( &self, node: OpaqueNode, point_in_node: UntypedPoint2D, ) -> Option { let point_in_node = Point2D::new( Au::from_f32_px(point_in_node.x), Au::from_f32_px(point_in_node.y), ); process_text_index_request(node, point_in_node) } fn exit_now(&mut self) {} fn collect_reports(&self, reports: &mut Vec) { // Servo uses vanilla jemalloc, which doesn't have a // malloc_enclosing_size_of function. let mut ops = MallocSizeOfOps::new(servo_allocator::usable_size, None, None); // TODO: Measure more than just display list, stylist, and font context. let formatted_url = &format!("url({})", self.url); reports.push(Report { path: path![formatted_url, "layout-thread", "display-list"], kind: ReportKind::ExplicitJemallocHeapSize, size: 0, }); reports.push(Report { path: path![formatted_url, "layout-thread", "stylist"], kind: ReportKind::ExplicitJemallocHeapSize, size: self.stylist.size_of(&mut ops), }); reports.push(Report { path: path![formatted_url, "layout-thread", "font-context"], kind: ReportKind::ExplicitJemallocHeapSize, size: self.font_context.size_of(&mut ops), }); } fn set_quirks_mode(&mut self, quirks_mode: QuirksMode) { self.stylist.set_quirks_mode(quirks_mode); } fn reflow(&mut self, reflow_request: ReflowRequest) -> Option { time_profile!( profile_time::ProfilerCategory::LayoutPerform, self.profiler_metadata(), self.time_profiler_chan.clone(), || self.handle_reflow(reflow_request), ) } fn register_paint_worklet_modules( &mut self, _name: Atom, _properties: Vec, _painter: Box, ) { } fn set_scroll_states(&mut self, scroll_states: &[ScrollState]) { *self.scroll_offsets.borrow_mut() = scroll_states .iter() .map(|scroll_state| (scroll_state.scroll_id, scroll_state.scroll_offset)) .collect(); } fn set_epoch_paint_time(&mut self, epoch: Epoch, paint_time: CrossProcessInstant) { self.paint_time_metrics.maybe_set_metric(epoch, paint_time); } } impl LayoutThread { fn new(config: LayoutConfig) -> LayoutThread { // Let webrender know about this pipeline by sending an empty display list. config .compositor_api .send_initial_transaction(config.id.into()); let mut font = Font::initial_values(); let default_font_size = pref!(fonts_default_size); font.font_size = FontSize { computed_size: NonNegativeLength::new(default_font_size as f32), used_size: NonNegativeLength::new(default_font_size as f32), keyword_info: KeywordInfo::medium(), }; // The device pixel ratio is incorrect (it does not have the hidpi value), // but it will be set correctly when the initial reflow takes place. let device = Device::new( MediaType::screen(), QuirksMode::NoQuirks, config.window_size.initial_viewport, Scale::new(config.window_size.device_pixel_ratio.get()), Box::new(LayoutFontMetricsProvider(config.font_context.clone())), ComputedValues::initial_values_with_font_override(font), // TODO: obtain preferred color scheme from embedder PrefersColorScheme::Light, ); LayoutThread { id: config.id, webview_id: config.webview_id, url: config.url, is_iframe: config.is_iframe, script_chan: config.script_chan.clone(), time_profiler_chan: config.time_profiler_chan, registered_painters: RegisteredPaintersImpl(Default::default()), image_cache: config.image_cache, font_context: config.font_context, first_reflow: Cell::new(true), generation: Cell::new(0), box_tree: Default::default(), fragment_tree: Default::default(), // Epoch starts at 1 because of the initial display list for epoch 0 that we send to WR epoch: Cell::new(Epoch(1)), viewport_size: Size2D::new( Au::from_f32_px(config.window_size.initial_viewport.width), Au::from_f32_px(config.window_size.initial_viewport.height), ), compositor_api: config.compositor_api, scroll_offsets: Default::default(), stylist: Stylist::new(device, QuirksMode::NoQuirks), webrender_image_cache: Default::default(), paint_time_metrics: config.paint_time_metrics, debug: opts::get().debug.clone(), } } fn build_shared_style_context<'a>( &'a self, guards: StylesheetGuards<'a>, snapshot_map: &'a SnapshotMap, animation_timeline_value: f64, animations: &DocumentAnimationSet, traversal_flags: TraversalFlags, ) -> SharedStyleContext<'a> { SharedStyleContext { stylist: &self.stylist, options: GLOBAL_STYLE_DATA.options.clone(), guards, visited_styles_enabled: false, animations: animations.clone(), registered_speculative_painters: &self.registered_painters, current_time_for_animations: animation_timeline_value, traversal_flags, snapshot_map, } } #[allow(clippy::too_many_arguments)] // Create a layout context for use in building display lists, hit testing, &c. #[allow(clippy::too_many_arguments)] fn build_layout_context<'a>( &'a self, guards: StylesheetGuards<'a>, snapshot_map: &'a SnapshotMap, reflow_request: &ReflowRequest, use_rayon: bool, ) -> LayoutContext<'a> { let traversal_flags = match reflow_request.stylesheets_changed { true => TraversalFlags::ForCSSRuleChanges, false => TraversalFlags::empty(), }; LayoutContext { id: self.id, origin: reflow_request.origin.clone(), style_context: self.build_shared_style_context( guards, snapshot_map, reflow_request.animation_timeline_value, &reflow_request.animations, traversal_flags, ), image_cache: self.image_cache.clone(), font_context: self.font_context.clone(), webrender_image_cache: self.webrender_image_cache.clone(), pending_images: Mutex::default(), iframe_sizes: Mutex::default(), use_rayon, } } fn load_all_web_fonts_from_stylesheet_with_guard( &self, stylesheet: &DocumentStyleSheet, guard: &SharedRwLockReadGuard, ) { if !stylesheet.is_effective_for_device(self.stylist.device(), guard) { return; } let locked_script_channel = Mutex::new(self.script_chan.clone()); let pipeline_id = self.id; let web_font_finished_loading_callback = move |succeeded: bool| { let _ = locked_script_channel .lock() .send(ScriptThreadMessage::WebFontLoaded(pipeline_id, succeeded)); }; self.font_context.add_all_web_fonts_from_stylesheet( self.webview_id, stylesheet, guard, self.stylist.device(), Arc::new(web_font_finished_loading_callback) as WebFontLoadFinishedCallback, ); } /// The high-level routine that performs layout. #[cfg_attr( feature = "tracing", tracing::instrument(skip_all, fields(servo_profiling = true), level = "trace") )] fn handle_reflow(&mut self, mut reflow_request: ReflowRequest) -> Option { let document = unsafe { ServoLayoutNode::new(&reflow_request.document) }; let document = document.as_document().unwrap(); let Some(root_element) = document.root_element() else { debug!("layout: No root node: bailing"); return None; }; // Calculate the actual viewport as per DEVICE-ADAPT ยง 6 // If the entire flow tree is invalid, then it will be reflowed anyhow. let document_shared_lock = document.style_shared_lock(); let author_guard = document_shared_lock.read(); let ua_stylesheets = &*UA_STYLESHEETS; let ua_or_user_guard = ua_stylesheets.shared_lock.read(); let guards = StylesheetGuards { author: &author_guard, ua_or_user: &ua_or_user_guard, }; let had_used_viewport_units = self.stylist.device().used_viewport_units(); let viewport_size_changed = self.viewport_did_change(reflow_request.window_size); let theme_changed = self.theme_did_change(reflow_request.theme); if viewport_size_changed || theme_changed { self.update_device(reflow_request.window_size, reflow_request.theme, &guards); } if viewport_size_changed && had_used_viewport_units { if let Some(mut data) = root_element.mutate_data() { data.hint.insert(RestyleHint::recascade_subtree()); } } if self.first_reflow.get() { for stylesheet in &ua_stylesheets.user_or_user_agent_stylesheets { self.stylist .append_stylesheet(stylesheet.clone(), &ua_or_user_guard); self.load_all_web_fonts_from_stylesheet_with_guard(stylesheet, &ua_or_user_guard); } if self.stylist.quirks_mode() != QuirksMode::NoQuirks { self.stylist.append_stylesheet( ua_stylesheets.quirks_mode_stylesheet.clone(), &ua_or_user_guard, ); self.load_all_web_fonts_from_stylesheet_with_guard( &ua_stylesheets.quirks_mode_stylesheet, &ua_or_user_guard, ); } } if reflow_request.stylesheets_changed { self.stylist .force_stylesheet_origins_dirty(Origin::Author.into()); } // Flush shadow roots stylesheets if dirty. document.flush_shadow_roots_stylesheets(&mut self.stylist, guards.author); let restyles = std::mem::take(&mut reflow_request.pending_restyles); debug!("Draining restyles: {}", restyles.len()); let mut map = SnapshotMap::new(); let elements_with_snapshot: Vec<_> = restyles .iter() .filter(|r| r.1.snapshot.is_some()) .map(|r| unsafe { ServoLayoutNode::new(&r.0).as_element().unwrap() }) .collect(); for (el, restyle) in restyles { let el = unsafe { ServoLayoutNode::new(&el).as_element().unwrap() }; // If we haven't styled this node yet, we don't need to track a // restyle. let mut style_data = match el.mutate_data() { Some(d) => d, None => { unsafe { el.unset_snapshot_flags() }; continue; }, }; if let Some(s) = restyle.snapshot { unsafe { el.set_has_snapshot() }; map.insert(el.as_node().opaque(), s); } // Stash the data on the element for processing by the style system. style_data.hint.insert(restyle.hint); style_data.damage = restyle.damage; debug!("Noting restyle for {:?}: {:?}", el, style_data); } self.stylist.flush(&guards, Some(root_element), Some(&map)); let rayon_pool = STYLE_THREAD_POOL.lock(); let rayon_pool = rayon_pool.pool(); let rayon_pool = rayon_pool.as_ref(); // Create a layout context for use throughout the following passes. let mut layout_context = self.build_layout_context(guards.clone(), &map, &reflow_request, rayon_pool.is_some()); let dirty_root = unsafe { ServoLayoutNode::new(&reflow_request.dirty_root.unwrap()) .as_element() .unwrap() }; let traversal = RecalcStyle::new(layout_context); let token = { let shared = DomTraversal::::shared_context(&traversal); RecalcStyle::pre_traverse(dirty_root, shared) }; if token.should_traverse() { #[cfg(feature = "tracing")] let _span = tracing::trace_span!("driver::traverse_dom", servo_profiling = true).entered(); let dirty_root: ServoLayoutNode = driver::traverse_dom(&traversal, token, rayon_pool).as_node(); let root_node = root_element.as_node(); let mut box_tree = self.box_tree.borrow_mut(); let box_tree = &mut *box_tree; let mut build_box_tree = || { if !BoxTree::update(traversal.context(), dirty_root) { *box_tree = Some(Arc::new(BoxTree::construct(traversal.context(), root_node))); } }; if let Some(pool) = rayon_pool { pool.install(build_box_tree) } else { build_box_tree() }; let viewport_size = Size2D::new( self.viewport_size.width.to_f32_px(), self.viewport_size.height.to_f32_px(), ); let run_layout = || { box_tree .as_ref() .unwrap() .layout(traversal.context(), viewport_size) }; let fragment_tree = Arc::new(if let Some(pool) = rayon_pool { pool.install(run_layout) } else { run_layout() }); *self.fragment_tree.borrow_mut() = Some(fragment_tree); } layout_context = traversal.destroy(); for element in elements_with_snapshot { unsafe { element.unset_snapshot_flags() } } if self.debug.dump_style_tree { println!( "{:?}", style::dom::ShowSubtreeDataAndPrimaryValues(root_element.as_node()) ); } if self.debug.dump_rule_tree { layout_context .style_context .stylist .rule_tree() .dump_stdout(&guards); } // GC the rule tree if some heuristics are met. layout_context.style_context.stylist.rule_tree().maybe_gc(); // Perform post-style recalculation layout passes. if let Some(root) = &*self.fragment_tree.borrow() { self.perform_post_style_recalc_layout_passes( root.clone(), &reflow_request.reflow_goal, &mut layout_context, ); } self.first_reflow.set(false); if let ReflowGoal::UpdateScrollNode(scroll_state) = reflow_request.reflow_goal { self.update_scroll_node_state(&scroll_state); } let pending_images = std::mem::take(&mut *layout_context.pending_images.lock()); let iframe_sizes = std::mem::take(&mut *layout_context.iframe_sizes.lock()); Some(ReflowResult { pending_images, iframe_sizes, }) } fn update_scroll_node_state(&self, state: &ScrollState) { self.scroll_offsets .borrow_mut() .insert(state.scroll_id, state.scroll_offset); let point = Point2D::new(-state.scroll_offset.x, -state.scroll_offset.y); self.compositor_api.send_scroll_node( self.id.into(), units::LayoutPoint::from_untyped(point), state.scroll_id, ); } fn perform_post_style_recalc_layout_passes( &self, fragment_tree: Arc, reflow_goal: &ReflowGoal, context: &mut LayoutContext, ) { Self::cancel_animations_for_nodes_not_in_fragment_tree( &context.style_context.animations, &fragment_tree, ); if !reflow_goal.needs_display_list() { return; } let mut epoch = self.epoch.get(); epoch.next(); self.epoch.set(epoch); let viewport_size = units::LayoutSize::from_untyped(Size2D::new( self.viewport_size.width.to_f32_px(), self.viewport_size.height.to_f32_px(), )); let mut display_list = DisplayList::new( viewport_size, fragment_tree.scrollable_overflow(), self.id.into(), epoch.into(), fragment_tree.root_scroll_sensitivity, ); display_list.wr.begin(); // `dump_serialized_display_list` doesn't actually print anything. It sets up // the display list for printing the serialized version when `finalize()` is called. // We need to call this before adding any display items so that they are printed // during `finalize()`. if self.debug.dump_display_list { display_list.wr.dump_serialized_display_list(); } // Build the root stacking context. This turns the `FragmentTree` into a // tree of fragments in CSS painting order and also creates all // applicable spatial and clip nodes. let root_stacking_context = display_list.build_stacking_context_tree(&fragment_tree, &self.debug); // Build the rest of the display list which inclues all of the WebRender primitives. let is_contentful = display_list.build(context, &fragment_tree, &root_stacking_context); if self.debug.dump_flow_tree { fragment_tree.print(); } if self.debug.dump_stacking_context_tree { root_stacking_context.debug_print(); } debug!("Layout done!"); // Observe notifications about rendered frames if needed right before // sending the display list to WebRender in order to set time related // Progressive Web Metrics. self.paint_time_metrics .maybe_observe_paint_time(self, epoch, is_contentful); if reflow_goal.needs_display() { self.compositor_api .send_display_list(display_list.compositor_info, display_list.wr.end().1); let (keys, instance_keys) = self .font_context .collect_unused_webrender_resources(false /* all */); self.compositor_api .remove_unused_font_resources(keys, instance_keys) } self.generation.set(self.generation.get() + 1); } /// Returns profiling information which is passed to the time profiler. fn profiler_metadata(&self) -> Option { Some(TimerMetadata { url: self.url.to_string(), iframe: if self.is_iframe { TimerMetadataFrameType::IFrame } else { TimerMetadataFrameType::RootWindow }, incremental: if self.first_reflow.get() { TimerMetadataReflowType::FirstReflow } else { TimerMetadataReflowType::Incremental }, }) } /// Cancel animations for any nodes which have been removed from fragment tree. /// TODO(mrobinson): We should look into a way of doing this during flow tree construction. /// This also doesn't yet handles nodes that have been reparented. fn cancel_animations_for_nodes_not_in_fragment_tree( animations: &DocumentAnimationSet, root: &FragmentTree, ) { // Assume all nodes have been removed until proven otherwise. let mut animations = animations.sets.write(); let mut invalid_nodes = animations.keys().cloned().collect(); root.remove_nodes_in_fragment_tree_from_set(&mut invalid_nodes); // Cancel animations for any nodes that are no longer in the fragment tree. for node in &invalid_nodes { if let Some(state) = animations.get_mut(node) { state.cancel_all_animations(); } } } fn viewport_did_change(&mut self, window_size_data: WindowSizeData) -> bool { let new_pixel_ratio = window_size_data.device_pixel_ratio.get(); let new_viewport_size = Size2D::new( Au::from_f32_px(window_size_data.initial_viewport.width), Au::from_f32_px(window_size_data.initial_viewport.height), ); // TODO: eliminate self.viewport_size in favour of using self.device.au_viewport_size() self.viewport_size = new_viewport_size; let device = self.stylist.device(); let size_did_change = device.au_viewport_size() != new_viewport_size; let pixel_ratio_did_change = device.device_pixel_ratio().get() != new_pixel_ratio; size_did_change || pixel_ratio_did_change } fn theme_did_change(&self, theme: PrefersColorScheme) -> bool { theme != self.device().color_scheme() } /// Update layout given a new viewport. Returns true if the viewport changed or false if it didn't. fn update_device( &mut self, window_size_data: WindowSizeData, theme: PrefersColorScheme, guards: &StylesheetGuards, ) { let device = Device::new( MediaType::screen(), self.stylist.quirks_mode(), window_size_data.initial_viewport, Scale::new(window_size_data.device_pixel_ratio.get()), Box::new(LayoutFontMetricsProvider(self.font_context.clone())), self.stylist.device().default_computed_values().to_arc(), theme, ); // Preserve any previously computed root font size. device.set_root_font_size(self.stylist.device().root_font_size().px()); let sheet_origins_affected_by_device_change = self.stylist.set_device(device, guards); self.stylist .force_stylesheet_origins_dirty(sheet_origins_affected_by_device_change); } } impl ProfilerMetadataFactory for LayoutThread { fn new_metadata(&self) -> Option { self.profiler_metadata() } } fn get_ua_stylesheets() -> Result { fn parse_ua_stylesheet( shared_lock: &SharedRwLock, filename: &str, content: &[u8], ) -> Result { let url = Url::parse(&format!("chrome://resources/{:?}", filename)) .ok() .unwrap(); Ok(DocumentStyleSheet(ServoArc::new(Stylesheet::from_bytes( content, url.into(), None, None, Origin::UserAgent, MediaList::empty(), shared_lock.clone(), None, None, QuirksMode::NoQuirks, )))) } let shared_lock = &GLOBAL_STYLE_DATA.shared_lock; // FIXME: presentational-hints.css should be at author origin with zero specificity. // (Does it make a difference?) let mut user_or_user_agent_stylesheets = vec![ parse_ua_stylesheet( shared_lock, "user-agent.css", &resources::read_bytes(Resource::UserAgentCSS), )?, parse_ua_stylesheet( shared_lock, "servo.css", &resources::read_bytes(Resource::ServoCSS), )?, parse_ua_stylesheet( shared_lock, "presentational-hints.css", &resources::read_bytes(Resource::PresentationalHintsCSS), )?, ]; for (contents, url) in &opts::get().user_stylesheets { user_or_user_agent_stylesheets.push(DocumentStyleSheet(ServoArc::new( Stylesheet::from_bytes( contents, UrlExtraData(url.get_arc()), None, None, Origin::User, MediaList::empty(), shared_lock.clone(), None, Some(&RustLogReporter), QuirksMode::NoQuirks, ), ))); } let quirks_mode_stylesheet = parse_ua_stylesheet( shared_lock, "quirks-mode.css", &resources::read_bytes(Resource::QuirksModeCSS), )?; Ok(UserAgentStylesheets { shared_lock: shared_lock.clone(), user_or_user_agent_stylesheets, quirks_mode_stylesheet, }) } static UA_STYLESHEETS: LazyLock = LazyLock::new(|| match get_ua_stylesheets() { Ok(stylesheets) => stylesheets, Err(filename) => { error!("Failed to load UA stylesheet {}!", filename); process::exit(1); }, }); struct RegisteredPainterImpl { painter: Box, name: Atom, // FIXME: Should be a PrecomputedHashMap. properties: FxHashMap, } impl SpeculativePainter for RegisteredPainterImpl { fn speculatively_draw_a_paint_image( &self, properties: Vec<(Atom, String)>, arguments: Vec, ) { self.painter .speculatively_draw_a_paint_image(properties, arguments); } } impl RegisteredSpeculativePainter for RegisteredPainterImpl { fn properties(&self) -> &FxHashMap { &self.properties } fn name(&self) -> Atom { self.name.clone() } } impl Painter for RegisteredPainterImpl { fn draw_a_paint_image( &self, size: Size2D, device_pixel_ratio: Scale, properties: Vec<(Atom, String)>, arguments: Vec, ) -> Result { self.painter .draw_a_paint_image(size, device_pixel_ratio, properties, arguments) } } struct RegisteredPaintersImpl(FnvHashMap); impl RegisteredSpeculativePainters for RegisteredPaintersImpl { fn get(&self, name: &Atom) -> Option<&dyn RegisteredSpeculativePainter> { self.0 .get(name) .map(|painter| painter as &dyn RegisteredSpeculativePainter) } } struct LayoutFontMetricsProvider(Arc); impl FontMetricsProvider for LayoutFontMetricsProvider { fn query_font_metrics( &self, _vertical: bool, font: &Font, base_size: CSSPixelLength, _in_media_query: bool, _retrieve_math_scales: bool, ) -> FontMetrics { let font_context = &self.0; let font_group = self .0 .font_group_with_size(ServoArc::new(font.clone()), base_size.into()); let Some(first_font_metrics) = font_group .write() .first(font_context) .map(|font| font.metrics.clone()) else { return Default::default(); }; // Only use the x-height of this font if it is non-zero. Some fonts return // inaccurate metrics, which shouldn't be used. let x_height = Some(first_font_metrics.x_height) .filter(|x_height| !x_height.is_zero()) .map(CSSPixelLength::from); let zero_advance_measure = first_font_metrics .zero_horizontal_advance .or_else(|| { font_group .write() .find_by_codepoint(font_context, '0', None)? .metrics .zero_horizontal_advance }) .map(CSSPixelLength::from); let ic_width = first_font_metrics .ic_horizontal_advance .or_else(|| { font_group .write() .find_by_codepoint(font_context, '\u{6C34}', None)? .metrics .ic_horizontal_advance }) .map(CSSPixelLength::from); FontMetrics { x_height, zero_advance_measure, cap_height: None, ic_width, ascent: first_font_metrics.ascent.into(), script_percent_scale_down: None, script_script_percent_scale_down: None, } } fn base_size_for_generic(&self, generic: GenericFontFamily) -> Length { Length::new(match generic { GenericFontFamily::Monospace => pref!(fonts_default_monospace_size), _ => pref!(fonts_default_size), } as f32) .max(Length::new(0.0)) } } impl Debug for LayoutFontMetricsProvider { fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result { f.debug_tuple("LayoutFontMetricsProvider").finish() } }