
Font::width(string) will subtract one Font::glyph_spacing() from the result, since we don't put any spacing after the last glyph. This was messing up text layout here, since we assumed each glyph width also included the glyph spacing.
230 lines
6.9 KiB
C++
230 lines
6.9 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 });
|
|
});
|
|
|
|
for (int i = 0; i < words.size(); ++i) {
|
|
auto& word = words[i];
|
|
|
|
int word_width;
|
|
bool is_whitespace = isspace(*word.view.begin());
|
|
|
|
if (is_whitespace)
|
|
word_width = space_width;
|
|
else
|
|
word_width = m_font->width(word.view) + m_font->glyph_spacing();
|
|
|
|
if (word_width > available_width) {
|
|
line_boxes.append(LineBox());
|
|
available_width = container.rect().width();
|
|
}
|
|
|
|
if (is_whitespace && line_boxes.last().fragments().is_empty())
|
|
continue;
|
|
|
|
line_boxes.last().add_fragment(*this, word.start, word.length, word_width, line_height);
|
|
available_width -= word_width;
|
|
|
|
if (available_width < 0) {
|
|
line_boxes.append(LineBox());
|
|
available_width = container.rect().width();
|
|
}
|
|
}
|
|
}
|