mirror of
https://github.com/SerenityOS/serenity.git
synced 2025-01-23 09:51:57 -05:00
ffcbe8f0de
Walk the DOM and construct a parallel style tree that points back to the DOM and has the relevant CSS property values hanging off of them. The values are picked based on naive selector matching. There's no cascade or specificity taken into account yet.
69 lines
2.2 KiB
C++
69 lines
2.2 KiB
C++
#include <LibCore/CFile.h>
|
|
#include <LibHTML/Dump.h>
|
|
#include <LibHTML/Frame.h>
|
|
#include <LibHTML/Parser/CSSParser.h>
|
|
#include <LibHTML/CSS/StyleResolver.h>
|
|
#include <LibHTML/CSS/StyledNode.h>
|
|
#include <LibHTML/DOM/Element.h>
|
|
#include <LibHTML/Parser/HTMLParser.h>
|
|
#include <stdio.h>
|
|
|
|
int main(int argc, char** argv)
|
|
{
|
|
CFile f(argc == 1 ? "/home/anon/small.html" : argv[1]);
|
|
if (!f.open(CIODevice::ReadOnly)) {
|
|
fprintf(stderr, "Error: %s\n", f.error_string());
|
|
return 1;
|
|
}
|
|
|
|
extern const char default_stylesheet_source[];
|
|
String css = default_stylesheet_source;
|
|
|
|
auto sheet = parse_css(css);
|
|
dump_sheet(sheet);
|
|
|
|
String html = String::copy(f.read_all());
|
|
auto doc = parse_html(html);
|
|
dump_tree(doc);
|
|
|
|
StyleResolver resolver(*doc);
|
|
resolver.add_sheet(*sheet);
|
|
|
|
Function<RefPtr<StyledNode>(const Node&, StyledNode*)> resolve_style = [&](const Node& node, StyledNode* parent_styled_node) -> RefPtr<StyledNode> {
|
|
auto styled_node = [&]() -> RefPtr<StyledNode> {
|
|
if (node.is_element())
|
|
return resolver.create_styled_node(static_cast<const Element&>(node));
|
|
if (node.is_document())
|
|
return resolver.create_styled_node(static_cast<const Document&>(node));
|
|
return nullptr;
|
|
}();
|
|
if (!styled_node)
|
|
return nullptr;
|
|
if (parent_styled_node)
|
|
parent_styled_node->append_child(*styled_node);
|
|
static_cast<const ParentNode&>(node).for_each_child([&](const Node& child) {
|
|
if (!child.is_element())
|
|
return;
|
|
auto styled_child_node = resolve_style(static_cast<const Element&>(child), styled_node.ptr());
|
|
printf("Created StyledNode{%p} for Element{%p}\n", styled_child_node.ptr(), &node);
|
|
});
|
|
return styled_node;
|
|
};
|
|
auto styled_root = resolve_style(*doc, nullptr);
|
|
|
|
dump_tree(*styled_root);
|
|
|
|
doc->build_layout_tree();
|
|
ASSERT(doc->layout_node());
|
|
|
|
printf("\033[33;1mLayout tree before layout:\033[0m\n");
|
|
dump_tree(*doc->layout_node());
|
|
|
|
auto frame = make<Frame>();
|
|
frame->set_document(doc);
|
|
frame->layout();
|
|
|
|
printf("\033[33;1mLayout tree after layout:\033[0m\n");
|
|
dump_tree(*doc->layout_node());
|
|
return 0;
|
|
}
|