LayoutText.cpp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. /*
  2. * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
  3. * All rights reserved.
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions are met:
  7. *
  8. * 1. Redistributions of source code must retain the above copyright notice, this
  9. * list of conditions and the following disclaimer.
  10. *
  11. * 2. Redistributions in binary form must reproduce the above copyright notice,
  12. * this list of conditions and the following disclaimer in the documentation
  13. * and/or other materials provided with the distribution.
  14. *
  15. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  16. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  17. * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  18. * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
  19. * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  20. * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
  21. * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
  22. * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
  23. * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  24. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25. */
  26. #include <AK/StringBuilder.h>
  27. #include <AK/Utf8View.h>
  28. #include <LibCore/DirIterator.h>
  29. #include <LibGUI/Painter.h>
  30. #include <LibGfx/Font.h>
  31. #include <LibWeb/DOM/Document.h>
  32. #include <LibWeb/Layout/LayoutBlock.h>
  33. #include <LibWeb/Layout/LayoutText.h>
  34. #include <ctype.h>
  35. namespace Web {
  36. LayoutText::LayoutText(DOM::Document& document, const DOM::Text& text)
  37. : LayoutNode(document, &text)
  38. {
  39. set_inline(true);
  40. }
  41. LayoutText::~LayoutText()
  42. {
  43. }
  44. static bool is_all_whitespace(const StringView& string)
  45. {
  46. for (size_t i = 0; i < string.length(); ++i) {
  47. if (!isspace(string[i]))
  48. return false;
  49. }
  50. return true;
  51. }
  52. const String& LayoutText::text_for_style(const CSS::StyleProperties& style) const
  53. {
  54. static String one_space = " ";
  55. if (is_all_whitespace(node().data())) {
  56. if (style.white_space().value_or(CSS::WhiteSpace::Normal) == CSS::WhiteSpace::Normal)
  57. return one_space;
  58. }
  59. return node().data();
  60. }
  61. void LayoutText::paint_fragment(PaintContext& context, const LineBoxFragment& fragment) const
  62. {
  63. auto& painter = context.painter();
  64. painter.set_font(specified_style().font());
  65. auto background_color = specified_style().property(CSS::PropertyID::BackgroundColor);
  66. if (background_color.has_value() && background_color.value()->is_color())
  67. painter.fill_rect(enclosing_int_rect(fragment.absolute_rect()), background_color.value()->to_color(document()));
  68. auto color = specified_style().color_or_fallback(CSS::PropertyID::Color, document(), context.palette().base_text());
  69. auto text_decoration = specified_style().string_or_fallback(CSS::PropertyID::TextDecoration, "none");
  70. if (document().inspected_node() == &node())
  71. context.painter().draw_rect(enclosing_int_rect(fragment.absolute_rect()), Color::Magenta);
  72. bool is_underline = text_decoration == "underline";
  73. if (is_underline)
  74. painter.draw_line(enclosing_int_rect(fragment.absolute_rect()).bottom_left().translated(0, 1), enclosing_int_rect(fragment.absolute_rect()).bottom_right().translated(0, 1), color);
  75. // FIXME: text-transform should be done already in layout, since uppercase glyphs may be wider than lowercase, etc.
  76. auto text = m_text_for_rendering;
  77. auto text_transform = specified_style().string_or_fallback(CSS::PropertyID::TextTransform, "none");
  78. if (text_transform == "uppercase")
  79. text = m_text_for_rendering.to_uppercase();
  80. if (text_transform == "lowercase")
  81. text = m_text_for_rendering.to_lowercase();
  82. painter.draw_text(enclosing_int_rect(fragment.absolute_rect()), text.substring_view(fragment.start(), fragment.length()), Gfx::TextAlignment::TopLeft, color);
  83. auto selection_rect = fragment.selection_rect(specified_style().font());
  84. if (!selection_rect.is_empty()) {
  85. painter.fill_rect(enclosing_int_rect(selection_rect), context.palette().selection());
  86. Gfx::PainterStateSaver saver(painter);
  87. painter.add_clip_rect(enclosing_int_rect(selection_rect));
  88. painter.draw_text(enclosing_int_rect(fragment.absolute_rect()), text.substring_view(fragment.start(), fragment.length()), Gfx::TextAlignment::TopLeft, context.palette().selection_text());
  89. }
  90. }
  91. template<typename Callback>
  92. void LayoutText::for_each_chunk(Callback callback, LayoutMode layout_mode, bool do_wrap_lines, bool do_wrap_breaks) const
  93. {
  94. Utf8View view(m_text_for_rendering);
  95. if (view.is_empty())
  96. return;
  97. auto start_of_chunk = view.begin();
  98. auto commit_chunk = [&](auto it, bool has_breaking_newline, bool must_commit = false) {
  99. if (layout_mode == LayoutMode::OnlyRequiredLineBreaks && !must_commit)
  100. return;
  101. int start = view.byte_offset_of(start_of_chunk);
  102. int length = view.byte_offset_of(it) - view.byte_offset_of(start_of_chunk);
  103. if (has_breaking_newline || length > 0) {
  104. auto chunk_view = view.substring_view(start, length);
  105. callback(chunk_view, start, length, has_breaking_newline, is_all_whitespace(chunk_view.as_string()));
  106. }
  107. start_of_chunk = it;
  108. };
  109. bool last_was_space = isspace(*view.begin());
  110. bool last_was_newline = false;
  111. for (auto it = view.begin(); it != view.end();) {
  112. if (layout_mode == LayoutMode::AllPossibleLineBreaks) {
  113. commit_chunk(it, false);
  114. }
  115. if (last_was_newline) {
  116. last_was_newline = false;
  117. commit_chunk(it, true);
  118. }
  119. if (do_wrap_breaks && *it == '\n') {
  120. last_was_newline = true;
  121. commit_chunk(it, false);
  122. }
  123. if (do_wrap_lines) {
  124. bool is_space = isspace(*it);
  125. if (is_space != last_was_space) {
  126. last_was_space = is_space;
  127. commit_chunk(it, false);
  128. }
  129. }
  130. ++it;
  131. }
  132. if (last_was_newline)
  133. commit_chunk(view.end(), true);
  134. if (start_of_chunk != view.end())
  135. commit_chunk(view.end(), false, true);
  136. }
  137. void LayoutText::split_into_lines_by_rules(LayoutBlock& container, LayoutMode layout_mode, bool do_collapse, bool do_wrap_lines, bool do_wrap_breaks)
  138. {
  139. auto& font = specified_style().font();
  140. float space_width = font.glyph_width(' ') + font.glyph_spacing();
  141. auto& line_boxes = container.line_boxes();
  142. if (line_boxes.is_empty())
  143. line_boxes.append(LineBox());
  144. float available_width = container.width() - line_boxes.last().width();
  145. // Collapse whitespace into single spaces
  146. if (do_collapse) {
  147. auto utf8_view = Utf8View(node().data());
  148. StringBuilder builder(node().data().length());
  149. auto it = utf8_view.begin();
  150. auto skip_over_whitespace = [&] {
  151. auto prev = it;
  152. while (it != utf8_view.end() && isspace(*it)) {
  153. prev = it;
  154. ++it;
  155. }
  156. it = prev;
  157. };
  158. if (line_boxes.last().ends_in_whitespace())
  159. skip_over_whitespace();
  160. for (; it != utf8_view.end(); ++it) {
  161. if (!isspace(*it)) {
  162. builder.append(utf8_view.as_string().characters_without_null_termination() + utf8_view.byte_offset_of(it), it.codepoint_length_in_bytes());
  163. } else {
  164. builder.append(' ');
  165. skip_over_whitespace();
  166. }
  167. }
  168. m_text_for_rendering = builder.to_string();
  169. } else {
  170. m_text_for_rendering = node().data();
  171. }
  172. // do_wrap_lines => chunks_are_words
  173. // !do_wrap_lines => chunks_are_lines
  174. struct Chunk {
  175. Utf8View view;
  176. int start { 0 };
  177. int length { 0 };
  178. bool is_break { false };
  179. bool is_all_whitespace { false };
  180. };
  181. Vector<Chunk> chunks;
  182. for_each_chunk(
  183. [&](const Utf8View& view, int start, int length, bool is_break, bool is_all_whitespace) {
  184. chunks.append({ Utf8View(view), start, length, is_break, is_all_whitespace });
  185. },
  186. layout_mode, do_wrap_lines, do_wrap_breaks);
  187. for (size_t i = 0; i < chunks.size(); ++i) {
  188. auto& chunk = chunks[i];
  189. // Collapse entire fragment into non-existence if previous fragment on line ended in whitespace.
  190. if (do_collapse && line_boxes.last().ends_in_whitespace() && chunk.is_all_whitespace)
  191. continue;
  192. float chunk_width;
  193. bool need_collapse = false;
  194. if (do_wrap_lines) {
  195. need_collapse = do_collapse && isspace(*chunk.view.begin()) && line_boxes.last().ends_in_whitespace();
  196. if (need_collapse)
  197. chunk_width = space_width;
  198. else
  199. chunk_width = font.width(chunk.view) + font.glyph_spacing();
  200. if (line_boxes.last().width() > 0 && chunk_width > available_width) {
  201. line_boxes.append(LineBox());
  202. available_width = container.width();
  203. }
  204. if (need_collapse & line_boxes.last().fragments().is_empty())
  205. continue;
  206. } else {
  207. chunk_width = font.width(chunk.view);
  208. }
  209. line_boxes.last().add_fragment(*this, chunk.start, need_collapse ? 1 : chunk.length, chunk_width, font.glyph_height());
  210. available_width -= chunk_width;
  211. if (do_wrap_lines) {
  212. if (available_width < 0) {
  213. line_boxes.append(LineBox());
  214. available_width = container.width();
  215. }
  216. }
  217. if (do_wrap_breaks) {
  218. if (chunk.is_break) {
  219. line_boxes.append(LineBox());
  220. available_width = container.width();
  221. }
  222. }
  223. }
  224. }
  225. void LayoutText::split_into_lines(LayoutBlock& container, LayoutMode layout_mode)
  226. {
  227. bool do_collapse = true;
  228. bool do_wrap_lines = true;
  229. bool do_wrap_breaks = false;
  230. if (style().white_space() == CSS::WhiteSpace::Nowrap) {
  231. do_collapse = true;
  232. do_wrap_lines = false;
  233. do_wrap_breaks = false;
  234. } else if (style().white_space() == CSS::WhiteSpace::Pre) {
  235. do_collapse = false;
  236. do_wrap_lines = false;
  237. do_wrap_breaks = true;
  238. } else if (style().white_space() == CSS::WhiteSpace::PreLine) {
  239. do_collapse = true;
  240. do_wrap_lines = true;
  241. do_wrap_breaks = true;
  242. } else if (style().white_space() == CSS::WhiteSpace::PreWrap) {
  243. do_collapse = false;
  244. do_wrap_lines = true;
  245. do_wrap_breaks = true;
  246. }
  247. split_into_lines_by_rules(container, layout_mode, do_collapse, do_wrap_lines, do_wrap_breaks);
  248. }
  249. }