Fix: some stuff related to event listeners. POC for lifecyel

packages/web/examples/rsxt.rs

@@ -40,10 +40,56 @@ static Example: FC<ExampleProps> = |ctx, props| {
             }
             
             // CustomButton { name: sub, set_name: Box::new(move || set_name("jack")) }
-            CustomButton { name: "Jack!", set_name: Box::new(move || set_name("jack")) }
-            CustomButton { name: "Jill!", set_name: Box::new(move || set_name("jill")) }
-            CustomButton { name: "Bill!", set_name: Box::new(move || set_name("Bill")) }
-            CustomButton { name: "Reset!", set_name: Box::new(move || set_name(props.initial_name)) }
+            CustomButton { name: "Jack!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bob!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Dill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Crack!", set_name: Box::new(set_name) }
+            CustomButton { name: "back!", set_name: Box::new(set_name) }
+            CustomButton { name: "cheder!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jack!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bob!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Dill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Crack!", set_name: Box::new(set_name) }
+            CustomButton { name: "back!", set_name: Box::new(set_name) }
+            CustomButton { name: "cheder!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jack!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bob!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Dill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Crack!", set_name: Box::new(set_name) }
+            CustomButton { name: "back!", set_name: Box::new(set_name) }
+            CustomButton { name: "cheder!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jack!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bob!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Dill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Crack!", set_name: Box::new(set_name) }
+            CustomButton { name: "back!", set_name: Box::new(set_name) }
+            CustomButton { name: "cheder!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jack!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bob!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Dill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Crack!", set_name: Box::new(set_name) }
+            CustomButton { name: "back!", set_name: Box::new(set_name) }
+            CustomButton { name: "cheder!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jack!", set_name: Box::new(set_name) }
+            CustomButton { name: "Jill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bob!", set_name: Box::new(set_name) }
+            CustomButton { name: "Bill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Dill!", set_name: Box::new(set_name) }
+            CustomButton { name: "Crack!", set_name: Box::new(set_name) }
+            CustomButton { name: "back!", set_name: Box::new(set_name) }
+            CustomButton { name: "cheder!", set_name: Box::new(set_name) }
+            // CustomButton { name: "Bill!", set_name: Box::new(move || set_name("Bill")) }
+            // CustomButton { name: "Reset!", set_name: Box::new(move || set_name(props.initial_name)) }
 
         }
     })
@@ -51,9 +97,9 @@ static Example: FC<ExampleProps> = |ctx, props| {
 
 #[derive(Props)]
 struct ButtonProps<'src> {
-    name: &'src str,
+    name: &'static str,
     // name: &'src str,
-    set_name: Box< dyn Fn() + 'src>
+    set_name: Box< dyn Fn(&'static str) + 'src>
 }
 impl PartialEq for ButtonProps<'_> {
     fn eq(&self, other: &Self) -> bool {
@@ -63,13 +109,13 @@ impl PartialEq for ButtonProps<'_> {
 
 fn CustomButton<'a>(ctx: Context<'a>, props: &'a ButtonProps<'a>) -> DomTree {
     ctx.render(rsx!{
-        div {
-            button {  
-                class: "inline-block py-4 px-8 mr-6 leading-none text-white bg-indigo-600 hover:bg-indigo-900 font-semibold rounded shadow"
-                onmouseover: move |_| (props.set_name)()
-                "{props.name}"
-            }
+        // div {
+        button {  
+            class: "inline-block py-4 px-8 mr-6 leading-none text-white bg-indigo-600 hover:bg-indigo-900 font-semibold rounded shadow"
+            onmouseover: move |_| (props.set_name)(props.name)
+            "{props.name}"
         }
+        // }
     })
 }
 

packages/web/src/interpreter.rs

@@ -36,6 +36,8 @@ pub(crate) struct PatchMachine {
     pub(crate) document: Document,
 
     pub(crate) events: EventDelegater,
+
+    pub(crate) current_known: Option<u32>,
 }
 
 #[derive(Debug)]
@@ -95,9 +97,13 @@ impl EventDelegater {
 
                 if let (Some(gi_id), Some(gi_gen), Some(li_idx)) = (gi_id, gi_gen, li_idx) {
                     // Call the trigger
+                    log::debug!("decoded gi_id: {},  gi_gen: {},  li_idx: {}", gi_id,gi_gen,li_idx);
+
+                    let triggered_scope = ScopeIdx::from_raw_parts(gi_id, gi_gen);
                     trigger.0.as_ref()(EventTrigger::new(
                         virtual_event_from_websys_event(event),
-                        scope,
+                        triggered_scope,
+                        // scope,
                         li_idx,
                     ));
                 }
@@ -167,6 +173,7 @@ impl PatchMachine {
         let events = EventDelegater::new(root.clone(), event_callback);
 
         Self {
+            current_known: None,
             known_roots: Default::default(),
             root,
             events,
@@ -250,6 +257,13 @@ impl PatchMachine {
                     panic!("Cannot replace node: {:?}", old_node);
                 }
 
+                // poc to see if this is a valid solution
+                if let Some(id) = self.current_known {
+                    // update mapping
+                    self.known_roots.insert(id, new_node.clone());
+                    self.current_known = None;
+                }
+
                 self.stack.push(new_node);
             }
 
@@ -485,9 +499,12 @@ impl PatchMachine {
                 self.known_roots.insert(node, domnode.clone());
             }
             Edit::TraverseToKnown { node } => {
-                let domnode = self.known_roots.get(&node).expect("Failed to pop know root");
+                let domnode = self
+                    .known_roots
+                    .get(&node)
+                    .expect("Failed to pop know root");
+                self.current_known = Some(node);
                 self.stack.push(domnode.clone());
-
             }
             Edit::RemoveKnown => {}
         }

packages/web/src/lib.rs

@@ -102,7 +102,7 @@ impl WebsysRenderer {
 
             for edit in &edits {
                 log::debug!("edit stream {:?}", edit);
-                log::debug!("Stream stack {:#?}", patch_machine.stack.top());
+                // log::debug!("Stream stack {:#?}", patch_machine.stack.top());
                 patch_machine.handle_edit(edit);
             }