support multi-file pyscript components

Author: Archmonger

src/reactpy_django/templatetags/reactpy.py

@@ -210,14 +210,14 @@ def validate_host(host: str):
 @register.inclusion_tag("reactpy/pyscript_component.html", takes_context=True)
 def pyscript_component(
     context: template.RequestContext,
-    file_path: str,
+    *file_paths: str,
     initial: str | VdomDict | ComponentType = "",
     root: str = "root",
 ):
     uuid = uuid4().hex
     request: HttpRequest | None = context.get("request")
     initial = vdom_or_component_to_string(initial, request=request, uuid=uuid)
-    executor = render_pyscript_template(file_path, uuid, root)
+    executor = render_pyscript_template(file_paths, uuid, root)
 
     return {
         "pyscript_executor": executor,

tests/test_app/pyscript/components/multifile_child.py

@@ -0,0 +1,6 @@
+from reactpy import component, html
+
+
+@component
+def child():
+    return html.div({"id": "multifile-child"}, "Multifile child")

tests/test_app/pyscript/components/multifile_parent.py

@@ -0,0 +1,12 @@
+# pylint: disable=used-before-assignment
+from typing import TYPE_CHECKING
+
+from reactpy import component, html
+
+if TYPE_CHECKING:
+    from .multifile_child import child
+
+
+@component
+def root():
+    return html.div({"id": "multifile-parent"}, "Multifile root", child())

tests/test_app/templates/pyscript.html

@@ -18,6 +18,8 @@ <h1>ReactPy PyScript Test Page</h1>
     <hr>
     {% pyscript_component "./test_app/pyscript/components/custom_root.py" root="main" %}
     <hr>
+    {% pyscript_component "./test_app/pyscript/components/multifile_parent.py" "./test_app/pyscript/components/multifile_child.py" %}
+    <hr>
     {% pyscript_component "./test_app/pyscript/components/counter.py" %}
     <hr>
     {% component "test_app.pyscript.components.server_side.parent" %}

tests/test_app/tests/test_components.py

@@ -686,6 +686,8 @@ def test_pyscript_components(self):
             new_page.wait_for_selector("#hello-world-loading")
             new_page.wait_for_selector("#hello-world")
             new_page.wait_for_selector("#custom-root")
+            new_page.wait_for_selector("#multifile-parent")
+            new_page.wait_for_selector("#multifile-child")
 
             new_page.wait_for_selector("#counter")
             new_page.wait_for_selector("#counter pre[data-value='0']")