DevTools: Show HTML tree (#32655)

* feat: watch root node Signed-off-by: eri <eri@inventati.org> * reafactor: divide inspector in components Signed-off-by: eri <eri@inventati.org> * feat: add css properties actor Signed-off-by: eri <eri@inventati.org> * feat: accesibility actor Signed-off-by: eri <eri@inventati.org> * feat: layout actor Signed-off-by: eri <eri@inventati.org> * feat: network parent and refactor Signed-off-by: eri <eri@inventati.org> * feat: progress on the inspector messages Signed-off-by: eri <eri@inventati.org> * feat: more progress on inspector Signed-off-by: eri <eri@inventati.org> * feat: try to fix nodes showing Signed-off-by: eri <eri@inventati.org> * feat: initial dom tree Signed-off-by: eri <eri@inventati.org> * feat: some more messages Signed-off-by: eri <eri@inventati.org> * feat: clean and add documentation Signed-off-by: eri <eri@inventati.org> * refactor: add more docs and clean Signed-off-by: eri <eri@inventati.org> * fix: restore deleted node attributes field Signed-off-by: eri <eri@inventati.org> * Apply suggestions from code review Fix a few nits in comments Signed-off-by: Martin Robinson <mrobinson@igalia.com> --------- Signed-off-by: eri <eri@inventati.org> Signed-off-by: Martin Robinson <mrobinson@igalia.com> Co-authored-by: Martin Robinson <mrobinson@igalia.com>
2025-08-07 22:45:34 +01:00 · 2024-07-26 17:17:54 +02:00 · 2024-07-26 17:17:54 +02:00 · 902bf57331
commit 902bf57331
parent f7448b5d61
23 changed files with 1487 additions and 833 deletions
--- a/components/devtools/actors/inspector/layout.rs
+++ b/components/devtools/actors/inspector/layout.rs
@ -0,0 +1,88 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+//! The layout actor informs the DevTools client of the layout properties of the document, such as
+//! grids or flexboxes. It acts as a placeholder for now.
+
+use std::net::TcpStream;
+
+use serde::Serialize;
+use serde_json::{Map, Value};
+
+use crate::actor::{Actor, ActorMessageStatus, ActorRegistry};
+use crate::protocol::JsonPacketStream;
+use crate::StreamId;
+
+#[derive(Serialize)]
+pub struct LayoutInspectorActorMsg {
+    actor: String,
+}
+
+pub struct LayoutInspectorActor {
+    name: String,
+}
+
+#[derive(Serialize)]
+pub struct GetGridsReply {
+    from: String,
+    grids: Vec<String>,
+}
+
+#[derive(Serialize)]
+pub struct GetCurrentFlexboxReply {
+    from: String,
+    flexbox: Option<()>,
+}
+
+impl Actor for LayoutInspectorActor {
+    fn name(&self) -> String {
+        self.name.clone()
+    }
+
+    /// The layout inspector actor can handle the following messages:
+    ///
+    /// - `getGrids`: Returns a list of CSS grids, non functional at the moment
+    ///
+    /// - `getCurrentFlexbox`: Returns the active flexbox, non functional at the moment
+    fn handle_message(
+        &self,
+        _registry: &ActorRegistry,
+        msg_type: &str,
+        _msg: &Map<String, Value>,
+        stream: &mut TcpStream,
+        _id: StreamId,
+    ) -> Result<ActorMessageStatus, ()> {
+        Ok(match msg_type {
+            "getGrids" => {
+                let msg = GetGridsReply {
+                    from: self.name(),
+                    // TODO: Actually create a list of grids
+                    grids: vec![],
+                };
+                let _ = stream.write_json_packet(&msg);
+                ActorMessageStatus::Processed
+            },
+            "getCurrentFlexbox" => {
+                let msg = GetCurrentFlexboxReply {
+                    from: self.name(),
+                    // TODO: Create and return the current flexbox object
+                    flexbox: None,
+                };
+                let _ = stream.write_json_packet(&msg);
+                ActorMessageStatus::Processed
+            },
+            _ => ActorMessageStatus::Ignored,
+        })
+    }
+}
+
+impl LayoutInspectorActor {
+    pub fn new(name: String) -> Self {
+        Self { name }
+    }
+
+    pub fn encodable(&self) -> LayoutInspectorActorMsg {
+        LayoutInspectorActorMsg { actor: self.name() }
+    }
+}