Closes: #39 Add a way to specify the position of child components.

starfyre/__init__.py

@@ -23,7 +23,7 @@ def create_component(pyml="", css="", js="", client_side_python="", component_na
     pyml_root = parser.get_root()
 
     if pyml_root is None:
-        return Component("div", {}, [], {}, {}, uuid="store", js=js)
+        return Component("div", {}, [], {}, {}, uuid="store", js=js, original_name="div")
 
     return pyml_root
 

starfyre/__main__.py

@@ -92,6 +92,9 @@ def main(path, build):
             stderr=None,
         )
 
+        print(result.stdout.decode("utf-8"))
+
+
 
 if __name__ == "__main__":
     main()

starfyre/component.py

@@ -17,14 +17,20 @@ class Component:
     html: str = ""
     css: str = ""
     js: str = ""
+    original_name: str = ""
     # on any property change, rebuild the tree
+
 
     def render(self):
         pass
 
     @property
     def is_text_component(self):
         return self.tag == "TEXT_NODE"
+
+    @property
+    def is_slot_component(self):
+        return self.tag == "slot"
 
     def __repr__(self):
         return f"<{self.tag}> {self.data} {self.children} </{self.tag}>"

starfyre/dom_methods.py

@@ -29,7 +29,7 @@ def is_attribute(name):
     css = ""
     js = "\n"
     if parentElement is None:
-        parentElement = Component("div", {"id": "root"}, [], {}, {}, uuid=uuid4())
+        parentElement = Component("div", {"id": "root"}, [], {}, {}, uuid=uuid4(), original_name="div")
         component.parentComponent = parentElement
 
     tag = component.tag
@@ -91,9 +91,12 @@ def is_attribute(name):
     if not component.is_text_component:
         html += f"{prop_string} >"
 
+
+
     # Render children
     children = component.children
     # childElements.forEach(childElement => render(childElement, dom));
+
     for childElement in children:
         childElement.parentElement = component
         new_html, new_css, new_js = render_helper(childElement)
@@ -104,6 +107,7 @@ def is_attribute(name):
     html += f"</{tag}>\n"
 
     component.html = html
+
     return html, css, js