get a text_node short hand; tag 0.0.16

Respo · Nov 26, 2024 · a3b5ddf · a3b5ddf
1 parent 44f103f
commit a3b5ddf
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 22 deletions.
diff --git a/moon.mod.json b/moon.mod.json
@@ -1,6 +1,6 @@
 {
   "name": "tiye/respo",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "deps": {
     "tiye/dom-ffi": "0.0.6",
     "tiye/cirru-parser": "0.0.7"
@@ -9,6 +9,6 @@
   "repository": "https://github.com/Respo/respo.mbt/",
   "license": "Apache-2.0",
   "keywords": ["virtual-dom"],
-  "description": "A tiny virtual DOM library(preview mode)",
+  "description": "A tiny virtual DOM library(beta)",
   "source": "src"
 }
diff --git a/src/lib/node/alias.mbt b/src/lib/node/alias.mbt
@@ -79,6 +79,20 @@ pub fn span[T](
   )
 }
 
+/// internally using span element to render text.
+pub fn text_node[T](
+  class_name? : String,
+  style? : RespoStyle,
+  text : String
+) -> RespoNode[T] {
+  span(
+    inner_text=text,
+    class_name=class_name.or_default(),
+    style=style.or_default(),
+    [],
+  )
+}
+
 pub fn button[T](
   class_name? : String,
   inner_text~ : String,

diff --git a/src/lib/node/css.mbt b/src/lib/node/css.mbt
@@ -1020,7 +1020,7 @@ pub fn declare_static_style[U : Show](
     }
     style_tag.set_inner_html(styles)
     head.reinterpret_as_node().append_child(style_tag.reinterpret_as_node())
-    class_name_in_tags.insert(gen_name)
+    class_name_in_tags.add(gen_name)
     gen_name
   }
 }
diff --git a/src/lib/node/diff.mbt b/src/lib/node/diff.mbt
@@ -20,7 +20,7 @@ pub fn diff_tree[T](
         let skipped : @hashset.T[Int] = @hashset.new()
         for idx, effect in effects {
           match old_effects.get(idx) {
-            Some(old_effect) => if effect == old_effect { skipped.insert(idx) }
+            Some(old_effect) => if effect == old_effect { skipped.add(idx) }
             None => ()
           }
         }
@@ -166,7 +166,7 @@ fn diff_attrs[T](
   for pair in old_attrs.iter() {
     let (key, _) = pair
     if not(new_attrs.contains(key)) {
-      removed.insert(key)
+      removed.add(key)
       if inner_changed(key) {
         reset_inner.val = true
       }
@@ -204,7 +204,7 @@ fn diff_style[T](
   for pair in old_style {
     let (key, _) = pair
     if not(new_style.contains(key)) {
-      removed.insert(key)
+      removed.add(key)
     }
   }
   if not(added.is_empty()) || not(removed.is_empty()) {

diff --git a/src/main/counter.mbt b/src/main/counter.mbt
@@ -65,25 +65,21 @@ fn comp_counter(
       ),
       @respo_node.div(
         [
-          @respo_node.span(
-            inner_text="value is: " + counted.to_string(),
+          @respo_node.text_node(
+            "value is: " + counted.to_string(),
             style=respo_style(
               color=Hsluv(270, 100, 40),
               font_family="Menlo",
               font_size=counted.reinterpret_as_uint() + 10,
             ),
-            [],
           ),
         ],
       ),
       @respo_node.div(
         [
-          @respo_node.span(inner_text="local state: \{counted}", []),
+          text_node("local state: \{counted}"),
           @respo_node.br(),
-          @respo_node.span(
-            inner_text="global state: " + global_counted.to_string(),
-            [],
-          ),
+          text_node("global state: " + global_counted.to_string()),
         ],
       ),
     ],

diff --git a/src/main/moon.pkg.json b/src/main/moon.pkg.json
@@ -17,7 +17,8 @@
         "input",
         "button",
         "declare_static_style",
-        "respo_style"
+        "respo_style",
+        "text_node"
       ]
     },
     { "path": "tiye/respo/lib/dialog", "alias": "dialog" },

diff --git a/src/main/panel.mbt b/src/main/panel.mbt
@@ -68,7 +68,7 @@ fn comp_panel(
           inner_text="add",
           event={}..set(Click, on_submit),
         ),
-        span(inner_text="got panel state: \{state.to_json()}", []),
+        text_node("got panel state: \{state.to_json()}"),
       ],
     ),
   )

diff --git a/src/main/plugins.mbt b/src/main/plugins.mbt
@@ -94,9 +94,7 @@ fn comp_plugins_demo(
           @respo_node.div(
             style=respo_style(padding=Px(8)),
             [
-              @respo_node.div(
-                [@respo_node.span(inner_text="content in custom modal", [])],
-              ),
+              @respo_node.div([text_node("content in custom modal")]),
               @respo_node.div(
                 class_name=@respo.ui_row_parted,
                 [
@@ -141,9 +139,7 @@ fn comp_plugins_demo(
           @respo_node.div(
             style=respo_style(padding=Px(8)),
             [
-              @respo_node.div(
-                [@respo_node.span(inner_text="content in custom drawer", [])],
-              ),
+              @respo_node.div([text_node("content in custom drawer")]),
               @respo_node.div(
                 attrs=@respo_node.respo_attrs(class_name=@respo.ui_row_parted),
                 [