2019-06-21 21:54:13 +03:00
|
|
|
#include <LibHTML/CSS/StyleSheet.h>
|
2019-06-28 22:17:34 +03:00
|
|
|
#include <LibHTML/CSS/StyledNode.h>
|
2019-06-16 00:41:15 +03:00
|
|
|
#include <LibHTML/DOM/Document.h>
|
|
|
|
#include <LibHTML/DOM/Element.h>
|
|
|
|
#include <LibHTML/DOM/Text.h>
|
2019-06-15 19:55:47 +03:00
|
|
|
#include <LibHTML/Dump.h>
|
2019-06-16 00:41:15 +03:00
|
|
|
#include <LibHTML/Layout/LayoutNode.h>
|
|
|
|
#include <LibHTML/Layout/LayoutText.h>
|
2019-06-15 19:55:47 +03:00
|
|
|
#include <stdio.h>
|
|
|
|
|
2019-06-15 23:49:44 +03:00
|
|
|
void dump_tree(const Node& node)
|
2019-06-15 19:55:47 +03:00
|
|
|
{
|
|
|
|
static int indent = 0;
|
|
|
|
for (int i = 0; i < indent; ++i)
|
2019-06-16 12:28:47 +03:00
|
|
|
printf(" ");
|
2019-06-15 19:55:47 +03:00
|
|
|
if (node.is_document()) {
|
|
|
|
printf("*Document*\n");
|
|
|
|
} else if (node.is_element()) {
|
2019-06-15 23:49:44 +03:00
|
|
|
printf("<%s", static_cast<const Element&>(node).tag_name().characters());
|
|
|
|
static_cast<const Element&>(node).for_each_attribute([](auto& name, auto& value) {
|
2019-06-15 22:08:36 +03:00
|
|
|
printf(" %s=%s", name.characters(), value.characters());
|
|
|
|
});
|
|
|
|
printf(">\n");
|
2019-06-15 19:55:47 +03:00
|
|
|
} else if (node.is_text()) {
|
2019-06-15 23:49:44 +03:00
|
|
|
printf("\"%s\"\n", static_cast<const Text&>(node).data().characters());
|
2019-06-15 19:55:47 +03:00
|
|
|
}
|
|
|
|
++indent;
|
|
|
|
if (node.is_parent_node()) {
|
2019-06-15 23:49:44 +03:00
|
|
|
static_cast<const ParentNode&>(node).for_each_child([](auto& child) {
|
2019-06-15 19:55:47 +03:00
|
|
|
dump_tree(child);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
--indent;
|
|
|
|
}
|
2019-06-15 23:49:44 +03:00
|
|
|
|
2019-06-16 12:28:47 +03:00
|
|
|
void dump_tree(const LayoutNode& layout_node)
|
2019-06-15 23:49:44 +03:00
|
|
|
{
|
|
|
|
static int indent = 0;
|
|
|
|
for (int i = 0; i < indent; ++i)
|
2019-06-16 12:28:47 +03:00
|
|
|
printf(" ");
|
|
|
|
|
|
|
|
String tag_name;
|
|
|
|
if (layout_node.is_anonymous())
|
|
|
|
tag_name = "(anonymous)";
|
|
|
|
else if (layout_node.node()->is_text())
|
|
|
|
tag_name = "#text";
|
|
|
|
else if (layout_node.node()->is_document())
|
|
|
|
tag_name = "#document";
|
|
|
|
else if (layout_node.node()->is_element())
|
|
|
|
tag_name = static_cast<const Element&>(*layout_node.node()).tag_name();
|
|
|
|
else
|
|
|
|
tag_name = "???";
|
|
|
|
|
|
|
|
printf("%s {%s} at (%d,%d) size %dx%d",
|
|
|
|
layout_node.class_name(),
|
|
|
|
tag_name.characters(),
|
|
|
|
layout_node.rect().x(),
|
|
|
|
layout_node.rect().y(),
|
|
|
|
layout_node.rect().width(),
|
|
|
|
layout_node.rect().height());
|
2019-08-18 09:09:56 +03:00
|
|
|
|
|
|
|
// Dump the horizontal box properties
|
|
|
|
printf(" [%d+%d+%d %d %d+%d+%d]",
|
|
|
|
layout_node.style().margin().left.to_px(),
|
|
|
|
layout_node.style().border().left.to_px(),
|
|
|
|
layout_node.style().padding().left.to_px(),
|
|
|
|
layout_node.rect().width(),
|
2019-08-18 09:37:53 +03:00
|
|
|
layout_node.style().padding().right.to_px(),
|
2019-08-18 09:09:56 +03:00
|
|
|
layout_node.style().border().right.to_px(),
|
2019-08-18 09:37:53 +03:00
|
|
|
layout_node.style().margin().right.to_px());
|
|
|
|
|
|
|
|
// And the vertical box properties
|
|
|
|
printf(" [%d+%d+%d %d %d+%d+%d]",
|
|
|
|
layout_node.style().margin().top.to_px(),
|
|
|
|
layout_node.style().border().top.to_px(),
|
|
|
|
layout_node.style().padding().top.to_px(),
|
|
|
|
layout_node.rect().height(),
|
|
|
|
layout_node.style().padding().bottom.to_px(),
|
|
|
|
layout_node.style().border().bottom.to_px(),
|
|
|
|
layout_node.style().margin().bottom.to_px());
|
2019-08-18 09:09:56 +03:00
|
|
|
|
2019-06-16 12:28:47 +03:00
|
|
|
if (layout_node.is_text())
|
|
|
|
printf(" \"%s\"", static_cast<const LayoutText&>(layout_node).text().characters());
|
2019-08-18 09:09:56 +03:00
|
|
|
|
2019-06-15 23:49:44 +03:00
|
|
|
printf("\n");
|
|
|
|
++indent;
|
2019-06-16 12:28:47 +03:00
|
|
|
layout_node.for_each_child([](auto& child) {
|
2019-06-15 23:49:44 +03:00
|
|
|
dump_tree(child);
|
|
|
|
});
|
|
|
|
--indent;
|
|
|
|
}
|
2019-06-21 21:54:13 +03:00
|
|
|
|
2019-06-28 22:17:34 +03:00
|
|
|
void dump_tree(const StyledNode& styled_node)
|
|
|
|
{
|
|
|
|
static int indent = 0;
|
|
|
|
for (int i = 0; i < indent; ++i)
|
|
|
|
printf(" ");
|
|
|
|
|
|
|
|
String tag_name;
|
|
|
|
auto& node = *styled_node.node();
|
|
|
|
if (node.is_text())
|
|
|
|
tag_name = "#text";
|
|
|
|
else if (node.is_document())
|
|
|
|
tag_name = "#document";
|
|
|
|
else if (node.is_element())
|
|
|
|
tag_name = static_cast<const Element&>(node).tag_name();
|
|
|
|
else
|
|
|
|
tag_name = "???";
|
|
|
|
|
|
|
|
printf("%s", tag_name.characters());
|
|
|
|
printf("\n");
|
|
|
|
|
|
|
|
styled_node.for_each_property([&](auto& key, auto& value) {
|
|
|
|
for (int i = 0; i < indent; ++i)
|
|
|
|
printf(" ");
|
|
|
|
printf(" (%s: %s)\n", key.characters(), value.to_string().characters());
|
|
|
|
});
|
|
|
|
++indent;
|
|
|
|
styled_node.for_each_child([](auto& child) {
|
|
|
|
dump_tree(child);
|
|
|
|
});
|
|
|
|
--indent;
|
|
|
|
}
|
|
|
|
|
2019-06-27 21:40:21 +03:00
|
|
|
void dump_rule(const StyleRule& rule)
|
|
|
|
{
|
|
|
|
printf("Rule:\n");
|
|
|
|
for (auto& selector : rule.selectors()) {
|
|
|
|
printf(" Selector:\n");
|
|
|
|
for (auto& component : selector.components()) {
|
|
|
|
const char* type_description = "Unknown";
|
|
|
|
switch (component.type) {
|
|
|
|
case Selector::Component::Type::Invalid:
|
|
|
|
type_description = "Invalid";
|
|
|
|
break;
|
|
|
|
case Selector::Component::Type::Id:
|
|
|
|
type_description = "Id";
|
|
|
|
break;
|
|
|
|
case Selector::Component::Type::Class:
|
|
|
|
type_description = "Class";
|
|
|
|
break;
|
|
|
|
case Selector::Component::Type::TagName:
|
|
|
|
type_description = "TagName";
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
printf(" %s:%s\n", type_description, component.value.characters());
|
|
|
|
}
|
|
|
|
}
|
|
|
|
printf(" Declarations:\n");
|
|
|
|
for (auto& declaration : rule.declarations()) {
|
|
|
|
printf(" '%s': '%s'\n", declaration.property_name().characters(), declaration.value().to_string().characters());
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-06-21 21:54:13 +03:00
|
|
|
void dump_sheet(const StyleSheet& sheet)
|
|
|
|
{
|
|
|
|
printf("StyleSheet{%p}: %d rule(s)\n", &sheet, sheet.rules().size());
|
2019-06-25 07:31:47 +03:00
|
|
|
|
|
|
|
for (auto& rule : sheet.rules()) {
|
2019-06-27 21:40:21 +03:00
|
|
|
dump_rule(rule);
|
2019-06-25 07:31:47 +03:00
|
|
|
}
|
2019-06-21 21:54:13 +03:00
|
|
|
}
|