/* 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/. */ use crate::fragments::{BoxFragment, Fragment}; use crate::geom::physical::{Rect, Vec2}; use embedder_traits::Cursor; use euclid::{Point2D, SideOffsets2D}; use gfx::text::glyph::GlyphStore; use std::sync::Arc; use style::properties::ComputedValues; use style::values::computed::{BorderStyle, Length}; use webrender_api::{self as wr, units, CommonItemProperties, PrimitiveFlags}; pub struct DisplayListBuilder { pipeline_id: wr::PipelineId, pub wr: wr::DisplayListBuilder, pub is_contentful: bool, } impl DisplayListBuilder { pub fn new(pipeline_id: wr::PipelineId, viewport_size: wr::units::LayoutSize) -> Self { Self { pipeline_id, is_contentful: false, wr: wr::DisplayListBuilder::new(pipeline_id, viewport_size), } } } /// Contentful paint, for the purpose of /// https://w3c.github.io/paint-timing/#first-contentful-paint /// (i.e. the display list contains items of type text, /// image, non-white canvas or SVG). Used by metrics. pub struct IsContentful(pub bool); impl Fragment { pub(crate) fn build_display_list( &self, builder: &mut DisplayListBuilder, is_contentful: &mut IsContentful, containing_block: &Rect, ) { match self { Fragment::Box(b) => b.build_display_list(builder, is_contentful, containing_block), Fragment::Anonymous(a) => { let rect = a .rect .to_physical(a.mode, containing_block) .translate(&containing_block.top_left); for child in &a.children { child.build_display_list(builder, is_contentful, &rect) } }, Fragment::Text(t) => { is_contentful.0 = true; let rect = t .rect .to_physical(t.parent_style.writing_mode, containing_block) .translate(&containing_block.top_left); let mut baseline_origin = rect.top_left.clone(); baseline_origin.y += t.ascent; let cursor = cursor(&t.parent_style, Cursor::Text); let common = CommonItemProperties { clip_rect: rect.clone().into(), clip_id: wr::ClipId::root(builder.pipeline_id), spatial_id: wr::SpatialId::root_scroll_node(builder.pipeline_id), hit_info: cursor.map(|cursor| (t.tag.0 as u64, cursor as u16)), // TODO(gw): Make use of the WR backface visibility functionality. flags: PrimitiveFlags::default(), }; let glyphs = glyphs(&t.glyphs, baseline_origin); if glyphs.is_empty() { return; } let color = t.parent_style.clone_color(); builder .wr .push_text(&common, rect.into(), &glyphs, t.font_key, rgba(color), None); }, Fragment::Image(i) => { use style::computed_values::image_rendering::T as ImageRendering; is_contentful.0 = true; let rect = i .rect .to_physical(i.style.writing_mode, containing_block) .translate(&containing_block.top_left); let common = CommonItemProperties { clip_rect: rect.clone().into(), clip_id: wr::ClipId::root(builder.pipeline_id), spatial_id: wr::SpatialId::root_scroll_node(builder.pipeline_id), hit_info: None, // TODO(gw): Make use of the WR backface visibility functionality. flags: PrimitiveFlags::default(), }; builder.wr.push_image( &common, rect.into(), match i.style.get_inherited_box().image_rendering { ImageRendering::Auto => wr::ImageRendering::Auto, ImageRendering::CrispEdges => wr::ImageRendering::CrispEdges, ImageRendering::Pixelated => wr::ImageRendering::Pixelated, }, wr::AlphaType::PremultipliedAlpha, i.image_key, wr::ColorF::WHITE, ); }, } } } impl BoxFragment { fn build_display_list( &self, builder: &mut DisplayListBuilder, is_contentful: &mut IsContentful, containing_block: &Rect, ) { let border_rect = self .border_rect() .to_physical(self.style.writing_mode, containing_block) .translate(&containing_block.top_left) .into(); let cursor = cursor(&self.style, Cursor::Default); let common = CommonItemProperties { clip_rect: border_rect, clip_id: wr::ClipId::root(builder.pipeline_id), spatial_id: wr::SpatialId::root_scroll_node(builder.pipeline_id), hit_info: cursor.map(|cursor| (self.tag.0 as u64, cursor as u16)), // TODO(gw): Make use of the WR backface visibility functionality. flags: PrimitiveFlags::default(), }; self.background_display_items(builder, &common); self.border_display_items(builder, &common, border_rect); let content_rect = self .content_rect .to_physical(self.style.writing_mode, containing_block) .translate(&containing_block.top_left); for child in &self.children { child.build_display_list(builder, is_contentful, &content_rect) } } fn background_display_items( &self, builder: &mut DisplayListBuilder, common: &CommonItemProperties, ) { let background_color = self .style .resolve_color(self.style.clone_background_color()); if background_color.alpha > 0 || common.hit_info.is_some() { builder.wr.push_rect(common, rgba(background_color)) } } fn border_display_items( &self, builder: &mut DisplayListBuilder, common: &CommonItemProperties, border_rect: units::LayoutRect, ) { let b = self.style.get_border(); let widths = SideOffsets2D::new( b.border_top_width.px(), b.border_right_width.px(), b.border_bottom_width.px(), b.border_left_width.px(), ); if widths == SideOffsets2D::zero() { return; } let side = |style, color| wr::BorderSide { color: rgba(self.style.resolve_color(color)), style: match style { BorderStyle::None => wr::BorderStyle::None, BorderStyle::Solid => wr::BorderStyle::Solid, BorderStyle::Double => wr::BorderStyle::Double, BorderStyle::Dotted => wr::BorderStyle::Dotted, BorderStyle::Dashed => wr::BorderStyle::Dashed, BorderStyle::Hidden => wr::BorderStyle::Hidden, BorderStyle::Groove => wr::BorderStyle::Groove, BorderStyle::Ridge => wr::BorderStyle::Ridge, BorderStyle::Inset => wr::BorderStyle::Inset, BorderStyle::Outset => wr::BorderStyle::Outset, }, }; let details = wr::BorderDetails::Normal(wr::NormalBorder { top: side(b.border_top_style, b.border_top_color), right: side(b.border_right_style, b.border_right_color), bottom: side(b.border_bottom_style, b.border_bottom_color), left: side(b.border_left_style, b.border_left_color), radius: wr::BorderRadius::zero(), do_aa: true, }); builder.wr.push_border(common, border_rect, widths, details) } } fn rgba(rgba: cssparser::RGBA) -> wr::ColorF { wr::ColorF::new( rgba.red_f32(), rgba.green_f32(), rgba.blue_f32(), rgba.alpha_f32(), ) } fn glyphs(glyph_runs: &[Arc], mut origin: Vec2) -> Vec { use gfx_traits::ByteIndex; use range::Range; let mut glyphs = vec![]; for run in glyph_runs { for glyph in run.iter_glyphs_for_byte_range(&Range::new(ByteIndex(0), run.len())) { if !run.is_whitespace() { let glyph_offset = glyph.offset().unwrap_or(Point2D::zero()); let point = units::LayoutPoint::new( origin.x.px() + glyph_offset.x.to_f32_px(), origin.y.px() + glyph_offset.y.to_f32_px(), ); let glyph = wr::GlyphInstance { index: glyph.id(), point, }; glyphs.push(glyph); } origin.x += Length::from(glyph.advance()); } } glyphs } fn cursor(values: &ComputedValues, default: Cursor) -> Option { use style::computed_values::pointer_events::T as PointerEvents; use style::values::specified::ui::CursorKind; let inherited_ui = values.get_inherited_ui(); if inherited_ui.pointer_events == PointerEvents::None { return None; } Some(match inherited_ui.cursor.keyword { CursorKind::Auto => default, CursorKind::None => Cursor::None, CursorKind::Default => Cursor::Default, CursorKind::Pointer => Cursor::Pointer, CursorKind::ContextMenu => Cursor::ContextMenu, CursorKind::Help => Cursor::Help, CursorKind::Progress => Cursor::Progress, CursorKind::Wait => Cursor::Wait, CursorKind::Cell => Cursor::Cell, CursorKind::Crosshair => Cursor::Crosshair, CursorKind::Text => Cursor::Text, CursorKind::VerticalText => Cursor::VerticalText, CursorKind::Alias => Cursor::Alias, CursorKind::Copy => Cursor::Copy, CursorKind::Move => Cursor::Move, CursorKind::NoDrop => Cursor::NoDrop, CursorKind::NotAllowed => Cursor::NotAllowed, CursorKind::Grab => Cursor::Grab, CursorKind::Grabbing => Cursor::Grabbing, CursorKind::EResize => Cursor::EResize, CursorKind::NResize => Cursor::NResize, CursorKind::NeResize => Cursor::NeResize, CursorKind::NwResize => Cursor::NwResize, CursorKind::SResize => Cursor::SResize, CursorKind::SeResize => Cursor::SeResize, CursorKind::SwResize => Cursor::SwResize, CursorKind::WResize => Cursor::WResize, CursorKind::EwResize => Cursor::EwResize, CursorKind::NsResize => Cursor::NsResize, CursorKind::NeswResize => Cursor::NeswResize, CursorKind::NwseResize => Cursor::NwseResize, CursorKind::ColResize => Cursor::ColResize, CursorKind::RowResize => Cursor::RowResize, CursorKind::AllScroll => Cursor::AllScroll, CursorKind::ZoomIn => Cursor::ZoomIn, CursorKind::ZoomOut => Cursor::ZoomOut, }) }