diff --git a/studio-frontend/src/app/inspector.element.ts b/studio-frontend/src/app/inspector.element.ts index 6f33c7b..225e667 100644 --- a/studio-frontend/src/app/inspector.element.ts +++ b/studio-frontend/src/app/inspector.element.ts @@ -72,7 +72,7 @@ export class AppElement extends LitElement { } -
+
` //convert string vdom to json object diff --git a/studio/src/ui/inspector.rs b/studio/src/ui/inspector.rs index 8c60be8..e8b8280 100644 --- a/studio/src/ui/inspector.rs +++ b/studio/src/ui/inspector.rs @@ -63,8 +63,16 @@ fn show_selected( } unsafe { let cell = world.as_unsafe_world_cell(); + let mut virtial_dom = cell.get_resource_mut::().unwrap(); let Some(selection) = cell.get_resource::() else { + + + + let muts = virtial_dom.render(None); + let q_window = cell.world_mut().query_filtered::<&Window, With>().single(cell.world()); + let _ = notify_dom_changed(q_window, serde_json::to_string(&muts).unwrap()); + return; }; @@ -72,7 +80,6 @@ fn show_selected( let mut functions = cell.get_resource_mut::().unwrap(); - let mut virtial_dom = cell.get_resource_mut::().unwrap(); let app_type_registry = cell.get_resource::().unwrap(); let e = cell.get_entity(selected_entity).unwrap(); @@ -94,7 +101,8 @@ fn show_selected( let element = Element::Component(super::utils::Component { tag: "div".to_string(), attributes: vec![ - ("style".to_string(), "display: flex; flex-direction: column; height: 100%; overflow: auto;".to_string()) + ("style".to_string(), "display: flex; flex-direction: column; height: 100%; overflow: auto;".to_string()), + ("class".to_string(), "inspector".to_string()) ], children: inspected.components.into_iter().map(|c| { show_reflect(