Use new fragment syntax

Author: Archmonger

src/reactpy/_html.py

@@ -278,7 +278,6 @@ class HtmlConstructor:
     __cache__: ClassVar[dict[str, VdomDictConstructor]] = {
         "script": custom_vdom_constructor(_script),
         "fragment": custom_vdom_constructor(_fragment),
-        "_": custom_vdom_constructor(_fragment),
     }
 
     def __getattr__(self, value: str) -> VdomDictConstructor:

src/reactpy/backend/_common.py

@@ -109,7 +109,7 @@ def vdom_head_elements_to_html(head: Sequence[VdomDict] | VdomDict | str) -> str
             head = cast(VdomDict, {**head, "tagName": ""})
         return vdom_to_html(head)
     else:
-        return vdom_to_html(html._(*head))
+        return vdom_to_html(html.fragment(*head))
 
 
 @dataclass

tests/test_backend/test_common.py

@@ -51,7 +51,7 @@ def test_catch_unsafe_relative_path_traversal(tmp_path, bad_path):
             '<meta charset="utf-8"><title>example</title>',
         ),
         (
-            html._(
+            html.fragment(
                 html.meta({"charset": "utf-8"}),
                 html.title("example"),
             ),

tests/test_client.py

@@ -23,7 +23,7 @@ async def test_automatic_reconnect(browser: Browser):
     @reactpy.component
     def SomeComponent():
         count, incr_count = use_counter(0)
-        return reactpy.html._(
+        return reactpy.html.fragment(
             reactpy.html.p({"data_count": count, "id": "count"}, "count", count),
             reactpy.html.button(
                 {"on_click": lambda e: incr_count(), "id": "incr"}, "incr"

tests/test_core/test_hooks.py

@@ -979,7 +979,7 @@ async def test_context_values_are_scoped():
 
     @reactpy.component
     def Parent():
-        return html._(
+        return html.fragment(
             Context(Context(Child1(), value=1), value="something-else"),
             Context(Child2(), value=2),
         )

tests/test_core/test_layout.py

@@ -1224,7 +1224,7 @@ def colorize(event):
     @component
     def App():
         items = use_state(["A", "B", "C"])
-        return html._([Item(item, items, key=item) for item in items.value])
+        return html.fragment([Item(item, items, key=item) for item in items.value])
 
     async with layout_runner(reactpy.Layout(App())) as runner:
         tree = await runner.render()
@@ -1265,7 +1265,7 @@ async def test_async_renders(async_rendering):
 
     @component
     def outer():
-        return html._(child_1(), child_2())
+        return html.fragment(child_1(), child_2())
 
     @component
     @child_1_hook.capture

tests/test_html.py

@@ -88,10 +88,10 @@ def test_script_has_no_event_handlers():
 
 
 def test_simple_fragment():
-    assert html._() == {"tagName": ""}
-    assert html._(1, 2, 3) == {"tagName": "", "children": [1, 2, 3]}
-    assert html._({"key": "something"}) == {"tagName": "", "key": "something"}
-    assert html._({"key": "something"}, 1, 2, 3) == {
+    assert html.fragment() == {"tagName": ""}
+    assert html.fragment(1, 2, 3) == {"tagName": "", "children": [1, 2, 3]}
+    assert html.fragment({"key": "something"}) == {"tagName": "", "key": "something"}
+    assert html.fragment({"key": "something"}, 1, 2, 3) == {
         "tagName": "",
         "key": "something",
         "children": [1, 2, 3],
@@ -100,4 +100,4 @@ def test_simple_fragment():
 
 def test_fragment_can_have_no_attributes():
     with pytest.raises(TypeError, match="Fragments cannot have attributes"):
-        html._({"some_attribute": 1})
+        html.fragment({"some_attribute": 1})

tests/test_utils.py

@@ -215,11 +215,11 @@ def test_del_html_body_transform():
             "<button></button>",
         ),
         (
-            html._("hello ", html._("world")),
+            html.fragment("hello ", html.fragment("world")),
             "hello world",
         ),
         (
-            html._(html.div("hello"), html._("world")),
+            html.fragment(html.div("hello"), html.fragment("world")),
             "<div>hello</div>world",
         ),
         (
@@ -231,15 +231,15 @@ def test_del_html_body_transform():
             '<div style="background-color:blue;margin-left:10px"></div>',
         ),
         (
-            html._(
+            html.fragment(
                 html.div("hello"),
                 html.a({"href": "https://example.com"}, "example"),
             ),
             '<div>hello</div><a href="https://example.com">example</a>',
         ),
         (
             html.div(
-                html._(
+                html.fragment(
                     html.div("hello"),
                     html.a({"href": "https://example.com"}, "example"),
                 ),