mirror of
https://github.com/servo/servo.git
synced 2025-10-17 00:39:15 +01:00
* 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>
263 lines
8 KiB
Rust
263 lines
8 KiB
Rust
/* 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 page style actor is responsible of informing the DevTools client of the different style
|
|
//! properties applied, including the attributes and layout of each element.
|
|
|
|
use std::collections::HashMap;
|
|
use std::net::TcpStream;
|
|
|
|
use base::id::PipelineId;
|
|
use devtools_traits::DevtoolScriptControlMsg::GetLayout;
|
|
use devtools_traits::{ComputedNodeLayout, DevtoolScriptControlMsg};
|
|
use ipc_channel::ipc::{self, IpcSender};
|
|
use serde::Serialize;
|
|
use serde_json::{self, Map, Value};
|
|
|
|
use crate::actor::{Actor, ActorMessageStatus, ActorRegistry};
|
|
use crate::protocol::JsonPacketStream;
|
|
use crate::StreamId;
|
|
|
|
#[derive(Serialize)]
|
|
struct GetAppliedReply {
|
|
entries: Vec<AppliedEntry>,
|
|
rules: Vec<AppliedRule>,
|
|
sheets: Vec<AppliedSheet>,
|
|
from: String,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
struct GetComputedReply {
|
|
computed: Vec<u32>, //XXX all css props
|
|
from: String,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
#[serde(rename_all = "camelCase")]
|
|
struct AppliedEntry {
|
|
rule: String,
|
|
pseudo_element: Value,
|
|
is_system: bool,
|
|
matched_selectors: Vec<String>,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
#[serde(rename_all = "camelCase")]
|
|
struct AppliedRule {
|
|
actor: String,
|
|
#[serde(rename = "type")]
|
|
type_: String,
|
|
href: String,
|
|
css_text: String,
|
|
line: u32,
|
|
column: u32,
|
|
parent_style_sheet: String,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
#[serde(rename_all = "camelCase")]
|
|
struct AppliedSheet {
|
|
actor: String,
|
|
href: String,
|
|
node_href: String,
|
|
disabled: bool,
|
|
title: String,
|
|
system: bool,
|
|
style_sheet_index: isize,
|
|
rule_count: usize,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
#[serde(rename_all = "kebab-case")]
|
|
struct GetLayoutReply {
|
|
from: String,
|
|
|
|
display: String,
|
|
position: String,
|
|
z_index: String,
|
|
box_sizing: String,
|
|
|
|
// Would be nice to use a proper struct, blocked by
|
|
// https://github.com/serde-rs/serde/issues/43
|
|
auto_margins: serde_json::value::Value,
|
|
margin_top: String,
|
|
margin_right: String,
|
|
margin_bottom: String,
|
|
margin_left: String,
|
|
|
|
border_top_width: String,
|
|
border_right_width: String,
|
|
border_bottom_width: String,
|
|
border_left_width: String,
|
|
|
|
padding_top: String,
|
|
padding_right: String,
|
|
padding_bottom: String,
|
|
padding_left: String,
|
|
|
|
width: f32,
|
|
height: f32,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
pub struct IsPositionEditableReply {
|
|
pub from: String,
|
|
pub value: bool,
|
|
}
|
|
|
|
#[derive(Serialize)]
|
|
pub struct PageStyleMsg {
|
|
pub actor: String,
|
|
pub traits: HashMap<String, bool>,
|
|
}
|
|
|
|
pub struct PageStyleActor {
|
|
pub name: String,
|
|
pub script_chan: IpcSender<DevtoolScriptControlMsg>,
|
|
pub pipeline: PipelineId,
|
|
}
|
|
|
|
impl Actor for PageStyleActor {
|
|
fn name(&self) -> String {
|
|
self.name.clone()
|
|
}
|
|
|
|
/// The page style actor can handle the following messages:
|
|
///
|
|
/// - `getApplied`: Returns the applied styles for a node, placeholder
|
|
///
|
|
/// - `getComputed`: Returns the computed styles for a node, placeholder
|
|
///
|
|
/// - `getLayout`: Returns the box layout properties for a node, placeholder
|
|
///
|
|
/// - `isPositionEditable`: Informs whether you can change a style property in the inspector
|
|
fn handle_message(
|
|
&self,
|
|
registry: &ActorRegistry,
|
|
msg_type: &str,
|
|
msg: &Map<String, Value>,
|
|
stream: &mut TcpStream,
|
|
_id: StreamId,
|
|
) -> Result<ActorMessageStatus, ()> {
|
|
Ok(match msg_type {
|
|
"getApplied" => {
|
|
// TODO: Query script for relevant applied styles to node (msg.node)
|
|
let msg = GetAppliedReply {
|
|
entries: vec![],
|
|
rules: vec![],
|
|
sheets: vec![],
|
|
from: self.name(),
|
|
};
|
|
let _ = stream.write_json_packet(&msg);
|
|
ActorMessageStatus::Processed
|
|
},
|
|
|
|
"getComputed" => {
|
|
// TODO: Query script for relevant computed styles on node (msg.node)
|
|
let msg = GetComputedReply {
|
|
computed: vec![],
|
|
from: self.name(),
|
|
};
|
|
let _ = stream.write_json_packet(&msg);
|
|
ActorMessageStatus::Processed
|
|
},
|
|
|
|
"getLayout" => {
|
|
// TODO: Query script for box layout properties of node (msg.node)
|
|
let target = msg.get("node").ok_or(())?.as_str().ok_or(())?;
|
|
let (tx, rx) = ipc::channel().map_err(|_| ())?;
|
|
self.script_chan
|
|
.send(GetLayout(
|
|
self.pipeline,
|
|
registry.actor_to_script(target.to_owned()),
|
|
tx,
|
|
))
|
|
.unwrap();
|
|
let ComputedNodeLayout {
|
|
display,
|
|
position,
|
|
z_index,
|
|
box_sizing,
|
|
auto_margins,
|
|
margin_top,
|
|
margin_right,
|
|
margin_bottom,
|
|
margin_left,
|
|
border_top_width,
|
|
border_right_width,
|
|
border_bottom_width,
|
|
border_left_width,
|
|
padding_top,
|
|
padding_right,
|
|
padding_bottom,
|
|
padding_left,
|
|
width,
|
|
height,
|
|
} = rx.recv().map_err(|_| ())?.ok_or(())?;
|
|
|
|
let msg_auto_margins = msg
|
|
.get("autoMargins")
|
|
.and_then(Value::as_bool)
|
|
.unwrap_or(false);
|
|
|
|
// https://searchfox.org/mozilla-central/source/devtools/server/actors/page-style.js
|
|
let msg = GetLayoutReply {
|
|
from: self.name(),
|
|
display,
|
|
position,
|
|
z_index,
|
|
box_sizing,
|
|
auto_margins: if msg_auto_margins {
|
|
let mut m = Map::new();
|
|
let auto = serde_json::value::Value::String("auto".to_owned());
|
|
if auto_margins.top {
|
|
m.insert("top".to_owned(), auto.clone());
|
|
}
|
|
if auto_margins.right {
|
|
m.insert("right".to_owned(), auto.clone());
|
|
}
|
|
if auto_margins.bottom {
|
|
m.insert("bottom".to_owned(), auto.clone());
|
|
}
|
|
if auto_margins.left {
|
|
m.insert("left".to_owned(), auto);
|
|
}
|
|
serde_json::value::Value::Object(m)
|
|
} else {
|
|
serde_json::value::Value::Null
|
|
},
|
|
margin_top,
|
|
margin_right,
|
|
margin_bottom,
|
|
margin_left,
|
|
border_top_width,
|
|
border_right_width,
|
|
border_bottom_width,
|
|
border_left_width,
|
|
padding_top,
|
|
padding_right,
|
|
padding_bottom,
|
|
padding_left,
|
|
width,
|
|
height,
|
|
};
|
|
let msg = serde_json::to_string(&msg).map_err(|_| ())?;
|
|
let msg = serde_json::from_str::<Value>(&msg).map_err(|_| ())?;
|
|
let _ = stream.write_json_packet(&msg);
|
|
ActorMessageStatus::Processed
|
|
},
|
|
|
|
"isPositionEditable" => {
|
|
let msg = IsPositionEditableReply {
|
|
from: self.name(),
|
|
value: false,
|
|
};
|
|
let _ = stream.write_json_packet(&msg);
|
|
ActorMessageStatus::Processed
|
|
},
|
|
|
|
_ => ActorMessageStatus::Ignored,
|
|
})
|
|
}
|
|
}
|