
Inline layout is now done by LayoutBlock. Blocks with inline children will split them into line boxes during layout. A LayoutBlock can have zero or more LineBox objects. Each LineBox represents one visual line. A LineBox can have any number of LineBoxFragment children. A fragment is an offset+length into a specific LayoutNode. To paint a LayoutBlock with inline children, we walk its line boxes, and walk their fragments, painting each fragment at a time by calling LineBoxFragment::render(), which in turn calls the LayoutNode via LayoutText::render_fragment(). Hit testing works similarly. This is very incomplete and has many bugs, but should make it easier for us to move forward with this code.
221 lines
6.7 KiB
C++
221 lines
6.7 KiB
C++
#include <AK/StringBuilder.h>
|
|
#include <AK/Utf8View.h>
|
|
#include <LibCore/CDirIterator.h>
|
|
#include <LibDraw/Font.h>
|
|
#include <LibGUI/GPainter.h>
|
|
#include <LibHTML/Layout/LayoutBlock.h>
|
|
#include <LibHTML/Layout/LayoutText.h>
|
|
#include <ctype.h>
|
|
|
|
LayoutText::LayoutText(const Text& text, StyleProperties&& style_properties)
|
|
: LayoutInline(text, move(style_properties))
|
|
{
|
|
}
|
|
|
|
LayoutText::~LayoutText()
|
|
{
|
|
}
|
|
|
|
void LayoutText::load_font()
|
|
{
|
|
auto font_family = style_properties().string_or_fallback("font-family", "Katica");
|
|
auto font_weight = style_properties().string_or_fallback("font-weight", "normal");
|
|
|
|
String weight;
|
|
if (font_weight == "lighter")
|
|
weight = "Thin";
|
|
else if (font_weight == "normal")
|
|
weight = "";
|
|
else if (font_weight == "bold")
|
|
weight = "Bold";
|
|
else
|
|
ASSERT_NOT_REACHED();
|
|
|
|
auto look_for_file = [](const StringView& expected_name) -> String {
|
|
// TODO: handle font sizes properly?
|
|
CDirIterator it { "/res/fonts/", CDirIterator::Flags::SkipDots };
|
|
while (it.has_next()) {
|
|
String name = it.next_path();
|
|
ASSERT(name.ends_with(".font"));
|
|
if (!name.starts_with(expected_name))
|
|
continue;
|
|
|
|
// Check that a numeric size immediately
|
|
// follows the font name. This prevents,
|
|
// for example, matching KaticaBold when
|
|
// the regular Katica is requested.
|
|
if (!isdigit(name[expected_name.length()]))
|
|
continue;
|
|
|
|
return name;
|
|
}
|
|
return {};
|
|
};
|
|
|
|
String file_name = look_for_file(String::format("%s%s", font_family.characters(), weight.characters()));
|
|
if (file_name.is_null() && weight == "")
|
|
file_name = look_for_file(String::format("%sRegular", font_family.characters()));
|
|
|
|
if (file_name.is_null()) {
|
|
dbg() << "Failed to find a font for family " << font_family << " weight " << font_weight;
|
|
dbg() << "My text is " << node().data();
|
|
ASSERT_NOT_REACHED();
|
|
}
|
|
|
|
#ifdef HTML_DEBUG
|
|
dbg() << "Found font " << file_name << " for family " << font_family << " weight " << font_weight;
|
|
#endif
|
|
|
|
m_font = Font::load_from_file(String::format("/res/fonts/%s", file_name.characters()));
|
|
}
|
|
|
|
static bool is_all_whitespace(const String& string)
|
|
{
|
|
for (int i = 0; i < string.length(); ++i) {
|
|
if (!isspace(string[i]))
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
const String& LayoutText::text() const
|
|
{
|
|
static String one_space = " ";
|
|
if (is_all_whitespace(node().data()))
|
|
if (style_properties().string_or_fallback("white-space", "normal") == "normal")
|
|
return one_space;
|
|
return node().data();
|
|
}
|
|
|
|
void LayoutText::render_fragment(RenderingContext& context, const LineBoxFragment& fragment) const
|
|
{
|
|
auto& painter = context.painter();
|
|
painter.set_font(*m_font);
|
|
|
|
auto color = style_properties().color_or_fallback("color", Color::Black);
|
|
auto text_decoration = style_properties().string_or_fallback("text-decoration", "none");
|
|
|
|
bool is_underline = text_decoration == "underline";
|
|
if (is_underline)
|
|
painter.draw_line(fragment.rect().bottom_left().translated(0, 1), fragment.rect().bottom_right().translated(0, 1), color);
|
|
|
|
painter.draw_text(fragment.rect(), node().data().substring_view(fragment.start(), fragment.length()), TextAlignment::TopLeft, color);
|
|
}
|
|
|
|
template<typename Callback>
|
|
void LayoutText::for_each_word(Callback callback) const
|
|
{
|
|
Utf8View view(node().data());
|
|
if (view.is_empty())
|
|
return;
|
|
|
|
auto start_of_word = view.begin();
|
|
|
|
auto commit_word = [&](auto it) {
|
|
int start = view.byte_offset_of(start_of_word);
|
|
int length = view.byte_offset_of(it) - view.byte_offset_of(start_of_word);
|
|
|
|
if (length > 0) {
|
|
callback(view.substring_view(start, length), start, length);
|
|
}
|
|
|
|
start_of_word = it;
|
|
};
|
|
|
|
bool last_was_space = isspace(*view.begin());
|
|
|
|
for (auto it = view.begin(); it != view.end();) {
|
|
bool is_space = isspace(*it);
|
|
if (is_space == last_was_space) {
|
|
++it;
|
|
continue;
|
|
}
|
|
last_was_space = is_space;
|
|
commit_word(it);
|
|
++it;
|
|
}
|
|
if (start_of_word != view.end())
|
|
commit_word(view.end());
|
|
}
|
|
|
|
template<typename Callback>
|
|
void LayoutText::for_each_source_line(Callback callback) const
|
|
{
|
|
Utf8View view(node().data());
|
|
if (view.is_empty())
|
|
return;
|
|
|
|
auto start_of_line = view.begin();
|
|
|
|
auto commit_line = [&](auto it) {
|
|
int start = view.byte_offset_of(start_of_line);
|
|
int length = view.byte_offset_of(it) - view.byte_offset_of(start_of_line);
|
|
|
|
if (length > 0) {
|
|
callback(view.substring_view(start, length), start, length);
|
|
}
|
|
};
|
|
|
|
for (auto it = view.begin(); it != view.end();) {
|
|
if (*it == '\n')
|
|
commit_line(it);
|
|
++it;
|
|
start_of_line = it;
|
|
}
|
|
if (start_of_line != view.end())
|
|
commit_line(view.end());
|
|
}
|
|
|
|
void LayoutText::split_into_lines(LayoutBlock& container)
|
|
{
|
|
if (!m_font)
|
|
load_font();
|
|
|
|
int space_width = m_font->glyph_width(' ') + m_font->glyph_spacing();
|
|
// FIXME: Allow overriding the line-height. We currently default to 140% which seems to look nice.
|
|
int line_height = (int)(m_font->glyph_height() * 1.4f);
|
|
|
|
auto& line_boxes = container.line_boxes();
|
|
if (line_boxes.is_empty())
|
|
line_boxes.append(LineBox());
|
|
int available_width = container.rect().width() - line_boxes.last().width();
|
|
|
|
bool is_preformatted = style_properties().string_or_fallback("white-space", "normal") == "pre";
|
|
if (is_preformatted) {
|
|
for_each_source_line([&](const Utf8View& view, int start, int length) {
|
|
line_boxes.last().add_fragment(*this, start, length, m_font->width(view), line_height);
|
|
line_boxes.append(LineBox());
|
|
});
|
|
return;
|
|
}
|
|
|
|
struct Word {
|
|
Utf8View view;
|
|
int start;
|
|
int length;
|
|
};
|
|
Vector<Word> words;
|
|
|
|
for_each_word([&](const Utf8View& view, int start, int length) {
|
|
words.append({ Utf8View(view), start, length });
|
|
dbg() << "Added _" << words.last().view.as_string() << "_";
|
|
});
|
|
|
|
for (int i = 0; i < words.size(); ++i) {
|
|
auto& word = words[i];
|
|
|
|
int word_width;
|
|
if (isspace(*word.view.begin()))
|
|
word_width = space_width;
|
|
else
|
|
word_width = m_font->width(word.view);
|
|
|
|
if (word_width > available_width) {
|
|
line_boxes.append(LineBox());
|
|
available_width = container.rect().width();
|
|
}
|
|
|
|
line_boxes.last().add_fragment(*this, word.start, word.length, word_width, line_height);
|
|
available_width -= word_width;
|
|
}
|
|
}
|