2020-01-18 11:38:21 +03:00
|
|
|
/*
|
2021-11-02 21:32:26 +03:00
|
|
|
* Copyright (c) 2018-2021, Andreas Kling <kling@serenityos.org>
|
2021-08-24 19:04:30 +03:00
|
|
|
* Copyright (c) 2018-2020, Adam Hodgen <ant1441@gmail.com>
|
2020-01-18 11:38:21 +03:00
|
|
|
*
|
2021-04-22 11:24:48 +03:00
|
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
2020-01-18 11:38:21 +03:00
|
|
|
*/
|
|
|
|
|
2019-11-09 13:31:03 +03:00
|
|
|
#include "DOMTreeModel.h"
|
2021-08-24 19:04:30 +03:00
|
|
|
#include <AK/JsonObject.h>
|
2019-11-09 13:31:03 +03:00
|
|
|
#include <AK/StringBuilder.h>
|
2021-11-02 21:32:26 +03:00
|
|
|
#include <LibGUI/TreeView.h>
|
|
|
|
#include <LibGfx/Palette.h>
|
2019-11-09 13:31:03 +03:00
|
|
|
#include <ctype.h>
|
|
|
|
|
2020-03-07 12:27:02 +03:00
|
|
|
namespace Web {
|
|
|
|
|
2021-11-02 21:32:26 +03:00
|
|
|
DOMTreeModel::DOMTreeModel(JsonObject dom_tree, GUI::TreeView& tree_view)
|
|
|
|
: m_tree_view(tree_view)
|
|
|
|
, m_dom_tree(move(dom_tree))
|
2019-11-09 13:31:03 +03:00
|
|
|
{
|
2021-11-06 18:25:29 +03:00
|
|
|
m_document_icon.set_bitmap_for_size(16, Gfx::Bitmap::try_load_from_file("/res/icons/16x16/filetype-html.png").release_value_but_fixme_should_propagate_errors());
|
|
|
|
m_element_icon.set_bitmap_for_size(16, Gfx::Bitmap::try_load_from_file("/res/icons/16x16/inspector-object.png").release_value_but_fixme_should_propagate_errors());
|
|
|
|
m_text_icon.set_bitmap_for_size(16, Gfx::Bitmap::try_load_from_file("/res/icons/16x16/filetype-unknown.png").release_value_but_fixme_should_propagate_errors());
|
2021-08-24 19:04:30 +03:00
|
|
|
|
|
|
|
map_dom_nodes_to_parent(nullptr, &m_dom_tree);
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
DOMTreeModel::~DOMTreeModel()
|
|
|
|
{
|
|
|
|
}
|
|
|
|
|
2020-02-02 17:07:41 +03:00
|
|
|
GUI::ModelIndex DOMTreeModel::index(int row, int column, const GUI::ModelIndex& parent) const
|
2019-11-09 13:31:03 +03:00
|
|
|
{
|
|
|
|
if (!parent.is_valid()) {
|
2021-08-24 19:04:30 +03:00
|
|
|
return create_index(row, column, &m_dom_tree);
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
2021-08-24 19:04:30 +03:00
|
|
|
|
|
|
|
auto const& parent_node = *static_cast<JsonObject const*>(parent.internal_data());
|
|
|
|
auto const* children = get_children(parent_node);
|
|
|
|
if (!children)
|
|
|
|
return create_index(row, column, &m_dom_tree);
|
|
|
|
|
|
|
|
auto const& child_node = children->at(row).as_object();
|
|
|
|
return create_index(row, column, &child_node);
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
|
|
|
|
2020-02-02 17:07:41 +03:00
|
|
|
GUI::ModelIndex DOMTreeModel::parent_index(const GUI::ModelIndex& index) const
|
2019-11-09 13:31:03 +03:00
|
|
|
{
|
2021-08-24 19:04:30 +03:00
|
|
|
// FIXME: Handle the template element (child elements are not stored in it, all of its children are in its document fragment "content")
|
|
|
|
// Probably in the JSON generation in Node.cpp?
|
2019-11-09 13:31:03 +03:00
|
|
|
if (!index.is_valid())
|
|
|
|
return {};
|
|
|
|
|
2021-08-24 19:04:30 +03:00
|
|
|
auto const& node = *static_cast<JsonObject const*>(index.internal_data());
|
|
|
|
|
|
|
|
auto const* parent_node = get_parent(node);
|
|
|
|
if (!parent_node)
|
|
|
|
return {};
|
2020-08-20 00:30:33 +03:00
|
|
|
|
2021-08-24 19:04:30 +03:00
|
|
|
// If the parent is the root document, we know it has index 0, 0
|
|
|
|
if (parent_node == &m_dom_tree) {
|
|
|
|
return create_index(0, 0, parent_node);
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
|
|
|
|
2021-08-24 19:04:30 +03:00
|
|
|
// Otherwise, we need to find the grandparent, to find the index of parent within that
|
|
|
|
auto const* grandparent_node = get_parent(*parent_node);
|
|
|
|
VERIFY(grandparent_node);
|
|
|
|
|
|
|
|
auto const* grandparent_children = get_children(*grandparent_node);
|
|
|
|
if (!grandparent_children)
|
|
|
|
return {};
|
|
|
|
|
|
|
|
for (size_t grandparent_child_index = 0; grandparent_child_index < grandparent_children->size(); ++grandparent_child_index) {
|
|
|
|
auto const& child = grandparent_children->at(grandparent_child_index).as_object();
|
|
|
|
if (&child == parent_node)
|
|
|
|
return create_index(grandparent_child_index, 0, parent_node);
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
return {};
|
|
|
|
}
|
|
|
|
|
2020-02-02 17:07:41 +03:00
|
|
|
int DOMTreeModel::row_count(const GUI::ModelIndex& index) const
|
2019-11-09 13:31:03 +03:00
|
|
|
{
|
|
|
|
if (!index.is_valid())
|
|
|
|
return 1;
|
2021-08-24 19:04:30 +03:00
|
|
|
|
|
|
|
auto const& node = *static_cast<JsonObject const*>(index.internal_data());
|
|
|
|
auto const* children = get_children(node);
|
|
|
|
return children ? children->size() : 0;
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
|
|
|
|
2020-02-02 17:07:41 +03:00
|
|
|
int DOMTreeModel::column_count(const GUI::ModelIndex&) const
|
2019-11-09 13:31:03 +03:00
|
|
|
{
|
|
|
|
return 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
static String with_whitespace_collapsed(const StringView& string)
|
|
|
|
{
|
|
|
|
StringBuilder builder;
|
2019-12-09 19:45:40 +03:00
|
|
|
for (size_t i = 0; i < string.length(); ++i) {
|
2019-11-09 13:31:03 +03:00
|
|
|
if (isspace(string[i])) {
|
|
|
|
builder.append(' ');
|
|
|
|
while (i < string.length()) {
|
|
|
|
if (isspace(string[i])) {
|
|
|
|
++i;
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
builder.append(string[i]);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
builder.append(string[i]);
|
|
|
|
}
|
|
|
|
return builder.to_string();
|
|
|
|
}
|
|
|
|
|
2020-08-16 17:00:07 +03:00
|
|
|
GUI::Variant DOMTreeModel::data(const GUI::ModelIndex& index, GUI::ModelRole role) const
|
2019-11-09 13:31:03 +03:00
|
|
|
{
|
2021-08-24 19:04:30 +03:00
|
|
|
auto const& node = *static_cast<JsonObject const*>(index.internal_data());
|
|
|
|
auto node_name = node.get("name").as_string();
|
|
|
|
auto type = node.get("type").as_string_or("unknown");
|
|
|
|
|
2021-11-02 21:32:26 +03:00
|
|
|
if (role == GUI::ModelRole::ForegroundColor) {
|
|
|
|
// FIXME: Allow models to return a foreground color *role*.
|
|
|
|
// Then we won't need to have a GUI::TreeView& member anymore.
|
|
|
|
if (type == "comment"sv)
|
|
|
|
return m_tree_view.palette().syntax_comment();
|
|
|
|
return {};
|
|
|
|
}
|
|
|
|
|
2020-08-16 17:00:07 +03:00
|
|
|
if (role == GUI::ModelRole::Icon) {
|
2021-08-24 19:04:30 +03:00
|
|
|
if (type == "document")
|
2019-11-09 13:58:20 +03:00
|
|
|
return m_document_icon;
|
2021-08-24 19:04:30 +03:00
|
|
|
if (type == "element")
|
2019-11-09 13:31:03 +03:00
|
|
|
return m_element_icon;
|
|
|
|
// FIXME: More node type icons?
|
|
|
|
return m_text_icon;
|
|
|
|
}
|
2020-08-16 17:00:07 +03:00
|
|
|
if (role == GUI::ModelRole::Display) {
|
2021-08-24 19:04:30 +03:00
|
|
|
if (type == "text")
|
|
|
|
return with_whitespace_collapsed(node.get("text").as_string());
|
2021-11-02 21:25:15 +03:00
|
|
|
if (type == "comment"sv)
|
|
|
|
return String::formatted("<!--{}-->", node.get("data"sv).as_string());
|
2021-08-24 19:04:30 +03:00
|
|
|
if (type != "element")
|
|
|
|
return node_name;
|
|
|
|
|
2020-01-02 16:53:38 +03:00
|
|
|
StringBuilder builder;
|
|
|
|
builder.append('<');
|
2021-08-24 19:04:30 +03:00
|
|
|
builder.append(node_name.to_lowercase());
|
|
|
|
if (node.has("attributes")) {
|
|
|
|
auto attributes = node.get("attributes").as_object();
|
|
|
|
attributes.for_each_member([&builder](auto& name, JsonValue const& value) {
|
|
|
|
builder.append(' ');
|
|
|
|
builder.append(name);
|
|
|
|
builder.append('=');
|
|
|
|
builder.append('"');
|
|
|
|
builder.append(value.to_string());
|
|
|
|
builder.append('"');
|
|
|
|
});
|
|
|
|
}
|
2020-01-02 16:53:38 +03:00
|
|
|
builder.append('>');
|
|
|
|
return builder.to_string();
|
2019-11-09 13:31:03 +03:00
|
|
|
}
|
|
|
|
return {};
|
|
|
|
}
|
|
|
|
|
2021-08-24 19:04:30 +03:00
|
|
|
void DOMTreeModel::map_dom_nodes_to_parent(JsonObject const* parent, JsonObject const* node)
|
2021-08-17 18:33:07 +03:00
|
|
|
{
|
2021-08-24 19:04:30 +03:00
|
|
|
m_dom_node_to_parent_map.set(node, parent);
|
2021-08-27 19:36:10 +03:00
|
|
|
m_node_id_to_dom_node_map.set(node->get("id").to_i32(), node);
|
2021-08-17 18:33:07 +03:00
|
|
|
|
2021-08-24 19:04:30 +03:00
|
|
|
auto const* children = get_children(*node);
|
|
|
|
if (!children)
|
|
|
|
return;
|
2021-08-17 18:33:07 +03:00
|
|
|
|
2021-08-24 19:04:30 +03:00
|
|
|
children->for_each([&](auto const& child) {
|
|
|
|
auto const& child_node = child.as_object();
|
|
|
|
map_dom_nodes_to_parent(node, &child_node);
|
|
|
|
});
|
2021-08-17 18:33:07 +03:00
|
|
|
}
|
|
|
|
|
2021-08-27 19:36:10 +03:00
|
|
|
GUI::ModelIndex DOMTreeModel::index_for_node(i32 node_id) const
|
|
|
|
{
|
|
|
|
auto node = m_node_id_to_dom_node_map.get(node_id).value_or(nullptr);
|
|
|
|
if (node) {
|
|
|
|
auto* parent = get_parent(*node);
|
2021-10-15 23:51:43 +03:00
|
|
|
if (!parent)
|
|
|
|
return {};
|
2021-08-27 19:36:10 +03:00
|
|
|
auto parent_children = get_children(*parent);
|
|
|
|
for (size_t i = 0; i < parent_children->size(); i++) {
|
|
|
|
if (&parent_children->at(i).as_object() == node) {
|
|
|
|
return create_index(i, 0, node);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
dbgln("Didn't find index for node {}!", node_id);
|
|
|
|
return {};
|
|
|
|
}
|
|
|
|
|
2020-03-07 12:27:02 +03:00
|
|
|
}
|