2020-01-18 11:38:21 +03:00
|
|
|
/*
|
|
|
|
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
2022-03-04 19:16:57 +03:00
|
|
|
* Copyright (c) 2021-2022, Sam Atkins <atkinssj@serenityos.org>
|
2022-02-10 22:28:48 +03:00
|
|
|
* Copyright (c) 2022, the SerenityOS developers.
|
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
|
|
|
*/
|
|
|
|
|
2020-05-28 21:40:53 +03:00
|
|
|
#pragma once
|
|
|
|
|
2022-02-27 03:38:12 +03:00
|
|
|
#include "ElementSizePreviewWidget.h"
|
2022-12-19 01:49:09 +03:00
|
|
|
#include <AK/String.h>
|
2020-02-06 22:33:02 +03:00
|
|
|
#include <LibGUI/Widget.h>
|
2022-03-04 19:29:05 +03:00
|
|
|
#include <LibWeb/CSS/Selector.h>
|
2020-03-07 12:32:51 +03:00
|
|
|
#include <LibWeb/Forward.h>
|
2022-02-27 03:38:12 +03:00
|
|
|
#include <LibWeb/Layout/BoxModelMetrics.h>
|
2022-04-30 11:46:33 +03:00
|
|
|
#include <LibWebView/Forward.h>
|
2023-02-25 20:42:57 +03:00
|
|
|
#include <LibWebView/OutOfProcessWebView.h>
|
|
|
|
|
2020-05-08 22:38:30 +03:00
|
|
|
namespace Browser {
|
|
|
|
|
2020-02-02 17:07:41 +03:00
|
|
|
class InspectorWidget final : public GUI::Widget {
|
2020-01-02 16:55:19 +03:00
|
|
|
C_OBJECT(InspectorWidget)
|
|
|
|
public:
|
2022-03-04 19:16:57 +03:00
|
|
|
struct Selection {
|
|
|
|
i32 dom_node_id { 0 };
|
2022-03-04 19:29:05 +03:00
|
|
|
Optional<Web::CSS::Selector::PseudoElement> pseudo_element {};
|
2022-03-04 19:16:57 +03:00
|
|
|
|
|
|
|
bool operator==(Selection const& other) const
|
|
|
|
{
|
2022-03-04 19:29:05 +03:00
|
|
|
return dom_node_id == other.dom_node_id && pseudo_element == other.pseudo_element;
|
2022-03-04 19:16:57 +03:00
|
|
|
}
|
|
|
|
|
2022-12-19 01:49:09 +03:00
|
|
|
ErrorOr<String> to_string() const
|
2022-03-04 19:16:57 +03:00
|
|
|
{
|
2022-03-04 19:29:05 +03:00
|
|
|
if (pseudo_element.has_value())
|
2022-12-19 01:49:09 +03:00
|
|
|
return String::formatted("id: {}, pseudo: {}", dom_node_id, Web::CSS::pseudo_element_name(pseudo_element.value()));
|
|
|
|
return String::formatted("id: {}", dom_node_id);
|
2022-03-04 19:16:57 +03:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2022-02-10 22:28:48 +03:00
|
|
|
virtual ~InspectorWidget() = default;
|
2020-01-02 16:55:19 +03:00
|
|
|
|
2022-04-30 11:46:33 +03:00
|
|
|
void set_web_view(NonnullRefPtr<WebView::OutOfProcessWebView> web_view) { m_web_view = web_view; }
|
2022-12-19 01:49:09 +03:00
|
|
|
void set_dom_json(StringView);
|
2021-09-01 14:50:47 +03:00
|
|
|
void clear_dom_json();
|
2022-12-19 01:49:09 +03:00
|
|
|
void set_dom_node_properties_json(Selection, StringView computed_values_json, StringView resolved_values_json, StringView custom_properties_json, StringView node_box_sizing_json);
|
2022-12-29 02:26:23 +03:00
|
|
|
void set_accessibility_json(StringView);
|
2020-01-02 16:55:19 +03:00
|
|
|
|
2022-03-04 19:16:57 +03:00
|
|
|
void set_selection(Selection);
|
2021-08-27 22:21:30 +03:00
|
|
|
void select_default_node();
|
2021-08-27 19:40:25 +03:00
|
|
|
|
2020-01-02 16:55:19 +03:00
|
|
|
private:
|
2020-02-23 14:07:13 +03:00
|
|
|
InspectorWidget();
|
2020-01-02 16:55:19 +03:00
|
|
|
|
2022-03-04 19:16:57 +03:00
|
|
|
void set_selection(GUI::ModelIndex);
|
2022-12-19 01:49:09 +03:00
|
|
|
void load_style_json(StringView computed_values_json, StringView resolved_values_json, StringView custom_properties_json);
|
|
|
|
void update_node_box_model(StringView node_box_sizing_json);
|
2021-08-27 22:21:30 +03:00
|
|
|
void clear_style_json();
|
2022-07-03 18:56:26 +03:00
|
|
|
void clear_node_box_model();
|
2020-06-12 23:30:11 +03:00
|
|
|
|
2022-04-30 11:46:33 +03:00
|
|
|
RefPtr<WebView::OutOfProcessWebView> m_web_view;
|
2021-09-02 14:05:32 +03:00
|
|
|
|
2020-02-02 17:07:41 +03:00
|
|
|
RefPtr<GUI::TreeView> m_dom_tree_view;
|
2022-12-29 02:26:23 +03:00
|
|
|
RefPtr<GUI::TreeView> m_accessibility_tree_view;
|
2020-02-02 17:07:41 +03:00
|
|
|
RefPtr<GUI::TableView> m_computed_style_table_view;
|
2022-03-15 22:00:51 +03:00
|
|
|
RefPtr<GUI::TableView> m_resolved_style_table_view;
|
2021-12-08 14:51:26 +03:00
|
|
|
RefPtr<GUI::TableView> m_custom_properties_table_view;
|
2022-02-27 03:38:12 +03:00
|
|
|
RefPtr<ElementSizePreviewWidget> m_element_size_view;
|
|
|
|
|
|
|
|
Web::Layout::BoxModelMetrics m_node_box_sizing;
|
2021-06-08 00:21:16 +03:00
|
|
|
|
2022-03-04 19:16:57 +03:00
|
|
|
Optional<Selection> m_pending_selection;
|
|
|
|
Selection m_selection;
|
2022-12-19 01:49:09 +03:00
|
|
|
bool m_dom_loaded { false };
|
2020-01-02 16:55:19 +03:00
|
|
|
};
|
2020-05-08 22:38:30 +03:00
|
|
|
|
|
|
|
}
|