Hotreloading of for/if/body, formatted strings, literals, component props, nested rsx, light CLI rewrite, cli TUI (#2258)

Hotreload the contents of for loops, if chains, component bodies, props, attributes, and any literals discovered in rsx!
Add a TUI renderer to the CLI.
Improve the CLI build system to be async and parallel.
Refactor RSX to allow partial expansion of expressions.
Merge autofmt implementations for consistency.
Merge the representation of elements and components under the hood.
Add a diagnostics system for rsx for improved error messages.
Drop interprocess and move to websockets for communication between the CLI and the server.
Assign IDs to nodes and attributes in a stable way to be used in non compiler contexts.
Add hotreloading to any body of component/for loop/if chain/etc.

---------

Co-authored-by: Evan Almloff <evanalmloff@gmail.com>
Co-authored-by: Liam Mitchell <liamkarlmitchell@gmail.com>

packages/core/src/diff/mod.rs

@@ -103,64 +103,17 @@ impl VirtualDom {
         to: &mut impl WriteMutations,
         mut template: Template,
     ) {
-        // In debug mode, we check the more complete hashmap by byte index
-        #[cfg(debug_assertions)]
-        {
-            let (path, byte_index) = template.name.rsplit_once(':').unwrap();
-
-            let byte_index = byte_index.parse::<usize>().unwrap();
-            let mut entry = self.templates.entry(path);
-            // If we've already seen this template, just return
-            if let std::collections::hash_map::Entry::Occupied(occupied) = &entry {
-                if occupied.get().contains_key(&byte_index) {
-                    return;
-                }
-            }
-
-            // Otherwise, insert it and register it
-            entry.or_default().insert(byte_index, template);
-        }
-
-        // In release mode, everything is built into the &'static str
-        #[cfg(not(debug_assertions))]
-        if !self.templates.insert(template.name) {
+        if self.templates.contains_key(template.name) {
             return;
         }
 
+        _ = self.templates.insert(template.name, template);
+
         // If it's all dynamic nodes, then we don't need to register it
         if !template.is_completely_dynamic() {
             to.register_template(template)
         }
     }
-
-    #[cfg(debug_assertions)]
-    /// Insert a new template into the VirtualDom's template registry
-    pub(crate) fn register_template_first_byte_index(&mut self, mut template: Template) {
-        // First, make sure we mark the template as seen, regardless if we process it
-        let (path, _) = template.name.rsplit_once(':').unwrap();
-        if let Some((_, old_template)) = self
-            .templates
-            .entry(path)
-            .or_default()
-            .iter_mut()
-            .min_by_key(|(byte_index, _)| **byte_index)
-        {
-            // the byte index of the hot reloaded template could be different
-            template.name = old_template.name;
-            *old_template = template;
-        } else {
-            // This is a template without any current instances
-            self.templates
-                .entry(path)
-                .or_default()
-                .insert(usize::MAX, template);
-        }
-
-        // If it's all dynamic nodes, then we don't need to register it
-        if !template.is_completely_dynamic() {
-            self.queued_templates.push(template);
-        }
-    }
 }
 
 /// We can apply various optimizations to dynamic nodes that are the single child of their parent.

packages/core/src/diff/node.rs

@@ -24,17 +24,14 @@ impl VNode {
         // If hot reloading is enabled, we need to make sure we're using the latest template
         #[cfg(debug_assertions)]
         {
-            let (path, byte_index) = new.template.get().name.rsplit_once(':').unwrap();
-            if let Some(map) = dom.templates.get(path) {
-                let byte_index = byte_index.parse::<usize>().unwrap();
-                if let Some(&template) = map.get(&byte_index) {
-                    new.template.set(template);
-                    if template != self.template.get() {
-                        let mount_id = self.mount.get();
-                        let parent = dom.mounts[mount_id.0].parent;
-                        self.replace(std::slice::from_ref(new), parent, dom, to);
-                        return;
-                    }
+            let name = new.template.get().name;
+            if let Some(template) = dom.templates.get(name).cloned() {
+                new.template.set(template);
+                if template != self.template.get() {
+                    let mount_id = self.mount.get();
+                    let parent = dom.mounts[mount_id.0].parent;
+                    self.replace(std::slice::from_ref(new), parent, dom, to);
+                    return;
                 }
             }
         }
@@ -576,12 +573,7 @@ impl VNode {
         #[cfg(debug_assertions)]
         {
             let template = self.template.get();
-            let (path, byte_index) = template.name.rsplit_once(':').unwrap();
-            if let Some(new_template) = dom
-                .templates
-                .get(path)
-                .and_then(|map| map.get(&byte_index.parse().unwrap()))
-            {
+            if let Some(new_template) = dom.templates.get(template.name) {
                 self.template.set(*new_template);
             }
         };
@@ -625,6 +617,7 @@ impl VNode {
 
         // Walk the roots, creating nodes and assigning IDs
         // nodes in an iterator of (dynamic_node_index, path)
+
         let nodes_sorted = template.breadth_first_node_paths();
         let attrs_sorted = template.breadth_first_attribute_paths();
 
@@ -811,6 +804,7 @@ impl VNode {
             dynamic_attrbiutes_iter.next_if(from_root_node)
         {
             let attribute = &self.dynamic_attrs[attribute_idx];
+
             let id = match last_path {
                 // If the last path was exactly the same, we can reuse the id
                 Some((path, id)) if path == attribute_path => id,